@charset "utf-8";
/* CSS Document */


img {max-width:100%;}

#menunuevo{width:100%;
			max-width:996px;
			background-color:#02417e;
			font-size:12px;
			z-index:12;
			}

#banner2{width:158px; height:160px; background-color:#966; overflow:hidden; float:right; position:relative; margin-left:650px;}


			
.texto{font-family:Verdana, Geneva, sans-serif; font-size:11px; width:100%; line-height:200%;}

			
#sidefin2{
	width:100%;
	max-width:240px;
	height:100%;
	float:right;
	margin-left:0px;
	padding:10px;
	background-color:#93D5F4;
	line-height: 14px;
	margin-top:58px;

}


#sidefin2 h5 { background-image: url(../img/temaside.png) ; background-position:top left; background-repeat:no-repeat ; padding-left: 20px;  }


#articuloscont{width:100%; max-width:700px; height:100%; float:left; margin-top:23px; margin-bottom:0px; position:relative;}
#articuloscont2{width:100%; max-width:650px; height:100%; float:left; margin-top:60px; margin-bottom:0px; position:relative; }

#articulos{width:48%; max-width:296px; height:auto; float:left; margin-right:28px; margin-bottom: 0px; position:relative; background-color:#9CD9F5;  padding: 13px 20px 14px 20px; }

#articulos2{width:48%; max-width:296px; height:auto; float:left; margin-right:0px; margin-bottom: 0px; position:relative; background-color:#9CD9F5;  padding: 13px 20px 14px 20px; }

#quienes #articulos {  margin-bottom: 20px; }

#quienes #articulos2 {  margin-bottom: 20px; }


#articulos h5 { background-image: url(../img/tema.png) ; background-position:top left; background-repeat:no-repeat ; padding-left: 25px; min-height: 25px; line-height: 20px; }
#articulos2 h5 { background-image: url(../img/tema.png) ; background-position:top left; background-repeat:no-repeat ; padding-left: 25px; min-height: 25px; line-height: 20px; }


#textogrande{font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:170%; color:#000;}

#contenedorcolumna{width:100%; min-width:600px; height:600px; padding:0px; position:relative;}

#bienvenidos{ width:58%; height:auto;  float:left; overflow:hidden; margin: 0px; } 
#bienvenidos p {font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:2em; margin: 0px;  }
#bienvenidos2{font-family:Verdana, Geneva, sans-serif; font-size:20px; width:390px; line-height:100%; height:100%; float:left; margin-top:30px; } 
#bienvenidoscaja{ font-size:20px; line-height:60%; min-width:650px; width:100%; height:50px; float:left; margin-top:-10px; z-index:1; border-bottom:solid 3px #0267c6;   } 
#quienes{font-family:Verdana, Geneva, sans-serif; font-size:13px; width:100%; line-height:150%; height:100%; float:left; max-width:700px; margin-top:15px; }

#junta{width:310px; height:210px; float:left; border:3px solid #9CD9F5; padding:10px; text-align:center; margin-left:10px; margin-bottom: 10px;  }
#junta2{width:310px; height:245px; float:left; border:3px solid #9CD9F5; padding:10px; text-align:center; margin-left:10px; margin-bottom: 10px;  }
		
.clear{clear:both}

#separador{width:100%; max-width:650px; height:100%; height:108px; margin-top:40px; margin-bottom:25px; border:0px solid #030;}
#logos{width:100%; max-width:100px; height:108px; float:left; margin-left:10px; position:relative; }
#logosbox{width:100%; min-width:220px; height:auto; margin-right:-40px; float:right;}

#pagen { width: 150px; height: 25px; margin: 0 auto; }

#pagen a { width: 30px; height: 20px ; display:block ; border:#4394D6 1px solid; background-color: #cfe4f5 ; text-align:center; float:left; }



body{

	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 

	font-size:10px;

	color:#05731d;

	margin-top:0px;

	margin.bottom:0px;

	text-align:justify;

	background:#0267c6;
	height: 100%;

	}

ul{

	padding:0px;

	margin:15px;

	}



a:link{

color:#0f2d87;

font-weight:bold;

text-decoration:none;

}



