
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-size : 100%;
vertical-align : baseline;
background : transparent;
}
ol, ul {
list-style : none;
}
blockquote, q {
quotes : none;
}
blockquote:before, blockquote:after, q:before, q:after {
content : '';
content : none;
}
body {
background: url(../images/fondo.jpg) no-repeat #fff;
color:#474747;
}
body, html {
height : 100%;
font : 12px Verdana, Arial, Helvetica, sans-serif;
margin : 0;
}
#container {
width : 850px;
margin : 30px auto 0 auto;
background : #fff;
position : relative;
border-left : 1px solid #000;
border-right : 1px solid #000;
}
#hcard {
position : absolute;
bottom : 0;
width :100%;
text-align : center;
color: #CCCCCC!important;
font-style : normal;
background: url(../images/footer.jpg) repeat-x;
border-top:1px solid #000;
height:62px;
padding:13px 0 0 0;
}

#hcard p {
font-size:14px;
color: #666666;
font-family:"Courier New", Courier, monospace;
}

#hcard .given-name {
font-weight:bold;
color: #000;
font-size:14px;
text-transform:uppercase;
font-family:Trebuchet MS;
text-shadow:0px 1px 1px #fff;
}


.vcard span {
color:#000;
}

#top {
width : 850px;
height : 213px;
background : url(../images/cabecera.jpg) no-repeat;
}
#logo a {
width:244px;
height:136px;
display : block;
text-indent : -10000px;
}
#lang {
font-family : Arial;
font-size : 11px;
color:#999999;
position : absolute;
top :0;
width:100%;
text-shadow:0px 1px 1px #fff;
}

#lang p {
background: url(../images/lang.jpg);
border-bottom:1px solid #000;
border-left:1px solid #000;
border-right:1px solid #000;
width:840px;
margin:0 auto;
text-align:right;
padding : 8px 10px 8px 0;
}
#left {
width : 245px;
float : left;
display : inline;
}
#menu {
list-style-type : none;
}
#menu li {
font-size : 15px;
font-family : Trebuchet MS;
line-height : 30px;
margin : 0;
padding : 0;
list-style-type : none;
}
#contents {
border-top:5px solid #000;
background:url(../images/container.jpg) repeat-y;
border-bottom:5px solid #000;
padding:0 0 85px 0;
}
#menu li a {
display : block;
padding-left : 20px;
height : 30px;
color : #EA7E00;
}
#menu li a:hover {
text-decoration:underline;
}
#menu li.selected {
height : 30px;
display : block;
background-color: #333333;
color : #fff;
font-weight : bold;
padding-left : 20px;
}
#booking {
height:263px;
margin-top:10px;
font-size:14px;
}
#reviews {
height:290px;
margin-top : 5px;
}
#booking h3, #reviews h3, #menu h3, #left h3{
height : 40px;
display : block;
background: url(../images/menu.jpg);
color : #fff;
font-weight : normal;
padding-left : 20px;
font-size : 25px;
font-family: 'Yanone Kaffeesatz', arial, serif;
line-height : 40px;
margin:0;
padding:0 0 0 20px;
text-shadow:1px 1px 4px #666;
}
#photos {
color:#36405C;
font-size:10px;
margin:28px 0 0 15px;
text-align:center;
width:530px;
}
a.photo {
width : 100px;
height : 100px;
margin : 3px 9px 14px 9px;
float : left;
display : block;
text-decoration : none;
cursor : pointer;
border:3px solid #999999;
}

#photos a:hover {
border:3px solid #EA7E00;
}

dl {
font-family:Trebuchet MS;
font-size:13px;
}

dt {
color:#EA7E00;
}

dd {
margin-bottom:20px;
color:#333333;
}

#right {
width : 542px;
float : right;
margin-right : 33px;
padding-top:12px;
}
#photo {
width : auto;
padding-top : 15px;
}
#photo img, #gmap, #smap{
border:1px solid #000000;
margin-bottom : 8px;
}
#right h2 {
font-size : 17px;
font-family:Trebuchet MS;
color:#000;
margin-bottom: 10px;
padding:0 0 1px 0;
font-weight:normal;
border-bottom:4px solid #E1E1E1;
}
#right h3 {
font-size : 17px;
font-family:Trebuchet MS;
color:#000;
margin-bottom: 10px;
font-weight:normal;
padding-top:15px;
border-bottom:1px solid #E1E1E1;
}
#right h4 {
font-size : 15px;
font-family:Trebuchet MS;
color:#000;
margin-bottom : 0;
font-weight:normal;
padding-top:10px;
}
#right p {
font-size : 13px;
font-family : Trebuchet MS;
margin-bottom : 10px;
color:#333333;
}
#bottom {
width : 760px;
padding : 5px;
background : url(../images/bk_bottom.gif) no-repeat bottom;
margin-top : 60px;
}

