/* CSS Document */
body{
	background: #F8F6F3 url(../images/bg.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0 auto;
	text-align: center;
}
button{
	padding: 2px 3px 1px 3px;
	background: #340000;
	border: 1px solid #340000;
	color: #FDFCF8;
	font-size: 0.70em;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
}

input{
	background: #fff;
	font-size: 0.69em;
	border: 1px solid #B8B2AD;
	color: #200601;
	padding: 4px 5px 3px 5px;
}
input.small{width: 20px;}
input.medium{width: 85px;}
h3{
	background: #fff;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 0.81em;
	font-weight: bold;
	color: #5B5139;
	border: 1px solid #D5D4D2;
	margin: 20px;
	padding: 2px;
}
h3 span{
	background: url(../images/bg-titulos-h3.jpg) repeat-x;
	display: block;
	padding-left: 5px;
	height: 21px;
	line-height: 21px;
}

h4{
	font-size: 0.88em;
	font-weight: bold;
	color: #A49D8C;
	margin: 10px 5px;
}
h4 a{color: #A49D8C; text-decoration:none;}
h4 a:hover{text-decoration:underline;}
h4 small{
	display: block;
	font-size: 0.79em;
	color: #666;
	margin-top: 3px;
}

p{line-height: 120%;}

a.bullet-link{
	background: url(../images/bullet-link.png) no-repeat right;
	padding-right: 15px;
	color: #7F3834;
	font-weight: bold;
}
a.bullet-link:hover{
	text-decoration: none;
}

/* LayOut */
.container{
	background: #F1F1ED;
	width: 918px;
	padding: 0 10px;
	margin: 0 auto;
	text-align: left;
}

#top,#top .container{
	background: #EBE9E7;
}

#top #login,#top #datosusuario{
	text-align: right;
	margin-top: 5px;
	margin-bottom: 5px;
}
#top #login fieldset,#top #datosusuario{
	height: 23px;
	line-height: 23px;
}
#top p{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.63em;
	color: #4D3A2A;
	height: 34px;
	line-height: 34px;
}
#top p a{
	color: #4D3A2A;
	text-decoration: none;
	padding: 0 5px 0 10px;
}
#top p a:hover{
	text-decoration: underline;
}


#header{
	background: #fff;
	height: 75px;
}
#header .container{
	background: #fff;
}
#header h1{
	background: url(../images/logo-head.png) no-repeat;
	width: 155px;
	height: 65px;
	text-indent: -9999px;
}
div#menu{
	height: 75px;
	line-height: 75px;
}
ul#nav{
	border-bottom: 1px solid #333;
	height:26px;
	line-height:26px;
	margin-top:25px;
}
ul#nav li{
	float: left;
	width: 14%;
	font-size: 0.81em;
	text-align: center;
}
ul#nav li a{
	display: block;
	text-decoration: none;
	color: #210702;
}
ul#nav li a:hover{
	background: url(../images/nav-bg.jpg) repeat-x center;
	color: #3B0A01;
	font-weight: bold;
}

/** MAIN **/
#main{
	padding: 15px 0;
}

/* HOME Head */
#home-flash{
	position: relative;
}
#hotel-preview{
	position: absolute;
	top: 0px;
	z-index: 15;
	width: 330px;
	left: 0px;
	/*
	left: 450px;
	width: 400px;
	*/
}
#panel-destacado{
	background: url(../images/bg-destacado.png) no-repeat;
	height: 323px;
	width: 330px;
	padding: 10px 35px;
	margin-left: 450px;
	overflow: hidden;
	display: none;
}
#panel-destacado h2{
	font-size: 1.25em;
	color: #000;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #D8C5A4;
}
#panel-destacado p{
	font-size: 0.75em;
	color: #333;
	line-height: 120%;
	margin: 5px 0;
}
#btn-panel{
	background: url(../images/btn-destacado.png) no-repeat;
	height: 18px;
	width: 918px;
}
#btn-panel a{
	display: block;
	width: 41px;
	margin-left: 629px;
	height: 18px;
	text-indent: -9999px;
}
/*#flash{height: 470px;}*/
#flash{height: 341px;}
#flash img{display: none;}

