/* CSS Document */

body{ margin:0;  background:#f0f4f7; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height:19px}

#container{margin: 0 auto; width:988px; background:url(../images/fondo.png) repeat-x #f0f9ff; border-left:1px solid #FFF; border-right:1px solid #FFF}

/*HEADER*/
.header{}

/*CONTENEDOR DEL CONTENIDO CENTRAL Y LATERAL*/
.contenido{width:948px; margin:0px 20px; padding-top:18px; background: url(../images/lineaHor1pxcel.gif) top repeat-x;}
.contenido a{text-decoration:none}
.contenido a:hover{ color:#123474; text-decoration: underline}

/*CONTENIDO PRINCIPAL*/
.columnaCentral{width:734px; float:left}

/*CONTENIDO LATERAL*/
.contenidoLateral{ width:183px; padding-left:17px; margin-bottom:30px; float: right; background: url(../images/lineaVer2px.gif) repeat-y left;}

/*::::::::::::::::::::::::::::::::::::::HEADER::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*IFRAME*/
.iframeCont{ position:absolute; width:220px; height:150px; border:none;}
.iframeCont2{position:relative; width:220px; height:150px;}
.iframe1{position:absolute; width:250px; height:50px; top:50px; z-index:-1}
.iframe2{position:absolute; width:220px; height:50px; top:50px; z-index:-1}


.headerLogo{height:108px; width:988px; background:url(../images/header.jpg) no-repeat}
.linkHome{position:absolute;}


.buscador{ width: 250px; float:right; margin:41px 55px 0 0;}	
.buscador label{ color:#575757; font-size:11px; text-transform:uppercase; float:right; margin-right:3px}
.buscador .inputText{ background:url(../images/buscadorInput.gif) no-repeat; float:right; border:0; height:16px; width:176px; font-size:11px ; color:#414141}
.boton{ width: 56px; height: 14px; float:right; margin-top:9px; background:#000000; border:none; text-decoration:none; color:#FFFFFF; font-size:9px; text-align:center; padding-bottom: 2px}	
	
.buscadorFondo{ float:right; background:url(../images/buscadorInput.gif) no-repeat top; width:176px}
.botonLista{float:right}

			
/*IMAGEN ALEATORIA*/
.imagenAleatoria{ margin: 0 19px 0 19px}
.imagenAleatoria img{ background:center; border:2px solid #c0cfda}	
.mascara{ width:305px; height:43px; background:url(../images/mascara-foto.png); position:absolute}

/*MENU*/

.Menu{ width:740px; height:48px; float: left; margin:4px 0 3px 20px;}
.menuInternaMargen{height:54px}
#one-ddheader {width:241px; height:48px; padding: 0 5px 3px 0px; cursor:pointer; background:url(../images/menu1.gif) no-repeat}
#two-ddheader {width:241px; height:48px; padding: 0 5px 3px 0px; cursor:pointer; background:url(../images/menu2.gif) no-repeat}
#three-ddheader {width:241px; height:48px; padding: 0 5px 3px 0px; cursor:pointer; background:url(../images/menu3.gif) no-repeat}
.dropdown p{padding: 26px 0 0 12px; font-weight:bold; font-size: 15px; color:#fff}
.dropdown ul li{ font-weight:normal; font-size: 12px; color:#fff; padding: 5px 0; list-style:none}
#one-ddcontent .listaSub{margin:0; width:241px; background:url(../images/menu1fondo.gif) repeat-y #18416e;}
#two-ddcontent .listaSub{margin:0; width:241px; background:url(../images/menu2fondo.gif) repeat-y #375a7e}
#three-ddcontent .listaSub{margin:0; width:241px; background:url(../images/menu3fondo.gif) repeat-y #5d7b9a}
#one-ddcontent .underline{border-bottom:1px solid #1e518b; margin-right:30px;}
#two-ddcontent .underline{border-bottom:1px solid #3f6ea6; margin-right:30px;}
#three-ddcontent .underline{border-bottom:1px solid #a9bbd1; margin-right:30px;}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:6px 12px; color:#fff; text-decoration:none;}
.dropdown .primera{padding-top:0}
.dropdown .ultima{ padding-bottom:0}
.dropdown {float:left; margin:0;}
.dropdown .contenidoMenu {position:absolute; overflow:hidden; width:241px; display: none; z-index:200; margin-top:0}
.dropdown .listaSub {list-style:none; border-top:none; padding:0 12px}
.dropdown .sub {display:inline}
.dropdown a:hover {color:#a9bbd1}	
	
/*BOTON IDIOMA*/
		
.botonDegradado{float:right; margin:33px 20px 0 0; width:200px}
.botonDegradadoInt{float:right; margin:0 20px 0 0;}

.botonborde{ height: 19px; width:3px; background:url(../images/boton-borde.gif) no-repeat left; float:right;}
.botonFondo{ height: 19px; background:url(../images/boton-degradado.gif) no-repeat right; float:right;}
.botonFondo a{ color:#FFF; text-decoration:none; font-size:11px; font-weight:bold; padding:2px 6px 0 6px}
.botonFondo p{ padding-top:0px }



.datosheader{clear:both}
.navegavilidad h5{ float:left; text-align:left; margin:0 0 0 20px; color:#5b5b5b; font-size:11px; font-weight:normal}
.navegavilidad a{ text-decoration:none;  color:#5b5b5b; font-weight:bold}
.navegavilidad a:hover{ text-decoration: underline;  color:#5b5b5b}
.fecha{color:#5b5b5b; font-size:11px; font-weight:normal}
.fecha h5{float:right; margin:0 20px 0 0; color:#5b5b5b; font-size:11px; font-weight:normal}

	
/*::::::::::::::::::::::::::::::::::::CONTENIDO::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/	
	
/*BOX GENERICO QUE APLICA A TODOS LOS BOXES DEL SITIO*/ 

/*BOX VENTANA PRINCIPAL CON HEADER AZUL*/
	
.headerSeccion{height:24px; background:url(../images/headerVentazul.gif) no-repeat;}              
.headerSeccion h3{ font-size:14px ; font-weight: bold; color:#FFF; margin:0 0 0 10px; padding:3px 0 0 0}
.contenidoSeccion{ background-color:#feffff; padding:20px 41px 70px 25px}
.contenidoSeccion h1{ font-size:24px; font-weight:bold; color:#153278; line-height:27px}
.contenidoSeccion h2{ margin:0; font-size:16px; font-weight:bold; color:#415fa7; text-transform:uppercase}
.contenidoSeccion h5{ font-size:13px; font-weight:normal; margin:0 0 25px 0}
.contenidoSeccion a{ color:#123474; text-decoration:none}
.contenidoSeccion a:hover{text-decoration: underline}
.contenidoSeccion h4{ margin:16px 0 12px 0; font-size:13px; color:#414141}
.contenidoSeccion .fecha{color:#5b5b5b; font-size:11px; font-weight:normal; margin:0}
.contenidoSeccion .sinMargin{ margin:2px 0}
.contenidoSeccion .padding{ padding-top:0}
.faq h4{ font-size:14px}

.contenidoLateral a{ color:#414141; text-decoration:none}
.contenidoLateral a:hover{color:#123474; text-decoration: underline}


.columnaEntera ul{ margin:20px 0 0 0}			
.columnaIzq{float:left; width:450px; font-size:13px} 
.columnaIzq .salto{ margin:19px 0}
.saltoSup{ margin:19px 0 0 0}
.columnaDer{float:right; width:187px;}
.columnaDer img{ padding:6px 3px; border:1px solid #d3d3d3;}
.columnaDer ul li{margin:0 0 14px 0}

/*Cambios para corregir paginas con ul*/
.columnaIzq ul, .columnaIzq p { margin:5px 0 10px 0}
.columnaIzq ul li{ list-style:disc outside; padding-left:10px; margin-left:30px}
ol li{ list-style:decimal inside!important; padding-left:13px; margin-left:5px;}

.resetUl {
	margin: 0px!important;
}

.resetLi {
	margin-left: 0px !important;
	padding-left: 0px !important;
	list-style: none !important;
}

/*Fin cambios*/

.dosCol{float:left; width:213px; margin:20px 0 0 0;}

.dosColumnas{float:left; width:320px; margin:20px 0 0 0}
.dosColumnas p{font-size:12px}	
.dosColumnas ul{ padding:20px 0 10px 0}
.dosColumnas .superior{ padding:20px 0 0px 0}
.derecha{ margin-left:17px; float:left}

.lineahor3px{ background:url(../images/lineaHor3pxazul.gif) repeat-x; height:3px; margin-top:15px}
.lineahor1px{background: url(../images/lineaHor1pxgris.gif)  bottom repeat-x; padding:0 0 15px 0}


/*NUMERACION PAGINAS*/
.paginas{ text-align:center; margin-top:40px}
.anterior{ margin-right:40px}
.siguiente{ margin-left:40px}
.numeracion a{ padding:0 3px; text-decoration:none;color:#424242}

.numeracion a:active{ text-decoration:underline; color:#123474; font-weight:normal}
.numeracion a:visited{ color:#424242; font-weight:bold}
.numeracion a:hover{ text-decoration:underline}

	
	
	
/*VINETAS*/	
.vineta{ border:none; color:#163379; margin:0 0 20px 0px; font-size:13px}
.imprimir li{ background:url(../images/icono_imprimir.gif) no-repeat 0.2em; padding-left:37px}
.columnaDer .hoja{padding: 10px 0}
.hoja h4{ font-size:13px; margin:8px 0}
.hoja li{ background:url(../images/icono_hoja.gif) no-repeat 0.2em; padding:0 0 0 30px}


		
.vinetaRedonda{text-decoration:none; color:#153278;list-style-type:none; margin:0px;}
.vinetaRedonda li{background:url(../images/vinetaCirc.gif) no-repeat 0.1em 0.3em; padding-left:30px; margin:10px 0}
.vinetaRedonda h4{margin:5px 0; font-size:13px; font-weight:bold;}
.vinetaRedonda p{ color:#414141}
.vinetaRedonda a{text-decoration:none; color:#153278}
.vinetaRedonda h4:hover{text-decoration: underline}

	

/*BANNER DEGRADADO*/
.bannerDegradado{font-size: 13px; background: url(../images/fondo-degradado.png) repeat-x top; border: 1px solid #d3d3d3;}
.bannerDegradado ul{padding:10px}		
.bannerDegradado h4{ margin:5px 0; font-size:13px}
.bannerDegradado h4:hover{ text-decoration:underline}
.bannerDegradado p{margin-top:5px}	

 
/*BOXES CONTENIDOS*/
.box h4{ margin:0 10px 0 0; font-size:14px; font-weight:bold; color:#414141;}
.box h4:hover{ text-decoration:underline; color:#153278; cursor: pointer}
.box p{margin: 10px 10px 10px 0px; font: 13px Arial, Helvetica, sans-serif; color:#414141}
.box ul li{margin-bottom:17px}
.box ul li img{margin:0 20px 10px 0}
.box .bordeCabezal{float:right; margin-right:0}	
	
	
/*SUBCABEZAL GRIS CON BORDES LATERALES*/
.boxHeader{height:26px; background:url(../images/cabezal.gif) no-repeat;}
.boxHeader h3{ float: left; font-size: 14px; font-weight:bold; margin: 0 0 0 15px; padding-top:5px; color:#3a4248}	
.boxHeader img{float: right}

/*SUBCABEZAL GRIS SIN BORDES LATERALES*/
.boxSubheader{height:30px; background:url(../images/subcabezal.gif) no-repeat;}
.boxSubheader img{float: right; margin-right:0}
.boxSubheader h3{ float:left; margin: 0 0 0 9px; padding-top:7px; font-size:11px; font-weight:bold; color:#414141; text-transform:uppercase}

/*COMBOBOX*/
.formHeader{ text-align:right; float:right; padding:5px 35px 0 0}
.formHeader .otrosCursos{ float:left; margin: 3px 14px 0 0; font-size:11px; font-weight:bold; color:#414141; text-transform:uppercase;}

.formHeader .comboCursos{ width:210px; background: url(../images/fondo-form-cursos.gif) no-repeat}
.formHeader option{ background:#FFF}
.formHeader select{ width:160px; float:left; background:url(../images/fondo-form.gif) no-repeat; border:0; padding: 0 0 0}
.formHeader a{color:#123474; text-decoration:none}



/*FORMULARIOS*/
.busqueda{ font-weight:bold}
.formulario{margin:10px 0; padding:0 10px 0 0;}
.formulario h3{ margin:0 0 0 0; text-transform:uppercase}
.formulario label{ float:left; display:block; width: 190px; font-weight:bold; text-align:right}
.formulario ul{ clear:both}
.formulario ul li{margin:0 0 10px 0; float:left}
.formulario .formFondo{width:230px; height:20px; float:right; background: url(../images/fondo_input.gif) no-repeat left; display:block}
.formulario .errorUsuario{color:#FF0000; margin:5px 0 0 0; text-transform:none; font-weight:bolder; font-size:13px}
.formulario .usuario{ width:auto; float:right}

#eliminarConsulta, #agregarConsulta {
	width:150px;
	float:left;
	marign-left:15px
}

.formulario .eliminarConsulta{ float: left; margin-left:15px}

.formulario input{width:220px; border:0; background:none; margin:1px 0px; display:block; padding:0 4px}

.formulario select{width:225px; border:0; background:none; margin:1px 3px 1px 3px; display:block}

.formulario .textArea{ float: right; margin:0; width:230px}
.formulario textarea{ font-family:Arial, Helvetica, sans-serif; font-size:13px}

.contenidoSeccion .boton2{height:19px; background:black; text-transform:uppercase; font-weight:bold; font-size:10px; cursor:pointer; color:#FFF; padding:0 10px 3px 10px; border:0; width:auto}

.registro .boton2{ width:auto; clear:both}
.registro label { width:190px; padding-right:20px}
.registro a{ text-decoration:underline}

.consulta{padding:14px 10px 30px 0px}
.consulta h3, .consulta p{ padding-left:10px}
.consulta textArea{ width:230px; height:60px; margin:0 0 10px 0; float:right; background:url(../images/fondo-form_text.gif) no-repeat; border: 0}


.personales{ height:192px;}
.check{ float:left; width:230px}
.check label{ width:30px; float: left; text-align:left}
.check input{ width:20px; float: left; margin:0 0 0 15px}


.aņadirConsulta{ margin:50px 0 0 0}
.aņadirConsulta input{ background:none; width:137px; height:19px; float:left; margin:8px 0 0 15px;}


.disclaimer{ clear: both}
.disclaimer ul li{ float:left}
.disclaimer input{ width:10px; margin:0 10px 0 0}
.disclaimer p{width:425px}




/*VENTANAS HOME*/

/*Ventana Destacamos*/
.columnaCentral h4{ color:#414141}
.boxAnchototal{width:734px; background: url(../images/fondo-ventanas.png) repeat; margin-bottom:15px;}
.boxAnchototal a, .boxIzquierda a, .boxDerecha a { color:#414141}
.boxAnchototal ul li{float:left; width:352px; color:#414141; padding:10px 5px 10px 10px; margin: 10px 0;
background: url(../images/lineaVer1px.gif) repeat-y right}	
.boxAnchototal .boxder{ background:none}

.boxIzquierda{ float:left; width:365px;background: url(../images/fondo-ventanas.png) repeat; margin-right: 4px; padding-bottom:22px}
.boxDerecha{ float:left; width:365px; background: url(../images/fondo-ventanas.png) repeat}

	
/*Ventana Últimas Noticias y Ultimos Contenidos*/
.box2columnas ul li{clear:both; margin:0px 5px 0px 10px; padding:20px 0 17px 0; background:url(../images/lineaHor1pxgris.gif) bottom repeat-x}
.box2columnas ul li h4{font-size:14px; font-weight:bold; color:#414141; margin:0 10px}
.box2columnas ul li p{margin: 10px 10px 0px 10px; font-size:13px; color:#414141}

.boxDerecha ul li{ padding-top:0; margin:0; background: none}
.boxDerecha ul li h4{ margin-top:20px}
.boxDerecha .box2columnas ul li p{ margin:10px 10px 0px 10px}

.upperNorm{ text-transform:uppercase; font-weight:normal; font-size:13px}
.upperBold{ text-transform:uppercase; font-weight:bold; font-size:13px}


/*DIRECTORIO*/
.directorio{ margin:20px 0 0 0; width:660px;}
.directorio li{ width:650px; clear:both}

.Nombres {width: 230px; display:block; float:left}
.datos {float:left; width:310px}
.bold{ font-weight:bold}
.directorio h2{ clear:both; margin:10px 0 0 0; padding-top:15px}

.boxHeader .abcedario {color:#666b6f;}
.boxHeader .abcedario a{text-decoration:none; color:#394249;}


.textCenter{ text-align:center}
.sinMargin{ margin:0}
.padding a{ padding:0 5px}
.padding{ padding-top:0}
.clear{ clear:both}
.borde{ border:1px solid #cecece}
/*.derecha{ float:right}*/


/*HISTORIA*/
.cargos{margin: 0 0 15px 0}
.cargos li{ clear:both}

/*ALERGOLOGOS*/
.mapa{text-align:center}
.cincoColumnas {clear:both; padding-top:15px; background:url(../images/lineaHor1pxcel.gif) repeat-x top}
.cincoColumnas ul{width:118px; height:168px; float:left; padding-left:15px;}
.marginBot{ margin:0 0 40px 0}

.listadoNombre{width:215px; float:left; margin:20px 10px 10px 0}
.listadoNombre ul li{margin:0}
.listadoNombre li h3{ margin:0; font-size:14px; font-weight:bold; color:#404040}
.comarcas{clear:both; margin-bottom:25px}


/*CONTENIDO LATERAL (LOGIN Y BANNERS)*/

/*Login*/
.login{ margin-bottom:10px; background:url(../images/fondo_log.png) repeat-x; border: 1px solid #FFF; padding:10px}
.login label{ font-size:11px; color:#575757}
.login .inputTextFondo{background:url(../images/loginInput.gif) no-repeat top; width:158px; height:20px; border:none;}
.login .inputText{width:152px; height:16px; border:none; margin:0px 0 0 3px; font-size:13px; color:#1d1d1d}
.login .boton{float:right; margin:0; color:#FFF; background: #000; border:none; font-size:7pt; text-align:center}

.error{ font-size:11px; color:#F00; padding:0 0 10px 0; line-height:12px}
.logeado a{ color:#414141}

	
.concentraciones{width:183px; height:149px; margin-bottom:10px; background:url(../images/fondo-degradado.png) repeat-x; border: 1px solid #d1d1d1; padding:0 0 5px 0}
.concentraciones h3{ margin: 5px 0 5px 9px; font-size:12px; font-weight:bold; color:#353535;}
.concentraciones ul li{ font:12px Arial, Helvetica, sans-serif; color:#353535; list-style: url(../images/vineta.gif); margin-left: 25px}
.concentraciones img{ margin: 3px}

.acadi{margin-bottom:10px; border:1px solid #d1d1d1}

.lineahor{ background:url(../images/lineaHor1pxgris.gif) repeat-x; height:6px}
.lineaVert{ background:url(../images/lineaVer1px.gif) repeat-y left}

.logos { margin:0 0 10px 0}
.logos h5{ margin: 0px 0 5px 0; font-size:11px; font-weight: normal; color:#5b5b5b}
.logos img{ border:1px solid #d1d1d1}


.popup{ padding: 10px; background: url(../images/fondo-degradado.png) repeat-x  center}
.popup a{ float:right}
.popup h3{ margin:0}
.popup form{ margin-right:20px}
.popup .formFondo{ float: right; height:20px; background: url(../images/fondo_input.gif) no-repeat center;}
.popup .inputText{ float: right; width:215px; border:0; height:18px; padding:0 3px; font-size:12px; margin:1px 4px 0}
.popup input{ float:right; margin:10px 0 0 0}
.popup label{ float:right; margin-right:15px}
.popup h3{ font-size:14px ; font-weight: bold; color:#414141; margin:0px; padding:3px 0 0 0}
.botonEnviar{width:auto; height:19px; background:black; text-transform:uppercase; font-weight:bold; font-size:10px; cursor:pointer; color:#FFF; padding:0 10px 3px 10px; border:0; float:left; margin-top:10px}
.datosacceso{ width:400px; height:130px}
.okay{ width:400px; height:75px;}
.popupError h4{ color:#F00}





/*FOOTER*/

.footer{width:988px; height:332px; background: url(../images/footer.jpg) no-repeat center}
.footerTexto{text-align:center; font:13px Arial, Helvetica, sans-serif; color:#FFF; padding-top:240px}
.footerTexto a{color:#FFF; text-decoration:none}
.footerTexto a:hover{color:#FFF; text-decoration: underline}