a:hover{
	color:#46a3fc;
	font-weight:bold;
	text-decoration:none;
}

#contenedor{
	width:100%;
	max-width:994px;
	height:100%;
	background:#fff;
	padding:3px;
	margin:0 auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#banner{
	width:100%;

	max-width:994px;
	
	height:100%;

	max-height:160px;

	margin:0 auto;

	padding:0px;
	
	background-color:#3578b8;
	}

#cuerpo{

	width:100%;
	
	max-width:996px;

	padding:0px 0px;

	overflow:hidden;
	
	background-repeat:no-repeat;
	
	background-position:right;

	}
	
	#fotodr{
	width:170px;
	max-width:170px;
	max-height:170px;
	margin-left:0px;
	margin-top:17px;
	padding:15px 35px 10px 35px;
	background-color:#9CD9F5;
	margin-bottom: 20px;
	line-height: 8px;
}

	#fotocont{
	width:100%;
	max-width:175px;
	float:right;
	margin-left:0px;
	margin-right:80px;
	padding:0px;
}






#MenuCompleto{

	width:152px;

	float:left;

	overflow:hidden;

	background:;

	padding:5px;

	}

.name{line-height:14px; font-size:11px; padding-left:10px;}


#MenuCompleto li{

text-align:left;

list-style:none;

height:35px;

line-height:35px;

border-bottom:dashed 1px #CCC;

padding-left:5px;

margin-left:-16px

}

#MenuCompleto li:hover{

height:35px;

line-height:35px;

background:#034512;

}



#caja{

	width:100%;
	
	max-width:700px;

	float:left;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:10px;

	color:#000;

	text-align:justify;

	margin-top:15px;
	
	margin-left:15px;

	}
	
#cajamargen{

	width:100%;
	
	max-width:650px;

	float:left;

	font-size:10px;
	
	margin-bottom:40px;
	}	



#caja a:link{

	color:#46a3fc;

	text-decoration:none;

	}

	#caja a:active{

	color:#0267c6;

	text-decoration:none;

	}

	#caja a:visited{

	color:#0267c6;

	text-decoration:none;

	}

	

#footer{

	margin-top:0px;

	border-top: solid 3px #0267c6;

	width:100%;
	
	max-width:994px;
	
	min-width:200px;

	height:100%;;

	clear: both;

	line-height:10px;

	color:#666;

	text-align:center;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:10px;

	font-weight:bold;

	padding-top:5px;

	}

	

#footer a:active{

color:#46a3fc;

font-weight:bold;

text-decoration:none;

font-weid: bold;

}

#footer a:link{

color:#46a3fc;

font-weight:bold;

text-decoration:none;

font-weid: bold;

}

#footer a:visited{

color:#009;

font-weight:bold;

text-decoration:none;

font-weid: bold;

}

#footer a:hover{
	color:;
	font-weight:bold;
	text-decoration:none;
	font-weid: bold;

}



#bannerHome{

	float:right;

	margin-left:10px;

	width:163px;

	height:200px;

	}

H1{

	text-align:left;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:22px;

	font-weight:bold;

	color:#0267c6;

	margin-bottom:15px;
	line-height:100%;

	}
H5{

	text-align:left;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:16px;

	color:#0f2d87;

	margin-bottom:15px;
	margin-top:0px;
	
	line-height:100%;
	}	
	
.linea {
	border-top:2px solid #0F2D73;
	width:220px;
	height:118px;
	background-color:#D7EFFB;
	margin-left:10px;
	overflow:hidden;
	margin-bottom:26px;
}

h3{

	text-align:left;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:14px;

	font-weight:bold;

	color:#0267c6;

	margin-bottom:15px;

	text-align:center

	}


	.img2{

	float:right;

	margin:3px 0px;

	margin-left:5px;

	}

#TablaMedicos{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:10px;

	color:#000000;

	}

#TablaMedicos td{

	background:#f2f2f2;

	border:solid #CCCCCC 1px;

	}

#MenuMedicos{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:10px;

	}

.medicos{

font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;
	
	text-align:center;

	color:#000000;

	border:0;
	
	line-height:100%;

	}

.medicos td{

	border:solid 1px #ccc;
	
	padding:2px;

}

