*{font-family: Arial, sans-serif;} body {} #todo{margin: 0 auto; width: 1019px; background: #fff url(/imagenes/comunes/fnd-pagina.gif) repeat-y;} #superior, #inferior{display: block; width: 1019px; height: 16px; text-indent: -99999px;} #superior{background: url(/imagenes/comunes/fnd-superior.gif) no-repeat;} #inferior{background: url(/imagenes/comunes/fnd-inferior.gif) no-repeat;} #pagina{padding: 0 15px; width: 989px;} /*** Cabecera ***/ #cabecera{position: relative; margin-top: -9px;} #cabecera h1{display: none;} #cabecera ul#navUtil{position: absolute; top: 25px; right: 0px; width: 238px;} #cabecera ul#navUtil li{float: left;} #cabecera ul#navUtil li a{margin-right: 11px; font-size: 11px; color: #000; text-decoration: underline; background: url(/imagenes/comunes/fnd-utilidades.gif) no-repeat 0 2px;} #cabecera ul#navUtil li a:hover{text-decoration: none;} #cabecera ul#navUtil li.inicio a{padding-left: 13px;} #cabecera ul#navUtil li.mapaWeb a{padding-left: 21px; background-position: 0 -12px;} #cabecera ul#navUtil li.contacto a{padding-left: 17px; background-position: 0 -27px;} /*** Menu ***/ #cabecera #menu{width: 989px; height: 30px;} #cabecera #menu li{float: left;} #cabecera #menu li a{display: block; height: 30px; text-indent: -99999px; background: url(/imagenes/comunes/spt-menu.gif) no-repeat;} #cabecera #menu li a.inicio{width: 81px; background-position: 0 0;} #cabecera #menu li a.inicio:hover, #cabecera #menu li a.inicioON{width: 81px; background-position: 0 -30px;} #cabecera #menu li a.fundacion{width: 108px; background-position: -81px 0;} #cabecera #menu li a.fundacion:hover, #cabecera #menu li a.fundacionON{width: 108px; background-position: -81px -30px;} #cabecera #menu li a.programas{width: 114px; background-position: -189px 0;} #cabecera #menu li a.programas:hover, #cabecera #menu li a.programasON{width: 114px; background-position: -189px -30px;} #cabecera #menu li a.fluviarium{width: 112px; background-position: -303px 0;} #cabecera #menu li a.fluviarium:hover, #cabecera #menu li a.fluviariumON{width: 112px; background-position: -303px -30px;} #cabecera #menu li a.casaNaturaleza{width: 152px; background-position: -415px 0;} #cabecera #menu li a.casaNaturaleza:hover, #cabecera #menu li a.casaNaturalezaON{width: 152px; background-position: -415px -30px;} #cabecera #menu li a.unete{width: 76px; background-position: -567px 0;} #cabecera #menu li a.unete:hover, #cabecera #menu li a.uneteON{width: 76px; background-position: -567px -30px;} #cabecera #menu li a.ecotienda{width: 107px; background-position: -643px 0;} #cabecera #menu li a.ecotienda:hover, #cabecera #menu li a.ecotiendaON{width: 107px; background-position: -643px -30px;} #cabecera #menu li a.naturGaleria{width: 131px; background-position: -750px 0;} #cabecera #menu li a.naturGaleria:hover, #cabecera #menu li a.naturGaleriaON{width: 131px; background-position: -750px -30px;} #cabecera #menu li a.contacto{width: 108px; background-position: -881px 0;} #cabecera #menu li a.contacto:hover, #cabecera #menu li a.contactoON{width: 108px; background-position: -881px -30px;} /*** Contenidos ***/ #contenido{padding-bottom: 35px;} a.enlace{padding-right: 16px; background: url(/imagenes/comunes/fnd-enlaces.gif) no-repeat right; color: #00f; text-decoration: underline;} a.enlace:hover{text-decoration: none;} a.derecha{float: right;} p.noImagenes{float: left; margin: 15px;} p.noImagenes span{display: block; margin-top: 5px;} /*** MIGAS Y CARRITO ***/ #migas{position: relative; padding: 15px 0 15px 3px; width: 989px; color: #98989c; background: #fff;} #migas a{color: #98989c;} #total{position: absolute; top: 9px; right: 8px; padding: 6px 15px; width: auto; height: 15px; color: #f07508 !important; text-decoration: none;} #total span{margin-right: 3px; padding-right: 20px; color: #f07508 !important; background: url(/imagenes/comunes/fnd-cesta.gif) no-repeat right 0;} #total.fluviarium{color: #2173c7 !important;} #total.fluviarium span{color: #2173c7 !important; background-position: right -20px;} #total.espeja, #total.campanariosAzaba{color: #5b8e06 !important;} #total.espeja span, #total.campanariosAzaba span{color: #5b8e06 !important; background-position: right -40px;} /*** Subcontenido ***/ #contenido.conColumnaDerecha{background: url(/imagenes/comunes/fnd-fotos.gif) repeat-y right;} #subContenido{display: inline; float: left; margin-left: 35px; width: 726px;} #contenido.conColumnaDerecha #subContenido{width: 510px;} #subContenido h2{margin-bottom: 15px; font-size: 18px; color: #666;} #subContenido p{margin-bottom: 15px; color: #58585a; text-align: justify; line-height: 18px;} #subContenido strong{color: #58585a;} #subContenido p.margenInferior{margin-bottom: 35px;} #subContenido a{color: #002fff; text-decoration: underline;} #subContenido a:hover{text-decoration: none;} #subContenido ul{list-style-type: disc;} #subContenido ul.guiones{list-style-type: none;} #subContenido ul li{margin: 0 0 15px 50px; color: #58585a; text-align: justify;} #subContenido ul.guiones li{margin-left: 35px; text-indent: 7px; background: url(/imagenes/comunes/fnd-guion.gif) no-repeat 0 8px;} #subContenido p.guiones{text-indent: 5px; background: url(/imagenes/comunes/fnd-guion.gif) no-repeat 0 8px;} /*** Contacto ***/ #subContenido.contacto{} #subContenido.contacto form{display: inline; float: left; margin: 0 0 20px 80px;/* width: 585px;*/} #subContenido.contacto form p{float: left;} #subContenido.contacto form p label{float: left; margin-top: 2px; color: #666; text-align: right;} #subContenido.contacto form p input{float: left; margin-left: 10px; padding: 3px; height: 14px; color: #666; border: 1px solid #c7cbc8;} #subContenido.contacto form p.nombre{} #subContenido.contacto form p.nombre label{width: 55px; text-align: right;} #subContenido.contacto form p.nombre input{width: 165px;} #subContenido.contacto form p.numColaborador{margin-left: 79px;} #subContenido.contacto form p.numColaborador input{width: 220px;} #subContenido.contacto form p.telefonoEmail{width: 242px;} #subContenido.contacto form p.telefonoEmail label{width: 55px;} #subContenido.contacto form p.telefonoEmail input{width: 165px;} #subContenido.contacto form p.telefonoEmail input#telefono{margin-bottom: 15px;} #subContenido.contacto form p.asunto{margin-left: 78px;} #subContenido.contacto form p.asunto label{width: 82px; text-align: right;} #subContenido.contacto form p.asunto textarea{float: left; margin-left: 10px; padding: 3px; width: 220px; height: 51px; color: #666; border: 1px solid #c7cbc8;} #subContenido.contacto form p.terminosCondiciones{margin-left: 20px;} #subContenido.contacto form p.terminosCondiciones input{margin: 5px 5px 0 0; border: none;} #subContenido.contacto form p.enviar{float: right; margin-right: 6px;} #subContenido.contacto form p.enviar button{display: block; width: 79px; height: 24px; text-indent: -99999px; background: url(/imagenes/comunes/fnd-enviar.gif) no-repeat; border: 0; cursor: pointer;} #subContenido.contacto div.inferior{width: 720px;} #subContenido.contacto div.inferior p.direccion{float: left; width: 240px;} #subContenido.contacto div.inferior p.direccion span{display: block; margin-bottom: 2px;} #subContenido.contacto div.inferior p.direccion strong.equipo{display: block; margin-top: 25px;} #subContenido.contacto div.inferior div#map{float: right; margin-top: 4px; width: 410px; height: 340px; border: 1px solid #a5a5a5; overflow: hidden;} /*** Columna Derecha ***/ #contenido.conColumnaDerecha div#columnaDerecha{float: right; width: 191px; background: #f8f8f8; border-left: 1px solid #c7cbc9;} #contenido.conColumnaDerecha div#columnaDerecha strong{display: block; margin-left: -1px; width: 192px; height: 20px; background: url(/imagenes/comunes/spt-titulos.gif) no-repeat 0 -32px; text-indent: -99999px;} #contenido.conColumnaDerecha div#columnaDerecha img{margin: 15px 0 0 15px; width: 160px; min-height: 120px; height: auto !important; height: 120px; border: 1px solid #626264} /*** Columna Izquierda ***/ #columnaIzquierda{float: left; width: 228px;} /*** Submenu ***/ #submenu{margin-bottom: 42px; width: 228px;} #submenu li{overflow: hidden;} #submenu li a{display: block; padding: 8px 0 0 30px; width: 198px; height: 24px; background: url(/imagenes/comunes/spt-submenu.gif) no-repeat; font-size: 13px; color: #666;} #submenu li a.ON, #submenu li a:hover{font-weight: bold; text-decoration: none; background-position: -228px 0;} #submenu li a.superior{background-position: 0 -32px;} #submenu li a.superiorON, #submenu li a.superior:hover{background-position: -228px -32px; font-weight: bold; text-decoration: none;} #submenu li a.inferior{background-position: 0 -64px;} #submenu li a.inferiorON, #submenu li a.inferior:hover{background-position: -228px -64px; font-weight: bold; text-decoration: none;} #submenu li a.desplegable{} #submenu li a.desplegableON, #submenu li a.desplegable:hover{background-position: -456px -32px; font-weight: bold; text-decoration: none;} #submenu li a.desplegableInferior{background-position: -456px -64px;} #submenu li a.desplegableInferiorON, #submenu li a.desplegableInferior:hover{background-position: -456px -64px; font-weight: bold; text-decoration: none;} #submenu li a.desplegableDos{background-position: 0px -128px;} #submenu li a.desplegableDosON, #submenu li a.desplegableDos:hover{background-position: 0px -128px !important; font-weight: bold; text-decoration: none;} #submenu li a.desplegableInferiorDos{background-position: -456px -96px;} #submenu li a.desplegableInferiorDosON, #submenu li a.desplegableInferiorDos:hover{background-position: -456px -96px !important; font-weight: bold; text-decoration: none;} #submenu li ul{} #submenu li ul li{} #submenu li ul li a, #submenu li ul li a.ON, #submenu li ul li a:hover{padding-left: 45px; width: 183px; background-position: 0px -96px;} #submenu li ul li ul{} #submenu li ul li ul li{} #submenu li ul li ul li a, #submenu li ul li ul li a.ON, #submenu li ul li ul li a:hover{padding-left: 60px; width: 168px; background-position: -228px -96px;} /*** Ecotienda ***/ #ecotienda{} #ecotienda strong{display: block; width: 228px; height: 32px; text-indent: -99999px; background: url(/imagenes/comunes/spt-titulos.gif) no-repeat;} #ecotienda div{border: 1px solid #c3c8c5;} #ecotienda div dl{float: left; display: inline; margin: 10px 0 8px 10px;} #ecotienda div dl dt{float: left;} #ecotienda div dl dt img{padding: 0 0 7px 4px; background: url(/imagenes/comunes/fnd-producto.gif) no-repeat bottom;} #ecotienda div dl dd{float: left; display: inline; margin-left: 10px; width: 120px;} #ecotienda div dl dd span{display: block; color: #439c00;} #ecotienda div dl dd p{} #ecotienda div dl dd p span{margin-bottom: 2px; color: #999;} #ecotienda div dl dd p button{display: block; margin-top: 15px; width: 94px; height: 23px; text-indent: -99999px; background: url(/imagenes/comunes/fnd-comprar.gif) no-repeat; border: 0; cursor: pointer;} #ecotienda div dl dd p button.ok{background-position: 0 -23px;} #ecotienda a.enlace{float: right; margin: 0px 15px 10px 0;} /*** Pie ***/ #pie{} #pie ul{margin-left: -7px; width: 1003px; height: 86px; background: #f4f9f3;} #pie ul li{display: inline; float: left; margin: 10px 0 0 105px;} #pie ul li.cincoLogos{margin-left: 70px;} #pie ul li.seisLogos{margin-left: 102px;} #pie ul li.seisLogosDos{margin-left: 34px;} #pie ul li.seisLogos3{margin-left: 44px;} #pie ul li.sieteLogos{margin-left: 46px;} #pie ul li.sieteLogosUno{margin-left: 20px;} #pie ul li.ochoLogos{margin-left: 3px;} #pie ul li a, #pie ul li span{display: block; height: 76px; text-indent: -99999px;} #pie ul li .fnyh{width: 98px; background: url(/imagenes/comunes/logos/fnd-fundacion-naturaleza-y-hombre.gif) no-repeat;} #pie ul li .cuentaAtras{width: 90px; background: url(/imagenes/comunes/logos/fnd-cuenta-atras.gif) no-repeat;} #pie ul li .uicn{width: 125px; background: url(/imagenes/comunes/logos/fnd-uicn.gif) no-repeat;} #pie ul li .ayuntamientoDeCamargo{width: 125px; background: url(/imagenes/comunes/logos/fnd-ayuntamiento-de-camargo.gif) no-repeat;} #pie ul li .cajaMadrid{width: 98px; background: url(/imagenes/comunes/logos/fnd-caja-madrid.gif) no-repeat;} #pie ul li .cantabriaMedioAmbiente{width: 115px; background: url(/imagenes/comunes/logos/fnd-cantabria-medio-ambiente.gif) no-repeat;} #pie ul li .ministerioDeMedioAmbiente{width: 160px; background: url(/imagenes/comunes/logos/fnd-ministerio-de-medio-ambiente.gif) no-repeat;} #pie ul li .feaderministerioDeMedioAmbiente{width: 160px; background: url(/imagenes/comunes/logos/fnd-ministerio-de-medio-ambiente-feader.gif) no-repeat;} #pie ul li .grupoEroski{width: 160px; background: url(/imagenes/comunes/logos/fnd-grupo-eroski.gif) no-repeat;} #pie ul li .ayuntamientoDeArredondo{width: 98px; background: url(/imagenes/comunes/logos/fnd-ayuntamiento-de-arredondo.gif) no-repeat;} #pie ul li .ayuntamientoDeLierganes{width: 115px; background: url(/imagenes/comunes/logos/fnd-ayuntamiento-de-lierganes.gif) no-repeat;} #pie ul li .waterwaysnet{width: 140px; background: url(/imagenes/comunes/logos/fnd-waterwaysnet.gif) no-repeat;} #pie ul li .merkamueble{width: 115px; background: url(/imagenes/comunes/logos/fnd-merkamueble.gif) no-repeat;} #pie ul li .feve{width: 115px; background: url(/imagenes/comunes/logos/fnd-feve.gif) no-repeat;} #pie ul li .ayuntamientoDeEspeja{width: 98px; background: url(/imagenes/comunes/logos/fnd-ayuntemiento-de-espeja.gif) no-repeat;} #pie ul li .fundacionBiodiversidad{width: 115px; background: url(/imagenes/comunes/logos/fnd-fudnacion-biodiversidad.gif) no-repeat;} #pie ul li .cantabriaFutura{width: 115px; background: url(/imagenes/comunes/logos/fnd-cantabria-futura.gif) no-repeat;} #pie ul li .voluntariosRios{width: 115px; background: url(/imagenes/comunes/logos/fnd-voluntariado-rios.gif) no-repeat;} #pie ul li .ministerioDeMedioAmbienteSubencionado{width: 160px; background: url(/imagenes/comunes/logos/fnd-ministerio-de-medio-ambiente_subencionado.gif) no-repeat;} #pie ul li .iberclima{width: 98px; background: url(/imagenes/comunes/logos/fnd-iberclima.gif) no-repeat;} #pie p{float: left; margin: 10px 0 2px; font-size: 9px; color: #aaa;} #pie p a{font-size: 9px; color: #aaa;} #pie a.avisoLegal{float: right; margin: 10px 0 2px; text-decoration: underline; font-size: 9px; color: #aaa;} #pie a.avisoLegal:hover{text-decoration: none;}