/* HOJA DE ESTILOS  */
BODY{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #171717;
	margin: 0;
	padding: 0;
	background:#e8c680;
	height:100%; 
}
html{
	height:100%; 
}
IMG{
	border: 0;
}
*{
	padding: 0;
	margin: 0;
}
.clear{
	clear: both;
}
.clear0{
	font-size: 0px;
	line-height: 0px;
	height: 0px;
	overflow: hidden;
	clear: both;
}
.clearMargin{
	clear: both;
	margin-bottom: 10px;
}
.justif{
	text-align: justify;
}
P{
	line-height: 1.5em;
	margin-bottom: 1em;
}
a{
	/*color: #0b0b0b;
	text-decoration: none;*/
	color: #002d63;
	text-decoration: underline;
	outline: none;
}
a:hover{
	color: #002d63;
	text-decoration: none;
}
.centro{
	text-align: center;
}
.fright{
	float: right;
}
.fleft{
	float: left;
}
.frightMargin{
	float: right;
	margin-left: 10px;
}
.fleftMargin{
	float: left;
	margin-right: 10px;
}
.frightBorder{
	float: right;
	margin-left: 10px;
}
.frightBorder img{
	border: 2px solid #76550d;
}
.fleftBorder{
	float: left;
	margin-right: 10px;
}
.fleftBorder img{
	border: 2px solid #76550d;
}
.centroBorder{
	text-align: center;
}
.centroBorder img{
	border: 2px solid #76550d;
}
.socio{
	float: right;
	clear: right;
	padding-left: 5px;
}
.centro{
	text-align: center;
}
.azul{
	color: #002d63;
}
.letraPeq{
	font-size: 10px;
	font-weight: bold;
}
.mtop40{
	margin-top: 40px;
}
/* ---------------------------------------------------------------------------------------- */
/*   DIVS GENERALES ------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------- */
#fondo{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
	background: url(images/bg_bg.jpg) repeat-x top;
	text-align: center;
	overflow: hidden;
}
#fondo img{
	width: 100%;
}
#sitio{
	z-index: 1000;
	position: relative;
	height:100%; 
	width: 100%;
	background: transparent url(images/bgcab.png) repeat-x top;
}
html>body #sitio{
	min-height: 100%;
	height: auto;
}
#cuerpo{
	width: 790px;
	margin: 0px auto;
	overflow: hidden;
	padding-bottom: 55px;
	background: transparent url(images/curva.gif) no-repeat 0px 0px;
}
#izquierda{
	width: 180px;
	float: left;
	margin-left: 10px;
	margin-top: 16px;
	display: inline;
}
#derecha{
	width: 588px;
	float: right;
}
/* ---------------------------------------------------------------------------------------- */
/*   CABECERA --------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
#cabecera{
	width: 790px;
	color: #fff;
	height: 190px;
	margin: 0px auto;
	padding-left: 9px;
	position: relative;
}
#flaCabecera{
	width: 444px;
	height: 169px;
	position: absolute;
	top: 0px;
	right: 0px;
}
h1{
	width: 346px;
	height: 170px;
	background: url(images/logo.gif) no-repeat 0px 35px;
	display: block;
	text-indent: -9999px;
	float: left;
}

/* ---------------------------------------------------------------------------------------- */
/*   IZQUIERDA ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.bannerIzq{
	width: 180px;
	height: 154px;
	margin-top: 5px;
}
.bannerIzq a{
	display: block;
	width: 180px;
	height: 154px;
	background: url(images/visitaHospital.png) no-repeat;
	text-indent: -9999px;
}
.contador{
	width: 180px;
	height: 84px;
	margin-top: 12px;
	background: url(images/contador.gif) no-repeat;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	padding-top: 10px;
}
.contador img{
	/*display: block;
	margin: 5px auto*/
}
.contadorNum{
	display: block;
	text-align: center;
}
/* ---------------------------------------------------------------------------------------- */
/*   DERECHA --------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.caja580{
	width: 550px;
	padding:5px 19px 0px 19px;
	background: url(images/caja580bg.png) repeat-y;
	overflow: hidden;
}
.caja580Portada{
	width: 563px;
	padding:0px 6px 0px 19px;
	background: url(images/caja580bg.png) repeat-y;
}
.caja580Sup,.caja580Sup2{
	display: block;
	width: 588px;
	height: 37px;
	background: url(images/cajaSuperior.png) no-repeat;
	overflow: hidden;
	margin-top: 19px;
}
.caja580Sup2{
	margin-top: 12px;
}
.caja580Inf, .caja580InfPortada{
	display: block;
	width: 588px;
	height: 19px;
	background: url(images/cajaInferior.png) no-repeat;
	margin-top: 0px;
	overflow: hidden;
}
.caja580InfPortada{
	background: url(images/cajaInferiorPortada.png) no-repeat;
}
.cajaMedContenedora{
	width: 382px;
	float: left;
}
.cajaMed{
	width: 344px;
	background: url(images/cajaMedBg.png) repeat-y;
	padding:0px 19px 0px 19px;
	height: auto !important;
	height: 102px;
	min-height: 102px;
}
.cajaMedInf{
	display: block;
	width: 382px;
	height: 19px;
	background: url(images/cajaMedInf.png) no-repeat;
	margin-top: 0px;
	overflow: hidden;
}
.cajaMedSup{
	display: block;
	width: 382px;
	height: 37px;
	background: url(images/cajaMedSup.png) no-repeat;
	margin-top: 0px;
	margin-top: 12px;
	overflow: hidden;
}
.cajaPeq{
	width: 194px;
	height: 158px;
	float: right;
	margin-top: 12px;
}
.cajaPeq a{
	background: url(images/voluntarioPortada.png) no-repeat;
	display: block;
	width: 194px;
	height: 158px;
	text-indent: -9999px;
}
.centroPortada{
	margin-top: 10px;
}
.titular{
	margin: 12px 0px 0px 15px;
}
.intCaja{
	position: relative;
}
.vertodas{
	font-size: 11px;
	background: url(images/ico.gif) no-repeat 0px 4px;
	padding-left: 9px;
}
/* ---------------------------------------------------------------------------------------- */
/*   CONTENIDO DERECHA -------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
h3.tituloInterior{
	border-bottom: 1px solid #002d63;
	font-size: 13px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 3px;
	color: #002d63;
	font-weight: bold;
}
h4{
	font-size: 13px;
	margin-bottom: 10px;
	padding-top: 10px;
	color: #002d63;
	text-align: center;
	font-weight: bold;
}
h5{
	font-weight: bold;
	font-size: 12px;
	color: #4b3400;
	text-decoration: underline;
	margin-bottom: 10px;
	margin-top: 5px;
}
P.impPortada{
	line-height: 20px;
	margin-bottom: 0px;
}
.ultimaLista, .necUrgente{
	list-style: none;
}
.ultimaLista li{
	padding-bottom: 10px;
	line-height: 18px;
}
.ultimaLista li a, .ultimaLista li strong.titularPortada{
	display: block;
	border-bottom: 1px solid #002d63;
	padding-bottom: 3px;
	margin-bottom: 5px;
	color: #002d63;
	text-decoration: none;
	line-height: 15px;
}
.ultimaLista li a:hover{
	color: #AE7900;
	border-bottom: 1px solid #AE7900;
	text-decoration: none;
}
.necUrgente li{
	padding: 0px 0px 10px 0px;
	line-height: 18px;
}
.necUrgente li.ultNec{
	padding-bottom: 0px;
	margin-bottom: 10px;
}
.necUrgente li strong{
	font-weight: bold;
}
.enlacesSocios{
	list-style: none;
	position: absolute;
	bottom: -12px;
}
.enlacesSocios li{
	float: left;
	margin-right: 13px;
}
.enlacesSocios li.btn1 a, .enlacesSocios li.btn2 a,.enlacesSocios li.btn3 a{
	height: 40px;
	display: block;
	text-indent: -9999px;
}
.enlacesSocios li.btn1 a{
	width: 100px;
	background: url(images/boton_suscribete.gif) no-repeat 0px 0px;
}
.enlacesSocios li.btn2 a{
	width: 160px;
	background: url(images/boton_actualiza.gif) no-repeat 0px 0px;
}
.enlacesSocios li.btn3 a{
	width: 140px;
	background: url(images/boton_donativo.gif) no-repeat 0px 0px;
}
.enlacesSocios li.btn1 a:hover, .enlacesSocios li.btn2 a:hover, .enlacesSocios li.btn3 a:hover{
	background-position: 0px -40px;
}
.estadoCuadro img{
	vertical-align: middle;
}
/* ---------------------------------------------------------------------------------------- */
/*   LISTAS ------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.lista{
	list-style: none;
	margin-bottom: 10px;
	margin-left: 15px;
}
.lista li{
	margin-bottom: 10px;
	padding-left: 10px;
	background: url(images/ico.gif) no-repeat left 5px;
	line-height: 18px;
}
.listaHospital{
	list-style: none;
	margin-bottom: 10px;
}
.listaHospital strong{
	padding-left: 10px;
	color: #002C62;
	border-bottom: 1px solid #002C62;
	padding-bottom: 3px;
	display: block;
	margin-bottom: 3px;
}
.listaHospital li{
	margin-bottom: 10px;
	background: url(images/ico.gif) no-repeat left 5px;
	line-height: 18px;
	font-weight: bold;
}
.listaHospital li ul li{
	background: none;
}
.colaboradores{
	list-style: none;
}
.colaboradores li{
	width: 137px;
	margin: 10px auto;
	text-align: center;
	float: left;
}
.colaboradores li img{
	border: 1px solid #999;
}
.listaNoticias{
	list-style: none;
	margin-top: 10px;
}
.listaNoticias li{
	margin-bottom: 25px;
}
.listaNoticias li a{
	display: block;
	margin-top: 3px;
}
.listaNoticias li span{
	border-right: 1px solid #002d63;
	padding-right: 5px;
	margin-right: 3px;
}
.listaNoticias li strong{
	display: block;
	width: 550px;
	border-bottom: 1px solid #002d63;
	padding-bottom: 3px;
	margin-bottom: 5px;
	font-size: 13px;
	color: #002d63;
}
#contenedorFoto{
	width: 550px;
	height: 413px;
	overflow: hidden;
}
#contenedorFoto .intFoto{
	display: block;
}

.cuadroGaleria{
	border-bottom: 2px solid #AF7A00;
	margin-bottom: 15px;
	width: 550px;
	overflow: hidden;
}
.cuadroGaleria img.cuadro{
	float: left;
	margin: 5px 0px; 
}
.cuadroGaleria P{
	margin-left: 130px;
}
ul.opcionesVoluntarios{
	list-style: none;
	margin-top: 20px;
	width: 549px;
	height: 40px;
	overflow: hidden;
}
ul.opcionesVoluntarios li{
	float: left;
	width: 183px;
	text-align: center;
}

/* --------------------------------------------------------------------------------------------------- */
.minis{
	list-style: none;
}
.minis li{
	display: inline;
}
.miniGaleria{
	list-style: none;
	width: 550px;
	overflow: hidden;
	margin-top: 10px;
}
.miniGaleria li{
	display: block;
	width: 125px;
	float: left;
	margin-bottom: 30px;
	font-weight: bold;
	position: relative;
	margin-right: 10px;
	padding-left: 5px;
}
.miniGaleria li span{
	position: absolute;
	background: url(images/artevirtual/borde.png) no-repeat; 
	left: 0px;
	width: 130px;
	height: 100px;
	display: block;
	top: 0px;
}
.miniGaleria li.lastGal{
	margin-right: 0px;
}
.miniGaleria li img{
	margin-top: 3px;
	margin-bottom: 10px;
	display: block;
}