.pusher {
margin : 0;
clear : both;
}
.gold {
color : #9d8b00;
}
.marron {
color : #333333;
}
.marron {
font-weight : bold;
}
#right ul li {
margin-right : 10px;
margin-left : 30px;
margin-top : 7px;
margin-bottom : 5px;
font-family:Trebuchet MS;
font-size:13px;
list-style:circle;
}
#right ul {
margin-bottom:13px;
}
a:link {
color : #EA7E00;
text-decoration : none;
}
a:visited {
color : #EA7E00;
text-decoration : none;
}
a:hover, a:active {
text-decoration : underline;
}
.green {
color : #006666;
}
.number {
color : #9b8d00;
font-weight : bold;
font-size : 20px;
}
#table .lugar {
padding : 4px 8px;
background : #666666;
color : #ffffff;
width : 800px;
}
#table .distancia {
padding : 4px 8px;
background : #e2e2e2;
}
#table .tiempo {
padding : 4px 8px;
background : #e2e2e2;
}
#table span {
line-height : 25px;
}
#table {
margin : 10px 0 0 15px;
}
#table p {
margin : 0;
padding : 0;
}

#right #hsRating {
margin-top:5px;
}

#right div#hsRating.hsRating p#score {
font-size:45px!important;
font-weight:bold;
color:#5e8d10;
text-shadow: 0px 1px 2px #ccc;
margin-bottom:10px;
font-family:Verdana;
}

div#hsRating.hsRating h3 {
text-align:center;
text-shadow:none;
color:#5e8d10;
font-family:Trebuchet MS!important;
font-size:14px!important;
font-weight:normal!important;
}

#right div#hsRating.hsRating {
width:540px!important;
text-align:center;
padding:15px 0 10px 0!important;
border:1px solid #888888!important;
background:#EEEEEE;
}

#right div#hsRating.hsRating #recommend  {
width:100%!important;
text-align:center;
}

#right div#hsRating.hsRating div#recommend ul#listRecommend {
margin:20px auto 10px auto!important;
}

#gmap, #smap {
width:540px;
height:300px;
}

#offerslink_  h2 {
display:none;
}

#en #offerslink_ .textcontainer, #es #offerslink_ .textcontainer {
background:none!important;
font-family:Trebuchet MS;
padding:3px 25px 3px 20px!important;
height:20px;
overflow:hidden;
}

#es #offerslink_ .textcontainer {
width:150px;
}

#en #offerslink_ .textcontainer {
width:140px;
}

#offerslink_ .textcontainer img {
display:none;
}

#offerslink_ a {
color:#339B0F;
font-family:Trebuchet MS;
font-size:16px;
font-weight:normal !important;
}

#otros {
font-family:Trebuchet MS;
font-size:13px;
background:url(../images/zoom2.gif) no-repeat 12px 12px;
padding:10px 0 0 35px;
border-top:1px solid #CCCCCC;
width:195px;
margin:20px 0 0 7px;
}

#right #view {
padding:5px 10px;
background:#F2F2F2;
text-align:right;
font-size:11px;
border:1px solid #CCCCCC;
}

#right #view a {
padding-left:20px;
}

#right #view a:hover {
padding-left:20px;
background:url(../images/arrow.gif) no-repeat 0px 3px;
}

div.hssurveys_full {
margin:0 auto;
padding:0!important;
width:540px !important;
}

div.hssurveys_full .comments {
display:block;
float:left;
margin:5px 0 20px 10px;
width:480px!important;
}

div.hssurveys_full ul.questions li p.question {
font-weight:bold;
line-height:1;
text-align:right;
width:50px!important;
}

div.hssurveys_full ul.questions li .answer {
font-weight:normal;
line-height:1;
width:310px!important;
}

#offersBadge {
margin:5px 0 0 13px;
}

#frame_buttonBook {
cursor:pointer!important;
}

.calendar  thead .title, .calendar tfoot .ttip {
background:none repeat scroll 0 0 #f4aa0b!important; /*Color de Fondo de Mes, año y Footer (seleccionar fecha)*/
}
.calendar table {
background: #EAEAEA!important; /*Color de Fondo del calendario entero*/
}
.calendar thead .name {
background: #CCC!important; /*Color de Fondo de la barra que hay debajo de las flechas para cambiar de mes*/
}
.calendar thead .weekend { /*Color de los Nombres de los días, Sábado y Domingo*/
color: #060!important;
}

.calendar tbody td.weekend { /*Color de números del Sábado y Domingo*/
color: #060!important;
}