/*colores
verde rgb(120,160,30);
verde claro rgb(160,180,0);
marron rgb(180,120,0);
gris oscuro rgb(60,60,60);
granate rgb(120,0,0);
*/
body,html {
}
body{
text-align:center;
margin:0;
background:#fff url("imagenes/fondo.jpg") repeat-x left top;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:rgb(60,60,60);
}
/* MAQUETA cabecera */
#cabecera{
margin:auto;
width:780px;
height:180px;
background:transparent url("imagenes/fn-cabecera.png") no-repeat center bottom;
overflow:hidden;
}
#contenedor{
margin:auto;
width:780px;
background:transparent url("imagenes/fn-contenedor.png") repeat-y center top;
overflow:hidden;
clear:both;
}
#menu{
margin:auto;
width:160px;
padding-left:40px;
overflow:hidden;
float:left;
}
#contenido{
margin:auto;
width:510px;
overflow:hidden;
float:right;
text-align:left;
padding-right:40px;
}
#pie{
margin:auto;
width:780px;
height:180px;
background:transparent url("imagenes/fn-pie.png") no-repeat center top;
overflow:hidden;
}
/* genericos */
h3{
margin:20px 0 5px 0;
padding:0;
clear:both;
}
ul, li{
margin:0;
padding:0;
}
img{
border:0;
}
a{
color: rgb(120,0,0);
}
a:hover{
color:rgb(160,180,0);
}
address{
color: rgb(120,160,30);
text-align:left;
font-style:normal;
}
#menu address{
margin-top:40px;
}
/* menu */
#menu ul{
list-style-type:none;
text-align:left;
}
#menu ul li{
list-style-type:none;
text-align:left;
color: rgb(120,0,0);
padding-bottom:5px;
margin-bottom:5px;
border-bottom: rgb(120,0,0) solid 1px;
}
#menu ul li a{
text-decoration:none;
font-size:12px;
font-weight:bold;
}
div #menutelefono{
color:  rgb(120,160,30);
text-align:left;
background:transparent url("imagenes/ico-telefono.gif") no-repeat left top;
height:20px;
margin-top:20px;
padding-left:20px;
}
div #menumovil{
color:  rgb(120,160,30);
text-align:left;
background:transparent url("imagenes/ico-movil.gif") no-repeat left top;
height:20px;
padding-left:20px;
}
div #menucorreo{
text-align:left;
background:transparent url("imagenes/ico-correo.gif") no-repeat left top;
height:20px;
padding-left:20px;
}
div #menucorreo a{
color:  rgb(120,160,30);
}
/*contenido inicio*/
#banners{
overflow:hidden;
margin-bottom:20px;
}
#banners ul li{
display:inline;
}
#banners ul li a{
display:block;
float:left;
width:120px;
height:200px;
background:transparent url("imagenes/prueba-borrar.jpg") no-repeat left top;
text-align:center;
text-decoration:none;
margin:0 3px;
font-weight:bold;
font-size:13px;
color: rgb(120,0,0);
}
#banners ul li a.bannergolf{
background:transparent url("imagenes/banner-golf.jpg") no-repeat left top;
}
#banners ul li a.bannermontana{
background:transparent url("imagenes/banner-montana.jpg") no-repeat left top;
}
#banners ul li a.bannerrioja{
background:transparent url("imagenes/banner-rioja.jpg") no-repeat left top;
}
#banners ul li a.bannervitoria{
background:transparent url("imagenes/banner-vitoria.jpg") no-repeat left top;
}
#banners ul li a:hover{
color:rgb(160,180,0);;
}
#banners ul li a.bannergolf:hover{
background:transparent url("imagenes/banner-golf.jpg") no-repeat right top;
}
#banners ul li a.bannermontana:hover{
background:transparent url("imagenes/banner-montana.jpg") no-repeat right top;
}
#banners ul li a.bannerrioja:hover{
background:transparent url("imagenes/banner-rioja.jpg") no-repeat right top;
}
#banners ul li a.bannervitoria:hover{
background:transparent url("imagenes/banner-vitoria.jpg") no-repeat right top;
}
#banners ul li a div{
padding:20px 15px 0 15px;
}
#galeria{
margin-bottom:30px;
border: rgb(180,120,0) dotted 1px;
text-align:center;
}


#galerias{
margin-bottom:30px;
clear:both;
overflow:hidden;
}
#galeriaizquierda{
float:left;
border: rgb(180,120,0) dotted 1px;
}
#galeriaderecha{
float:right;
border: rgb(180,120,0) dotted 1px;
}
/*contendio entorno*/
#listadoentorno ul img{
float:left;
margin-right:5px;
margin-bottom:5px;
}
#listadoentorno ul li{
clear:both;
}
/*contenido reservas*/
form{
background:rgb(245,245,245);
width:90%;
border: rgb(80,80,80) dotted 1px; 
padding:10px;
text-align:left;
}
form label{
color:rgb(180,120,0);
}
input.ancho100, textarea.ancho100{
width:100%;
}
input.ancho60{
width:60px;
}
input.boton{
width:100px;
border:rgb(180,180,180) solid 1px;
background:#FFF;
font-size: 11px;
color:#000000;
float:right;
margin-left:10px;
margin-top:20px;
}
/* contenido tariflas */
#tarifas{
text-align:left;
}
table th, table td{
border: rgb(80,80,80) dotted 1px;
text-align:center;
}
table th{
color:rgb(180,120,0);
font-size:13px;
background:rgb(245,245,245);
}
.noborder{
border:0;
background:none;
}
/*pie*/
.creditosflash, .creditosflash a{
padding-top:60px;
font-size:9px;
color:#999;
text-align:right;
}
.creditosflash a:hover{
color:rgb(160,180,0);
}
#idioma{
text-align:right;
margin-bottom:10px;
}
#idioma a{
font-weight:bold;
font-size:10px;
color:#fff;
text-decoration:none;
background:rgb(120,0,0);
padding:3px;
}
#idioma a:hover{
background:rgb(160,180,0);
}
#disponibilidad{
text-align:center;
}