/* CSS Document */



body {background-image: url(../img/bg.jpg); background-color:#ECECE4;
 	background-repeat: repeat-x; margin:0 auto; font-family:Arial, Helvetica, sans-serif; }
	
a:link { text-decoration:none; color:#333;}

a:visited {
	color:#333;
}


	
p.pregunta{ color:#555; font-weight:bold;

	
}	


p.respuesta { height:auto;}
.equipo{

	
	
	width: 50%;



}

.equipo:hover{

	cursor: pointer;
	color: black;
}
span.info{

	width:240px!important;
	height:100px!important;
	
	position: absolute;
	display: none;
	left:auto;
	margin-left:50px;
	margin-top: -30px!important;
	border-radius: 3px;
	padding: 5px;
	background: url('../img/fondo-tooltip.jpg') repeat-x #2FA4C7;
	

	
}
ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

span.info p{
	font-size: 12px;
	margin:0px!important;
	padding: 0px!important;
	color: white;
	text-shadow:none!important;
}

p.pregunta:hover{

	cursor: pointer;
	color: black;
}

.ocultar{

	float: none!important;
	display: inline;
	padding: none!important;
	margin: none!important;
	display: none;
	color: grey;
	font-size: 12px!important;
	text-decoration: none;
	margin-left: 15px!important;
}

#all {
    margin: 0 auto;
    width: 1022px;
	height:auto;
}

#header{
	width:994px;
	height:138px;
	margin: 0 auto;
	float:left;

}


#header #logo{
	width:340px;
	height:80px;
	float:left;
	margin:33px 10px;
}


#ceaht_menu { 
	width: 620px;
	height: 50px;
	float:left;
	margin: 85px 2px 0px 10px;

}





#content{
	width:1020px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	padding:0px;
}

#slider {width:1020px;
	height:298px;
	overflow:hidden;
	margin:0 auto;
	float:left;
	padding-left:13px;
}

/*--Slider--*/
/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
	
}
/*--Window/Masking Styles--*/
.window {
	height:300px;	width:994px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
	border:0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	right: 5px;
	top:250px;
	width: 178px;
	height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	width:4px;
	height:4px;
	background-image:url(bg-slider-a.png);
	background-repeat:no-repeat;
	background-position:center;
	padding: 8px;
	text-decoration: none;
	font-weight:bolder;
	color: #000;
	font-size:12px;
}
.paging a.active {
	background-image:url(/bg-poker-chip.png);
	background-repeat:no-repeat;
	background-position:center;
	color:#000;
	
	
}
/*--Fin Slider--*/


.box {
    width: 1020px;
    height: 315px;
    margin: 0 auto;
    position: absolute;
    top: 390px;
    z-index: 20;
	background-image:url(../img/bg_box.png);
}


.box_pos {

position:absolute;
}




.textos { width:230px; height:100px; margin:40px 0px 0px 40px; float:left;}

.content { width:900px; height:247px; margin: 40px 0px 0px 55px; }



#internas{
	width:1020px;
	background-image:url(../img/bg_internas.png);
	height:auto;
	margin:0 auto;
	padding:0px;

}

.titulos_internas { width:1020px; height:70px; background-image:url(../img/bg_titulos.png); float:left; }

