/***** NOTA: UN ATRIBUTO CON * DELANTE LO LEE CUALQUIER IEXPLORER, CON _ SOLO IE6. IE7 ACEPTA MIN-HEIGHT Y SIMILARES NOTA 2: LOS INPUT CON FONDO TRANSPARENT NO VAN BIEN EN IEXPLORER 7 AL PONERLE :HOVER para iexplorer 6 el overflow:hidden no funciona si no se especifica un ancho width: fijo para el div. por eso en panel_1 he tenido que poner un ancho fijo que no es necesario en otros navegadores para iexplorer6 he tenido que poner el pie de pagina fuera del contenedor, si no en rutas o paginas cortas se funde con izquierdo ****/ /*si en vez de body pongo * afecta hasta los h1, h2, etc */ html { font-family:arial,helvetica, sans-serif; } /*lo relativo al tamaņo de la fuente inicial va en el php principal index.php */ input, textarea {font-size:102%;} /* body,input,textarea { font-family:verdana; font-size: px;} */ body {text-align:center; margin:0px; padding:0px; background-color:#CFD1CE; /*#B6B8B4*/ } #contenedor { background-color:#CFD1CE; overflow:auto; margin:auto; margin-top:0px;/*auto para centrar en firefox*/ border:0px solid #ff0000; text-align:center; width:1000px; padding-bottom:20px; } #piepagina { margin:auto; width:960px; /*1000-20 de padding*/ display:block; clear:both; border-top: 1px solid #336633; border-bottom: 1px solid #336633; background-image:url('../fondos/sombra.png'); background-color:#CFD1CE; font-size:1em; text-align:center; color:#336633; padding:20px; } #piepagina a img { border:none; margin-left:5px; vertical-align:middle; } #piepagina #registro1 { font-size:80%; } #registro { width:95%; border-top:1px solid #ffffff; padding-top:5px;} #registro p { font-size:75%; color: #ffffff; margin:0px; margin-top:5px; text-align:center;} #registro h1 { font-size:100%; margin:0px; padding:0px; color:#ffffff; font-weight:bold; } #titulo { overflow:hidden; display:block; clear:both; width:1000px; height:174px; border:0px solid #0000ff; background-image:url('../fondos/fondotitulo.jpg'); background-repeat:no-repeat; } #herramientas1 { border:0px solid #ff0000; display:block; clear:both; height:28px; background-color:#FAFCF7; padding:3px; padding-right:15px; text-align:right; /*_padding-bottom:6px;*/ /*esto ultimo solo para iexplorer6*/ } #herramientas1 a { font-size: 17px; border-top:1px solid #88aa88; border-left:1px solid #88aa88; border-bottom:2px solid #002200; border-right:2px solid #002200; display:block; float:right; margin-left:2px; padding:2px; background-color:#bbccbb; color:#000000; font-weight:bold; text-decoration:none; } /*ojo que firefox mete el borde inferior dentro del padding??*/ #herramientas1 a:hover { border-bottom:1px solid #88aa88; border-right:1px solid #88aa88; border-top:2px solid #002200; border-left:2px solid #002200; padding:2px; background-color:#ffffff; color:#ff0000; } /*ojo que firefox mete el borde inferior dentro del padding??*/ #herramientas1 a img { border:none; vertical-align:top; margin:0px;} /*si pones fuentes grandes o que tengan g,j,y y otras hacia abajo usar mejor vertical-align:middle */ .aviso { margin-top:120px; margin-bottom:50px; } .mensaje { font-size:120%; color:#335623; font-weight:bold; padding-top:20px; } .boton { font-weight:bold; border-top:1px solid #88aa88; border-left:1px solid #88aa88; border-bottom:2px solid #002200; border-right:2px solid #002200; padding:5px; background-color:#bbccbb; text-decoration:none; color:#000000;} .boton:hover { border-bottom:1px solid #88aa88; border-right:1px solid #88aa88; border-top:2px solid #994444; border-left:2px solid #994444; background-color:#cceecc; background-color:#ffffff; color:#ff0000;} .boton1 { border-top:1px solid #88aa88; border-left:1px solid #88aa88; border-bottom:2px solid #002200; border-right:2px solid #002200; padding:0px; margin:0px; background-color:#bbccbb; vertical-align:middle; padding-left:0px; padding-right: 0px; height:80px; /*el alto de las banderas*/} .boton1:hover { border-bottom:1px solid #88aa88; border-right:1px solid #88aa88; border-top:2px solid #994444; border-left:2px solid #994444; padding:2px; background-color:#cceecc; vertical-align:middle; padding-left:4px; padding-right: 4px; background-color:#ffffff;} .boton1 img { border:none; padding:0px; margin:0px; vertical-align:middle;} .sombraboton { padding-bottom:5px; background-image:url('sombra.png'); background-repeat:repeat; } #izquierdo { overflow:auto; float:left; width:201px; min-height:584px; background-image:url('../fondos/izquierdo.jpg');background-repeat:no-repeat; padding:5px; padding-left:10px;} #contenido { float:left; width:774px; /*height:570px; solo va bien en ie6*/ min-height:584px; background-image:url('../fondos/contenido_mapa.jpg'); background-repeat:no-repeat; padding:5px; padding-top:30px;} .parrafo1 {text-align:left; margin-bottom:50px; text-indent:3em;} .parrafo1 li {list-style-type:none; background-image:url('../iconos/flecha.png'); background-repeat:no-repeat; background-position: 0em 0.3em; text-indent:1.5em; padding-left:0.8em; margin-bottom:10px;} .parrafo1 img { border:none; padding-left:2em; padding-right:2em; } .parrafo2 {text-align:left; margin-bottom:20px; text-indent:3em;} /*** css para la seccion "mas datos" ***/ .parrafo3 {display:block; clear:both; } .parrafo3 p { text-align:justify; text-indent:3em; padding-top:0.5em; } .parrafo3 p:first-letter { font-size:135%;} /*en iexplorer 6 no aumenta correctamete*/ .parrafo3 img { border:none; padding-left:1em; padding-right:1em; padding-bottom:40px; vertical-align:middle;} /*** css para la seccion mapa ***/ #mapa { padding-top:20px; padding-left:40px; } #mapa_valle { float: left; border: 1px solid #000000; } #mapa_espana { border: none; } #mapa_provincia { border: none; margin-top: 40px; } /*** css para la seccion recomendar ***/ #datos { text-align:left; border:0px solid #ff0000; padding-left:180px;} #datos #enviar { width:auto; background-color:#ccbbcc; font-weight:bold; margin-left:0em; } /* esto es para ie6, debe ir antes de definir los otros input */ #datos #codigoseg { width:auto; margin-top:15px; background-color:#ff7777; font-weight:bold; margin-left:100px; text-transform:uppercase; display:inline; padding:5px; margin-left:5px;} /* esto es para ie6, debe ir antes de definir los otros input */ #datos #codigoseg:focus, #datos #codigoseg:hover, #datos #enviar:hover { background-color:#ffffff; } #datos input, #datos textarea { width:400px; background-color:#eefeee; padding:5px; display:block; margin-bottom:15px; } /* #datos input[type="button"] { width:auto; background-color:#ccbbcc; font-weight:bold; } */ /*no para ie6 y los ie?? */ #datos textarea { height:70px; } #datos label { display:block; padding-left:0.2em;} #datos input:hover, #datos textarea:hover { background-color:#ffffff; } #datos input:focus, #datos textarea:focus { background-color:#ffffff; } #datos img { margin-bottom:20px; vertical-align:top; margin-top:15px; } /*margin-bottom idem input*/ #datos span { color:#ff0000; font-weight:bold; } /*** css para galerias de imagenes ***/ #galeria {width:500px; padding-left:30px; text-align:center ;float:left; /*height:580px;*/ } /*tabla de fotos*/ #galeria h3 { color:#557845; } #galeria img { border:0px; margin:5px;} /*celda de la tabla*/ #galeria div { display:block; clear:both; text-align:center; border:0px solid #ff0000; margin:0px; padding:0px; } /*fila de la tabla*/ #galeria div a { float:left; margin:5px; border-top:1px solid #88aa88; border-left:1px solid #88aa88; border-bottom:2px solid #002200; border-right:2px solid #002200; background-color:#CFD1CE ; } #galeria div a:hover { border-bottom:1px solid #88aa88; border-right:1px solid #88aa88; border-top:2px solid #228800; border-left:2px solid #228800; background-color:#eefeee; } /*** css para las pestaņas en las secciones de galeria de fotos y rutas ***/ #pestanas { margin:auto; width:80%; margin-bottom:20px; padding:15px; border-top:1px solid #99aa99; border-bottom:2px solid #669966; } #pestanas a { border-top:1px solid #88aa88; border-left:1px solid #88aa88; border-bottom:2px solid #002200; border-right:2px solid #002200; padding:5px; padding-bottom:7px; background-color:#bbccbb; color:#000000; font-weight:bold; text-decoration:none; margin-right:10px; } /*ojo que firefox mete el borde inferior dentro del padding??*/ #pestanas a:hover { border-bottom:1px solid #81aa88; border-right:1px solid #88aa88; border-top:2px solid #002200; border-left:2px solid #002200; background-color:#ffffff; color:#ff0000; } /*ojo que firefox mete el borde inferior dentro del padding??*/ #pestanas1 { float:right; width: 180px; margin-bottom:20px; padding:5px; } #pestanas1 h3 { color:#557845; } #pestanas1 a { border-top:1px solid #88aa88; border-left:1px solid #88aa88; border-bottom:2px solid #002200; border-right:2px solid #002200; padding:5px; padding-bottom:7px; background-color:#bbccbb; color:#000000; font-weight:bold; text-decoration:none; display:block; margin-top:2px;} /*ojo que firefox mete el borde inferior dentro del padding??*/ #pestanas1 a:hover { border-bottom:1px solid #81aa88; border-right:1px solid #88aa88; border-top:2px solid #002200; border-left:2px solid #002200; background-color:#ffffff; color:#ff0000; } /*ojo que firefox mete el borde inferior dentro del padding??*/ .titulogaleria { color:#557845; font-size:1.3em; margin:auto; width:80%; margin-bottom:20px; padding:8px; border-top:1px solid #99aa99; border-bottom:2px solid #669966; } /*** css para las galerias de fotos de las rutas ***/ #galeria_rutas { float:right; border:1px solid #0000ff; padding:0px; text-align:center; } /*tabla de fotos*/ #galeria_rutas img { border:0px; margin:5px;} /*celda de la tabla*/ #galeria_rutas div { display:block; clear:both; text-align:center; border:0px solid #ff0000; margin:0px; padding:0px; } /*fila de la tabla*/ #galeria_rutas div a { float:left; margin:5px; border-top:1px solid #88aa88; border-left:1px solid #88aa88; border-bottom:2px solid #002200; border-right:2px solid #002200; background-color:#CFD1CE ; } #galeria_rutas div a:hover { border-bottom:1px solid #88aa88; border-right:1px solid #88aa88; border-top:2px solid #228800; border-left:2px solid #228800; background-color:#eefeee; } #tituloruta { font-size:120%; margin:auto; width:80%; margin-bottom:20px; padding:8px; color:#557845; } #cajaruta { background-repeat:no-repeat; background-position:right bottom; height:549px; min-height:549px; /*idem contenido -35 */ } #textoruta a { color:#ff0000; font-weight:bold; margin-left:70px; text-decoration:none; } #textoruta a:hover { color:#0000ff; font-weight:bold; } #textoruta a img { border:none; vertical-align:middle; padding:5px; } .pantano {background-image:url('../fondos/fondopantano.jpg'); background-repeat:no-repeat; background-position:right bottom;} .lobo {background-image:url('../fondos/fondolobo.jpg'); } .castillo {background-image:url('../fondos/fondocastillo.jpg'); } .luna {background-image:url('../fondos/fondobluna.jpg'); } .callejones {background-image:url('../fondos/fondocallejones.jpg'); } .arcos {background-image:url('../fondos/fondoarcos.jpg'); } #textoruta { float:left; text-align:left; color:#000000; } #textoruta span { color:#880000; font-weight:bold; } #datosruta li { list-style-type:none; background-image:url('../iconos/flecha.png'); background-repeat:no-repeat; background-position: 0em 0.3em; text-indent:1.5em; padding-left:0.8em; margin-bottom:10px; } #errordatos { text-align:left; border:1px solid #0000ff; padding:20px;} #errordatos p { color:#ff0000; text-align:left; } /*** css para el libro de visitas ***/ .entrada { width:90%; border-top:1px solid #88aa88; border-left:1px solid #88aa88; border-bottom:2px solid #336633; border-right:2px solid #336633; padding:5px; text-align:left; margin:5px; margin-bottom:5px; margin-top:10px; } .entrada .datosentrada { background-color:#cfd1ce; padding:5px; border:1px solid #88aa88; } .entrada .datosentrada img { border:none; padding-left:5px; } .entrada .datosentrada a { text-decoration:none; } .entrada .textoentrada { border: 0px solid #55aa55; padding:10px; margin-top:2px; background-color: #eeffee; min-height:30px; } .entrada.textoentrada p { margin:0px; } .indicelibro { margin:auto; width:80%; margin-bottom:20px; margin-top:15px;padding:15px; border-top:1px solid #99aa99; border-bottom:2px solid #669966; } .indicelibro a { text-decoration:none; color:#000000; font-weight:bold; } .indicelibro a:hover { color:#ff0000; background-color:#ffffcc; } /*enlaces a otras paginas */ .indicelibro span { color: #ff0000; font-weight:bold; background-color:#eeffee; padding-left:3px; padding-right:3px;margin-left:2px; margin-right:4px; } /* esta es la pagina actual */ /*el tamaņo de los textos fijos mejor darlo en px porque en pt varia de unos navegadores y versiones a otras, n pt == n+5 px aprox*/ #contenido p { margin-top:0px; } #titulo p {margin:0px; } #textotitulo { padding-top:20px; font-family:verdana; font-size:35px; color:#225533; font-weight:bold; text-transform:capitalize; font-variant:small-caps; z-index:5; position:relative; } #textotitulo1 { font-size:39px; color:#842118; padding-top:10px; font-family:verdana; font-weight:bold; text-transform:capitalize; font-variant:small-caps; z-index:5; position:relative;} #textosubtitulo { font-family:verdana; font-size:17px; font-weight:bold; color:#eeffee; } #logo1 { margin-top:40px; float:right; margin-right:50px; } .panel_1 {width:183px; overflow:hidden; position:relative; top:-3px; left:-3px; z-index:5; border:1px solid #000000; background-color: #99bb99; padding:5px; text-align:left; /*margin-bottom:30px;*/ } .panel_1 li { font-weight:bold; list-style-type:none; margin-left:-10px; } /*.sombra { position:relative; top:-183px; left:5px; z-index:0; background-color:#000000; padding:5px; margin-bottom:30px; opacity:0.2; } */ .sombrapanel {/*text-align:left;*/ padding:0px; padding-right:5px; padding-bottom:5px; background-image:url('../fondos/sombra.png'); background-repeat:repeat; /*background-position:5px 5px; esto solo funciona si no repeat*/} .separador { height:25px; } /*** css para la seccion videos ***/ #divplayer {margin:auto; width:320px; height:260px; border-top:2px solid #aaccaa; border-left:2px solid #aaccaa; border-right:2px solid #558855; border-bottom:2px solid #558855; } #divplayer p { padding-top:50px; } #divvideos { margin:auto; width:320px; height:120px; padding:5px; height:350px; } /*el height es para ie6 que no se vea el corte del fondo*/ #divvideos ul li { list-style-type:none; float:left; padding-left:10px; } #divvideos li a img { border:none; display:block; } #divvideos li a { text-decoration:none; font-weight:bold;} #enlaces ul { margin-left:0px; padding:2px;list-style-type:none; } #enlaces li { margin-top: 5px; } #enlaces a img { border:none; } #enlaces a { text-decoration:none; } #indice a { text-decoration:none; color:#ffffff; padding: 5px; background-image: url('../iconos/bola2.png'); padding-left:20px; background-repeat:no-repeat; background-position:3px center; } #indice a:hover { background-image: url('../iconos/bola3.png'); color:#ff0000; background-color: #ffffff; padding-left:22px; } #indice a:visited { background-image: url('../iconos/bola1.png'); } #indice span { color:#ffffff; padding-left:26px; background-image: url('../iconos/flecha2.png'); background-repeat:no-repeat; background-position:3px center; } #indice li { margin-top: 10px; } /* estilo para la seccion mapas */ /* ifrmapa { width:640px; height:480px; border: none; margin:0px; } */ #enlacegoogle { border: 1px solid #99bb99; text-align:center; width:300px; padding:10px; } #enlacegoogle img { margin-top:10px; } #enlacegoogle a { text-decoration:none; font-weight:bold; color: #0000ff; } #enlacegoogle a:hover { color:#ff0000; text-decoration:underline; } #mapaprovincia { float:left; margin-left:50px; } #poema { font-family:"comic sans ms"; font-size:1.2em; float:left;text-align:left; text-indent:0px; line-height:1.4em; } #vermas { text-decoration:none; background-image:url('../iconos/flecha.png'); background-repeat:no-repeat; background-position: right center; padding-right:25px; margin-left:5px;} #empresa { font-weight:bold; color: #ffffa1;padding-top:10px; text-align:center} .derecho { float:right; } .izquierdo { float:left; }