/* CSS Document */

* {
    margin:0;
    padding:0;
    z-index:0
}
body {
    font-size:80%;
}
body, p, div, ol, ul, li, form, select, input, table, tr, td, th {
    font-family: 'Arial', Helvetica, sans-serif;
}
body {
    background:#fff;
    width:100%;
}
ul {
    list-style:none;
}
a img, :link img, :visited img {
    border:none;
}
a:link {
    color:#b3fe01;
    text-decoration:none;
}
a:visited {
    color:#8d961f;
    text-decoration:none;
}
a:hover, a:active {
    color:#949494;
}
*:focus {
    outline:none;
}
address {
    font-style:normal;
    line-height:18px;
}
h1 {
    font-size:140%;
}
h2 {
    font-size:130%;
    margin-bottom:15px;
}
h3 {
    font-size:120%;
    margin:15px 0;
}
h4 {
    font-size:110%;
    margin-bottom:15px;
}
p {
    line-height:20px;
}
/* ESTRUCTURA */
/*----------------------------------------------------*/
#header {
    height:85px;
    padding-top:10px;
}
#menu {
    height:42px;
    background:url(../images/bg_menu.png) repeat-x left top;
    padding-top:5px;
}
#photo_big {
    height:239px;
    background:#000000;
}
#motor {
    height:45px;
    background:#000;
}
#content {
    background:#191919 url('../images/bg_content.png') repeat-x left bottom;
    color:#FFFFFF;
    padding:15px 0px;
}
#subcontent {
    background:#202020 url('../images/bg_subcontent.png') repeat-x left bottom;
    color:#FFFFFF;
    padding:15px 0 20px 0;
}
#other_apsis {
    height:185px;
    background:#191919;
    color:#FFFFFF
}
#subfooter {
    height:28px;
    background:#0d0d0d;
    color:#FFFFFF;
    padding-top:10px;
}
#footer {
    height:84px;
    background:#191919;
    color:#FFFFFF
}
.container, .container2, .container3 {
    width:965px;
    margin:0 auto;
    padding:0 10px!important;
}
.container {
	padding: 0 !important;
}
.col_left {
    float:left;
    display:inline;
    width:252px;
}
.col_right {
    margin-left: 300px;
}
/* HEADER */
/*----------------------------------------------------*/
.logo {
    width:500px;
    float:left;
    display:inline;
    color:#9b9b9b;
}
.logo p {
    color:#9b9b9b;
    text-transform:uppercase;
    font-size:90%;
}
.logo p a:link, .logo p a:visited {
    color:#01a5fe;
    text-transform: none;
}
.logo p a:hover, .logo p a:active {
    color:#9b9b9b;
    text-transform: none;
}
h1 a {
    width:300px;
    height:35px;
    display:block;
    text-indent:-100000px;
    background:url('../images/bg_logo.png') no-repeat top left;
}
/*-------------------------- LANGUAGES --------------------------*/

