@font-face {
	font-family: 'GoudyBookletter1911';
	src: url('fonts/goudybookletter1911-webfont.eot');
}

@font-face {
	font-family: 'GoudyBookletter1911';
	src: url(//:) format('no404'), url('fonts/goudybookletter1911-webfont.ttf') format('truetype');
}

h2,
h3,
.goudy-bookletter{
	font:1.25em GoudyBookletter1911, Georgia, serif;
}


body {
    background-image: url(../img/bgBody.png);
}

h2{
	font-size:2.2em;
	margin:0.35em 0;
}

h3{
	font-size:1.7em;
	margin:0.47em 0;
}
h4{
	font-size:1.2em;
	margin:0.67em 0;
}
h5{
	font-size:1em;
	font-weight:bold;
	margin:0.8em 0;
}

a {
	cursor:pointer;
    text-decoration: none;
    color: inherit;
}

*:first-child+html a {
	color: #222;
}

#wrap {
    width: 943px;
    margin-top: 20px;
    position: relative;
}

#content {
    position: relative;
    width: 716px;
    min-height: 475px;
    margin: 0 0 0 227px;
    background-color: #fff;
	padding-top:160px;
}
* html #content{
    height: 475px;
}
#content-inner{
	padding:20px 28px;
}

#nombre-y-categoria h1,
#nombre-y-categoria h1 a {
    width: 189px;
    height: 89px;
}
#nombre-y-categoria h1 {
    position: absolute;
    background-image: url(../img/logo.png);
    left: 16px;
    top: 32px;
    z-index: 10;
}
#nombre-y-categoria h1 a {
    overflow: hidden;
    display:block;
    text-indent: -1000em;
}

.slideshow{
	position:relative;
}
.slideshow img{
	position:relative;
	top:0;
	left:0;
	z-index:0;
}

#menu {
    position: absolute;
    top:0;
    bottom: 96px;
    left: 0;
    padding-top: 160px;
    background-color: #fff;
    display: block;
    width: 221px;
	font-weight:bold;
}

#menu .langSwitcher {
	top:-1px;
	right:-700px;
	position:absolute;
	z-index:25;
	background:#FFF;
	text-transform:uppercase;
	font-size:.9em;
}
#menu .langSwitcher a{
	display:block;
	padding:2px 0 1px 17px;
	color:#A18F81;
	border:1px solid;
	min-width:6em;
}
#menu .langSwitcher .showPanel{
	background:#FFF url(../img/bgLangSwitcher.gif) no-repeat 4px -13px;
}
#menu .langSwitcher li{
	margin-top:-1px;
}
#menu .langSwitcher .active{
	background-position:3px 6px;
}

#menu .menuHotel {
    width: 189px;
    margin-left: 16px;
    border-top: 1px solid #000;
}

#menu address {
    margin: 20px 0 20px 16px;
}

#menu address span {
	display:block;
    margin-bottom: -2px;
    font-size: .8em;
    color: #666;
}

#menu .menuHotel li {
    border-bottom: 1px solid #000;
    padding: 7px 4px;
    text-transform: uppercase;
}

#menu .menuHotel li a {
    font-size: .9em;
    color: #000;
}
#menu .menuHotel li a:hover,
#menu .menuHotel li a.active {
    color: #a01f26;
}

#logo {
	position:absolute;
	bottom:0;
	left:0;
    width: 221px;
	height:75px;
    padding: 15px 0 0;
    background-color: #fff;
	text-align:center;
}

/**** Formulario Disponibilidad *******/
div#mejor-precio {
    width:90px;
	min-height:67px;
	background:#918967 url(../img/sombra-inf.png) repeat-x 0 100%;
	position:absolute;
	top:73px;
	left:13px;
	color:#FFF;
	text-transform:uppercase;
	font-size:0.92em;
	line-height:1.3em;
	text-align:center;
	padding-top:15px;
}
div.fechasRelacionadas {
	position:absolute;
	top:0;
	left:227px;
	border-bottom:8px solid #8D8562;
	width:716px;
	background: url(../img/cabecera-princesa.jpg) no-repeat 0 0;
}
div.fechasRelacionadas fieldset {
	margin-left:115px;
	padding:90px 0 10px 0;

}
div.fechasRelacionadas label {
	float:left;
	display:inline;
	margin-right:10px;
	font-size:0.87em;
}
div.fechasRelacionadas label span,
div.fechasRelacionadas label em  {
	display:block;
	float:none;
}
div.fechasRelacionadas label em {
	color:#ababab;
	font-style:normal !important;
}
div.fechasRelacionadas label span {
	  text-transform:uppercase;
}
div.fechasRelacionadas input,
div.fechasRelacionadas select {
	background:#dcdcdc;
	border:1px solid #b3b3b3;
}
div.fechasRelacionadas input {
	padding:3px 4px 2px;
	width:125px;
}
div.fechasRelacionadas label.floatLeft,
div.fechasRelacionadas label.floatRight,
div.fechasRelacionadas select {
	  width:70px;
}
.boton {
	background:#A11F27;
	border:0;
	color:#FFF;
	padding:2px 8px;
	text-transform:uppercase;
	font-size:0.92em;
	-moz-box-shadow: 2px 2px .25em #CCC;
	-webkit-box-shadow: 2px 2px .25em #CCC;
}
.boton:hover {
	background:#8A1A22;
}
button.ui-datepicker-trigger{
	background:transparent url(../img/calendarIcon.gif) no-repeat;
	height:20px;
	width:20px;
	padding:0;
	border:0;
	margin:0;
	vertical-align:top;
}
button.ui-datepicker-trigger img{
	display:none;
}
#formulario-disponibilidad .boton{
	margin:1.4em 0 0;
}
/**** Mini Banners *******/
#minibanners {
	width:943px;
	margin:6px auto;
}
#minibanners li{
	float:left;
	display:inline;
	width:231px;
	margin-left:6px;
}
#minibanners li:first-child{
	margin-left:0;
}
#minibanners li.first{
	margin-left:0;
}
#minibanners a{
	display:block;
	padding:11px 11px 0;
	min-height:92px;
	background:#FFF;
	font-size:1.44em;
	line-height:1.2;
}
#minibanners img{
	display:block;
	margin:auto;
}
/**** Footer *******/
div#footer {
    width: 943px;
    margin: 15px auto;
    position: relative;
	border-top:2px solid #FFF;
}
div#footer ul {
	float:left;
	display:inline;
	margin-top:15px;
	text-transform:uppercase;
	font-size:0.82em;
}
div#footer ul li {
	float: left;
    display: inline;
    position: relative;
	margin:0 3px;
	padding-right:5px;
	border-right:1px solid #FFF
}
div#footer ul li a{
	color:#FFF;
}

