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-color : #6c6c6c;
background-image : url(../images/bg.gif);
}
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:#75234b;
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 : #761a49;
}
#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 : bold;
padding-left : 20px;
font-size : 20px;
font-family:"Courier New", Courier, monospace;
line-height : 40px;
margin:0;
padding:0 0 0 20px;
text-shadow:1px 1px 2px #400e26;
}
#photos {
margin : 14px auto 14px auto;
width : 530px;
text-align : center;
color : #36405c;
font-size : 10px;
}
a.photo {
width : 240px;
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 #77224b;
}

dl {
font-family:Trebuchet MS;
font-size:13px;
}

dt {
color:#77224b;
}

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 {
border:1px solid #000000;
margin-bottom : 15px;
}
#right h2 {
font-size : 17px;
font-family:Trebuchet MS;
color:#761a49;
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:#761a49;
margin-bottom: 10px;
font-weight:normal;
padding-top:15px;
border-bottom:1px solid #E1E1E1;
}
#right h4 {
font-size : 15px;
font-family:Trebuchet MS;
color:#761a49;
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 : #761a49;
text-decoration : none;
}
a:visited {
color : #761a49;
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 {
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 {
position:absolute;
bottom:85px;
left:8px;
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;
}
/*--- Principio Contenedor del motor de reservas ---*/
#mirai_bookentrance {
    padding:10px 0 0 20px;
}
#mirai_be0, #mirai_be2, #mirai_be0 input, #mirai_be0 select { /*#mirai_be2, #mirai_be0 input, #mirai_be0 select para que se vea la misma letra en IE6 y IE7*/
    /*font-family: Verdana;*/
    /*font-size: 13px;*/
}
#mirai_be0 {
    /*width:13.7em;*/
    /*height:11.5em;*/
}
/*--- Fin Contenedor del motor de reservas ---*/
/*--- Principio Posición de elementos ---*/
#mirai_be1, #mirai_be3, #mirai_be5 { /* Espacio a la izquierda para "Entrada" y "Noches" y margin para igualar horizontalmente con textos de los input */
    /*left:0;*/
    /*margin-top:0.25em;*/
    color: #000000;
    font-weight: 700;
}
#mirai_be2, #mirai_be4, #mirai_be6 { /* Espacio a la izquierda para "Input Entrada", "Input Noches", y "Input Codigo Promocional" */
    /*left:6.5em;*/
}
#mirai_be7, #mirai_be8 { /* Espacio a la izquierda para "Input Reservar", "Input Ver/Cancelar" */
    /*left:0;*/
}
#mirai_be1, #mirai_be2 { /* Espacio superior para "Entrada" y "Input Entrada" */
    /*top: 0; */
}
#mirai_be3, #mirai_be4 { /* Espacio superior para "Noches" y "Input Noches" */
    /*top:2.2em;*/
}
#mirai_be5 { /* Espacio superior y a la izquierda para "Codigo Promocional" */
    /*top: 6.15em;*/
    /*left: 0em;*/
}
#mirai_be6 { /* Espacio superior para "Input Codigo promocional" */
    /*top:4.6em;*/
}
#mirai_be7 { /* Espacio a la izquierda y superior para "Input Reservar" */
    /*top: 6.9em;*/
    /*left:0;*/
}
#mirai_be8 { /* Espacio a la izquierda y superior para "Input Ver/Cancelar" */
    /*top: 9.9em;*/
    /*left:0;*/
}
/*--- Fin Posición de elementos ---*/
/*--- Principio Estilos de Botones y Codigo Promocional ---*/
#mirai_be2, #mirai_be6 { /* Anchura para "Input Entrada" y "Input Codigo Promocional" */
    /*width:7em;*/
}
#mirai_be2, #mirai_be4, #mirai_be6 { /* Estilos "Input Entrada", "Input Noches" y "Input Codigo Promocional" */
     /*background-color:#FFFFFE;*/ /* para que el "color" de < slect > en Safari funciona, no se pudede asignar #FFFFFF. Color de letra para Text Inputs */
     /*border:1px solid #999;*/
     /* color: #444;*/
    }
#mirai_be5 { /*--- Texto "Codigo Promocional" ---*/
    /*font-size: 0.75em;*/
    /*line-height: 0.9em;*/
    /*width: 3em;*/
}
#mirai_be7 input { /*--- Boton "Input Reservar" ---*/
    /*padding:0 0.8em;*/
    background:#339B0F;
    color: #FFFFFF;
    height: 34px;
    line-height: 34px;
    width: 177px;
    border:none;
}
#mirai_be7 input:hover { /*--- Boton "Input Reservar Hover" ---*/
    /*---*/
    text-decoration:underline;
}
#mirai_be8 { /*--- Boton "Input Ver/Cancelar" ---*/
    /*text-decoration:underline;*/
    /*color:#00f;*/
    border: medium none;
    color: #761A49;
    display: block;
    font-size: 12px;
    height: 30px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    width: 180px;
}
#mirai_be8:hover { /*--- Boton "Input Ver/Cancelar" ---*/
    /*---*/
    text-decoration:underline;
}
/*--- Fin Estilos de Botones y Codigo Promocional ---*/
/*--- Principio Para que el calendario aparezca siempre encima ---*/
#ui-datepicker-div {
    font-size:1em;
}
/*--- Fin Para que el calendario aparezca siempre encima ---*/
#offersBadge img {
margin: 10px 0 0 20px;
}