.languages {
    float:right;
    display:inline;
    text-align:right;
    text-transform:uppercase;
}
.languages p {
    color:#9b9b9b;
    font-size:85%;
    margin-right:0px;
}
.languages p a:link, .languages p a:visited {
    color:#191919
}
.languages p a:hover, .languages p a:active {
    color:#01a5fe;
}
.languages p.phone {
    color:#9b9b9b;
}
.languages p.contact a:link, .languages p.contact a:visited {
    font-size:110%;
    color:#191919;
    font-weight:400;
}
.languages p.contact a:hover, .languages p.contact a:active {
    color:#9b9b9b;
}
/* MENU */
/*----------------------------------------------------*/
ul.container {
    padding-top:9px;
}
ul.container li {
    float:left;
    display:inline;
    padding:0 10px;
    line-height:36px;
    background:url('../images/bg_menu_sep.png') no-repeat right -5px;
}
ul.container li a {
    color:#fff;
    font-weight:400
}
ul.container li a:hover, ul.container li a:active {
    color:#8d961f;
}
ul.container li.selected a {
    color:#a6a552;
    border-bottom:2px solid #8d961f;
    padding-bottom:2px;
}
/* PHOTO BIG */
/*----------------------------------------------------*/
#photo_big img {
    width:100%;
    height:239px;
}
/* MOTOR */
/*----------------------------------------------------*/
#motor h3 {
    color:#99ed25;
    background: url('../images/arrow_green.png') no-repeat right 2px;
    padding:0px 10px 0 0;
    width:250px;
    float:left;
    display:inline
}
#framereservation_es {
    width:680px;
    margin-left:290px;
    padding:5px 0 0 0px;
}
#framereservation_en {
    margin-left:280px;
    padding:5px 0 0 0px;
}
#framereservation_ca {
    width:645px;
    margin-left:292px;
    padding:5px 0 0 0px;
}
#frame_buttonCancel {
    display:none;
}
/* CONTENT */
/*----------------------------------------------------*/
#content p {
    color:#8e8e8e;
    margin-bottom:15px;
}
/* SUBCONTENT */
/*----------------------------------------------------*/
#subcontent .container {
    margin-bottom:15px;
}
#subcontent .container2 {
    margin-bottom:15px;
    border-bottom:dotted 1px #3e3e3e;
    border-top:dotted 1px #3e3e3e;
    padding:15px 0;
}
#subcontent .container3 {
    background:#272727;
    margin-bottom:15px;
    border-bottom:dotted 1px #3e3e3e;
    border-top:dotted 1px #3e3e3e;
    padding:15px 0;
    clear:both;
}
#subcontent p {
    color:#bdbdbd
}
dt {
    border-bottom:dotted 1px #3e3e3e;
    margin-top:15px;
    padding:5px 0;
    color:#585858;
    font-size:85%;
}
dd {
    border-bottom:dotted 1px #3e3e3e;
    background:url('../images/ico_arrow.png') no-repeat left center;
    padding-left:10px;
    color:#585858;
    line-height:18px;
    font-size:90%;
}
dl.map dt {
    margin-top:15px;
    padding:5px 0;
    color:#585858;
    font-size:85%;
    font-weight:600;
    border:none;
}
dl.map dd {
    color:#585858;
    line-height:18px;
    font-size:85%;
    border:none;
    background:none;
}
dd a:link, a:visited {
    color:#b3fe01;
}
dd a:hover, a:active {
    color:#fff
}
#subcontent .container .col_right .col {
    float:left;
    display:inline;
    width:31%;
    background:none;
    font-size:85%;
}
#subcontent .container .col_right .col ul {
}
img.img_offer {
    width:280px;
    height:120px;
    margin:5px 0;
}
.arrow_green {
    background:url('../images/ico_arrow_green.png') no-repeat left center;
    padding-left:10px;
}
.green_offer {
    color:#b3fe01;
    font-size:85%
}
.green {
    color:#b3fe01;
}
/* PHOTOS */
/*----------------------------------------------------*/
.col_right a:link img, .col_right a:visited img {
    border:1px solid #292929;
    margin:5px;
}
.col_right a:hover img, .col_right a:active img {
    border:1px solid #b3fe01;
    margin:5px;
}
/* OFFERS */
/*----------------------------------------------------*/
.col_left_offer {
    float:left;
    display:inline;
    width:252px;
}
.col_right_offer {
    margin-left: 300px;
}
#subcontent .col_left_offer p, #subcontent .col_right_offer p {
    font-size:85%;
    color:#585858
}
.col_left_offer ul li {
    font-size:85%;
    color:#585858
}
.col_right_offer ul li {
    font-size:85%;
    color:#585858
}
/* OTHER APSIS */
/*----------------------------------------------------*/
.col {
    width:226px;
    height:160px;
    background:url('../images/bg_subcontent_col.png') repeat-y left top;
    color:#949494;
    float:left;
    display:inline;
    padding:0px 5px;
}
.color_apsis {
    color:#8d961f;
}
.col a:link, .col a:visited {
    color:#8d961f;
}
.col a:hover, .col a:active {
    color:#949494;
}
.col p {
    margin-top:5px;
}
.col ul {
    margin-top:10px;
}
.col ul li {
    margin:5px 0;
}
.col ul li a:link, .col ul li a:visited {
    color:#949494;
    background:url('../images/ico_arrow.png') no-repeat left center;
    padding-left:10px;
}
.col ul li a:hover, .col ul li a:active {
    color:#8d961f;
}
/* SUBFOOTER */
/*----------------------------------------------------*/
#subfooter .container {
    padding-top:7px;
    text-align:right;
}
#subfooter .container p {
    color:#949494;
}
#subfooter .container p .color_apsis {
    color:#8d961f;
}
#subfooter .container p a:link, #subfooter .container p a:visited {
    color:#8d961f;
}
/* FOOTER */
/*----------------------------------------------------*/
#footer .container {
    padding-top:10px;
}
#footer .container ul {
    clear:both;
    line-height:30px;
    list-style:none;
}
#footer .container ul li {
    float:left;
    display:inline;
}
#footer .container ul li a:link, #footer .container ul li a:visited {
    color:#949494;
    margin-right:10px;
}
#footer .container ul li a:hover, #footer .container ul li a:active {
    color:#8d961f;
    margin-right:10px;
}
#footer .container ul li a.color_apsis {
    color:#8d961f;
}
/* REVIEWS */
/*----------------------------------------------------*/
div#hsRating.hsRating {
    margin-left:0px!important;
    border-top:none!important;
}
.note {
    color:#000!important
}
div.hssurveys_full a {
    color:#8d961f!important
}
#ratingBar {
    margin:5px auto!important
}
/* BUTTON BOOKING */
/*----------------------------------------------------*/
.button_booking {
    display:block;
    width:150px;
    height:25px;
    line-height:25px;
    text-align:left;
    text-transform:uppercase;
    float:right;
    font-size:80%;
    margin:0 20px 10px 0;
}
.button_booking a:link, .button_booking a:visited {
    color:#000000;
    display:block;
    background:#99ed25;
    padding:0 0 0 10px;
}
.button_booking a:hover, .button_booking a:active {
    color:#fff;
    background:#000000
}
#googlemap {
    margin-bottom:20px;
}
/* GLIDER */
/*----------------------------------------------------*/
div.controls {
    position:absolute;
    top:210px;
    width:280px;
}
* html div.controls {
    left:-280px;
}
div.controls img {
    width:80px;
    height:80px;
    margin-right:10px;
}
div.scroller {
    width: 645px;
    overflow: hidden;
    clear:left;
}
div.section {
    width: 645px;
    height: 407px;
    overflow:hidden;
    float:left;
}
div.content {
    width: 100000px;
}
/* OFFERS */