/** Contenido **/
#contenido{background-color: #FCFBF9; padding-bottom: 15px;}
#contenido h2{
	font-size: 1.00em;
	font-weight: bold;
	color: #211901;
	margin: 20px;
	padding-bottom: 5px;
	border-bottom: 1px solid #E6E6E5;
}
#contenido h4{margin-left: 20px;}

#home-promocion h3,h3.promocion-listado{margin-bottom:0px;}
#home-promocion h4{font-size: 0.88em;font-weight: bold;color: #877F6C;margin: 10px 5px;}
#home-promocion h4 a{color: #877F6C; text-decoration:none;}
#home-promocion h4 a:hover{text-decoration:underline;}
#home-promocion h4.promocion-listado small{display: block;font-size: 0.65em;color: #666;margin-top: 3px;}
#home-promocion h4.promocion-listado{
	/*font-size: 0.88em;font-weight: bold;color: #A49D8C;margin: 10px 20px; padding-top:20px;*/
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.06em;
	font-weight: bold;
	padding: 10px 15px;
	/*color: #fff;*/
	background: #F0E8CF;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
	margin: 0px 10px 10px 10px;
}

#contenido p{margin: 20px;color: #1F1900;font-size: 0.81em;}
#contenido p.error{color:#F00; margin-bottom: 2px; margin-top: 2px;}
#contenido p.navegacion{font-size: 0.69em; font-weight: bold;}
#contenido p.navegacion span{color: #CE9810;}
#contenido p.navegacion a{color: #1F1900;	text-decoration: none;}
#contenido p.navegacion a:hover{text-decoration: underline;}

#contenido form{margin: 20px;}
#contenido form fieldset{margin-bottom: 15px;}
#contenido form legend{margin-bottom: 10px; font-family: Georgia, "Times New Roman", serif; font-size: 1em; font-weight: bold; color: #333;}
#contenido form label{font-size: .81em; font-weight: bold;}
#contenido form input, #contenido form textarea{margin: 5px 0; width: 220px; font-family: Arial, Helvetica, sans-serif; font-size: .75em; padding: 5px;}
#contenido form textarea{width:550px; height:165px; overflow:auto;background: #fff;border: 1px solid #B8B2AD;color: #200601;}
#contenido form p{margin-left:0; margin-bottom:5px;}


/* Formularios de Alta */
#contenido form.alta-form fieldset{border: 1px solid #D5D4D2; padding: 10px; background: url(../images/bg-alta-forms.png) no-repeat;}
#contenido form.dorado fieldset{background: url(../images/bg-alta-forms-dorado.png) no-repeat;}