.titulos_internas span { margin:35px 0px 0px 35px;
 	                     font-size: 18px;
                     	color: #0C609C;	
                     	text-decoration: none;
	                    outline: none;
	                    text-align: center;
	                    text-shadow: 0px 1px 1px #D6E2EA; float:left;}


.contenido_internas { width:1020px; height:auto; background-image:url(../img/bg_internas.png); float:left; background-repeat: repeat-y; margin:0 auto; }

.contenido_eventos { width:1020px; height:auto; background-image:url(../img/bg_internas.png); float:left; background-repeat: repeat-y; margin:0 auto; }

.contenido_internas span { width:950px;
                          margin:25px 0px 20px 35px;
 	                     font-size: 12px;
                     	color: #333;
					    line-height:22px;
                     	text-decoration: none;
	                    outline: none;
	                    text-align: left;
	                    text-shadow: 0px 1px 1px #F3F3F3; float:left;}
						
						
					.contenido_eventos b { width:950px;
                          margin:25px 0px 20px 35px;
 	                     font-size: 12px;
                     	color: #333;
					    line-height:22px;
						font-weight:normal !important;
                     	text-decoration: none;
	                    outline: none;
	                    text-align: left;
	                    text-shadow: 0px 1px 1px #F3F3F3; float:left;}	

#caja_eventos {float:left; width:480px; height:300px; margin: 15px 0px 0px 140px; font-size:12px; color:#333;}
						
						
.internas_min 		 { width:470px;
                          margin:25px 0px 0px 35px;
 	                     font-size: 14px;
                     	color: #333;
					    line-height:22px;
                     	text-decoration: none;
	                    outline: none;
	                    text-align: left;
	                    text-shadow: 0px 1px 1px #F3F3F3; float:left;}
						
						
.internas_min a:hover {opacity:0.6;
filter:alpha(opacity=60)}
										
						
.contenido_internas img { margin:20px 0px 30px 55px}

.final_internas { width:1020px; height:17px; background-image:url(../img/bg_final.png); float:left; }



#footer { width:995px; height:111px; margin: 300px 0px 4px 10px; float:left; }
#footer1{ width:995px; height:111px; margin: 30px 0px 4px 10px; float:left; }

/*--Equipo /medico--*/
#brands {background:url(img/bg-brand.jpg) #007EDA repeat-x;width:694px;height:34px; padding-left:12px;}
#brands #brands_box {padding:5px; margin:0;}
.brand {position:relative;float:left; width:68px; height:28px; margin:0;}
.brand a{color:#FFF; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;}
.2010{padding-left:40px;}
.brand em {background: url(img/bg-tooltip.png) no-repeat; width:179px;height:75px;position:absolute;top:0;left:-20px;z-index:2;display:none;padding:5px 20px 3px 5px;font-style:normal; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; margin-top:40px;}
.brand em img{ float:left; margin:3px;}
.brand em p{margin-top:15px;}
#description-history{ width:690px; height:auto; margin:20px 3px 3px 3px; padding:5px; background-color:#E0E1E1; float:left;}
#description-history p{width:690px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:3px; height:auto; overflow:hidden; font-weight:400;}
#description-history p .history-img-1{width:190px; height:255px; float:left; margin:8px;}	
#description-history p .history-img-2{width:275px; height:176px; float:right; margin:8px;}



/* Estilos Formulario de Contacto */


#contact-wrapper {
	width:412px;
	height:445px;
	padding:10px 20px 20px 20px;
	margin: 10px 10px 10px 15px;
	color:#333;
	font-size:12px;
}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:14px;
	width:auto;

}
form#contactform input {
	border:1px #B2D9F0 solid;
	background-color:#EDF7FE;
	padding:5px;
	font-size:16px;
	color:#333;
	-moz-border-radius:5px;  -webkit-border-radius:5px;  border-radius:5px;
	margin: 4px 0px 0px 0px;
	width: 378px;
}

form#contactform input.boton {
	border:1px #B2D9F0 solid;
	background-color:#EDF7FE;
	padding:5px;
	font-size:16px;
	font-weight:bold;
	color:#333;
	-moz-border-radius:5px;  -webkit-border-radius:5px;  border-radius:5px;
	margin: 4px 0px 0px 0px;
	width: 200px;
}


form#contactform input.boton:hover {
	border:1px #B2D9F0 solid;
	background-color:#EDF7FE;
	padding:5px;
	font-size:16px;
	font-weight:bold;
	color:#333;
	-moz-border-radius:5px;  -webkit-border-radius:5px;  border-radius:5px;
	margin: 4px 0px 0px 0px;
	width: 200px;
	cursor:pointer;
	opacity:0.6;
filter:alpha(opacity=60);
	
}


