/* CSS Document */
html { height:100%; width:100%; text-align:center; background-color:#ffffff;} 
body, td, th { width:100%; font-family: Verdana, Arial, Helvetica, sans-serif; color:#105E71; margin:0 0 0 0;} 
a img { border:0;}
a { color:#A43D20; text-decoration:underline;} 
a:hover { color:#000000; text-decoration:underline;} 
h1 { font-size:1.2em; text-align:left; margin-left:3px;}
h2 { font-size:1.1em; text-align:left;   }  
hr { color:#FFFFFF; height:0.5px; }
abbr, acronym { cursor:help;}
#contenedor { width:100%; height:auto; background-color:#ffffff; margin:0px auto 10px auto; display:block; overflow:hidden; }
.img_l { float:left; margin:0 0.8em 0 0; background-color:#fff; padding:0.4em;}
.img_r { float:right; margin:0 0 0 0.8em; background-color:#fff; padding:0.4em;}
.img_c { float:none; margin:0 0.8em 0 0.8em; background-color:#fff; padding:0.4em;}
/*portada*/
#imgportada { width:auto; height:auto; display:block; margin:2em auto 0 auto; text-align:center;}
#imgportada img { width:173px; height:300px; margin:0.5em;}
/* Menu superior */
#top { width:100%; height:43px; padding:0; margin:0; background-color:#54B8D1;}
#topleft { width:auto; height:auto; background-color:#54B8D1; float:left; padding:0; margin:0;  }
#topright {width:40em; height:20px; background-color:#007687; text-align:right; color:#000000; font-size:0.9em; margin:0; padding:3px; float:right;}
#topright ul{ padding:0px 15px 0px 0px; font-size:0.9em; margin:0;  float:right; }
#topright li { float:left; padding:0 0 0 0px; margin:0; list-style:none;}
#topright img { margin:5px 10px 0 10px; padding:0; width:auto; float: left; }
#topright li a { color:#ffffff; text-decoration:none; float:left;} 
#topright li a:hover { color:#ffffff; text-decoration:underline;} 
/*cabecera*/
#cab {background-repeat: repeat-y; height:134px; background-color:#54B8D1; margin:0; padding:0; background-image:url(../imgweb/cab.jpg)}
#cab img { padding:0; margin:0; float:left; }
/*donde estamos*/
#dondeestamos {width:100%;background-color:#ffffff; margin:0px 0px 5px 0px; font-size:0.9em; border-bottom:2px solid #C9C9C9; }
#dondeestamos p{background-color:#ffffff; color:#105E71; font-weight:bold; text-align:left; font-size:0.8em; padding:3px; }
#dondeestamos a { color:#A43D20; text-decoration:none;} 
#dondeestamos a:hover { color:#A43D20; text-decoration:underline;} 

/* Zona central de la pagina       */
#middle {font-size:0.8em; width:100%;  height:auto; margin:1% 0 3% 0 ; padding:0; }

#logo_feder{float:left;padding-left:2px;padding-top:50px;}
/* Marcomenu */
#marcomenu{width:17%;float:left;margin: 0;padding: 0; }
/*  Menu  */
/*#menu {width:17%;height:100%;float:left;margin: 0;padding: 0; }*/
#menu {margin: 0;padding: 0; }
#menu ul{margin:0;padding:0;list-style:none;text-align:left; width:99%; }
#menu ul li a {background-color:#ffffff; padding:6px 0px 6px 20px; margin:0 0 0.1em 0; width:auto; height:auto; font-weight:bold; display:block;border-bottom:2px solid #5BBBD3; border-top:2px solid #5BBBD3; border-right:2px solid #5BBBD3; color:#02454F; text-decoration:none; font-size:0.9em; }
#menu ul li span { color:#01616F;}
#menu ul li a:hover { color:#000000; text-decoration:none; background-color:#ececec; border-bottom:2px solid #DB512B; border-top:2px solid #DB512B; border-right:2px solid #DB512B;}
#menu ul li a:active { color:#DB512B; }
#menu ul li a:hover span{ color:#000000;}
#menu ul li.menuactivo1 a { color:#fff; background-color:#DB512B;}
#menu ul li.menuactivo1 ul li a {background-color:#ffffff; padding:3px 0px 3px 10px; margin:0 0 0 22px; width:99%; height:auto; font-weight:bold; display:block; font-size:0.85em; border:0; background-image:url(../imgweb/bgmenu.gif); background-repeat:no-repeat; background-position:left;}
#menu ul li.menuactivo1 ul li a { color:#000000; text-decoration:none;} 

#menu ul li ul li a {background-color:#ffffff; padding:3px 0px 3px 10px; margin:0 0 0 3px; width:99%; height:auto; font-weight:bold; display:block; font-size:0.75em; border:0; background-image:url(../imgweb/bgmenu.gif); background-repeat:no-repeat; background-position:left;}

#menu ul li ul li a:hover { color:#ffffff;  background-color:#105E71; text-decoration:none; background-image:url(../imgweb/bgmenu2.gif); background-repeat:no-repeat; background-position:left; border:0; }
#menu ul li ul li a { color:#000000; text-decoration:none;} 
#menu ul li ul li.menuactivo2 a {background-color:#ffffff; padding:3px 0px 3px 10px; margin:0 0 0 3px; width:99%; height:auto; font-weight:bold; display:block; font-size:0.75em; border:0; background-image:url(../imgweb/bgmenu3.gif); background-repeat:no-repeat; background-position:left;}
#menu ul li ul li.menuactivo2 a {  color:#fff; background-color:#DB512B;} 
#menu ul li ul li ul { background-color:#fff; width:80%; margin:0 0 0 10px; padding:0; list-style-type:none;}
#menu ul li ul li ul li a {background-color:#ffffff; padding:3px 0px 3px 10px; margin:0 0 0 3px; width:99%; height:auto; font-weight:bold; display:block; font-size:0.8em; border:0; color:#000000; text-decoration:none; font-weight:normal; background-image:url(../imgweb/bgmenu21.gif); background-repeat:no-repeat; background-position:left; } 
#menu ul li ul li ul li a:hover { color:#ffffff;  background-color:#105E71; text-decoration:none;background-image:url(../imgweb/bgmenu22.gif); background-repeat:no-repeat; background-position:left;}
#menu ul li ul li ul li.menuactivo3 a {background-color:#DB512B; padding:3px 0px 3px 10px; margin:0 0 0 3px; width:99%; height:auto; font-weight:bold; display:block; font-size:0.8em; border:0; color:#fff; text-decoration:none; font-weight:normal; background-image:url(../imgweb/bgmenu23.gif); background-repeat:no-repeat; background-position:left; } 
#menu ul li ul li ul li.menuactivo3 a:hover { color:#ffffff;  background-color:#105E71; text-decoration:none;background-image:url(../imgweb/bgmenu22.gif); background-repeat:no-repeat; background-position:left;}
#menu ul li ul li.menuactivo2 ul li a {background-color:#ffffff; padding:3px 0px 3px 10px; margin:0 0 0 3px; width:99%; height:auto; font-weight:bold; display:block; font-size:0.8em; border:0; color:#000000; text-decoration:none; font-weight:normal; background-image:url(../imgweb/bgmenu21.gif); background-repeat:no-repeat; background-position:left; }
#menu ul li ul li.menuactivo2 ul li a:hover { color:#ffffff;  background-color:#105E71; text-decoration:none;background-image:url(../imgweb/bgmenu22.gif); background-repeat:no-repeat; background-position:left;} 
#menu p { text-align:center; display:block; margin:auto;}

/*Contenido*/
#contenido {width:60%;height: 100%;float:left; margin: 0;padding:0px 8px 0 25px;background-color:#ffffff; color:#105E71; border-left:21px solid #DB512B; text-align:justify;}
#contenido2 { border-top:2px solid #98CC51; margin:0; padding:0;}
#contenido .titulo { width:auto; height:auto; background-color:#FFFFFF; border:1px solid #98CC51; color:#000000; letter-spacing:3px; padding:1px 0 1px 23px; background-image:url(../imgweb/bgtitulo.gif); background-repeat:no-repeat; background-position:left;}
#contenido h1, #contenido2 h3{ font-size:1.1em; text-align:left; margin-left:3px; color:#023F4E; background-color:#ECECEC; clear:both;}
#contenido h2, #contenido2 h3{ font-size:1em; text-align:left; margin-left:3px; color:#023F4E;} 
#contenido h3, #contenido2 h3 { font-size:0.9em; text-align:left; margin-left:3px; color:#023F4E;} 
#contenido p, #contenido2 p {  font-size:0.85em; margin-left:4px; color:#105E71; } 
#contenido ul li ul li { font-size:1em; }
#contenido ul li ul li ul li { font-size:1em;}
/*menu 4 nivel en contenido*/
#nav4 { padding:0; margin:0 0 15px 0; height:1em; }
#nav4 ul { margin: 0 0 0 5px; padding:0; float:left; width:100%; background-color:#fff; height:1em; list-style-type:none;  }
#nav4 ul li {float:left; margin:0 15px 0 0; padding:0 0 5px 0; color:#000000; width:auto; height:1em; white-space:nowrap; font-size:0.8em;   }
#nav4 ul li a {color:#000000; }
#nav4 ul li a:hover {color:#105E71; }
#contenido span.piefoto { color:#FF0000; float:left; clear:both; width:100%;  }

/*factores implicados*/

.factores_img { display:block; margin:auto; width:auto; height:auto; padding:0 2% 0 2%; float:left; }
.factores_img img { margin:0; padding:0; float:left;}
.factores_img a { margin:0; padding:0;}
.factores_img p { margin:0; padding:0; clear:both;}
.factores_img_center { display:block; margin:auto; clear:both; background-color:#fff;}
.factores_img_center img { margin:4em 0 0 -4em;} 
#img_factores { display:block; margin:auto; width:100%; background-color:#fff; height:auto; padding:0; text-align:center; }

/*Destacados*/
 
  .mez{
      text-shadow: 0px 1px rgba(0, 0, 0, 0.2);
            text-align:center;
            text-decoration: none;
      font-family: 'Helvetica Neue', Helvetica, sans-serif;
      display:inline-block;
            color: #FFF;
            background: #ececec;
            padding: 7px 10px;
            white-space: nowrap;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 40px;
            margin: 10px 5px;
            -webkit-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
}

#right {width:14%;height:100%;float:right;margin:0;padding:0;background-color:#ffffff;overflow:hidden;display:block; text-align:center; border:1px solid #E5E2DA;}
#right h1 { width:auto; height:1em; background-color:#F3F3F3; color:#000000; margin:0; padding:2px 2px 2px 3%; font-size:0.9em; } 
.banner { width:90%;  padding:5px; background-color:#F3F3F3; position:relative; display:block; margin:7px auto auto auto; }
.banner img { border:0; width:auto; height:auto;}
.txtbanner { font-size:0.8em; background-color:#F3F3F3; color:#555555; margin:auto auto 5px auto; padding:5px; width:90%;}
.txtbanner a { color:#3C3C3C;}
.txtbanner a:hover { color:#DB512B;}
/*buscador*/
#right #buscador { background-color:#E5E2DA; height:auto; width:100%; float:left; margin:0 0 0em 0; padding:0 0 0.9em 0; border-bottom:1px solid #fff;}
#right #buscador p { width:auto; height:auto; margin:0; padding:0; clear:both;  padding:0 0 0 0.2em;}
#right #buscador span { width:auto;display:block; text-align:left; font-size:0.8em;  font-weight:bold; color:#000000; padding:0 0 0 0.2em; background-color:#E5E2DA;}
#right #buscador input { border:1px solid #007687; margin:0; padding:0; width:95%;}
#right #buscador input.botonform {color:#ffffff; background-color:#007687; width:4em; margin:5px 5px 0 5px; height:20px; border:1px solid #ffffff; cursor:pointer; float:right;}
#right #buscador a { width:auto; height:auto; background-color:#E3E3E3; color:#00414A; text-decoration:none; margin:0;  padding:0 0 0 0.2em; float:left;}
#right #buscador a:hover { background-color:#E3E3E3; color:#00414A; text-decoration:underline;}
#right #mapa { border-top:1em solid #54B8D1; border-bottom:1em solid #54B8D1; margin:1em 0 0 0; padding:1em 0 1em 0; }

/*logos*/
#logos {width:100%; height:auto; margin:1em 0 0 0;padding:0.5em 0 0.5em 0; clear:both; float:left; background-color:#fff; border-top:2px solid #007687; border-bottom:2px solid #007687;} 
#logos img { margin:0 0 0 2em; float:left; }
/* Pie                             */
#bottom {width:100%; height:auto; margin:1em 0 0 0;padding: 0; clear:both; float:left;}
#bottom p{margin: 0; padding: 0;}
#pietop { width:auto; height:auto; background-color:#DDDDDD; color:#000000; padding:8px; text-align:left; font-size:0.75em; font-stretch:ultra-condensed; font-variant:small-caps; font-weight:700;  }
#pietop a { color:#000000; text-decoration:none; font-size:1.1em; font-weight:normal; }
#pietop a:hover { color:#000000; text-decoration:underline;}
#piebottom{width:100%; height:100%;background-color:#ffffff;color:#777777;font-size:0.75em;overflow:hidden; clear:both;}
#piebottomdech {width: 50%;  height:auto; float:right; text-align:right; margin:0; padding:8px 8px 0px 0px;}
#piebottomdech a { color:#A43D20;}
#piebottomdech a:hover {}
#piebottomizq {width: 47%;  height:auto; float:left; text-align:left; margin:0; padding:8px 0px 0px 8px;}
#piebottomizq #certif { padding:5px 5px 5px 0; }
.tawlogo {font-family: arial, sans-serif; border: 1px solid #555; vertical-align: 0.3em;font-weight: bold;color: #fff;font-size: 0.9em; background-color: #555;padding: 0;}
.tawlogo .tnive2 {padding: 0 0.4em ;border-bottom: 0px;background-color: #555;color: #fff;font-size: 0.8em;}
.tawlogo abbr {border-bottom: 0px;}
.tawlogo acronym{border-bottom: 0px;padding: 0 0.3em;background-color: #fff;color: #000; }
.tawlogo sup{padding: 0em;vertical-align: 0.6em;font-size: 0.6em;}

/*mapaweb*/
#mapaweb {}
#mapaweb ul li {}
#mapaweb ul li ul li {}
#mapaweb ul li ul li ul li { font-size:1.1em;}

/*accesibilidad*/
#accesibilidad { width:auto; height:auto; padding:0; margin:0; text-align:justify;}
#accesibilidad h1 { width:auto; height:auto; background-color:#ECECEC; color:#023F4E; padding:3px; border:1px solid #000000; font-size:1em;}
#accesibilidad h2 { width:auto; height:auto; font-size:0.9em; background-color:#ffffff; color:#333333; padding:3px;}
#accesibilidad p { padding:4px; font-size:0.8em;}
#accesibilidad ul { font-size:0.8em;}
#accesibilidad table { width:90%; height:auto; font-size:0.9em; color:#333333;}
#accesibilidad td { width:auto; height:auto; background-color:#E3E3E3; border:1px solid #000000; padding:2px; color:#333333;}
#accesibilidad th { background-color:#000000; border:1px solid #000000; color:#FFFFFF;}
#accesibilidad .tecla { width:20%; height:auto; background-color:#E3E3E3; border:1px solid #000000; padding:2px; color:#333333; text-align:center;}
#accesibilidad .acceso { width:auto; height:auto; background-color:#E3E3E3; border:1px solid #000000; padding:2px; color:#333333;}
#accesibilidad caption { text-align:left; font-weight:bold;}

/*accesibilidad*/
#tablamuni { width:100%; height:auto; padding:0; margin:0 0 10px 0; text-align:center; float:left;}
#tablamuni table { width:90%; height:auto; font-size:0.9em; color:#333333; }
#tablamuni td { width:auto; height:auto; background-color:#E3E3E3; border:1px solid #000000; padding:2px; color:#333333;}
#tablamuni th.num { background-color:#008CA0; border:1px solid #000000; color:#FFFFFF;}
#tablamuni th.pueblo { background-color:#008CA0; border:1px solid #000000; color:#FFFFFF;}
#tablamuni .num { width:10%; height:auto; background-color:#ffffff; font-weight:bold; border:1px solid #000000; padding:2px; color:#333333; text-align:center;}
#tablamuni .pueblo { width:auto; height:auto; background-color:#E3E3E3; border:1px solid #000000; padding:2px; color:#333333; font-weight:bold;}
#tablamuni caption {text-align:left; font-weight:bold; width:100%; }


/*+++++++++++ Noticias   ++++++++++*/
.listanoti { width:99%; border:1px solid #d0e2f2; padding:5px; float:left; text-align:justify; margin:2px;}
.listanoti h1 { font-size:1.1em; font-weight:bold; width:100%; margin:0 0 5px 0; padding:0; height:auto; }
.listanoti h1 a { color:#01616F; background-color:#F4F4F4; width:100%;   }
.listanoti h1 a:hover { color:#000000; background-color:#EDEDED;}
.listanoti h2 { font-size:0.9em; font-weight:normal; padding:0 0 10px 0; margin:0; color: #555555; text-align:justify;}
.listanoti .masinfo, .noti .masinfo { float:left; font-style:italic; color:#336076; font-weight:bold; font-size:0.85em;}
.listanoti p { margin:0; padding:0;}

.noti { width:auto; float:left; padding:5px; text-align:justify;}
.noti h1 { font-size:1em; font-weight:bold; text-transform:uppercase; color:#01616F; background-color:#F4F4F4; width:100%; padding:3px;}
.noti h2 { font-size:0.9em; font-style:italic; font-weight:600; color:#555555; text-align:justify;}
.noti h3 { font-size:0.9em; font-style:italic; font-weight:600; color:#555555; text-align:justify;}
.noti .fecha {text-transform:uppercase; font-style:normal; color:#555555;}
.noti p {color:#336076; font-size:0.85em;}
.noti span{ font-size:0.85em; font-weight: bold; font-style:italic; color: #555555; }

.tx-macinasearchbox-pi1 { margin:1em 0 0 0; }
.tx-macinasearchbox-pi1 input.button { background-color:#000; color:#FFFFFF; width:5em; margin:0.5em 0 0 0;}

/*formulario contacto*/
#contacto { width:95%;}
#contacto ul { margin:0 0 0 25px; }
#contacto ul li {margin:1em 0 0 0;}
#contacto ul li ul li {font-size:1.1em; margin:0;}
#contacto form span {display:block; text-align:left; margin-left:12px; margin-right:10px; padding:3px;}
#contacto form legend { }  
#contacto form fieldset {}
#contacto form input {  width:75%; margin-left:12px; padding-left:3px;}
#contacto form textarea { width:75%; margin-left:12px; padding-left:3px;}
#contacto form p { margin:0; width:100%;}
#contacto .botonform { width:50px; margin:5px 5px 0 5px; height:20px;  cursor:pointer;}
#contacto #txtlegal {  padding:2.5% 0% 2% 0%; width:auto;}
#contacto #chkLeer { height:auto; width:15px; border:0; margin:0 0 0 -5px; }
#contacto .error { }
#contacto form .red { width:20%;}

/*tabla*/
table { width:99%; margin:0; padding:0; border-color:#DB512B; border:0;}
table caption { font-size:0.95em; background-color:#ffffff; color:#000; width:98%; margin:0 0 0 3px; padding:2px 2px 2px 0; text-align:left; float:left;}
table td {width:auto; padding: 0.25em; font-size:1em; background-color:#ECECEC; color:#000000; border-color:#DB512B; border:3px;}
table th {width:auto; padding: 0.25em;  background-color:#105E71; font-size:0.95em; color:#FFFFFF }
table.leyenda { background-color:#FFFFFF;}
table.leyenda td { background-color:#FFFFFF;}
table.leyenda th { background-color:#FFFFFF;}

/*tabla*/
.tabla18 td {
   width: 100%;
   border: 1px solid #000;
}
th, td {
   width: 25%;
   text-align: left;
   vertical-align: top;
   border: 1px solid #000;
   border-collapse: collapse;
   padding: 0.3em;
   caption-side: bottom;
}
caption {
   padding: 0.3em;
   color: #fff;
    background: #000;
}
th {
   background: #eee;
}

/*proyectos*/
#lineas table .centrado { text-align:center;}

.estado1 td {background-color:#D20707;}
.estado2 td {background-color:#FF8700;}
.estado3 td {background-color:#74FF74;}

#contenido a.grande {font-size:1.7em;}