*,html,body,h1,h2,h3,h4,p,img { margin:0; padding:0;border:0;}
html{ overflow-x:hidden;}
body { background:#dedbae left top repeat;/* font:12px "Courier New", Courier, monospace;/*letter-spacing:1px; */font-family: Arial, Helvetica, sans-serif; color: #4a4a4a; text-align:justify; font-size:12px; z-index:99;}
#cuerpo { width:1024px; min-height:748px; _height:748px; margin:0 auto 0 auto; z-index:1}
#cabecera { background: url(../img/fondo-cabecera-con-logo2.gif) center top no-repeat; height:107px; }
#cabecera .menu {width:610px; padding: 68px 0 10px 0; _padding: 57px 0 -10px 0; margin:0 0 0 256px;}
#cabecera .idioma{ width:200px; height:25px; margin: 45px 0 0 220px; *margin: 45px 0 0 -32px; _margin: 45px 0 0 -32px; position:absolute; }
#cabecera .idioma a:hover{ color:#000000;}
#cabecera .idioma-text{color:#6d4836; font-family: Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; }
#cabecera .alojarse{ width:75px; height:71px; /*margin: 8px 0 0 620px; *margin: 45px 0 0 -32px; _margin: 45px 0 0 -32px;*/ position:absolute; margin-left:635px; *margin-left:380px; _margin-left:380px; margin-top:10px;}
#contenido { background: url(../img/fondo-gral.gif) center top repeat ; width:1024px; /*font: "Courier New", Courier, monospace; color:#6d4836;*/ z-index:77; margin-top:0px; _margin-top:-10px;}
#contenido .columnas { width:960px; margin:0 auto;}
#contenido .izq { width:202px; _width:180px; float:left; margin-left:24px; _margin-left:12px; background: #efeeea url(../img/izq.gif) top left no-repeat; _background: #efeeea url(../img/izq2.gif) top right no-repeat; z-index:100; }
/*arriba derecha abajo izquierda */
#contenido .izq .permiso-recoleccion{height:100px; height:100px; margin-top:7px; }
#contenido .centro { width:550px; _width:500px; margin-left:226px; _margin-left:222px; background: #efeeea url(../img/barra_horiz.gif) left top repeat;
min-height: 720px;
height: auto !important;
height: 720px;}
#contenido .centro .centro_sup1{ width:544px; height:20px;}
#contenido .centro .centro_sup2{ background: url(../img/linea_horizontal.gif) repeat-x left bottom ; width:544px;height:50px; margin-left:1px; margin-bottom:30px;}
#contenido .centro .centro_sup3{ background: url(../img/linea_horizontal.gif) repeat-x left bottom ; width:544px;height:127px; margin-left:1px; margin-bottom:30px;}
#contenido .centro .centro_linea{ background: url(../img/linea_horizontal.gif) repeat-x left bottom ; width:544px; height:10px; margin-left:1px; }
#contenido .centro_superior{ min-height:650px; width:510px; z-index:20; margin:0 auto 0 auto; *margin:0 auto 0 20px; }
#contenido .centro_superior .manifiesto{ width:510px; height:700px; background: url(../img/centro/base_fotos4.jpg) no-repeat;}
#contenido .centro_superior .manifiesto .texto_manifiesto{ width:440px; height:500px; margin:0 0 0 31px; padding-top:55px;}
/* NOTICIAS */
#contenido .centro_superior_not_normal{ width:510px; z-index:20; margin:0 auto 0 auto; *margin:0 auto 0 20px; font-family: Arial, Helvetica, sans-serif; color: #4a4a4a; text-align:justify; font-size:12px;
min-height: 320px;
height: auto !important;
height: 320px;
}
#contenido .centro_superior_not{ width:510px; z-index:20; margin:0 auto 0 auto; *margin:0 auto 0 20px; font-family: Arial, Helvetica, sans-serif; color: #4a4a4a; text-align:justify; font-size:12px;
min-height: 620px;
height: auto !important;
height: 620px; }
#contenido .centro_superior_not p { margin-bottom:10px; color:#4a4a4a;}
#contenido .centro_superior_not a { color:#6d4836;}
#contenido .centro_superior_not a:hover { color:#000000;}
#contenido .centro_superior_not .foto_texto{ width:284px; height:285px; background:url(../img/centro/base_fotos.jpg) center top no-repeat; float:left;}
#contenido .centro_superior_not table { border:solid #333333; border-width:1px;}
#contenido .centro_superior_not td { border:solid #333333; border-width:1px; }
#contenido .centro_superior_not_normal .foto_texto{ width:284px; height:285px; /*margin-left: -12px;*/ background:url(../img/centro/base_fotos.jpg) center top no-repeat; float:left;}
#contenido .centro_superior_not_normal .foto_texto p {margin-bottom:1px;}
#contenido .centro_superior_not_normal .foto_texto .foto{ width:235px; height:192px; margin: 0 25px; overflow:hidden; }
#contenido .centro_superior_not_normal .foto_texto2{ width:386px; height:332px; background:url(../img/centro/base_fotos2.jpg) center top no-repeat; margin:0 auto 0 auto;}
#contenido .centro_superior_not_normal .foto_texto2 .foto2{ width:336px; height:241px; margin: 0 25px;/* _margin: 0 25px; *margin: 0 33px; */}
#contenido .centro_superior_not .foto_texto{ width:284px; height:285px; /*margin-left: -12px;*/ background:url(../img/centro/base_fotos.jpg) center top no-repeat; /*float:left;*/}
#contenido .centro_superior_not .foto_texto p {margin-bottom:1px;}
#contenido .centro_superior_not .foto_texto .foto{ width:235px; height:192px; margin: 0 25px; overflow:hidden;}
#contenido .centro_superior_not .foto_texto2{ width:386px; height:332px; background:url(../img/centro/base_fotos2.jpg) center top no-repeat; margin:0 auto 0 auto;}
#contenido .centro_superior_not .foto_texto2 .foto2{ width:336px; height:241px; margin: 0 25px;/* _margin: 0 25px; *margin: 0 33px; */}
/* AQUÍ VA EL FLASH*/#contenido .centro_superior_home{ width:545px; height: 337px; z-index:20;}
#contenido .centro .centro_inf1{ background: url(../img/linea_horizontal.gif) repeat-x left top ; width:544px; height:10px; margin-left:1px; margin-bottom:22px; margin-top:5px;}
#contenido .centro .centro_inferior{ width:544px; height: 263px; background:url(../img/noticiasyeventos.gif) center top no-repeat;margin-left:1px; }
#contenido .centro .centro_inferior a { color:#6d4836;}
#contenido .centro .centro_inferior a:hover { color:#000000;}
#contenido .centro .centro_inferior2{ width:544px; height: 263px; background:url(../img/noticiasyeventos2.gif) center top no-repeat;margin-left:1px; margin-bottom:-10px;}
#contenido .centro .centro_inferior3{ width:544px;/* margin-left:1px; margin-top:-21px;*/
min-height: 220px;
height: auto !important;
height: 220px;}
#contenido .centro .centro_inferior3 .noticias{ width:540px; margin: 6px auto 0 auto; border-bottom:#c9b6a5 solid 1px;}
#contenido .centro .centro_inferior .izq_inf1{ width:160px; margin-top:-5px; margin-bottom:5px; }
#contenido .centro .centro_inferior .dcha_inf1 { width:360px; float:right; margin-right:4px;}
#contenido .centro .centro_inferior .dcha_inf1 A { font-family:Arial, Helvetica, sans-serif; color: #6d4836; text-decoration:none; margin-top:10px;}
#contenido .centro .centro_inferior .izq_inf2{ margin-top:1px; width:160px; height:126px; }
#contenido .centro .centro_inferior .dcha_inf2 { width:360px; float:right; margin-top:5px; margin-right:4px;}
#contenido .centro .centro_inferior .dcha_inf2 A { font-family:Arial, Helvetica, sans-serif; color: #6d4836; text-decoration:none; margin-top:10px;}
#contenido .centro .centro_inferior2 .izq_inf1{ width:160px; margin-top:-15px; }
#contenido .centro .centro_inferior2 .dcha_inf1 { width:360px; float:right; margin-top:-10px; margin-right:4px;}
#contenido .centro .centro_inferior2 .dcha_inf1 A { text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 9px; color: #6d4836; text-decoration:none; }
#contenido .centro .centro_inferior2 .izq_inf2{ margin-top:1px; width:160px; height:126px; }
#contenido .centro .centro_inferior2 .dcha_inf2 { width:360px; float:right; margin-top:5px; margin-right:4px;}
#contenido .dcha { width:166px; _width:165px; height:400px; float:right; margin-right:18px; _margin-right:9px; background: #efeeea url(../img/fondo-dcha-top.gif) right top no-repeat; }
#contenido .dcha .calendario{ height:152px; margin-right:1px; margin-top:-2px;}
#contenido .dcha .parte_meteo{ height:110px; margin-right:1px;}
#contenido .dcha .parte_micologico{ height:107px; _height:107px; margin-right:2px; _margin-right:-3px;}
#contenido .dcha .tu_experiencia{ height:104px;}
#contenido .dcha .tu_eliges{ height:106px; margin-top:6px; margin-right:-2px; position:absolute; }
#pie_pagina { background: url(../img/pie_pagina.gif) left top no-repeat; width:1024px; height:106px; margin:0 0 10px 1px; _margin:0 0 10px 0px; text-align:center; color:#FFFFFF;}
#pie_pagina p{ padding:2px 0 0 0}
.izquierda{ height:223px; width:216px; background: url(../img/pie_pagina_izq.gif) no-repeat; margin:-293px 0 0 42px; z-index:77; }
.derecha{ height:233px; width:178px; _width:158px; background: url(../img/pie_pagina_dcha.gif) no-repeat right; margin:-234px 0 0 804px; _margin:-234px 0 0 824px;}
.derecha2{ height:233px; width:178px; _width:158px; background: url(../img/pie_pagina_dcha2.gif) no-repeat right; margin:-234px 0 0 804px; _margin:-234px 0 0 824px;}
.derecha-index{height:233px; width:178px; _width:160px; background: url(../img/pie_pagina_dcha-index.gif) no-repeat right bottom; margin:-234px 0 0 804px; *margin:-234px 0 0 804px; _margin:-234px 0 0 822px;}
.aviso_legal{ height:16px; width:100px; margin:11px 0 0 65px; color:#6d4836;}
.aviso_legal a{ color:#6d4836; font-family: Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; }
.aviso_legal a:hover { color:#000000;}
.banda_izq{ width:1000px; height:46px; background:#c1ad84; z-index:50; margin-left:-958px; margin-top:-108px; position: absolute;}
.banda_dcha{ width:1000px; height:46px; background:#c1ad84; z-index:51; margin-left:982px; margin-top:-108px; position: absolute;}
.Estilo2 { font-size: 12px}
.Estilo4 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #999999;}
.Estilo5 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #7a7978;}
.Estilo5-2 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #6d4836; text-decoration:none;}
.Estilo6 { font-family: Arial, Helvetica, sans-serif; color: #4a4a4a; text-align:justify;}
.Estilo6 a { color:#6d4836; text-decoration: none; font-size:14px; font-style:italic; }
.Estilo6 a:hover { color:#000000; text-decoration: underline;}
.lista { margin-left:20px;}
.Estilo-tabla { font-family: Arial, Helvetica, sans-serif; color: #4a4a4a; text-align:justify;}
.Estilo-tabla a { color:#6d4836; text-decoration: none; }
.Estilo-tabla a:hover { color:#000000; text-decoration: none;}
.Estilo66 { font-family: Arial, Helvetica, sans-serif; color: #7a7978; text-align:justify; font-size:10px;}
.Estilo6_titu_not { font-family: Arial, Helvetica, sans-serif; color: #7a7978; text-align:justify; font-style:italic;}
.Estilo8 { font-size: 9px; color: #6d4836; font-family: Arial, Helvetica, sans-serif; text-decoration:none;}
.Estilo8-1 { font-size: 10px; color: #6d4836; font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-weight:50;}
.Estilo88 { font-size: 12px; color: #6d4836; font-family: Arial, Helvetica, sans-serif; text-decoration:none;}
.Estilo9 { font-size: 11px; font-weight: bold;}
.Estilo10 {font-size: 14px}
.Estilo13 {color: #6d4836}
.Estilo14 { color: #000000; font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; font-style: italic; text-align:center;}
.Estilo14-2 {color: #000000;font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-style: italic; text-decoration:none}
.Estilo14-2 a{ text-decoration:none; font-size:36px; color:#000000;}
.Estilo14-2 a:hover{ text-decoration:overline; color:#6d4836;}
.Estilo14-3 {color: #000000;font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-style: italic; text-decoration:none}
.Estilo_pie{font-size: 12px; color: #ffffff; font-family: Arial, Helvetica, sans-serif; text-decoration:none;}
.Estilo_pie a{ text-decoration:none; color: #ffffff;}
.Estilo_pie a:hover{color: #000000;}
.Estilo_experiencia a{font-size:16px; color:#4a4a4a; text-decoration:none;}
.Estilo_experiencia a:hover{text-decoration:underline;}
.Estilo_experiencia_nombre{font-size:16px; color:#515151; font-weight:bold;}
.Estilo_experiencia_contenido{font-size:12px; color:#666666;}
.Estilo_experiencia_fecha{ font-size:10px; color:#575757; text-decoration:underline;}
.Estilo_glosario{ border-bottom:dashed 1px #666666; cursor:help;}
.Estilo_micolo{font-family: Arial, Helvetica, sans-serif; color: #4a4a4a; text-align:justify; margin-left:10px; font-style:oblique;}
.Estilo_micolo a {color: #4a4a4a; text-decoration: none;}
.Estilo_micolo a:hover { color:#000000; text-decoration: none;}
/* PERMISOS */
.permiso input, .permiso select { font-size:12px; padding:3px;}
.permiso p { margin:10px 0}
form.permiso { margin:0 0 0 20px}
#demoIzq, #demoDer { width:200px; background-color:#EAEAEA; text-align:center; }
#demoDer { float:right; margin:0 50px 0 0 }
#demoIzq select, #demoDer select { width:220px; font-size:12px; }
.boton { float:right; margin:20px 20px 0 0; background:#FFFFFF; font-size:14; font-weight:bold; color:#6D4836; cursor:pointer}
p.valor { font-size:24px; font-weight:bold;color:#6D4836;}
.valor input { background:#EFEEEA; font-size:24px; font-weight:bold;color:#6D4836; width:40px; padding:0; margin:0 0 -2px 0}
table.forminsc { margin:0 auto; text-align:left;}
table.forminsc td { vertical-align:top}
table.forminsc .fondo {background:#EFEEEA;}
table.forminsc input { font-weight:bold; color:#6d4836; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding-top:0}
/* PERMISOS */
.paga { border:1px solid #CCCCCC; padding:10px;}
.paga input { padding:3px;}
.paga p{ margin:10px 0; text-align:center;}
.tabla {border:#666666 1px solid;font-family: Arial, Helvetica, sans-serif; color: #4a4a4a;}
.tabla td {border: #666666 1px solid; padding-left:5px; text-align:left;}
.tabla a { color:#6d4836; text-decoration: none; font-size:14px; font-style:italic; }
.tabla a:hover { color:#000000; text-decoration: underline;}
.tabla_galeria{ border:none;}
.tabla_galeria img { margin-left:5px; margin-bottom:5px;}
p.print { width:250px; border:5px dotted #CCCCCC; padding:10px; text-align:center; margin:20px auto 0 auto}
p.print a { text-decoration:none; font-size:14px; font-weight:bold; color:#6d4836;}
/*Aquí añado lo de la ventana modal martin*/
body {
text-align: center;
font-family: sans-serif;
margin: 0;
}
.modal {
width: 100%;
height: 100vh;
background: rgba(0,0,0,0.8);
position: absolute;
top: 0;
left: 0;
display: flex;
animation: modal 2s 0.1s forwards;
visibility: hidden;
opacity: 0;
z-index: 1000;
}
.contenido {
margin: auto;
width: 60%;
height: 80%;
background: white;
border-radius: 7px;
text-align: center;
padding-right: 20px;
padding-left: 20px;
}
#cerrar {
display: none;
}
#cerrar + label {
position: fixed;
color: #fff;
font-size: 25px;
z-index: 5000;
background: darkred;
height: 40px;
width: 40px;
line-height: 40px;
border-radius: 50%;
right: 17%;
top: 8%;
cursor: pointer;
animation: modal 2s 0.1s forwards;
visibility: hidden;
opacity: 0;
}
#cerrar:checked + label, #cerrar:checked ~ .modal {
display: none;
}
@keyframes modal {
100% {
visibility: visible;
opacity: 1;
}
}
.modal .contenido h2 {
text-align: left;
}
.columna1 {
width: 40%;
text-align: left;
float: right;
}
.columna2 {
width: 40%;
text-align: left;
}
.imagen {
width: 100%;
height: auto;
}