/*
Author:     C.S. Nieto
Updated:    16 junio 2010
*/
/*Modificación propiedades de etiquetas*/
html {height: 100%}
body {margin: 0px; padding: 0px; font-family:Arial, Helvetica, sans-serif;background-image: url("../img/fondo2.gif")}
h1 {display:inline}
h2 {display:inline}
h3 {display:inline}
h4 {display:inline}
h1 .titulo { color:#FFFFFF; text-decoration:none; font-family:Arial, Helvetica, sans-serif}
img {border:0px}
#centrada { width:996px; height:768px; margin-left:auto;  margin-right:auto}

/*publicidad*/
#publicidad { position:relative; width:120px; float:right; margin:0px; padding:0px}
#publicidad #floatdiv {position:absolute; width:80px;height:600px; background:#FFFFFF; top:103px}
.total {position:relative; width:870px; float:left;margin-top:5px; margin-bottom:15px;background-color: #bbdf50;}
.cabecera{height:91px;text-align:center; background:url(../img/header_back.gif) no-repeat; padding-top:16px}
.cabecera div{ height:75px;background:transparent url(../img/header7.gif) no-repeat left 0}
.cabecera .hide{ position:absolute; left:-9999px}
.indice {float:left; width:100%; text-align:left; background-color:#006633}
.capaIndice {float:left; line-height:1.3em; padding-left:32px}
.capafecha { float:right; padding:0 35px 0 35px ;background-color:#669900; line-height:1.4em}
.capahora { float:right; padding:0 20px 0 20px;background-color:#79b02c;line-height:1.4em}
#central {position:relative;float:left;width:100%; height:100%}
#izqCapa {position:relative; float:left; width:175px;height:100%}
#dchaCapa { position:relative; float:left;width:78%;height:100%;text-align:left;padding-left:10px}
.pie {float:left; margin:20px 0 10px 0;padding:10px 0 10px 0; text-align: center; background-color:#f4fff4;width:100%}
.contador {float:left; vertical-align:bottom; margin-left:4px}
.contador img{ width:18px; height:18px}
.direcc {float:right; width:68%}
.direcc a[href^="mailto"]{ color:#0033FF; font-weight:bold}
.w3c {float:right; width:18%; text-align:right; margin-right:18px}
.w3c a{ text-decoration:none}
/*Fin capas principales*/

/*Bloques de texto e imagenes*/
.bloquetxt0 h3, .bloquetxt0 h2{ float:left; margin: 10px 0px 12px 0px;width:98%; padding-top:2px; padding-bottom:2px}
.bloquetxt1 { position:relative; float:left; margin:0px;padding:0 10px 0 0;width:65%}
.bloquetxt1b {position:relative;float:left; padding:0;width:75%}
.bloquetxt2 { position:relative;float:left;padding:0 10px 0 0;width:98%}
.bloquetxt4 { position:relative; float:right;padding:0 10px 0 0; width:63%}
.bloquetxt4b {position:relative; float:right;padding:0 10px 0 0; width:75%}
.bloquepatol { float:left; margin:0; width:98%; height:120px}
.bloquemapa { float:left;padding:0 0 15px 0;width:98%}
.bloqueImg1 { float:right; margin-top:38px}
.bloqueImg3{ float:left; margin-top:35px; padding-bottom:0px}
.bloqueImg4 {float:right;margin:30px 8px 0 0}
/*fin bloques de texto*/

/*sombras de imagenes*/

.shadow { background: url(../img/shadow.gif) no-repeat right bottom}
.shadow div.izq {background: url(../img/bd_left.gif) no-repeat left bottom;	 float: left; margin:0px; padding: 0px 6px 6px 0px}
.shadow img { padding:6px;margin: 0px; background-color: #fff; background:url(../img/loading_verde.gif) no-repeat 50% 50%; display:block}
.shadow div.der {float: left; background: url(../img/bd_right.gif) no-repeat right top}
/*cajas y marcos de titulos de paginas y parrafos*/
.caja0 { position:relative; float:left; 
 width:100%;background-color:#99CC33; 
text-align:center;

}
.caja3 { float:left;margin:0px; width:70%;background-color:#99CC33}
.caja4{float:left;width:100%; margin-bottom:15px}



.marco {border-width:2px; border-color:#669900; border-style:groove;background-color: #fff;  }
.marco p{ margin: 7px 0px 7px 3px}
.marcoMap { border-width:2px; border-color:#669900; border-style:groove; margin-top:18px; padding:2px}
#marco1 {float:right; position:absolute; width:132px; height:100px; top:66px; left:559px; visibility:hidden; z-index:1}
#marco2 {float:right; position:absolute; width:132px; height:100px; top:66px; left:559px; visibility:hidden; z-index:1}
#marco3 {float:right; position:absolute; width:132px; height:100px; top:66px; left:559px; visibility:hidden; z-index:1}
#marco4 {float:right; position:absolute; width:132px; height:100px; top:66px; left:559px; visibility:hidden; z-index:1}
#marco5 {float:right; position:absolute; width:132px; height:150px; top:66px; left:559px; visibility:hidden; z-index:1}
#marco6 {float:right; position:absolute; width:132px; height:165px; top:66px; left:559px; visibility:hidden; z-index:1}
.marcotit1 {background-color:#FF0000; color:#FFFFFF; font-weight:bold; padding:2px 0 2px 0;  text-align:center}
.marcotit2 {background-color: #669900; color:#FFFFFF; font-weight:bold; padding:2px 0 2px 0}
.marcotit3 {background-color:#0066FF; color:#FFFFFF; font-weight:bold}
p.tit1{ width:60%; font-weight:bold; font-size:11px; padding:5px; margin:4px auto 0 auto; text-align:center; color:#fff; background:url(../img/fd.jpg) repeat-y}
.imgCabec { position:relative; float:right; background-color:#FFFFFF; padding:2px; border: 1px solid #000}
/*fin cajas y marcos*/

/*Capas específicas páginas*/

.articulos {float:left;margin:0px;padding:5px 0 0 10px}
.patologA li{ list-style-type:none; line-height:1em; padding-bottom:10px}
.patologA li a { text-decoration:none; font-size:.9em; font-weight:bold; color:#003300; padding:0 20px 0 20px;  background:url(../img/point.gif) no-repeat left}
.patologA li a:hover { background-color:#CCFF66}

/*enlaces*/

.enlaces li{ list-style-type:none; line-height:1em; padding-bottom:10px}
.enlaces li a { text-decoration:none; font-size:.9em; font-weight:bold; color:#003300; padding:0 10px 0 10px}
.enlaces a:hover { background-color:#CCFF66} 
.enlaces span{float:left; height:1.1em; width:10px}

/*enlaces a mapas*/
.mapas  img{ margin-right:40px; padding:2px}
.last { margin-right:0px !important}

/*Menu Izquierda -------------------------*/
#izqCapa .tituloMenu {width:97%;line-height:20px;margin-top:10px;margin-left:2px;  
text-align: center;color: black;padding:0 4px 4px 0;
background:url(../img/background_izq.gif) right bottom no-repeat}

#izqCapa .tituloMenu div{border: 1px solid #709525; background-color:#006633}
#menuleft {padding:5px 0 0 5px; text-align:left}
#menuleft div{padding:0 5px 4px 0; margin:0;background:url(../img/background_izq.gif) right bottom no-repeat}
#menuleft a { display: block; margin: 0px; 
border-right: 1px solid #709525; border-bottom: 1px solid #709525; border-left: 1px solid #709525;
padding: 4px;width:95%;color: #003300;font-size:0.75em;font-weight: bold;text-decoration: none;
outline:none
}




#menuleft a.Top {border-top: 1px solid #709525}
#menuleft a.menuOn {background-color:#CCFF66}
#menuleft h2{ margin:0; padding:0; display:block}
#menuleft h2 .menuOn {font-size:.5em} /*Menu On con la etiqueta h2*/
#menuleft a.menuMain {background-color:#99CC33}
#menuleft a.menuMain:hover {background-color:#CCFF66}
#menuleft ul{ margin:0; padding:0}
#menuleft ul li{ margin:0; padding:0; list-style-type:none}

/*fin Menu izquierda*/

/*Otras izquierda*/
.izqPlus1 { width: 95%; text-align:center;margin:20px 0 0 5px; padding:0 4px 4px 0;
background:url(../img/background_izq.gif) right bottom no-repeat
}
.izqPlus1On {width: 95%; text-align:center; margin:20px 0 0 5px;  padding:0 4px 4px 0;
background:#CCFF66 url(../img/background_izq.gif) right bottom no-repeat
}
.izqPlus1On div{border:1px solid #709525}
.izqPlus2 {width: 95%; height:100px; margin:20px 0 15px 5px; padding:0 4px 6px 0;
background:url(../img/background_izq.gif) right bottom no-repeat}

.izqPlus2 ul{text-align:center; margin:10px 0 0 0;  padding-left:0px}
.izqPlus2 li{list-style-type:none; margin-top:7px; padding-left:0px}





/*
.izqPlus3 {width: 95%; height:35px; margin:20px 0 15px 5px; padding:0 4px 6px 0;
background:url(../img/background_izq.gif) right bottom no-repeat}
.izqPlus3 div{height:35px; border:1px solid #7aa328; background:#99CC33 url(../img/warning_little.gif) 0 45% no-repeat;
 padding:3px 0 0 35px}
 .izqPlus3 div a{font-family:Arial, Helvetica, sans-serif; font-size:0.75em; font-weight:bold; color:#003300}
 .izqPlus3 div a:hover{ text-decoration:none}
 
 
 */
 
 


.borde1 {border: 1px solid #669900; background-color:#FFFFFF}
.borde2 {border-width:2px; border-color:#669900; border-style:outset; margin:8px}
.borde4 {border-width:1px; border-color:#669900; border-style:outset}/*para imagenes del mapa*/

/*Textos*/
.txtIndice {color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.7em; font-weight:bold; text-decoration:none}
.txtfecha {color:#FFFFFF;font-size:0.7em}
.txthora{color:#FFFFFF;font-size:0.7em}
.txtMenuTit {color: #fff; font-size:0.8em;font-weight: bold;text-decoration: none}
.txtTitulos1 {color:#003300; font-size:.9em;padding-left:5px; margin-top:10px;background-color:#99CC33}
.txtTitulos {color:#003300; font-size:.9em;padding-left:5px; margin-top:30px;background-color:#99CC33 }
.txtTitulos2 {color:#003300; font-size:.9em;padding-left:15px; padding-right:8px;background-color:#99CC33;display:inline}
.txtTitulo3 {color:#003300; font-size:.9em;padding-left:5px; margin-top:30px; display:block;background-color:#99CC33}
.txtTitulos4 {color:#003300; font-size:1em;padding-left:5px; margin-top:30px;background-color:#99CC33 ; text-align:center; text-transform:uppercase}





.txtMapTitulo {color:#003300; font-size:1.2em}
.txtcuerpo1 {color:#000000;font-family:Verdana, Arial, Helvetica, sans-serif;text-align:justify;font-size:0.7em}
.txtcuerpo1b {color:#000000;font-family:Verdana, Arial, Helvetica, sans-serif;text-align:justify;font-size:0.6em}
.txtcuerpo1b a { color:#CC0000; text-decoration:underline}
.sub {text-decoration:underline}
.txtcuerpo2 {color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.8em}
.txtcuerpo2b {color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.8em; font-weight:bold}
.txtcuerpo1 a { font-weight:bold; color:#000000}
.txtcuerpo1 a:hover {font-weight:bold; text-decoration:none}
.txtPie {color: #006400;font-size:0.7em;text-decoration: none}
.txtPie a{color: #006400;text-decoration: none}
.txtPlus1 {color: #003300;font-size:.9em; font-weight:bold}
.txtPlus2 {color:#003300;font-size:.8em; font-weight:bold; text-decoration:none}
.txtPlus2On {color:#ccff99; font-size:.8em; font-weight:bold; text-decoration:none}
.txtPlus2:hover {color:#ccff99}
.txtmarco {color: #003300; font-size:0.7em;text-decoration: none}
/*fin de Textos*/

/*miscelanea*/
.acenter { text-align:center}
.posbanner{ padding-bottom:10px}
.formu {position:absolute;left:80px;top: 60px;text-align:left;width:500px; height:150px;background-color:#99CC33; border:1px solid #006633}
.formC11 {position:absolute;left:15px}
.formC21 {position:absolute;left:200px; border:1px solid #006633}
.formC12 {position:absolute;left:15px}
.formC22 {position:absolute;left:200px; border:1px solid #006633}
.formbutt { position:relative; top:170px}
.barraform {left:0px; top:0px; width:10px; height:150px; background-color:#006633}
.formC1 { position:relative; width:100%; height:50px; float:left;  border-bottom:1px solid #006633; padding-top:25px}
.formC2 { position:relative; width:100%; float:left; padding-top:25px}
.boton { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#003300; font-weight:bold; border:1px solid #006633;background-color:#99CC33}
.list1 li{line-height:1.4em}
.paddl {padding-left:150px}
.margl {padding:0px; margin-left:150px}
.alert {position:absolute; top:100px; left:390px}

/*Noticias scroll*/
#SCROLL {border-top: 1px solid #003300; border-bottom: 1px solid #003300; overflow: hidden; display: block; background-color:#FFFFFF; width: 100%; margin-top:10px}
#CUERPO{font-family: Arial; font-size: 12px; color:#333333; font-weight:bold}
#CUERPO a{ color:#333333; text-decoration:none; padding-right:50px}
#CUERPO a:hover{ color:#000}
.not_1 {background-color:#003D7A}
.not_2{background-color:#FF7610}
.not_3{background-color:#FFA64F}
.enc{color:#ffffff; font-weight:bold}

/*Icons*/

a[href$='.pdf'] { padding: 5px 20px 5px 0; background: transparent url(../img/icons/icon_pdf.gif) no-repeat center right}
#paginador_back { width:100px; float:left; margin-top:15px; background-image:url(../img/back.png); background-position:left; background-repeat:no-repeat; text-align:left}
#paginador_forw { width:100px; float:right; margin-top:15px; background-image:url(../img/forward.png); background-position:right; background-repeat:no-repeat; text-align:right}
#paginador_back a{font-family:Arial, Helvetica, sans-serif; color:#003300; font-size:0.8em; padding-left:20px}
#paginador_forw a{font-family:Arial, Helvetica, sans-serif; color:#003300; font-size:0.8em; padding-right:20px}
.toggle{width:100%;display:block;text-align:right; margin-top:8px}
#toggle2{outline:none}
#toggle2 img{margin-right:60px}
.menu_patologias{width:515px; float:left; margin:0}
#scrollmenu {display:none;width:515px; text-align:center; margin:8px 0 0 0;padding: 0 0 2px 0;background-color:#99cc33}
#scrollmenu  ul{list-style-type:none; margin:0px; padding:0px}
#scrollmenu  li{display:inline}
#scrollmenu  li a{font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:9px; text-decoration:none}
#scrollmenu  li a:hover{ text-decoration:none;color:#FFFF99}
#scrollmenu img {cursor:pointer}
.sombra {border-bottom:1px solid #006633;border-right:1px solid #006633;border-top:1px solid #009933;border-left:1px solid #009933;background:url(../img/fondo_patol.gif) top repeat-x}
.wspace { white-space:nowrap}

/*sitemap*/
.txtmap{ float:left; margin-left:20px}
.txtmap a{font-family:Arial, Helvetica, sans-serif; color:#003300}
.site { position:relative; float:left; margin:0 0 0 20px;padding:20px 10px 0 0;width:65%}
.none {display:none}


.module-content{position:relative;float:left;padding:0 10px 0 0;width:96.7%;background:#81b600 url(../img/bg_patologias.gif) repeat-y scroll 0 0}
.categoria {float:left;	width:28%;margin:0 10px 0 20px; padding-top:15px}


.categoria h4 {	margin:15px 0;color:#d7fd7b;font:bold 0.9em Arial, Helvetica, sans-serif;text-transform:uppercase;padding:3px 0 3px 0; width:100%; display:block; text-align:center; background-color:#669900}
.categoria  ul {
border-top:1px solid #d7fd7b;
list-style-image:none;list-style-position:outside;list-style-type:none;margin-left:0px; padding-left:0px}

.categoria li {border-bottom:1px solid #d7fd7b;padding:0px 10px 0px 0}
.categoria a:link,
.categoria a:visited {
	display:block;
	color:#000;
	background:url(../img/bullet_patol.gif) 4px 50% no-repeat;
	padding:5px 2px 6px 15px;
	font-size:0.84em;
	font-weight:bold;
	text-decoration:none; width:96%
}
.categoria a:hover{ background-color:#97d501;color:#d7fd7b;}
.amiddle{ vertical-align:middle}


/* Barras */
.barra {float:left; height:1.1em; width:10px}
.barra3 {float:left; background-color:#006633; height:1.1em; width:10px}


.bdgreen{ border-left:10px #006633 solid;}


.hpatol{ 
color:#003300; 
font-size:1em; padding:0 8px 0 15px;
 background-color:#99CC33;
 display:inline;
 float:left;
 margin:0px;
  width:70%;
  background-color:#99CC33
  }

.aviso{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; background:url(../img/warning.gif) 0 0 no-repeat; padding:2px 0 0 50px; height:40px}

.aviso a{ color:#000; text-decoration:underline}
.aviso a:hover{text-decoration:none}

/*bordes*/

.total {border: 1px solid #339900}
.caja0, .caja3, .caja4{border: 1px solid #709525}
.txtTitulos, .txtTitulos1, .txtTitulo3, txtTitulos4 {border:1px solid #006633; border-top:1px solid #009933; border-left:1px solid #009933;padding:2px 0 2px 8px}
.categoria h4 {border:1px solid #709525}
.mapas  img{ border:1px solid #006633}
.izqPlus1 div, .izqPlus2 div, .izqPlus3 div{border:1px solid #709525; background-color:#99CC33}
.hpatol{ border: 1px solid #003300;  border-left: 10px solid #006633 }
#scrollmenu {border:1px solid #006633}



