/* --------------------------------
------------ GENERAL -------------- 
-----------------------------------*/

*{margin:0;padding:0}

html,body{width:100%;
color:#686464;
background:#fff;font:11px Arial, Helvetica, sans-serif;} 

a{
color:#7D7878;
text-decoration:none}

a img{border:0}
a span{visibility:hidden}
ul{list-style:none;}
p{margin:10px 0}

.clear{clear:both}
.strong{font-weight:bold}

hr{
margin:15px 0;
border:0;
height:0;
border-top:1px solid #b2b2b2}



/* --------------------------------
------------- CAPAS --------------- 
-----------------------------------*/
#contenedor{
width:865px;
margin:0 auto 10px auto;
position:relative;
}

#titular{
height:275px;
padding-top:14px;
/*background:url(img/titular.jpg) no-repeat left bottom;*/
}

#titular p{
margin:0;
text-align:right;}
#titular a.mapa{
margin:0 10px 0 0;}
#titular span{
margin:0 10px}

#contenido{
background:url(img/bg-contenido.png) repeat-y top left;}

#sidebar{
float:right;
width:196px;}

#sidebar fieldset,
#sidebar h3,
#sidebar ul{
margin:10px 5px 5px 13px;}

#sidebar h2{
height:23px;
color:#494747;
padding:15px 0 0px 10px;
font:bold 13px Verdana, Arial, Helvetica, sans-serif;
background:url(img/sidebarh2.png) repeat-x bottom left}
#sidebar h3{
font-size:11px;
font-weight:normal;
border-bottom:1px solid #ccc;}
#sidebar ul{
margin-top:0px;
margin-bottom:15px;}
#sidebar li a{
display:block;
padding:4px 0 4px 10px;
background:url(img/flecha.png) no-repeat 0px 50%;}
#sidebar li a:hover{
color:#AE8C0C;
font-weight:bold;
background:url(img/flecha2.png) no-repeat 0px 50%;}

#centro{
float:left;
width:610px;
padding:25px}

#centro h2{
padding-bottom:3px;
margin-bottom:15px;
font-size:17px;
color:#000;
border-bottom:1px solid #b2b2b2;}

#centro h2 span{
color:#ACACAC;
font-size:9px;
margin-top:-10px;
float:right;}

#centro h3{
color:#000;
margin:30px 0 10px 0;}

#centro h3.titular{
margin:5px 0 4px 0;}
#centro h3.titular a{
color:#1369B1;
font-size:12px;
text-decoration:none}
#centro h3.titular a:hover{
text-decoration:underline}

#centro h3.titulo{
color:#1369B1;
font-weight:normal;
font-size:19px;
margin:5px 0 4px 0;}


#centro h3.contacto{
color:#686464;
font-size:14px;
margin:40px 0 15px 0;
text-decoration:underline}


#centro .mas-info{
text-align:right;}
#centro .mas-info a{
padding-left:10px;
text-decoration:underline;
background:url(img/flecha.png) no-repeat 0px 50%;}

#paginacion{
margin-top:40px;
text-align:right;}
#paginacion li{
display:inline}

.foto-grande{
float:left;
width:423px;
height:283px;
padding:13px;
margin-top:18px;
background:url(img/bg-grande.jpg) no-repeat top left;}

div.foto-chica{
float:right;
width:132px;
margin-top:18px;
padding:0 0 13px 13px;
border:1px solid #EBE8E8; }
.foto-chica a img{
opacity:0.5;
padding:1px;
margin:13px 11px 0 0;
border:1px solid #fff;}
.foto-chica a .select,
.foto-chica a:hover img{
opacity:1;
border:1px solid #ccc;}


#boton-reservar{
float:right;
margin-top:-24px;}




/* --------------------------------
-------- MENU Principal ----------- 
-----------------------------------*/
#menu{
font:14px Arial, Helvetica, sans-serif;
width:100%;
font-weight:bold;
border-top:1px solid #fff}

#menu li {float:left;
margin:0}#menu a {padding-top:10px;
text-decoration:none;
color:#fff;
text-align:center;
display:block;
height:26px;
background:url(img/menu.png) no-repeat bottom right;}#menu a:hover,
#menu .select a{color:#AE8C0C;
background:url(img/menu-hover.png) no-repeat bottom right;}

#menu .quienes a{width:143px;}
#menu .noticias a{width:107px;}
#menu .enlaces a{width:101px;}
#menu .empleo a{width:101px;}
#menu .contacto a{width:102px;}
#menu .ofertas a{width:116px;}
#menu .reservas a{
width:183px;
padding:10px 0 0 12px;
text-align:left;}
#menu .reservas a:hover{
background:url(img/menu-hover.png) no-repeat bottom left;}
#menu .select.reservas a{
background:url(img/menu-hover.png) no-repeat bottom left;}


