/* CSS Document */
body {
background-color:#eeeeee;
margin: 0px;
padding:0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

a {color: #0066ff;}

ul { list-style:none;}
li { color:#666666; }

li a{ color:#666666; }
li a:hover{ color:#000000; }

.negro {color:#000000;}




/*CONTENEDOR PRINCIPAL DE TODO EL WEB */
#contenedor {
position:absolute; 
left:50%;
margin-left: -400px; 
width: 800px;
height: 450px;
}



/*CONTENEDORES PRINCIPALES -------------------------------------------------------------*/
#cabecera {
position:relative;
width: 800px;
height: 90px;
margin: 0px;
float:left;
}

#contenido {
position:relative;
width: 800px;
height: 330px;
margin: 0px;
float:left;
overflow:hidden;
}

#pie {
position:relative;
height: 20px;
top: 10px;
width: 800px;
text-align:center;
font-size:10px;
color:#666666;
z-index: 1;
}


/*DENTRO DE CABECERA::::::::::::::::::::::::::::::::::::::::::::-------------*/
/*MENU SUPERIOR -------------------------------------------------------------*/
#menu_superior{
position:absolute;
left: 190px;
top: 15px;
width: 610px; 
height: 15px;
z-index: 5;
font-size: 14px;
text-align:right;
}

#menu_superior ul { list-style:none;margin:0px; padding: 0px;}
#menu_superior li { color:#000000;display:inline;}

#menu_superior a { text-decoration: none; color:#666666;}
#menu_superior a:hover {text-decoration:none; color:#b1b1b1;}
#menu_superior .seleccionado { text-decoration:underline}
#menu_superior .seleccionado:hover { text-decoration:underline}

/*LOGO -------------------------------------------------------------*/
#logo{
position:absolute;
left:0px;
margin:0px;
top: 0px; 
height: 90px;
width: 185px;
}

/*BANNER SUPERIOR --------------------------------------------------*/
#banner_superior{
position:absolute;
left:185px;
top: 30px; 
margin:0px;
height: 60px;
width: 468px;
}

/*AUXILIAR1 --------------------------------------------------*/
#auxiliar1{
position:absolute;
left:653px;
top: 30px; 
margin:0px;
height: 60px;
width: 147px;
}


/*DENTRO DE CONTENIDO::::::::::::::::::::::::::::::::::::::::::::-------------*/
/*MENU -----------------------------------------------------------------------*/
#menu{
position:absolute;
left: 0px;
top: 0px;
width: 183px;
z-index: 5;
font-size: 14px;
background-image:url(images/menu.jpg);
background-repeat:repeat-x;
background-position: top left;
border: 1px solid #b1b1b1;
opacity: 0.9;

}

#menu .titulo_menu { float:right; margin-right: 10px; font-size:10px; font-weight:bold;}
#menu ul { list-style:none; width: 150px; margin-left: 0px; padding-left:10px;}
#menu li { color:#666666; display:block; height: 25px; margin-bottom: 5px;}

#menu a { text-decoration: none; color:#666666;}
#menu a:hover {text-decoration:none; color:#000000;}
#menu .seleccionado { text-decoration:underline}
#menu .seleccionado:hover { text-decoration:underline}


/* CONTENIDO_CENTRAL --------------------------------------------------*/
#contenido_central{
position:absolute;
left:185px;
top: 0px; 
margin:0px;
height: 330px;
width: 615px;
z-index: 5;
}
#contenido_central_entero{
position:relative;
float:right;
left:95px;
top: 0px; 
margin:0px;
height: 330px;
width: 420px;
background-color:#eeeeee;
opacity:0.80;
z-index: 5;
}

#contenido_central_izquierdo{
position:relative;
float:left;
left:95px;
top: 0px; 
margin:0px;
height: 330px;
width: 400px;
background-color:#eeeeee;
opacity:0.80;
z-index: 5;
}

#contenido_central_derecho{
position:relative;
float:right;
right:0px;
top: 0px; 
margin:0px;
height: 330px;
width: 116px;
background-color:#b1b1b1;
padding: 2px;
z-index: 5;
}
#contenido_central_derecho ul{
margin: 0px;
padding: 5px;
font-size: 10px;
list-style: none;
}
#contenido_central_derecho li{
margin-bottom: 5px;
}

