/* 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; overflow:hidden; position:relative;}
#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;}
.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 {position:absolute;}

/* 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:650px; 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;}

/* 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;}

#mreLoader {
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:11px;
margin-left:auto;
margin-right:auto;
margin-top:1px;
overflow:visible;
width:700px!important;
text-align:left!important;
}
* html #mreLoader { position:absolute!important; top:590px!important;}

/*---------ofertas-----*/

#offersPhoto.banner .offersNumber {
font-size:12px!important;
}