#titleDivOffers {
    display:none!important
}
.autoPadDiv {
    background:none!important;
    border:none!important
}
#ccoriginaldiv {
    background:none!important;
}
#ccoriginaldiv .jCalMo {
    border:1px solid #999999!important;
    background: none!important;
    float:left;
    height:100%;
    overflow:visible;
    padding:5px!important;
    white-space:nowrap;
    width:auto!important;
}
.jCal .month .monthYear, .jCal .month .monthName {
    color:#fff!important;
}
#ccshell {
    display:none!important
}
.wrapperForm .form {
    color:#fff;
}
#cctl div, #cctr div, #ccbl div, #ccbr div, #cctopmiddlefiller, #ccbottommiddlefiller {
    background:none!important;
}
.wrapperForm .form button {
    background:#B1FF0B none repeat scroll 0 0!important;
    color:#000!important
}
.wrapperForm .form button:hover {
    background:#fff!important
}
input#frame_buttonBook, input#frame_buttonCancel {
    width:200px!important;
}
* html #mreLoader {
    position:absolute!important;
    top:590px!important;
}
#offersPhoto.banner .offersNumber {
    font-size:12px!important;
}
/*--- Principio Contenedor del motor de reservas ---*/
#mirai_bookentrance #mirai_be0 {
    color: white;
    padding-top: 9px;
    margin-left: 272px;
}
#mirai_be0, #mirai_be2, #mirai_be0 input, #mirai_be0 select { /* Para que se vea la misma letra en IE6 y IE7*/
    font-size: 12px;
}
/*--- Fin Contenedor del motor de reservas ---*/
/*--- Principio Posición de elementos ---*/
#mirai_bookentrance input#mirai_be2, #mirai_bookentrance select#mirai_be4, #mirai_bookentrance input#mirai_be6 { /* Margin Right para "Input Entrada", "Input Noches" y "Input Codigo Promocinal"*/
/*margin:0 0.3em 0 0;*/
}
#mirai_be2, #mirai_be4, #mirai_be6 { /* Margin Right para "Input Entrada", "Input Noches" y "Input Codigo Promocinal"*/
/*margin:0 0.8em 0 0;
}
#mirai_bookentrance div#mirai_be7 { /* Margin Right div contenedor de "Input Reservar"*/
/*margin:0 1em 0 0;*/
}
/*--- Fin Posición de elementos ---*/
/*--- Principio Estilos de Botones y Codigo Promocional ---*/
#mirai_be2 { /* Anchura para "Input Entrada" */
/*width:7em;*/
}
#mirai_be6 { /* Anchura para "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_be7 input { /*--- Boton "Input Reservar" ---*/
	background: #B1FF0B;
	border: none;
	color: black;
	height: 28px;
	line-height: 30px;
	text-transform: uppercase;
	font-size: 12px;
}
#mirai_be8 { /*--- Boton "Input Ver/Cancelar" ---*/
    /*text-decoration:underline;*/
    /*color:#00f;*/
    display:none;
}
/*--- Fin Estilos de Botones y Codigo Promocional ---*/
/*--- Principio Para que el calendario aparezca siempre encima ---*/
#ui-datepicker-div {
    font-size:1.2em;
}
/*--- Fin Para que el calendario aparezca siempre encima ---*/
/*start :searching calendar*/

/*end :searching calendar*/
/*start: searching dialogue box*/
#ui-datepicker-div, .ui-widget-content  {
    border: 2px solid #888;
    color: #8D961F;
}
#errors {
    color: #8D961F;
}
#ui-datepicker-div .ui-widget-header, .ui-widget-content .ui-widget-header {
    border: none;
    background: #fff; /* Para el calendario*/
}
/*end: searching dialogue box*/

 #none, li.vacio{
    background:none!important;
   
}

.jCal {
    background: none repeat scroll 0 0 #333333!important;
}
.wrapperForm .form label {
    color: #333333 !important;
	}
	
.for_kids {
	width:89px;
	height:89px;
	margin:0 auto;
}