#menu .establecimientos{
width:183px;
color:#AE8C0C;
padding:10px 0 0 12px;
display:block;
height:26px;
background:url(img/menu-hover.png) no-repeat bottom left;}


#sub-menu li{
color:#b2b2b2;
display:inline;
margin-right:7px;}
#sub-menu li a{
color:#666666;
margin-left:2px;
font-size:12px;
}
#sub-menu li a:hover{
color:#000000}
#sub-menu li.select{
color:#000;
font-weight:bold}

/* --------------------------------
---------- FORMULARIOS ------------ 
-----------------------------------*/
.form-izq{width:50%;float:left}
.form-der{float:right}

fieldset{
border:0;
color:#000}

option{
padding:0 3px;}

textarea,
select,
input{
margin:2px 3px 5px 0;
padding:1px;
font-size:11px;
color:#636563;
border:1px solid #7F9DB9;
text-align:left}

select.largo{
width:165px;}


.contacto fieldset{
width:410px;
margin-left:80px;}
.contacto label{
float:left;
text-align:right;
font-weight:bold;
color:#686464;
padding:5px 24px 5px 0;
width:80px;}

.contacto input,
.contacto select,
.contacto textarea{
float:right;
width:292px;
margin-right:6px /** para que se alinie con el boton de enviar**/ }

.contacto br{
clear:both}


.boton{
clear:both;
text-align:right;
cursor:pointer;
}
.boton input{
text-align:center !important;
border:0;
width:76px;
height:27px;
color:#3D3C3C;
font-size:11px;
font-weight:bold;
float:none;
background:url(img/buscar.png) no-repeat bottom left;
cursor:pointer;}

.enviar input{
margin:0;
width:107px;
background:url(img/enviar.png) no-repeat bottom left}


.form-buscar{
text-align:right;
height:20px;
padding:4px 10px;
background:url(img/form-buscar.png) no-repeat top right}
.form-buscar p{
margin:0}
.form-buscar label{
float:right;
margin-top:5px}
.form-buscar input{
float:right;
width:130px;}


/* --------------------------------
------------- INDEX --------------- 
-----------------------------------*/
#index #titular{
background:url(img/titular-index.jpg) no-repeat left bottom;}

#index #contenido{
background:url(img/bg-contenido-index.png) repeat-y bottom left;}

#index h2{
color:#383839;
font:normal 21px Verdana, Arial, Helvetica, sans-serif;
margin:25px 0 15px 20px}

#izquierda{
float:left;
width:249px;}
.regalo{
padding:0px 18px 0 100px;
text-align:right;
color:#606063;
min-height:150px;
background:url(img/regalo.png) no-repeat left bottom;}
.regalo h3{
color:#383839;
padding:5px 0 10px 0;
font:normal 17px/13px Arial, Helvetica, sans-serif;}

#index #centro{
width:370px;}
#index #centro h2{
color:#1369B1;
padding:0;border:0;
margin:0 0 15px 0}



/* ---------------------------------
------------- ENLACES --------------- 
-----------------------------------*/
#enlaces #centro form{
margin:40px 0;
text-align:center;}


#enlaces #centro ul li{
margin:10px 0}
#enlaces #centro ul li a{
font-weight:bold;
text-decoration:none;
padding:4px 0 4px 10px;
background:url(img/flecha.png) no-repeat 0px 50%;}
#enlaces #centro ul li a:hover{
text-decoration:underline}

#enlaces ul.columna1{
float:left;
margin-left:110px}

#enlaces ul.columna2{
float:right;
margin-right:110px}




/* --------------------------------
------------ OFERTAS -------------- 
-----------------------------------*/
#ofertas #paginacion{
margin:0 !important}

p.ofertas{
float:right}
.ofertas img{
padding:1px;
margin:0 10px 0 20px;
border:1px solid #ccc}

.boton.ofertas,
.boton.ofertas input{
margin:0 5px 5px 0;
padding:0;
color:#1369B1;}

.precio{
font-size:23px;
text-align:right;
float:right;
color:#1369B1;
margin:0;
padding-right:55px}

#ofertas #centro h3.titular a{
text-decoration:underline}



/* --------------------------------
-------------- PIE ---------------- 
-----------------------------------*/
#pie{
padding:7px 20px;
color:#A4A0A0;
background:#fff;
font-size:10px;
font:normal 9px Verdana, Arial, Helvetica, sans-serif;
border:1px solid #D7D7D7}

#pie p{
margin:0;
float:left}

#pie ul{
float:right;}
#pie li{
float:left;}

#pie li a{
color:#A4A0A0;
margin:0 3px}
#pie li a:hover{
color:#333;}