.relevante{

	color:#FF0000;

	font-weight:bold;

	}

#contactenos{

	width:500px;

	font-size:10px;

	margin:auto;

	border:1px solid #ccc;

	}

#contactenos input{

	font-size:10px;

	font-weight:bold;

	color:#003300;

	}

#contactenos textarea{

	font-size:10px;

	font-weight:bold;

	color:#003300;

	}
	
	/*Style Menu responsive*/
	
body, nav, ul, li, a  {margin: 0; padding: 0;}
body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
a {text-decoration: none; color:#0f2d87;}
.titulosdr {
color:#46a3fc;;

font-weight:bold;

text-decoration:none;}



.container {
    width: 100%;
    max-width: 996px;
	min-width:350px;
	height:100%;
    margin: 0 auto;
}
.toggleMenu {
    display:  none;
    background: #013463;
    padding: 10px 15px;
    color: #fff;
}
.nav {
    list-style: none;
     *zoom: 1;
     background:#0859a7;
}







.nav li { z-index: 18 ; }

.nav ul a.parent { height: 30px ;}

.nav ul li a.parent { height: 30px ;}

.nav li li a { height: 10px ; }







.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 9em;
}
.nav a {
    padding: 10px 10px;
    color:#fff;
}

.nav ul a:hover {background-color: #024687;
}
.nav li {
    position: relative;
}
.nav > li {
    float: left;
    border-top: 1px solid #024687;
}
.nav > li > .parent {
    background-image: url("../img/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li > a {
    display: block;
	padding-left:27px;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
	padding-left:10px;
	width:100%;
	min-width:190px;
}




.nav > li.hover > ul {
    left: 0;
	padding-left:20px;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
    display: block;
    background: #0859a7;
    position: relative;
    z-index:100;
    border-top: 1px solid #9CD9F5;
}
.nav li li li a {
    background:#024382;
    z-index:200;
    border-top: 1px solid #034382;
	
}

@media screen and (max-width: 600px) {
    .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("../img/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
	.nav li  ul { width: 90%; }
	
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }

#contenedor #cuerpo #caja p {
	color: #000;
}
#contenedor #cuerpo #caja #contacto #contactenos tr td {
	color: #3578b8;
}

.image-row a img { margin: 4px 4px 4px 4px !important ; }

}


@media screen and (max-width: 600px) {
	
#contenedor	#fotoncont { 
	width:100% !important;
	max-width:275px !important;
	float:left !important;
	display:inherit;
		position: relative !important
	 }
	 
	 
	 
#contenedor	#fotodr{
	width:100%;
	max-width:200px;
	max-height: 300px !important;
	float:left !important;
	margin-left:0px;
	margin-top:17px;
	padding:15px 35px 10px 35px;
	background-color:#9CD9F5;
	margin-bottom: 10px;
	line-height: 8px;
}


#contenedor #logosbox{width:50% !important; min-width:288px !important; height:auto; margin-top:10px !important; margin-bottom:10px !important; float:left !important;}
	
#contenedor #logos{width:100%; max-width:100px !important; height:108px !important; float:left !important; margin-left:10px; position:relative !important; margin-right: 20px !important; margin-left: 20px !important; }
	
#contenedor div {	display: block !important;	/* Cuando el ancho sea inferior a 600px el elemento será un bloque */
		width: 100% !important;
		max-width: 100% !important;
		margin: auto !important;
		position: static !important;
		float: none !important;

	}
	
#quienes div{ {	display: block !important;	/* Cuando el ancho sea inferior a 600px el elemento será un bloque */
		width: 100% !important;
		max-width: 100% !important;
		margin: auto !important;
		position: static !important;
		float: none !important;

	}
	


#contenedor {	/* Este es el delimitador para que la página no sea excesivamente grande */
	max-width: 994px;
	margin:auto;

}

#sidefin2 {max-width:240px; margin-left:10px;}

#bienvenidos {padding: 20px; margin:auto;}

#logos {margin-left:20px;}

#slidecontenedor{width:100%; 
				max-width:994px; 
				height:100%;
				position:relative;
				}

#fotodr {float: none;}	



}