/* CSS Document */
html,body{
	margin:0;
	padding:0
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	background-color:#EFEFEF
}

/* Configuraciones generales Links, HR, */

a:link{	text-decoration:none;color:#0033FF}
a:visited{ color:#0033FF;text-decoration:none;}
a:active{ color:#f00; text-decoration:none;}
a:hover { color:#551a8b; text-decoration: underline;}

hr {
  	border: 0;
  	width: 98%;
	background-color: #EFEFEF; 
}
	
div#header{
	width:100%;
	overflow:hidden;
	background:#5C5F8F; 
	text-align:center;
}

/* Menu Tabs bordes redondos */
div#menu{width:770px;margin:0 auto;text-align:left; margin-top:5px}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{float:right;font-size: 90%}
ul#nav li{float:left;margin-left: 3px;text-align: center; font-weight:bold}
ul#nav a{float:left;width: 95px;padding: 5px 0;background: #C4CBE7;text-decoration:none;color: #666}
ul#nav a:hover{background: #fff;color: #000}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #FFF;color: #003}

/* Contenido principal */
div#container{
	width:770px;
	/*margin:0 auto 10px;*/
	margin:0 auto 5px;
	text-align:left;
	background:#FFFFFF;
	border-right:#E6E6E6 1px solid;
	border-left:#E6E6E6 1px solid;
}

/* Pie de pagina*/
div#foot{
	width:100%;
	overflow:hidden;
	background:#FFFFFF; 
	text-align:center; 
	border-top:1px solid #CCCCCC;
	font-size:11px; 
	color:#666666;
	padding-top:5px;	
}

/* Estilo de las listas automaticas UL */
ul.list {
	list-style : url(../img/bullet.gif);
	font-weight: normal;
}

ul.list li{
	font-weight: normal; 
	padding-bottom:5px;
}

/* Separadores de contenidos */
.margenL { border-left:#EFEFEF 1px solid }
.margenR { border-right:#EFEFEF 1px solid }

/* Para formularios */
.estiloform {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }
.estiloform-area {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; }


/* Estilos para textos*/
.titulo_naranjo {font-size: 18px;color: #FF9900;}
.titulo_gris {font-size: 18px; color: #666666; }
.subtitulo { font-size: 14px;color: #666666;font-weight: bold;}
.numero_resultado {	font-size: 20px;color: #CCCCCC;font-weight: bold;}
.texto_menor { font-size: 11px;color: #333333;}
.texto_menor_suave { font-size: 11px;color: #999999;}
.texto-suave {color: #999999}


/* Estilo Menu simple para interior de las paginas*/

.basictab{
padding: 3px 0;
margin-left: 0;
font: bold 12px Arial;
border-bottom: 1px solid gray;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.basictab li{
display: inline;
margin: 0;
}

.basictab li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid gray;
border-bottom: none;
background-color: #f6ffd5;
color: #2d2b2b;
}

.basictab li a:visited{
color: #2d2b2b;
}

.basictab li a:hover{
background-color: #FFFFFF;
color: black;
}

.basictab li a:active{
color: black;
}

.basictab li.selected a{ /*selected tab effect*/
position: relative;
top: 1px;
padding-top: 4px;
background-color: #FFFFFF;
color: black;
}

/*** Libreria con Divs - cajas de bordes redondos ****/

div#box-1{
	/*width: 250px;*/
	padding: 20px;
	margin:0 auto;
   	background:#E8EEF4; /* Fondo celeste claro*/
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}	 

div#box-2{
	/*width: 250px;*/
	padding: 20px;
	margin:0 auto;
   	background:#FFFFD9; /* Amarillo suave*/
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div#box-3{
	width: 200px;
	padding: 20px;
	margin:0 auto;
   	background:#f6ffd5;	/*  Verde suave*/
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div#box-4{
	/*width: 250px;*/
	padding: 20px;
	margin:0 auto;
   	background:#EFEFEF;	/*  Verde suave*/
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}