form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border:1px #B2D9F0 solid;
	background-color:#EDF7FE;
	-moz-border-radius:5px;  -webkit-border-radius:5px;  border-radius:5px;
	width: 376px;
}


#form-contacto{
	float:left;
	width:483px;
	height:505px;
	margin-left:5px;
}

#otras-formas-contacto{
	width:405px;
	height:708px;
	float:left;
	padding-left:15px;
	padding-top:23px;

}

#otras-formas-contacto .textos2{
	width:380px;
	height:10px;
	padding-left:15px;
	font-size:14px;
	color:#333;
	margin: 10px 0px 0px 20px;
	text-shadow: 0px 1px 1px #D6E2EA; float:left;
	
}


.iconos-contacto { margin:0px 8px 0px 0px; height:23px; width:23px; }

.contactenos {margin:5px 0px 0px 35px;}

.imgsecciones { float:left;  border: 1px solid #CCCCCC;
    border-radius: 6px 6px 6px 6px; margin: 3px 15px 0 0 !important;}
	
.imgbotones { float:left; margin: 3px 15px 0 0 !important;}

.imgbotones:hover { opacity:0.8;}
	
	
.imgquienes{ float:left;  border: 1px solid #CCCCCC;
    border-radius: 6px 6px 6px 6px; margin: 3px 15px 5px 0 !important;}

#mapa { width:400px; height:300px; float:left;}

#map_canvas{
width: 410px;
height: 310px;
float:left;
margin: 20px 0px 0px 35px; border: 1px solid #CCCCCC;
    border-radius: 6px 6px 6px 6px; padding:0px;
}

#map_canvas img{ float:left; margin: 0px 0px 0px 0px;}


.data { font-size:12px; margin:3px;}

h1 { font-size:16px; margin:2px; padding:0px;}




.links { font-size:12px; color:#333333; text-decoration:none;}

#cajas { float:left; width:280px; height:200px; margin-right:13px;}

#cajas .titulos { font-size:18px; color:#0C609C; float:left;

}

#cajas span { font-size:14px; color:#333; margin:15px 0px 0px 0px; float:left; width:280px; line-height: 20px;}

#cajas1 { float:left; width:280px; height:200px; margin-left:30px;}

#cajas1 .titulos { font-size:18px; color:#0C609C; float:left; margin-bottom:30px;


}


#cajas1 span { font-size:14px; color:#333; margin:15px 0px 0px 0px; float:left; width:280px; line-height: 20px;}

#cajas2 { float:left; width:249px; height:200px; margin-left:15px;  padding-left:26px;}

#cajas2 .titulos { font-size:18px; color:#0C609C; float:left;


}


#cajas2 span { font-size:14px; color:#333; margin:15px 0px 0px 0px; float:left; width:280px; line-height: 20px;}


.icon {margin:0px 5px 0px 0px !important;}
.iconindex {margin:0px 10px 0px 0px !important;}
.vermas { float: left; clear:both;} 

#vermas1 { float:left; width:280px; height:20px; margin-left:30px; margin-top:25px;}
#vermas2 { float:left; width:249px; height:20px; margin-left:15px;  padding-left:26px;margin-top:25px;}
#vermas { float:left; width:280px; height:20px; margin-right:13px;margin-top:25px;}

#vermas:hover{ opacity:0.6;
filter:alpha(opacity=60);}
#vermas1:hover{ opacity:0.6;
filter:alpha(opacity=60);}
#vermas2:hover{ opacity:0.6;
filter:alpha(opacity=60);}


.analisis { width:475px; float:left;}


#map-mdeo {width:415px; height:180px; float:left; margin-left:30px; margin-bottom:20px;}
#map-pta {width:415px; height:180px; float:left; margin-left:30px;}