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

body {overflow-y: scroll;}

img {border:0px;}
/*ESTILOS TIPOGRAFIAS*/
.txt-ico{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#4BB4E3; position:relative; top:-8px; left:5px;
}
#txt-colabora{font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#666;}
#txt-mapaweb{font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#4BB4E3;}
#txt-horario{font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#56A329; line-height:20px;}
#txt-horario-mapa{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#56A329; line-height:20px;}
#tel{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#4BB4E3; line-height:20px;}

a {text-decoration:none; color:#56A329;}
#txt-izq-ayudamos li {line-height:20px;}
.nombre-tratamiento a{color:#FFFFFF;}
.nombre-tratamiento li {list-style:none;}
h2{ font-family: 'Josefin Sans', sans-serif; font-weight:bold; color:#4BB4E3; font-size:32px; text-transform:uppercase;}

.txtbody{ font-family:Arial, Helvetica, sans-serif; color:#999; font-size:13px; text-align:justify; line-height:18px;}
.txtmetro{ font-family:Arial, Helvetica, sans-serif; color:#999; font-size:11px; text-align:justify; line-height:14px;}

.txtbody-dos{ font-family:Arial, Helvetica, sans-serif; color:#999; font-size:13px; text-align:left; line-height:18px;}
.txtatencion{ font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:13px; text-align:center; line-height:18px;}

.doctor{ color:#56A329; text-transform:uppercase;}
.verde{ color:#56A329;}

.link{ color:#56A329; text-decoration: underline;}


.list-ayudamos{ color:#56A329;}

.nombre-tratamiento {font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:14px; text-align:left; line-height:30px; list-style:none; margin:25px}

/*ESTILO INDEX*/
#contenedor-web{width:980px; height:100%; margin-left:auto; margin-right:auto; background-color:#FFF; padding:0px;}
	
#header {top:0px; height:100px; width:980px; margin-bottom:0px;}
	#logo{ position:relative; top:15px; float:left; width:100%}
	#phone{ position:relative; top:0px; left:350px;  height:31px; width:150px}
	#mail{ position:relative; top:30px; left:500px;}
	
#contenedor-menu { padding-bottom:20px; z-index:50000;}

#contenedor-body { padding-bottom:0px; height:100%}


#contenedor-botones { padding-bottom:30px; height:150px; position:relative}
#contenedor-botones-dos { padding-bottom:100px; height:150px; position:relative}
#contenedor-botones-tres { padding-bottom:20px; height:150px; position:relative}

#footer{padding-bottom:5px;}


/*BODY*/

.contenido-body{ width:970px; padding-bottom:60px; padding-top:0px; height:100%}

.contenido-body-atencion{ width:970px; padding-bottom:10px; padding-top:0px; height:860px}
.contenido-body-visita{ width:970px; padding-bottom:40px; padding-top:0px; height:790px}

.contenido-body-centro{ width:970px; padding-bottom:10px; padding-top:0px; height:100%}

.contenido-body-equipo{ width:970px; padding-bottom:30px; padding-top:0px;}
.contenido-body-intalaciones{ width:970px; padding-bottom:90px; padding-top:0px;}
.contenido-body-trabaja{ width:970px; padding-bottom:100px; padding-top:0px;}
.contenido-body-mapa{ width:970px; padding-bottom:120px; padding-top:0px;}

.contenido-body-ayudamos{width:970px; padding-bottom:350px; padding-top:0px; height:100%}
.contenido-body-hospitalizacion{ width:970px; padding-bottom:10px; padding-top:0px; height:100%}
.contenido-body-financiacion{ width:970px; padding-bottom:60px; padding-top:20px; height:100%}



#img-clinica{ float:left; margin-right:30px; position:relative; margin-bottom:30px}
#img-atencion{ }
#img-ayudamos{ float:left; margin-right:30px; height:100%; position:relative;}


#img-trabaja{ float:right; margin-right:30px; height:100%}

#txt-body{ position:relative; padding-top:20px;}
#txt-body-dos{ position:relative; padding-top:20px; text-align:left;}
#txt-ayudamos{ position:relative; width:100%;}
#txt-body-paciente{ position:relative; padding-top:20px; width:400px; float:left;}

#formulario-completo{float:right; padding-top:30px; z-index:10000000}
#formulario-completo-visita{float:right; z-index:10000000}



#txt-equipo{  padding-top:5px; padding-left:0px}
#txt-equipo li{ list-style:none; padding-left:25px; line-height:22px; }

#txt-mision{ padding-top:42px;}
#txt-financiacion{ padding-top:12px;}
#txt-hospitalizacion{ padding-top:0px;}


#txt-trabaja{ padding-top:60px; text-align:left; margin-left:60px;}
#txt-mapa{ height:430px; padding-top:10px;}


.bt-atencion{ background-color:#4BB4E3; border-radius: 5px;
										-moz-border-radius: 5px;
										-webkit-border-radius: 5px; height:30px}

#txt-der-ayudamos{ position:relative; float:left; width:450px;}

#txt-izq-ayudamos{ position:relative; float:right; width:450px;}




.contenido-body-tratamientos{ width:970px; height:100%;}

.contenido-body-tratamientos-normales{ width:970px; height:100%; padding-bottom:60px}
.contenido-body-tratamientos-normales-dos{ width:970px; height:100%; padding-bottom:30px}
.contenido-body-tratamientos-normales-tres{ width:970px; height:100%; padding-bottom:10px}



#todos-tratamientos{ position:relative; float:left; width:240px; height:300px; margin-right:30px; margin-bottom:150px}
#todos-tratamientos-anestesia{ position:relative; float:left; width:240px; height:600px; margin-right:30px; }
#bt-sangria {margin-left:30px;}
										
#todos-tratamientos-dos{ position:relative; float:left; width:240px; height:520px; margin-right:30px;}
#todos-tratamientos-tres{ position:relative; float:left; width:240px; height:560px; margin-right:30px;}
#todos-tratamientos-especiales{ position:relative; float:left; width:240px; height:380px; margin-right:30px;}

										
.bt-tratamiento{ position:relative; width:90%; height:20px;  padding-left:5px; padding-top:15px; padding-bottom:15px;font-family:Arial, Helvetica, sans-serif; color:#4BB4E3; font-size:14px; vertical-align:top}

.bt-tratamiento-act { position:relative; width:90%; height:20px; background-color:#e9f7fc;  padding-left:5px; padding-top:15px; padding-bottom:15px;font-family:Arial, Helvetica, sans-serif; color:#4BB4E3; font-size:14px; vertical-align:top; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px}

.bt-tratamiento-dos{ position:relative; width:90%; height:27px;  padding-left:5px; padding-top:15px; padding-bottom:15px;font-family:Arial, Helvetica, sans-serif; color:#4BB4E3; font-size:14px; vertical-align:top;line-height:1px}

.bt-tratamiento-dos-act { position:relative; width:90%; height:27px; background-color:#e9f7fc;  padding-left:5px; padding-top:15px; padding-bottom:15px;font-family:Arial, Helvetica, sans-serif; color:#4BB4E3; font-size:14px; vertical-align:top; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; line-height:1px}

.bt-tratamiento a {position:relative;padding-left:5px; padding-top:15px; padding-bottom:15px; font-family:Arial, Helvetica, sans-serif; color:#4BB4E3; font-size:14px; vertical-align:top}

.bt-tratamiento-act a {position:relative;padding-left:5px; padding-top:15px; padding-bottom:15px;  font-family:Arial, Helvetica, sans-serif; color:#4BB4E3; font-size:14px; vertical-align:top}

.bt-tratamiento-dos a {position:relative;padding-left:5px; padding-top:15px; padding-bottom:15px; font-family:Arial, Helvetica, sans-serif; color:#4BB4E3; font-size:14px; vertical-align:top}

.bt-tratamiento-dos-act a {position:relative;padding-left:5px; padding-top:15px; padding-bottom:15px;  font-family:Arial, Helvetica, sans-serif; color:#4BB4E3; font-size:14px; vertical-align:top}


#info-tratamientos{height:100%}
.logos-donde{float:left;}

#img-mapa{float:left;}
#txt-mapa{ padding-left:500px;}