.titulo_contenido {
font-size: 12px;
color: #666666;
font-weight: bold;
padding: 5px;
}

.texto_contenido {
font-size: 10px;
color: #666666;
padding: 5px;
width: 90%;
text-align:justify;
}

.texto_contenido_galeria{
width: 340px;
font-size: 12px;
color: #666666;
padding: 5px;
padding-left: 10px;
float:left;
}

#fotografia {
position:absolute;
left: 0px;
top: 0px;
}

/*PARA LAS GALERIAS DE FOTOS*===========================================*/
#contenido_central_derecho_galeria{
position:relative;
float:right;
width:600px; 
height:330px; 
margin:0px;
background-color:#b1b1b1;
}

/* Removing the list bullets and indentation - add size - and position */
#contenido_central_derecho_galeria ul {width:198px; height:386px; padding:0;  margin:5px; list-style-type:none; float:right;}
#contenido_central_derecho_galeria li {float:left;}

/* Remove the images and text from sight */
#contenido_central_derecho_galeria a.habitaciones span 
{position:absolute; width:1px; height:1px; top:0px; left:0px; overflow:hidden}

/* Adding the thumbnail images */
#contenido_central_derecho_galeria a.habitaciones,
#contenido_central_derecho_galeria a.habitaciones:visited 
{display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default;}

#contenido_central_derecho_galeria a.foto1 { background-image:url(../../images/t_habitacion1.jpg); height:80px; width:80px;}
#contenido_central_derecho_galeria a.foto2 { background-image:url(../../images/t_habitacion2.jpg); height:80px; width:80px;}
#contenido_central_derecho_galeria a.foto3 { background-image:url(../../images/t_habitacion3.jpg); height:80px; width:80px;}
#contenido_central_derecho_galeria a.foto4 { background-image:url(../../images/t_habitacion4.jpg); height:80px; width:80px;}
#contenido_central_derecho_galeria a.foto5 { background-image:url(../../images/t_habitacion5.jpg); height:80px; width:80px;}
#contenido_central_derecho_galeria a.foto6 { background-image:url(../../images/t_habitacion6.jpg); height:80px; width:80px;}

#contenido_central_derecho_galeria a.foto7  { background-image:url(../../images/t_entorno1.jpg); height:80px; width:80px;}
#contenido_central_derecho_galeria a.foto8  { background-image:url(../../images/t_entorno2.jpg); height:80px; width:80px;}
#contenido_central_derecho_galeria a.foto9  { background-image:url(../../images/t_entorno3.jpg); height:80px; width:80px;}
#contenido_central_derecho_galeria a.foto10 { background-image:url(../../images/t_entorno4.jpg); height:80px; width:80px;}
#contenido_central_derecho_galeria a.foto11 { background-image:url(../../images/t_entorno5.jpg); height:80px; width:80px;}
#contenido_central_derecho_galeria a.foto12 { background-image:url(../../images/t_entorno6.jpg); height:80px; width:80px;}

/* styling the hovers */
#contenido_central_derecho_galeria a.habitaciones:hover {border:1px solid #000;}
#contenido_central_derecho_galeria a.habitaciones:hover span {position:absolute; width:380px; height:290px; top:0px; left:0px;}
#contenido_central_derecho_galeria a.habitaciones:hover img {float:left;}





/*ESTILO FORMULARIO DE RESERVAS
/*Estilo de la caja pie de página*/

#contenido_central_derecho_galeria form{width:220px;padding:5px 0;border: 2px solid #666666; margin:auto;}
#contenido_central_derecho_galeria fieldset{border: 0px solid #000;}
#contenido_central_derecho_galeria legend{font: bold 140% Arial,sans-serif;color: #666666;}

#contenido_central_derecho_galeria div.medidas,div.check{margin: 10px 0 10px 10px;}
#contenido_central_derecho_galeria div.medidas label{float:left;width:90px;line-height:23px;}
#contenido_central_derecho_galeria div.medidas input{width:120px; border: 1px solid  #9b9885;}

input#boton_reserva{margin-left: 130px;border: 1px solid #666666; background-color:#d1d1d1}