div#footer ul li.last,
 div#footer ul.logos li{
	border:none;
}
div#footer ul.logos {
   float:right;
   display:inline;
}
div#footer ul.logos li {
	margin-left:15px;
	color:#FFF;
}

/**** plantillas y elementos ****/
#restauracion-hotel{
	width:200px;
	padding:15px 10px 10px;
	background-color:#DCDCDC;
}
#page-restauracion .servicios{
	margin-top:3.5em;
}
/* servicios */
.servicios{
	border-style:solid;
	border-width:1px 0;
	margin-top:0.8em;
}
.servicios ~ .servicios{
	margin-top:-1px;
}
.servicios .showPanel{
	display:block;
	padding:15px 0 10px 25px;
	background: url(../img/bgShowPanelOff.gif) no-repeat 5px 50%;
	text-transform:uppercase;
}
.servicios .showPanel.active{
	background-image:url(../img/bgShowPanelOn.gif);
}
.servicios ul,
.servicios dl{
	padding-bottom:15px;
}
.servicios li,
.servicios dt,
.servicios dd{
	display:inline-block;
	*display:inline;
	zoom:1;
	vertical-align:text-top;
	width:49%;
	font-weight:bold;
	line-height:1.3;
	padding:2px 0;
}

.servicios li em,
.servicios dl em{
	display:block;
	font-weight:normal;
	font-style:normal;
}
.servicios ul a,
.servicios dl a{
	display:block;
	padding-left:10px;
	font-weight:normal;
	background:url(../img/bulletFlechica-24.png) no-repeat 0 50%;
}

/* habitaciones */
.listaHabitaciones {
	font-size:0.9em;
	font-weight:bold;
}
.listaHabitaciones .active {
	color:#A11F27;
}

/* galeria de imagenes */
.galeria{
	margin-left:-13px;
}
.galeria li{
	float:left;
	width:155px;
	height:115px;
	padding:0 13px 13px 0;
}
*:first-child + html .galeria li {
	padding-right:10px;
}

/* actividades y ocio */
/* precios y ofertas */
#actividades-hotel h2,
#precios-hotel h2 {
	margin:-21px 0 0;
	padding:.5em 15px;
	background:#CCC;
}
#actividades-hotel li{
	padding:5px 15px;
	border-top:1px solid;
}
#actividades-hotel h3{
	margin-top:0;
}
#actividades-hotel img,
#precios-hotel img {
	float:left;
	margin:0 1em 1em 0;
}
#precios-hotel .precioOferta{
	float:right;
	width:115px;
	height:115px;
	padding-left:40px;
}
#precios-hotel .precioOferta strong{
	display:block;
	font-size:2em;
}

/* servicios-fitness */
#servicios-fitness ul{
	position:relative;
}
#servicios-fitness li{
	display:block;
}
#servicios-fitness li:first-child{
	position:absolute;
	right:0;
}
#servicios-fitness li.first{
	position:absolute;
	right:0;
}
#condiciones-fitness li:last-child{
	width:100%;
	font-weight:normal;
}
#condiciones-fitness li.last{
	width:100%;
	font-weight:normal;
	
}

/* reuniones-eventos */
.masinfo {
	background:#DEDEDE url(../img/bgMasinfoReunionesEventos.gif) no-repeat 263px 7px;
}
.masinfo ul{
	padding-right:10px;
	padding-left:10px;
}

/* mapa */

#husaHotel-mapa{
	height:390px;
	overflow:hidden;
}

#mapa-contacto {
    margin: .8em 0;
}
#mapa-contacto span {
    float:left;
    margin-right: 2em;
}
#mapa-contacto a {
    text-decoration: underline;
}

.hotelInfoGMap {
	width:350px;
}
.hotelAccionesGMap {
	padding:2px 2px 0;
	margin-top:.8em;
	background:#DEDEDE;
}
.hotelAccionesGMap img {
	margin-left:5px;
}
.hotelAccionesGMap .inlineList {
	margin-top:3px;
}

#ajaxSendToGPS {
	padding-top:15px;
	text-align:left;
}