* { font-family:verdana,sans serif,arial,tahoma; font-size:12px; }

  body { background-color:#000000; text-align:center; margin:0px;}
 

  /******** estilo de la estructura de capas *************/
   #contenedor { display:block; clear:both; margin:auto; margin-top:0px; text-align:left; width:1000px; /*min-height:726px;*/ background-image:url('../iconos/fondopagina1.jpg'); } 

     #panelizquierdo { float:left; margin:auto; width:849px; }
  
       #cabecera { margin:auto; min-height:173px;  width:849px; background-image:url('../iconos/fondocabecera2.jpg'); background-repeat:no-repeat; }
         #titulo { font-size:190%; color:#449944; margin:0px; padding-top:45px; padding-left:380px; padding-bottom:0px;}
         #subtitulo { float:right; color:#af7905; font-size:90%; margin:0px; padding:0px; margin-right:40px; }
         #titulo span { font-size:70%; }

       #contenido { display:block; clear:both; color:#000000; /*font-size:1em;*/ width:849px; /*height: 628px;*/ min-height: 533px; background-image:url('../iconos/fondocontenido1.jpg'); background-repeat:repeat-y; }   
         #contenido1 { padding-left:20px; padding-right:10px; padding-bottom:40px; min-height:533px; text-align:left; background-image:url('../iconos/bordeinf2.png'); background-position:left bottom; background-repeat:no-repeat; }
           #contenido1 img { border-left:1px solid #bbaaaa; border-top:1px solid #ccbbbb; border-right:1px solid #554444; border-bottom:1px solid #445544; }

     #panelderecho  { float:left; padding-top:60px;  background-image:url('../iconos/fondoderecho1.jpg'); background-repeat:no-repeat; min-height:676px;/*726 -50 padding-top*/ width:151px; /* background-color:#f7e7d7*/ }
       #panelderecho div { overflow:hidden; text-align:center; width:130px; margin:auto; margin-bottom:10px; margin-left:10px; padding-top:8px; background-color:#ff00ff; border:1px solid #000000; background-image:url('../iconos/fondofoto1.jpg');  }
       #panelderecho div p { margin-top:2px; margin-bottom:8px; padding:0px; color:#af7905 }
       #panelderecho .eltiempo { margin:auto; }

     #pie_caja { display:block; clear:both; margin:auto; width:100%; background-image:url('../isconos/fondopagina1.jpg'); }     
       #pie_caja1 { /*display:block;*/ clear:both; width:849px; margin-top:0px;  /*text-align:center;*/  background-image:url('../iconos/fondocontenido1.jpg'); }
         #pie_caja2 { margin:auto; /*display:block;*/ padding-top:20px; width:849px; text-align:center; font-weight:bold; font-size:0.8em; color:#7D0909; /*background-color:#ffffdd;*/ background-image:url('../iconos/bordesup2.png'); background-repeat:no-repeat; }
           #pie_contenido { background-image:url('../iconos/bordeinf2.png'); padding-bottom:20px; display:block; line-height:1.5em; background-repeat:no-repeat; background-position:left bottom; }
 
         
  /*******    estilo para los botones del indice **********/
   #pestanas { margin:0px; padding:0px; margin-top:30px; margin-left:10px; padding-left:10px; list-style-type:none; height:56px; background-image:url('iconos/fondo2_2x1.jpg'); } 
   #pestanas li { float:left; text-align:center; margin-top:0px; padding:0px; overflow:hidden;}
   #pestanas li img { vertical-align:middle; border:none;  margin:0px; padding:0px;}
   #pestanas li.boton_b a { text-decoration:none; color:#5e7d09; font-weight:bold; display:block; font-size:15px; background-image:url('../iconos/boton_b_off.png'); padding-top:8px; height:29px; width:160px;}  /*alto boton - padding - 3 sombra boton*/
   #pestanas li.boton_b a:hover { color:#7d0909; background-image:url('../iconos/boton_b_on.png'); } 
   #pestanas li.boton_a a { text-decoration:none; font-weight:bold; color:#5e7d09; display:block; font-size:15px; background-image:url('../iconos/boton_a_off.png'); padding-top:8px; height:29px; width:110px;}  /*alto boton - padding - 3 sombra boton*/
   #pestanas li.boton_a a:hover { color:#7d0909; background-image:url('../iconos/boton_a_on.png'); } 


  /******   estilos para la seccion reservas     *****/
   #reservas_left { float:left; width:260px; margin-right:40px; text-align:center;  }
   #reservas_left ul { text-align:left; }
   #reservas_left li { margin-bottom: 10px;  text-align:justify; }
   #reservas_left img { border:none; }
   #f_reservas { width:490px; float:left; margin-bottom:20px; margin-top:0px; }
   #f_reservas h3 { background-color:#ff6600; width:100%; font-size:1em; font-weight:normal; padding:4px; margin-top:15px; margin-bottom:0px; }
   #privacidaddatos { font-family:arial; font-size:0.8em; color:#505050; text-align:justify; margin-top:0px; }
   #f_reservas textarea { width:100%; height:6em; font-size:1em;  }
   #f_reservas input, #f_reservas select { margin-bottom:5px; font-size:1em; padding:3px;  vertical-align:middle; }
   #f_reservas label { display:block; margin-bottom:3px; margin-top:5px; }
   #f_reservas span { color:#ff0000; font-size:0.9em; }
   #f_reservas span.error { color:#ffffff; font-size:0.9em; background-color:#0000ff; }
   #codigoseg { background-color: #ff9999; }



  /******** estilo para la seccion galeria: los tumbnails de las fotos   *********/
   #galeria div { margin-bottom:10px; text-align:center }
   #galeria a img, #panelderecho a img { border:none }
   #galeria a img { margin-left:10px; border-left: 2px solid #eeffee; border-top: 2px solid #eeffee; border-bottom: 2px solid #000000; border-right: 2px solid #000000 ; }     
   #galeria a:hover img, #panelderecho a:hover img { border-left: 2px solid #000000; border-top: 2px solid #000000; border-bottom: 2px solid #eeffee; border-right: 2px solid #eeffee; }  
   #panelderecho a img { border-left: 2px solid #eeffee; border-top: 2px solid #eeffee; border-bottom: 2px solid #000000; border-right: 2px solid #000000 ; }     
   #panelderecho a {  text-decoration:none; font-size:0.8em; text-align:center; color:#000000; }
   #panelderecho a:hover {  text-decoration:none; font-weight:bold; }
       
   #indicefotos { margin-left:0px;}
   #indicefotos img { border:none; background-image:url('../iconos/marcoicofoto3.png'); background-position:right bottom; background-repeat:no-repeat; padding-top:5px; padding-left:2px; padding-bottom:10px; padding-right:10px; }
   #indicegalerias a { display:block; margin-bottom:0.2em;  text-decoration:none; color:#349a2e; font-weight:bold;  }
   #indicegalerias a:hover { background-color:#f5b5ed; color:#7d0909; }
   #indicegalerias p, #menugaleria { padding:3px; margin-top:0px; margin-bottom:5px; border-top:0px solid #79cb7f; border-bottom: 0px solid #79cb7f;  background-image:url('../iconos/sombratitulos.png');}
   #indicegalerias { width:170px; padding:0px; padding-bottom:5px;  margin-bottom: 10px; text-align:center; background-color:#ffffff; }
   #menugaleria { width:98%; background-color:#aabbaa; margin-bottom:0px;}
   #menugaleria a { color: #000000; font-weight:bold; margin-right:20px; text-decoration:none;  background-color:#ffffff; }
   #menugaleria a:hover { color: #ff3311; }


  /************** estilo para el visor de fotos   *********/
       #marco3{  
                background-image:url('../iconos/marcofotoinf.png'); 
                background-repeat:no-repeat; 
                background-position:center bottom;
                padding-bottom:30px;
            }
       #marco2{  
                background-image:url('../iconos/marcofotosup.png'); 
                background-repeat:no-repeat; 
                background-position:center top;
                padding-top:25px;
             }
       #marco1{  text-align:center;
                background-image:url('../iconos/marcofotolat.png'); 
                background-repeat:repeat-y; 
                background-position:center center;
                padding-top:10px;
                padding-bottom:1em; /*esto es por poner p en marco 1, si pongo span o nada no hace falta*/                
             } 
       #marco1 img { border:none; padding:0px; margin:0px; }

       
  /******* estilo para la seccion portada   *********/
   #caja1 { float:left; width:564px; } 
     #caja1_1 { margin-top:20px; padding-top:20px; padding-bottom:20px; 
                background-image:url('../iconos/compo1.jpg'); background-repeat:no-repeat; background-position:0px center;
                padding-left:208px; padding-right:8px; 
              }
     #caja2 { float:left; width:229px; margin-left: 17px; }
       #caja2_1 { background-color:#ffffff; padding-bottom:5px;
                  background-image:url('../iconos/icocueva1.jpg'); background-repeat:no-repeat; background-position:center 5px;
                  padding-left:4px; padding-right:4px; padding-top:133px;
                }
       #caja2_2 { background-color:#ffffff; padding-bottom:5px;
                  background-image:url('../iconos/icovistas1.jpg'); background-repeat:no-repeat; background-position:center 5px;
                  margin-top:5px; padding-left:4px; padding-right:4px; padding-top:133px; 
                }
     #caja1 span, #caja2 span { font-weight:bold; }
     /* #caja1 p, #caja2 p { text-align:justify; } */


  /******** estilo para la seccion enlaces   *******/
   #enlaces { padding:60px; }
   #enlaces a { color:#5555ff; text-decoration:none; font-weight:bold; }
   #enlaces a:hover { color:#ff4444; }
   #enlaces a img { vertical-align: middle; }
   #enlaces ul { list-style-type:none; margin-left:50px;}


  /********************  estilo para la tabla de tarifas de seccion Caracteristicas  ****/
   #tablatarifas { font-size: 90%; float:left; width:350px; padding-top:0px; margin-top:0px; margin-bottom:20px; padding:5px; margin-right:10px; border: inset;  background-color: #eed9d9; }
   #tablatarifas li { font-size:80%; }
   .par li { margin-bottom:0.5em; }
   .impar li { margin-bottom:0.2em; }
   #tablatarifas h4 { font-weight:bold; font-size:1.2em; text-align:center; margin-top:0px; padding-top:0px; }

   #detalles { margin-left:390px; padding-left: 0px; list-style-type:none; }
   #detalles li a { text-decoration:none; font-size:100%; color: #005500;}
   #detalles li a:hover { color: #880000; }
   #detalles li a img { border:none; vertical-align:middle; }