#contenido .listado-hoteles, #contenido .listado-servicios{margin: 0 20px 20px 20px;}
#contenido .listado-hoteles p, #contenido .listado-servicios p{margin: 0 0 10px 0;}
#contenido .listado-hoteles h4, #contenido .listado-servicios h4{margin: 0px 0 5px 0; color: #CF9810; font-size: 1em;}
#contenido .listado-servicios img{border: 1px solid #CF9810;padding: 2px;}
.listado-servicios ul{padding-left: 15px;}
.contenido-txt ul{padding-left: 30px;}
.listado-servicios ul li, .contenido-txt ul li{
	list-style: disc;
	font-family: Arial, Helvetica, sans-serif; font-size: .75em;
	padding-left: 5px;
	margin-bottom: 3px;
}
ul#nav-hotel{
	border-bottom: 1px dashed #E1DED9;
	border-top: 1px dashed #E1DED9;
	padding: 5px 0;
	margin: 0 20px;
}
ul#nav-hotel li{
	float: left;
	width: 19%;
	border-right: 1px solid #333;
	text-align: center;
}
ul#nav-hotel li.last{border: 0;}
ul#nav-hotel li a{
	font-size: .75em;
	color: #333;
	text-decoration: none;
}
ul#nav-hotel li a:hover, ul#nav-hotel li a.menu-hotel-activo{
	color: #fff;
	background: #333;
	padding: 1px 10px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
}
/* Galeria Hoteles */
h2.nombre-hotel span.galeria-opciones{font-size: 0.72em; color:#CE9810;}
h2.nombre-hotel span.galeria-opciones a{color:#CE9810;}
h2.nombre-hotel span.galeria-opciones a:hover{text-decoration:none;}
ul.gallery-list{margin: 20px;}
ul.gallery-list li{width: 200px; float: left; margin: 0 10px 10px 0;}
ul.gallery-list li img{border: 1px solid #D8AF47;}
#galeria-videos-preview{display: none;}
ul#galeria-videos-preview li{width: 125px;}
p#galeria-videos-preview, p#galeria-fotos-preview{text-align:center;}

/* Mapa Ubicacion */
div#map{margin: 20px; width:646px; height:500px;}

#contenido h3.nombre-hotel{margin-bottom: 5px;}
#contenido h2.nombre-hotel{border: 0; font-size: 1.13em;}

#main-content{padding: 0 20px;}
#main-content h4{margin: 0px 0 5px 0; color: #333; font-size: 1em;}
#main-content p{margin: 0;	margin-bottom: 10px;}
#main-content ul{margin-left: 20px;}
#main-content ul li{font-size: 0.81em;	list-style: disc; margin-bottom: 5px;}

/* RESERVAS */
h5#detalles-reserva{font-size:1em; font-weight: bold; height: 23px; line-height: 23px; margin: 20px; color:#A49D8C; background: url(../images/bg-h5-detalles-reserva.png) repeat-x center;}
h5#detalles-reserva span{background: url(../images/ico-detalles-reserva.png) no-repeat;height: 23px;width: 29px;text-indent: -9999px;margin-right: 10px;display: block;float: left;}
div#fechas-reserva{margin:20px;}

/* Listado de dias */
table.reservas{width:100%;}
table.reservas caption{padding-bottom:10px; font-size:0.88em; color:#CF9810; font-weight:bold;}
table.reservas td, table#listado-fechas-reservas th{padding:10px;}
table.reservas thead{background-color: #ECE9E1;}
table.reservas thead th{border-bottom: 2px solid #E1E0DE;font-size: 0.75em; font-weight: bold; color: #666;}
table.reservas td{font-size: 0.75em;color: #666;}
table.reservas th.fecha-estado{text-align: center;}
table.reservas td.fecha-estado span{text-indent: -9999px;display: block;height: 16px;width: 16px;margin: 0 auto;}
table.reservas tbody td{border-bottom: 1px solid #E6E5E3;}
table.reservas tbody tr.fechas-nodisponible td.fecha-estado span{background: url(../images/nodisponible.png) no-repeat;}
table.reservas tbody tr.fechas-disponible td.fecha-estado span{background: url(../images/disponible.png) no-repeat;}
table.reservas tbody tr.fechas-extras td{background: #F7F6F4;}
table.reservas tbody tr.fechas-extras td.fecha-estado span{background: url(../images/anadir.png) no-repeat;}
table.reservas tfoot td.reserva-nota{padding:0px;font-size: 0.7em;}
table.reservas tfoot td.reserva-nota a{color: #CF9810;}

/* Formulario de datos */
#contenido #reserva-datos-form .reserva-datos label{display: block; float: left; margin-bottom: 10px; width: 150px; height: 20px; line-height: 20px;}
#contenido #reserva-datos-form .reserva-datos label.normal{margin: 10px 0 0 3px;}
#contenido #reserva-datos-form .reserva-datos label small{font-size: 11px; color: #666;display: block; font-weight: normal; margin-top: -5px;}
#contenido #reserva-datos-form .reserva-datos input.checkbox{width: auto; padding: 0px;}
#contenido #reserva-datos-form br{clear: both;}

#home-promocion{
	background: url(../images/bg-promociones.png) repeat-x;
	margin: 0 20px;
	padding-top: 10px;
	min-height: 205px;
}
#home-promocion h3{
	margin: 0 0 5px 0;
}
#home-promocion p{
	margin: 20px 5px;
	font-size: 0.69em;
	color: #333;
}
p#reserveya{
	text-align: center;
	padding-top: 25px;
}
p#reserveya a{
	font-size: 1em;
	font-weight: bold;
	padding: 10px 15px;
	color: #666;
	background: #F0E8CF;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
	text-decoration: none;
}
p#reserveya a:hover{
	text-decoration: underline;
}
p#listar-todas-link{
	margin: 0 20px;
	text-align: right;
}
p#listar-todas-link a{
	font-size: 0.92em;
	color: #7F3833;
	font-weight: bold;
}
p#listar-todas-link a:hover{
	text-decoration: none;
}
ul#lista-noveades{
	padding: 5px 20px;
}
ul#lista-noveades li{
	background: url(../images/bullet-link.png) no-repeat scroll 0px 2px;
	padding: 0px 0 3px 15px;
	margin-bottom: 10px;
}
ul#lista-noveades li h4{
	margin: 0;
	margin-bottom: 5px;
}
ul#lista-noveades li h4 a{
	color: #A49D8C;
	text-decoration: none;
}
ul#lista-noveades li h4 a:hover{
	text-decoration: underline;
}
ul#lista-noveades li p{
	margin: 0;
}

