@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}
html, body{height:100%;}
body{background:#E8E0C9 url(../images/bg.jpg) top center repeat-x; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:14px;}

@font-face {  
	font-family: 'century';  
	src: url(../fonts/ghotic.ttf);  
}  
#main{width:951px; margin:0 auto;}

#top_content{height:161px;}
#top{height:110px;}

/***** MENU ____*/
#menu{height:51px; background:url(../images/menu/bg_menu.jpg) center bottom repeat-x;}

/***** FIN MENU ____*/

#logo{height:110px; background:url(../images/bg_logohospital.jpg) repeat-x;}
#image_top{height:257px;}
#image_cont{height:115px; margin-top:51px; background:#19273e;}
#img_emergency{height:93px; width:925px; padding-top:10px; margin:0 auto 10px;}

#cont_index{background:#fff url(../images/bg_cont.jpg) repeat-x; padding:0px 0px 25px;}
#boxes{height:195px; margin:0 auto; width:940px;}
#boxes_content{height:160px; margin:0 auto; padding-top:10px; width:940px; background:#bce6ff;}
.box{height:251px; width:285px; background:url(../images/bg_boxes.jpg) repeat-x; padding:5px 0px;}

#copy_rights{background:url(../images/bg_fot.jpg) repeat-x; height:82px; width:884px; padding:25px 35px 0; margin:0 auto;}
#line_footer{height:50px; background:url(../images/footer_img.jpg) no-repeat top center;}

/***** NOSOTROS ____*/
.about_us{width:460px;}
.about_us p{display:block; padding-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#002650;}
#mision_vision{height:144px; padding-top:12px; border:1px solid #dce2e4; background:url(../images/bg_mision_vision.jpg) #fff top center no-repeat; margin-bottom:1px;}
.mision{width:415px; height:131px; margin-left:40px; float:left;}
.vision{width:415px; height:131px; margin-right:40px; float:right;}

.gal_mapa{height:222px; background:#eaeaea; padding-top:10px;}
.galeria{width:440px; margin-left:15px; float:left;}
.fotos{width:430px; padding-left:10px; height:155px; padding-top:10px;}
.foto{background:url(../images/box_foto.jpg) no-repeat; border:#990000; width:120px; height:90px; float:left; margin-right:16px; padding-left:5px; padding-top:6px;}
.foto:hover{background:url(../images/box_foto_.jpg) no-repeat; border:#66CCFF; width:120px; height:90px; float:left; margin-right:16px; padding-left:5px; padding-top:6px;}


.form_contacto{display:block; width:457px; height:508px;}
.myForm{width:321px; float: right; padding-top:163px;}
.cajas{width:248px; height:23px; border:none; margin-left:4px;}
.textarea{width:247px; height:132px; border:none; margin-left:4px;}
.button_send{background:url(../images/form_enviar.png); display:block; width:116px; height:43px; border:none;}
.button_send:hover{background:url(../images/form_enviar.png) 0 -43px; display:block; width:116px; height:43px; border:none;}

.button_clean{background:url(../images/form_borrar.png); display:block; width:116px; height:43px; border:none;}
.button_clean:hover{background:url(../images/form_borrar.png) 0 -43px; display:block; width:116px; height:43px; border:none;}

/* Form style */

#contact label { display: inline-block; float: left; height: 20px; line-height: 26px; width: 80px; font-size: 12px; -webkit-border-radius:5px; }
#contact input, textarea, select { width: 280px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:12px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; webkit-border-radius:5px; }   
#contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#contact input.submit { width: 85px; cursor: pointer; border: 1px solid #222; background:#333; color:#fff; }
#contact input.submit:hover { background:#444; }
#contact input[type="submit"][disabled] { background:#888; }
#contact fieldset { padding:10px; border:0px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; }
#contact legend { padding:2px 5px; font-weight:bold; color:#000; border:0px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:0 !important; margin-bottom:10px; }

#contact span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

#message { margin: 10px 0; padding: 0; }

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px; }

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url('../assets/success.gif') left no-repeat; padding-left:22px; }

acronym { border-bottom:1px dotted #ccc; }

/***** FUENTES ____*/
p { font-family:Arial, Helvetica, sans-serif; font-size:12px;}
h3 { font-family:Arial, Helvetica, sans-serif; color:#0066FF; font-weight:blod; font-size:24px; }
h2{font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; font-size:20px;}
.box p{font-size:11px; color:#FFFFFF;}
.align_l{float:left;}
.align_r{float:right;}

/***** FIN FUENTES ____*/
a img{border:none;}

/***** CLASES ____*/
.cont_pad{ padding:15px 15px; margin-bottom:10px;}
.img_bord{border:9px solid #b9ccd2;}
.clear{
	clear:both;
	color: #D0EDFB;
}
.align_l{float:left;}
.align_r{float:right;}

/* ESQUINAS REDONDAS */
.curvyall {
    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.curvytop{
  -webkit-border-top-left-radius:10px;
  -webkit-border-top-right-radius:10px;
  -moz-border-radius-topleft:10px;
  -moz-border-radius-topright:10px;
}
.curvyleft{
  -webkit-border-top-left-radius:5px;
  -webkit-border-bottom-left-radius:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-bottomleft:5px;
}
.curvyright{
  -webkit-border-top-right-radius:5px;
  -webkit-border-bottom-right-radius:5px;
  -moz-border-radius-topright:5px;
  -moz-border-radius-bottomright:5px;
}
.curvybottom{
  -webkit-border-bottom-left-radius:10px;
  -webkit-border-bottom-right-radius:10px;
  -moz-border-radius-bottomleft:10px;
  -moz-border-radius-bottomright:10px;
}
/* FIN ESQUINAS REDONDAS */

#boximgs{width:303px; height:149px;}
.zitem {
	width:303px;
	height:149px;	
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
}

.zitem .caption {
	width:292px;
	height:40px;
	background:#000;
	color:#fff;
	font-weight:bold;
		
	/* fix it at the bottom */
	position:absolute;
	bottom:-1px; /* fix IE issue */
	left:10px;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=70);    /* ie  */
	-moz-opacity:0.7;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.7;    /* for really really old safari */  
	opacity: 0.7;    /* css standard, currently it works in most modern browsers like firefox,  */

}

.zitem .caption a {
	text-decoration:none;
	color:#fff;
	font-size:12px;	
	
	/* add spacing and make the whole row clickable*/
	padding:5px;
	display:block;
}

.img {
	border:0;
	
	/* allow javascript moves the img position*/
	position:absolute;
}