.paginador{
	text-align: center;
	font-size: 13px;
	margin-top: 55px;
}
.paginador a{
	padding: 0px 5px;
}
.paginador a.paginaActual{
	font-weight: bold;
	font-size: 17px;
	text-decoration: none;
}
/* ---------------------------------------------------------------------------------------- */
/*   FORMULARIO --------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
fieldset{
	border: none;
	display:block;
	width:550px;
	margin-bottom:20px;
	padding:0;
}
legend{
	font-weight: bold;
	color: #002C62;
	border-bottom: 2px solid #926609;
	padding-bottom:3px;
	margin-bottom:15px;
	display:block;
	width:545px;
	padding-left: 5px;
}
legend span{
	display:block;
	width:545px;
	margin:0;
	padding:0;
}
.fila{
	clear: both;
	width: 540px;
	margin: 0px auto 20px auto;
	overflow: hidden;
}
.fila label, span.noLabel{
	width: 220px;
	text-align: right;
	display: block;
	float: left;
	padding-right: 10px;
	font-weight: bold;
}
span.errorForm{
	display: block;
	float: none;
	padding-right: 10px;
	font-weight: normal;
	font-size: 11px;
	color: #930000;
	padding-left: 230px;
}
.fila label.labelNo{
	width: auto;
	display: inline;
	float: none;
	padding-right: 10px;
	font-weight: normal;
}
.fila .combo,.fila .comboText,.combocuenta4, .combocuenta10, .combocuenta2{
	width: 230px;
	height: 17px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #171717;
	background:#D1A549;
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: 2px solid #926609;
}
.fila .comboText{
	height: 94px;
	width: 224px;
	border: 2px solid #926609;
	background: #E9D5B2;
	padding: 3px;
}
span.radios, span.radiosNoPad{
	width: 230px;
	float: left;
	padding-top: 3px;
}
span.radiosNoPad{
	padding-top: 0px;
}
.centroBotones{
	text-align: center;
	padding-top: 20px; 
}
.boton{
	width: 80px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	font-size: 11px;
	text-align: center;
	font-weight: bold;
	background: url(images/bgboton.gif) no-repeat;
	border: none;
	margin: 0px 10px;
	color: #926609;
	cursor: pointer;
}
a.botonEmulado{
	width: 80px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	font-size: 11px;
	text-align: center;
	font-weight: bold;
	background: url(images/bgboton.gif) no-repeat center;
	border: none;
	margin: 0px 10px;
	color: #926609;
	text-decoration: none;
	padding: 5px 25px;
}
a.botonEmulado:hover{
	text-decoration: none;
}
.cuentaBanc{
	float: left;
	margin-left: 5px;
	font-size: 11px;
}
.combocuenta4{
	width: 40px;
}
.combocuenta10{
	width: 105px;
}
.combocuenta2{
	width: 20px;
}
#contenidoPeriodico{
	display: none;
}
/* ---------------------------------------------------------------------------------------- */
/*   TABLAS ------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.tablaEstadisticas{
	width: 500px;
	margin: 0px auto 20px auto;
	border-collapse: collapse;
}
.tablaEstadisticas caption{
	width: 500px;
	margin: 0px auto;
	color: #002d63;
	font-weight: bold;
	font-size: 13px;
	padding: 15px 0px; 
}
.tablaEstadisticas thead th{
	border-bottom:2px solid #002d63; 
	color:#002d63; 
	padding:5px 0 5px 5px;
}
.tablaEstadisticas tfoot td{
	border-top:2px solid #002d63; 
	color:#002d63; 
	font-weight: bold; 
	padding:5px 0 5px 5px;
	text-align: center;
}
.tablaEstadisticas tbody td{
	border-top:1px solid #795501; 
	padding:8px 5px;
	text-align: center;
}
.tablaEstadisticas td.alignIzq{
	text-align: left;
}
.tablaEstadisticas td.alignDer{
	text-align: right;
}
.tablaEstadisticas td.primeraCelda{
	text-align: left;font-weight: bold;
}

.tablaSanitarias, .tablaSanitarias1{
	width: 520px;
	margin: 0px auto 15px auto;
	border-collapse: collapse;
	border: 2px solid #AE7900;
	background: #C3952D;
}
.tablaSanitarias caption, .resaltadoSani, .tablaSanitarias1 caption{
	width: 500px;
	margin: 0px auto;
	color: #002d63;
	font-weight: bold;
	font-size: 13px;
	padding: 15px 0px; 
}
.tablaSanitarias thead th {
	background:#AF7A00; 
	border: 1px solid #D1A549;
	color:#002d63; 
	padding:3px 0 5px 3px;
}
.tablaSanitarias1 thead th{
	background:#AF7A00; 
	border: 1px solid #D1A549;
	color:#002d63; 
	padding:3px 0 5px 0px;
}
.tablaSanitarias tbody td{
	border: 1px solid #D1A549;
	padding:8px 5px;
	text-align: center;
}
.tablaSanitarias1 tbody td{
	border: 1px solid #D1A549;
	padding:8px 0px;
	text-align: center;
}
.tablaSanitarias td.primeraCelda, .tablaSanitarias1  td.primeraCelda{
	text-align: left;font-weight: bold;
}
.tablaSanitarias tfoot td{
	border-top:2px solid #AE7900;
	color:#002d63; 
	font-weight: bold; 
	padding:5px 0 5px 5px;
	text-align: center;
}
.tablaSanitarias1 tfoot td{
	border-top:2px solid #AE7900;
	color:#002d63; 
	font-weight: bold; 
	padding:5px 0 5px 0px;
	text-align: center;
}
/* ---------------------------------------------------------------------------------------- */
/*   GALERIA  ----------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
#divGaleria{ border: 2px solid #002d63; display:block;position:absolute;background:#D1A549 url(images/galeria/loading.gif) no-repeat 50% 50%;visibility:hidden; z-index: 1000; }
#cerrarGaleria{display:block;background: url(images/galeria/cerrar.gif) no-repeat right 50%;height:20px;overflow:hidden;position:absolute; z-index:5000; width: 80px; right: 20px; top:-20px; }
#divFoto{position:relative;}
#fotoGaleria{visibility:hidden;}
#nextLink{position:absolute;right:0;background:url(images/galeria/vacio.gif);}
#nextLink:hover{background:url(images/galeria/siguiente.png) no-repeat right 50%;}
#prevLink{position:absolute;left:0;background:url(images/galeria/vacio.gif);}
#prevLink:hover{background:url(images/galeria/anterior.png) no-repeat left 50%;}
/* ---------------------------------------------------------------------------------------- */
/*   FOOTER ------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
#footer{
	width: 790px;
	height: 45px;
	overflow: hidden;
	margin: 0px auto;
	margin-top: -45px;
	position: relative;
	z-index: 1000;
	background: url(images/footer.gif) no-repeat 10px 0px;
}
#footer P{
	text-indent: -99999px;
}

a#musicaActivar{
	width: 100px;
	height: 16px;
	text-indent: -99999px;
	display: block;
	background: url(images/music.gif) no-repeat 0px 0px;
	cursor: pointer;
	margin: 5px auto;
}
/* ---------------------------------------------------------------------------------------- */
/*   NAVEGACION  -------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.finmenu{
	width: 180px;
	height: 35px;
	display: block;
	background: url(images/pico.png) no-repeat;
}
ul.nav{
	width: 158px;
	background: url(images/bgMenu.png) repeat-y;
	padding: 0px 11px;
	list-style: none;
}
ul.nav li{
	width: 152px;
	overflow: hidden;
	display: block;
	margin-left: 3px;
}
ul.nav li.firstMenu a{
	padding-top:0px;
}
ul.nav li a{
	display: block;	
	background: url(images/bordeMenu.gif) repeat-x bottom;
	padding: 8px 0px 8px 2px;
	font-size: 12px;
	color: #FDFEFF;
	text-decoration: none;
	font-weight: bold;
}
ul.nav li a:hover, ul.subNav li a:hover{
	text-decoration: underline;
	color: #002C62;
}
ul.subNav li a, ul.nav li.firstMenu ul.subNav li a{
	padding: 8px 0px 8px 16px;
	display: block;
	background: none;
	font-weight: normal;
	font-size: 12px;
	background: url(images/icoBlanco.gif) no-repeat 6px 12px;
}
ul.subNav{
	background: url(images/bordeMenu.gif) repeat-x bottom;
	padding: 5px 0px;
}
ul.nav li a.elmActivo, ul.nav li a#Activo{
	color: #002C62;
}
 ul.subNav li{
	margin-left: 0px;
 }
ul.menusecundario{
	width: 496px;
	height: 20px;
	overflow: hidden;
	color: #fff;
	float: right;
}
ul.menusecundario li{
	padding:0;
	margin:0;
	display:block;
	float:left;
	text-indent:-9999px;	
	}
ul.menusecundario li a {
	border:0;
	display:block;
	text-decoration:none;
	background:transparent url(images/menusecundario.gif) no-repeat;
	height:20px;
}
li#sec1 {width:54px;	 }
li#sec2 {width:129px; }
li#sec3 {width:114px; }	 
li#sec4 {width:91px;	 }
li#sec5 {width:108px;	 }
li#sec1 a:link, li#sec1 a:visited {background-position: 0px 0px;}
li#sec1 a:hover, li#sec1 a:focus {background-position: -0px -20px;}
li#sec2 a:link, li#sec2 a:visited {background-position: -54px 0px;}
li#sec2 a:hover, li#sec2 a:focus {background-position: -54px -20px;}
li#sec3 a:link, li#sec3 a:visited {background-position: -183px 0px;}
li#sec3 a:hover, li#sec3 a:focus {background-position: -183px -20px;}
li#sec4 a:link, li#sec4 a:visited {background-position: -297px 0px;}
li#sec4 a:hover, li#sec4 a:focus {background-position: -297px -20px;}
li#sec5 a:link, li#sec5 a:visited {background-position: -388px 0px;}
li#sec5 a:hover, li#sec5 a:focus {background-position: -388px -20px;}