/** SIDEBAR **/
form#reservas{
	padding: 20px 0;
}
/*
#home-reservas form#reservas{
	padding: 0;
}
*/
form#reservas legend{
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1em;
	font-weight: bold;
	color: #210702;
	margin-bottom: 15px;
}
form#reservas label{
	font-family: Georgia, "Times New Roman", serif;
	font-size: 0.81em;
	color: #210702;
}
form#reservas input,form#reservas select{
	margin: 4px 0 7px 0;
}
.suscripcion{
	background: #FCFBF9;
	border: 1px solid #D5D4D2;
	padding: 2px;
	margin-bottom: 5px;
}
.suscripcion label{
	font-size: 0.75em;
	font-weight: bold;
	color: #666;
}
.suscripcion div{
	background: url(../images/bg-suscribirse.jpg) no-repeat;
	padding: 10px;
}
.suscripcion h5{
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1em;
	font-weight: bold;
	color: #200601;
	border-bottom: 1px solid #CACACA;
	padding-bottom: 3px;
	margin-bottom: 8px;
}
.suscripcion p{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.70em;
	color: #333;
	margin-bottom: 10px;
}
.suscripcion span{text-align: center; padding: 10px 0;}
.suscripcion a{
	background: #3B2D2B url(../images/bg-boton-alta.jpg) repeat-x;
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	padding: 5px 15px;
	text-decoration: none;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
}
.suscripcion a:hover{text-decoration: underline;}


#sumate div{background: url(../images/bg-suscribirse-sumate.jpg) no-repeat;}
#usuarios div{background: url(../images/bg-suscribirse-dorado.jpg) no-repeat;}
#usuarios h5{border-bottom: 1px solid #DBAB32;}


/** FOOT **/
#foot-menu{
	border-top: 1px solid #EAB93D;
	border-bottom: 1px solid #EAB93D;
	height: 25px;
	line-height: 25px;
}
#foot-menu .container{
	background-color: transparent;
}
ul#foot-nav{
	width: 760px;
	margin: 0 auto;
}
ul#foot-nav li{
	background: url(../images/bullet-foot-nav.gif) no-repeat 0px 10px;
	float: left;
	padding-left: 15px;
	margin-right: 15px;
}
ul#foot-nav li a{
	font-size: 0.81em;
	color: #666;
	text-decoration: none;
}
ul#foot-nav li a:hover{
	text-decoration: underline;
}
#footer-container{
	text-align: left;
	padding: 15px 0;
}
#footer p{
	font-size: 0.81em;
	color: #999;
}

/* Column Classes
***************************/
.columna{float: left;margin-right: 10px;}
.ultima{margin-right: 0px;}

.center{display: block;margin: 0 auto;}
.align-right{float: right;}
.margin{margin: 10px;}
.gold-borders{border: 1px solid #D8AF47;}
.noshow{display:none;}

.span-1{width: 48px;}
.span-2{width: 106px;}
.span-3{width: 164px;}
.span-4{width: 222px;}
.span-5{width: 280px;}
.span-6{width: 338px;}
.span-7{width: 396px;}
.span-8{width: 454px;}
.span-9{width: 512px;}
.span-10{width: 570px;}
.span-11{width: 628px;}
.span-12{width: 686px;}
.span-13{width: 744px;}
.span-14{width: 802px;}
.span-15{width: 860px;}
.span-16{width: 918px;}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */