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(../img/bg.jpg) repeat-y #d3c098 center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

#contenedor {
margin:0 auto;
width:960px;
border-right:1px solid #000000;
border-left:1px solid #000000;
background: #e9e9e9;
}

#head {
background:url(../img/head.jpg);
height:70px;
padding:30px 35px;
position:relative;
}

#logo {
background: url(../img/logo.png) no-repeat;
width:575px;
height:65px;
}

h1 {
text-indent : -100000px;
}

address {
color:#dadada;
font-style:normal;
border-top:1px solid #797979;
margin:16px 0 0 74px;
padding:2px 0 0 0;
line-height:16px;
}

address a, address a:visited{
color:#fff;
}

#lang {
position:absolute;
top:30px;
right:40px;
color: #fff;
background:url(../img/lang.png) no-repeat;
width:130px;
height:35px;
padding:10px 0 0 0;
}

#lang li {
float:left;
padding:0 6px 0 13px;
color:#c1c1c1;
}

#lang li a, #lang li a:visited {
color:#fff;
text-decoration:none;
}

#lang li a:hover, #lang li a:active {
text-decoration:underline;
}

#menu {
background:url(../img/menu.png) no-repeat;
width:865px;
height:82px;
padding: 21px 0 0 95px;
}

#menu-in {
background:url(../img/menu.png) no-repeat;
width:783px;
height:82px;
padding: 21px 0 0 177px;
}

#menu li, #menu-in li {
float:left;
font-family:"Times New Roman", Times, serif;
font-size:18px;
padding:4px 0 0 20px;
color: #CCCCCC;
}

#menu li a, #menu li a:visited, #menu-in li a, #menu-in li a:visited {
color:#fff;
text-decoration:none;
}

#menu li a:hover, #menu li a:active, #menu-in li a:hover, #menu-in li a:active {
text-decoration:underline;
}


#frame {
background:url(../img/frame.jpg);
height:335px;
position:relative;
}

#book {
width:247px;
height:250px;
background-color:#fafaf9;
position:absolute;
top:72px;
left:11px;
border:1px solid #3b362b;
}
#book p {
color: #4E4E4E;
font-size:11px;
margin:8px 13px;
line-height:14px;
text-align:center;
}


#flash{
background:#3b362b;
width:680px;
height:252px;
position:absolute;
top:72px;
right:11px;
}

#gmap{
background:#3b362b;
width:670px;
height:242px;
border:5px solid #000000;
position:absolute;
top:72px;
right:11px;
}

#foto{
background:#3b362b;
width:670px;
height:242px;
border:5px solid #000000;
position:absolute;
top:72px;
right:11px;
}

#book h2 {
font-family:Trebuchet MS;
font-size:22px;
text-align:center;
color:#4a6705;
border-bottom:1px solid #aac46f;
margin:7px 10px 0 10px;
padding:0 0 5px 0;
text-transform:uppercase;
}

#contenidos {
border-top:1px solid #797979;
}

#sections {
width:640px;
padding:13px 25px;
background:url(../img/section.jpg) repeat-x #fff;;
float:left;
}

#sections h2 {
font-family:"Times New Roman", Times, serif;
font-size:22px;
font-weight:normal;
border-bottom:1px solid #3e392d;
color:#3e392d;
margin-bottom:10px;
}

#sections h3 {
font-family:"Times New Roman", Times, serif;
font-size:18px;
font-weight:normal;
color:#3e392d;
margin-bottom:7px;
padding:0 0 0 13px;
background:url(../img/point.gif) 0px 8px;
background-repeat:no-repeat;
}

#sections p {
margin-bottom:10px;
color:#333333;
font-size:12px;
line-height:19px;
font-family: Geneva, Arial, Helvetica, sans-serif;
}

#sections dl {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
margin-bottom:10px;
}

#sections dt {
font-weight:bold;
margin-bottom:4px;
background:url(../img/point.gif) no-repeat 0px 5px;
padding:0 0 0 10px;
}

#sections dd {
margin-bottom:10px;
}

#grey {
background:#e9e9e9;
padding:10px;
float:left;
width:250px;
height:100%;
}

#grey h3 {
background:url(../img/reviews.jpg);
height:30px;
color:#FFFFFF;
font-family: "Times New Roman", Times, serif;
font-weight:normal;
font-size:21px;
text-align:center;
padding-top:6px;
margin:0 0 15px 0;
text-shadow: #333333 0px 0px 10px;
}

#footer {
height:64px;
background:url(../img/head.jpg);
clear:both;
text-align:center;
padding:11px 0 0 0;
}

#footer .paraiso {
color:#b4a276;
margin-bottom:5px;
}

#footer .datos {
color:#dadada;
margin-bottom:5px;
}

#footer a, #footer a:visited {
color:#FFFFFF;
text-decoration:none;
}

#footer a:hover, #footer a:active {
text-decoration:underline;
}

#recommend h3 {
color:#000;
font-family:Trebuchet MS;
text-shadow:none;
}

.restaurante {
background:#f4ead6;
padding:22px 26px;;
border:1px solid #666666;
margin-bottom:10px;
width:91%;
height:200px;
}

.vehiculo {
background:#f4ead6;
padding:20px 26px;;
border:1px solid #666666;
margin-bottom:10px;
width:91%;
}

#sections .vehiculo h3 {
font-family:"Times New Roman", Times, serif;
font-size:18px;
font-weight:normal;
margin-bottom:8px;
color:#262626;
}

#sections .vehiculo p {
margin:0;
padding:0;
}

#sections .restaurante img {
float:left;
margin:0 25px 0 0;
border:1px solid #999999;
}

#sections .restaurante p {
font-family:"Times New Roman", Times, serif;
font-style:italic;
font-size:17px;
line-height:22px;
margin:0 0 0 0;
}

.photo {
margin-bottom:5px;
border:1px solid #666666;
}

#gallery a:hover, #gallery a:active {
border:3px solid #000000;
}

#gallery a, #gallery a:visited {
border:3px solid #CCCCCC;
float:left;
height:75px;
margin-left:15px;
margin-top:10px;
padding:2px;
text-decoration:none;
}

#gallery {
margin:15px 0px 20px 10px;
height:280px;
}

.linkmap {
margin:15px 0px 15px 25px;
border:3px solid #CCCCCC;
}

.linkmap:hover {
border:3px solid #000000;
height:90px;
}

/*--- Principio Contenedor del motor de reservas ---*/
#mirai_bookentrance {
    padding: 25px 0 0 25px;
}
#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: #666666;
    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: url("http://www.hotelparaisolanjaron.com/img/reserva.png") repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    font-family: Trebuchet MS;
    font-size: 16px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding-left: 0;
    text-shadow: 0 0 5px #666666;
    width: 198px;
}
#mirai_be7 input:hover { /*--- Boton "Input Reservar Hover" ---*/
    /*---*/
    background: url("http://www.hotelparaisolanjaron.com/img/reserva2.png") repeat scroll 0 0 transparent;
}
#mirai_be8 { /*--- Boton "Input Ver/Cancelar" ---*/
    /*text-decoration:underline;*/
    /*color:#00f;*/
    border: medium none;
    color: #999999;
    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 ---*/