/******* GLOBALES ********/ * { margin:0; padding:0; font-family:Arial, Verdana, sans-serif; } html { /* Para forzar siempre la barra de scroll vertical y evitar efectos extraños al cargar elementos dinamicamente */ overflow-y: scroll; } img {border:0;vertical-align:middle;} body { font-size: 62.5%; text-align: center; } .boton_con_imagen {background-color: transparent; border:medium none; cursor:pointer; margin:0;} #contenedor { margin:auto; background:#FFFFFF; width:960px; } #contenedor * {text-align: left;} /**clase creada para los cierres de float**/ .limpiar {clear:both;} img.foto_left, .foto_right img { float: left; margin: 5px 10px 5px 10px; display: block; } img.foto_right, .foto_right img { display: block; float: right; margin: 10px; } /****** CABECERA *******/ #cabecera {background-image: url(../images/fondo_contenido.jpg);} #margenes {margin: 0 5px 0 5px; width: 950px} #cabecera_contenido {background:url(../images/fondo_cabecera.jpg) no-repeat #e9e6dd; border: 1px solid #cccccc; border-top: none;} #cabecera_herramientas {} #cabecera_herramientas ul { float: right; /*border: 1px solid green*/; margin: 6px 10px 0 0; } #cabecera_herramientas ul li{display: inline; border-right: 1px solid #322215; padding:0 4px; text-align: center } #cabecera_herramientas a {text-decoration: none; color: #322215; text-transform:uppercase; padding: 0 5px; font-size: 1em} #cabecera_herramientas a:hover {text-decoration: underline; color: #000000} #cabecera_herramientas li.ultimo_li {border: none} #cabecera_herramientas li a.selected {background-color: #322215; text-decoration: none; color: #f0f0f0;padding:2px 7px;} #cabecera_herramientas li a.selected:hover {text-decoration: none; color: #f0f0f0} #cabecera_herramientas .selected {text-decoration: underline; color: #827265;} #logotipo_cabecera {margin: 0 ; float: left;vertical-align:top} #menu_cabecera {width: 795px; float: right; margin-top: 86px; text-align: center;} #menu_cabecera ul {display: block; list-style-type: none} #menu_cabecera ul li{float: left;background: url(../images/solapa_ama_izq.jpg) left #a98e01; margin-right: 1px } #menu_cabecera ul li h2 {font-size: 1.1em; background-image: url(../images/solapa_ama_der.jpg); background-repeat: no-repeat; background-position: top right} #menu_cabecera ul li h2 a {line-height: 29px; text-decoration: none; color: #f0f0f0; text-transform:uppercase; padding: 9px 8px; font-size: 1em} #menu_cabecera ul li h2 a:hover {color: #ffffff} #menu_cabecera form {color: #ffffff; margin: 1px 0 0 4px; text-align: right; padding-right: 18px} #menu_cabecera form div {background-color: white; border: 1px solid #827f76; float: right} #menu_cabecera form div img {vertical-align: middle} #menu_cabecera form div input {border: 0 solid white ; padding-top: 2px; height: 18px; max-height: 18px; vertical-align: middle; font-size: 1.1em; color: #666666; font-style: italic} #menu_cabecera ul li.selected {background-color: #322215; background: url(../images/solapa_marron_izq.jpg) left no-repeat #322215;} #menu_cabecera ul li.selected h2 {background-image: url(../images/solapa_marron_der.jpg);} #barra_submenu {border: 1px solid #322215; border-right: none; border-left: none; background-color: #322215; clear: both;} #barra_submenu ul {padding: 4px 25px;} #barra_submenu ul li{display: inline;} #barra_submenu ul li h3 {display: inline; font-size: 1.1em} #barra_submenu ul li h3 a {text-decoration: none; color: #f0f0f0; text-transform:uppercase; border-right: 1px solid #f0f0f0; padding: 0 16px; font-size: 1em} #barra_submenu ul li h3 a:hover {color: #E29300} #barra_submenu li.ultimo_li h3 a {border: none} #barra_submenu ul li h3.selected a {color:#FFBF24} .pestana.activa * {color:#FFBF24 !important} /****** CONTENIDO *******/ #contenido {} #contenido {font-size: 1.3em;} #contenido h1 {font-size: 1.6em; color: #322215; margin: 0 0 10px 0; } #contenido h2 {font-size: 1.3em; margin: 0 0 5px 0; color: #a98e01;} #contenido h2 img {vertical-align: middle} #contenido h5, #contenido h5 a { font-size:19px;font-weight:normal;color:#E29300 !important;text-decoration:none !important} #contenido h5 a:hover {text-decoration:underline !important} #contenido h6 { font-size:15px;font-weight:normal;color:#E29300} #contenido p {margin: 12px 5px; color:#6F6F6F;line-height:21px;} #contenido strong { color:#535353} #contenido a {color: #4B4C82; text-decoration: underline;} #contenido a:visited {color:#686AB5} #contenido a:hover {color: #000; text-decoration: underline;} #contenido ul {color:#6F6F6F; margin: 0px 10px 10px 20px;list-style:none} #contenido li {color:#6f6f6f; margin: 5px 10px 5px 20px; background:url(../images/flecha_activo.gif) 0 4px no-repeat;padding-left:15px;line-height:18px} #contenido li a{color:#4B4C82;text-decoration:none } #contenido ol li{ background:none;line-height:21px;} #col_izq {float:left; padding:24px 0 0 30px; } #col_der {width: 220px; /*border: 1px solid red;*/ float: left} #col_izq table {font-size: 0.9em; margin: 20px 0} #col_izq table td, th {padding: 5px 10px; vertical-align: top;} #col_izq table th {color: #b70000} #contenido .nota { font-style:italic; color:#663300; border:1px solid #CCCCCC; padding:10px; margin-bottom:10px; } #contenido .nota strong{color:#663300;} #contenido .nota input {border:none} #contenido_col_izq { float: left; padding-left: 15px; padding-right: 18px; width: 671px;} #contenido_col_der {font-size: .7em;padding: 10px 2px 5px 1px;_padding: 10px 6px 5px 0px;margin:0;} #contenido_col_izq h1 {color: #322215; margin: 0 0 10px -10px; } #contenido_col_izq div.resumen { padding:37px 11px 0px 58px; background:url(../images/resumen_fondo.gif) top no-repeat; } #contenido_col_izq div.resumen p {font-weight: bold;color:#6F6F6F} #contenido_col_izq div.resumen ul {margin:20px 0 0 0} #contenido_col_izq div.resumen li {/*font-size:13px;color:#888;font-family:Verdana*/} #contenido_col_izq div.resumen img {padding-left:1px;width:642px;} #contenido_col_izq div.modulo_contenido {margin: 15px 20px 25px 20px} #contenido_col_izq div.modulo_contenido h2 {margin: 0 0 5px 0; color: #a98e01; clear:both;} #contenido_col_izq div.modulo_contenido h2 img {vertical-align: middle} #contenido_col_izq div.modulo_contenido p {margin: 7px 0;color:#6F6F6F} #contenido .comentario_izq p{ border-top:2px solid #996600; border-bottom:2px solid #996600; background-color:#F9F6ED; color:#322215; font-family:"Times New Roman", Times, serif !important; font-size:1.2em; font-style:oblique; line-height:20px; margin:5px 15px 10px 0; padding:9px 12px; width:240px; float:left; } #contenido .comentario_der p{ border-top:2px solid #996600; border-bottom:2px solid #996600; background-color:#F9F6ED; color:#322215; font-family:"Times New Roman", Times, serif !important; font-size:1.2em; font-style:oblique; line-height:20px; margin:5px 0 5px 15px; padding:9px 12px; width:240px; float:right; } #contenido_col_der a, #contenido_col_der a:visited {color: #827265;} #contenido_col_der div.modulo_lateral {border-bottom: 1px solid #dddddd;padding-bottom:13px; padding-top: 10px} #contenido_col_der div.modulo_lateral input{border:1px solid #BEB9A2} #contenido_col_der div.modulo_lateral label{text-align:left !important; width:48px;display:inline-block;vertical-align:middle;color:#827265} #contenido_col_der div.modulo_lateral a, #contenido_col_der div.modulo_lateral a:visited {color: #827265; text-decoration:none !important;} #contenido_col_der div.modulo_lateral a img{vertical-align:top} #contenido_col_der div.modulo_lateral a:hover { text-decoration:underline;color:#000;} #contenido_col_der div.modulo_lateral h3 {font-size: 1.4em;margin:0 0 10px 0} #contenido_col_der div.modulo_lateral h3 a {text-decoration: none; color: #827265;} #contenido_col_der div.modulo_lateral h3 a:hover {color: #000000 !important} #contenido_col_der div.modulo_lateral h3 a img {vertical-align: middle} #contenido_col_der div.modulo_lateral form{/*margin: 0 0 15px 15px;*/} #contenido_col_der div.modulo_lateral form a {color: #000000; font-size: 11px; padding: 0 3px} #contenido_col_der div.modulo_lateral form input {font-size: 1.1em; margin: 2px 0} #contenido_col_der div.modulo_empresas {border-bottom: 1px solid #dddddd; height: 80px} #contenido_col_der div.modulo_empresas h3 {margin: 0 0 0 10px; padding-left: 75px; font-size: 1.2em;} #contenido_col_der div.modulo_empresas h3 a {text-decoration: none; color: #827265;} #contenido_col_der div.modulo_empresas h3 a:hover {color: #000000 !important} #contenido_col_der div.modulo_empresas img {float: left;} #contenido_col_der div.modulo_empresas p {font-size: 1.1em; margin: 0 15px 20px 0; color: #524235;line-height: 1.4em} #sesion {margin: -6px 10px 15px;} .modulo_lateral div#sesion {font-size: 1.2em} #opciones_sesion {margin:10px 5px} #opciones_sesion a {display: block; margin: 3px 0; padding: 0; color: #333; text-decoration: none !important; font-weight: bold} #opciones_sesion a img {padding-right: 8px; vertical-align: -3px } .modulo_lateral div#sesion div#opciones_sesion a img {padding-right: 8px; vertical-align: -3px;} #contenido_col_der .modulo_lateral, #contenido_col_der .modulo_lateral#rss, #contenido_col_der .modulo_lateral#redes_sociales, #contenido_col_der .modulo_lateral#youtube, #contenido_col_der .modulo_lateral#facebook, #contenido_col_der .modulo_lateral#twitter, #contenido_col_der .modulo_lateral#enlaces, #contenido_col_der .modulo_lateral#blogenvejecer {font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; margin:0;padding:7px 12px;clear:left} #contenido_col_der .modulo_lateral div, #contenido_col_der .modulo_lateral#rss div, #contenido_col_der .modulo_lateral#youtube div, #contenido_col_der .modulo_lateral#facebook div, #contenido_col_der .modulo_lateral#twitter div, #contenido_col_der .modulo_lateral#enlaces div, #contenido_col_der .modulo_lateral#blogenvejecer div {float: left; width: 45px; text-align: left; height: auto; margin-top: 0px;} #contenido_col_der .modulo_lateral p, #contenido_col_der .modulo_lateral#rss p, #contenido_col_der .modulo_lateral#redes_sociales p, #contenido_col_der .modulo_lateral#youtube p, #contenido_col_der .modulo_lateral#facebook p, #contenido_col_der .modulo_lateral#twitter p, #contenido_col_der .modulo_lateral#enlaces p, #contenido_col_der .modulo_lateral#blogenvejecer p {margin:0;} #contenido_col_der .modulo_lateral p strong, #contenido_col_der .modulo_lateral#rss p strong, #contenido_col_der .modulo_lateral#redes_sociales p strong, #contenido_col_der .modulo_lateral#youtube p strong, #contenido_col_der .modulo_lateral#facebook p strong, #contenido_col_der .modulo_lateral#twitter p strong, #contenido_col_der .modulo_lateral#enlaces p strong, #contenido_col_der .modulo_lateral#blogenvejecer p strong {font-size:13px; font-weight:bold; line-height:15px;} #contenido_col_der .modulo_lateral a, #contenido_col_der .modulo_lateral#rss a, #contenido_col_der .modulo_lateral#rss strong, #contenido_col_der .modulo_lateral#youtube a, #contenido_col_der .modulo_lateral#youtube strong, #contenido_col_der .modulo_lateral#facebook a, #contenido_col_der .modulo_lateral#facebook strong, #contenido_col_der .modulo_lateral#twitter a, #contenido_col_der .modulo_lateral#twitter strong, #contenido_col_der .modulo_lateral#enlaces strong, #contenido_col_der .modulo_lateral strong, #contenido_col_der .modulo_lateral#blogenvejecer strong {color: #827265;} #contenido_col_der .modulo_lateral a:hover, #contenido_col_der .modulo_lateral#rss a:hover , #contenido_col_der .modulo_lateral#youtube a:hover, #contenido_col_der .modulo_lateral#facebook a:hover, #contenido_col_der .modulo_lateral#twitter a:hover, #contenido_col_der .modulo_lateral#enlaces a:hover, #contenido_col_der .modulo_lateral#blogenvejecer a:hover {text-decoration:underline !important} #contenido_col_der .modulo_lateral#redes_sociales, #contenido_col_der .modulo_lateral#redes_sociales p { text-align:center; } #contenido_col_der .modulo_lateral#redes_sociales a { display:inline-block; margin-right:5px; margin-top:3px; } /****** PIE *******/ #pie {background-image: url(../images/fondo_pie.jpg); margin-bottom: -3px } #pie * {list-style-type: none} #menu_pie {padding:0 30px 0 40px; font-size: 11px; display: block;} #menu_pie li { float: left; /*border: 1px solid green*/; padding: 0 6px 0 24px} #menu_pie li ul {display: block; padding-top: 14px /*border: 1px solid blue*/;margin-bottom:10px;} #menu_pie li ul li{display: block; float: none; padding: 0 4px 1px 14px} #menu_pie a {text-decoration: none; color: #322215} #menu_pie a:hover {text-decoration: underline; color: #000000} #menu_pie li#ultimo_submenu {padding-left: 36px;} #menu_pie li#ultimo_submenu ul {padding-top: 0} #menu_pie li#ultimo_submenu li {padding: 0 0 1px 0} #patronos { width:100%; margin:20px 0 0 0 ; text-align:center; } #patronos img{margin:0 10px} .texto_legal { margin:20px auto 10px auto; text-align:center !important; color:#999999; } .dosmdc {float:right;margin:0 20px 0 0;vertical-align:middle;margin:0 10px 20px 0;color:#6699FF;font-weight:bold} .dosmdc a {color:#6699FF;text-decoration:none} .dosmdc a:hover {text-decoration:underline} .dosmdc img {vertical-align:middle} .texto_legal a {color:#999;text-decoration:none} .texto_legal a:hover {color:#000;text-decoration:underline} .boton {background:url(../images/boton.jpg) left no-repeat #F0F0F0; font-weight:bold;font-size:1em;border:1px solid #F0F0F0; padding:0 5px 0 20px;margin:5px 0;text-transform:uppercase} .boton_enviar {border:1px solid #000;padding:1px 4px ;text-align:center !important;} #contenido .boton_general {border:1px solid #333;background:url(../images/fondo_boton.gif) bottom repeat-x;padding:3px 12px !important;float:left;margin:1px;text-decoration:none !important;font-size:10px; text-transform:uppercase;font-weight:bold;color:#555} #contenido .boton_general:hover {text-decoration:underline !important;color:#a36e10;} .enlaces {height:35px;} .enlaces a:visited {color:#333 !important} #contenido .nota_prensa .boton_general ,#contenido .video .boton_general,#contenido .adjunto .boton_general {padding-left:25px !important} #contenido .nota_prensa .boton_general {background:url(../images/boton_notaprensa.gif) left center } #contenido .video .boton_general {background:url(../images/boton_video.gif) left center } #contenido .adjunto .boton_general {background:url(../images/boton_adjunto.gif) left center } .foto_der {float:right;margin:5px 0 5px 10px} .foto_izq {float:left;margin: 5px 10px 5px 0 } /* MENU DE TERCER NIVEL, CAJA FLOTANTE UP LEFT */ #caja_tercer_nivel_general { float:left; margin:-5px 15px 10px 0; margin-left:-10px; } #caja_tercer_nivel_general li {background:none} #caja_tercer_nivel { width:235px; /*float:right;*/ background:url(../images/fondo_tercer_nivel2.gif) top right ; } #caja_tercer_nivel h4 {margin:0px 16px;border-bottom:1px solid #b3b3b3;padding:18px 10px 10px 10px;color:#786603;font-size:1.2em;font-weight:normal } #caja_tercer_nivel ul { margin:14px 15px 5px 22px;line-height:14px;padding:0 5px;} #caja_tercer_nivel li {margin:8px 0 0 0;padding-left:22px !important;line-height:15px;background:url(../images/bullet_tercernivel.gif) 0px 3px no-repeat} #caja_tercer_nivel ul li{} #caja_tercer_nivel ul li a{ font-size:13px; color:#565656 !important; display:inline-block; text-decoration:none !important; font-weight:bold; } #caja_tercer_nivel ul li a:hover{ text-decoration:underline !important} #caja_tercer_nivel .activo { color:#E29300 !important; font-weight:bold; background:url(../images/flecha_activo2.gif) no-repeat 0 3px; margin-left:-22px; padding-left:22px; } #caja_tercer_nivel img { margin-top:-1px } /* CAJA RESUMEN DE SECCIÓN */ #resumen_seccion { background:#FFFCE1 url(../images/fondo_resumen.gif) bottom repeat-x; border:1px solid #D6D6D6; padding:6px 26px; /*font-style:italic;*/ margin:24px 0; } .resumen_seccion_memoria { background:url(../images/fondo_resumen_memoria.gif) left top no-repeat; margin:0 0 20px 0 } .resumen_seccion_memoria p{ line-height:18px; padding:30px 20px 0px 100px; margin:0px; } .resumen_seccion_memoria span { display:block; height:10px; background:url(../images/bg_resumen_seccion.gif) left bottom no-repeat; } .enlace_naranja { text-decoration:underline !important; color:#E29300 !important; font-weight:bold; } /* BREADCRUMB */ #breadcrumb { font-size: 0.8em; margin:-10px 0 15px 0px; height: 20px; color:#312214; } #breadcrumb a {text-decoration:none !important} #breadcrumb .nivel_1 {color:#776500 !important;font-weight:bold;} #breadcrumb .nivel_2 {color:#776500 !important;} #breadcrumb .nivel_actual {color:#666666!important;font-style:italic} /* SITE MAP */ .modulo_sitemap ul {margin-left:0px;} #contenido .nivel_1 a{font-weight:bold;font-size:1.1em;color:#333 !important} #contenido .nivel_2 a{font-size:1em; color:#333 !important;font-weight:normal !important} #contenido .nivel_3 a{font-size:.9em;color:#666666 !important;} .separador {height:10px;margin:10px 0 } .popup {font-size: 1.3em;} .popup .footer {clear: both;} .bullet3 {padding-left:30px !important;} .bullet3 a {color:#666666 !important} .bullet3 li { background:url(../images/bullet3.gif) !important; background-repeat: no-repeat !important; background-position: 0 2px !important; padding-left:22px !important;} #mensaje_error{background:url(../images/mensaje_error.gif) left no-repeat;padding-left:20px;} .sin_usar {font-style: italic; color: #aaa;} .banner_seccion {background:url(../images/especies_amenazadas_b1.jpg) no-repeat;width:643px;height:102px;margin:10px 0 0 30px;} .banner_seccion span {padding:52px 0 0 23px;display:block} .banner_seccion h3 strong {color:#302F01 !important} .banner_seccion h3 {font-size:13px;color:#302F01;margin:0 0 3px 0;padding:0;font-weight:normal !important} #contenido .banner_seccion a {font-size:13px;color:#FFEA02 !important;text-decoration:none !important;font-weight:bold !important} #contenido .banner_seccion a:hover {text-decoration:underline !important} .banner_seccion_envejecimiento {background:url(../images/banner_seccion_envejecimiento.jpg) no-repeat;width:643px;height:112px;margin:10px 0 0 30px;} .banner_seccion_envejecimiento span {padding:62px 0 0 23px;display:block;} .banner_seccion_envejecimiento h3 {font-size:14px;color:#302F01;margin:0 0 3px 0;padding:0;font-weight:normal !important} #contenido .banner_seccion_envejecimiento a {font-size:13px;color:#990000 !important;text-decoration:none !important;font-weight:bold !important} #contenido .banner_seccion_envejecimiento a:hover {color:#000 !important;text-decoration:underline !important} .banner_seccion_cero {background:url(../images/especies_amenazadas_b3.jpg) no-repeat;width:443px;height:111px;margin:10px 0 10px 242px;_margin-left:238px;display:block} .banner_seccion_cero span {display:block;padding:47px 0 0 13px;} .banner_seccion_cero span h3 {font-size:15px;color:#fff;margin:0;padding:0;} .banner_seccion_cero span h4 {font-size:11px;color:#fff;font-weight:normal;margin:0 0 3px 0;padding:0;} #contenido .banner_seccion_cero span a {color:#FFEA02 !important;font-size:13px !important;text-decoration:none !important} #contenido .banner_seccion_cero span a:hover {text-decoration:underline !important} div.dos_banners_ancho a {display:block; float:left; width: 330px; height:110px;} div.dos_banners_ancho a span.oculto {display:none;} div.dos_banners_ancho a.banner_seccion_encuesta_pequeno {background:url(../images/bg_banner_encuesta.jpg);} div.dos_banners_ancho a.banner_seccion_envejecimiento_pequeno {background:url(../images/bg_banner_proyectos_cero.jpg);} div.dos_banners_ancho a.banner_seccion_encuesta_pequeno_eng {background:url(../images/bg_banner_encuesta_eng.jpg);} div.dos_banners_ancho a.banner_seccion_envejecimiento_pequeno_eng {background:url(../images/bg_banner_proyectos_cero_eng.jpg);} .opcional { font-size: .8em; font-style: italic; } .boton_entrar {border:1px solid #333;background:url(../images/fondo_boton.gif) bottom repeat-x;padding:2px 5px !important;} .boton_entrar:hover {background:url(../images/fondo_boton_hover.gif) bottom repeat-x;color:#fff !important} #contenido_col_der .modulo_lateral#buscadorid_right {border:1px solid #777;width:190px;margin:10px 0 0 8px;padding:5px;background:url(../images/fondo_buscadorid.gif)} #contenido_col_der .modulo_lateral#buscadorid_right p {font-size:13px;margin:0;color:#534940;font-weight:bold} #contenido_col_der .modulo_lateral#buscadorid_right .boton_entrar {font-size:10px;margin:7px 0 0 0;display:block;text-align:center; } #contenido_col_der .modulo_lateral#buscadorid_right .caja_busqueda_right {width:180px;font-size:12px;padding:2px 1px;border:1px solid #999} /* GALERIA MULTIMEDIA */ #toolbar-calidad {border-bottom:1px solid #5b5b5b;height:19px;font-size:11px;font-weight:bold} #toolbar-calidad a {text-decoration:none !important} #toolbar-calidad a:hover {text-decoration:underline !important} #toolbar-calidad a:visited {color:#333333} .boton-normal, .boton-hd {padding:2px 12px;display:block;float:left;background:url(../images/boton_blanco.gif) center !important;border:1px solid #5b5b5b;border-bottom:none;} .boton-normal {border-right:none} #toolbar-calidad .selected {background:url(../images/boton_blanco_hover.gif) center !important;color:#fff !important} .boton-thumbnail img {width:19px !important;height:19px !important;border:none !important;vertical-align:baseline} a.boton-thumbnail {display:inline-block;width:19px;height:19px;/*border:1px solid #fff*/} .boton-thumbnail:hover{/*border:1px solid #333*/} .boton-thumbnail img {border: 1px solid transparent !important;} .boton-thumbnail img:hover{border:1px solid #333 !important;} .botones {display:block;height:25px; margin-left:2px; margin-top:-25px;} #sesion div {float: none !important; width: auto !important;} #sesion {float: none !important;} #saludo_sesion {padding-bottom: 6px;} .desc_seccion {padding-bottom: 20px;} .desc_seccion p {margin-top: 5px !important; margin-bottom: 5px !important;} .negrita{font-weight: bold;} .subrayado{text-decoration: underline;}