@import url('reset.css');
@import url('fonts.css');
@import url('theme_back.css'); /* Change this in order to change website appearance */	

body {
	margin:0; 
	padding:0; 
	overflow-x:hidden;
}

* {padding:0; margin:0;}
img{border:none;}

#page_box {margin:0 auto; width:100%; position:relative;}
#page {width:960px; margin:0 auto;}

#top_service {overflow:hidden; height:69px; line-height:30px;}
#top_service #heading {float:left;}
#top_service #language {float:right;}
#top_service #language li {display:inline; padding:0 3px;}

/* SLIDESHOW */
#box-content-image {position:relative;}
#page_box.category #slideshow {width:960px; height:340px; position:relative;}
#page_box.category #slideshow img {position:absolute; top:0; left:0; width:960px; height:340px;}
#page_box.item #slideshow {width:960px; height:420px; position: relative; overflow:hidden;}
#logo {position:absolute; top:10px; left:10px; width:140px; height:140px; z-index:205;}
#slideshow_shadow {position:absolute; bottom:0; left:-70px; width:1100px; height:15px;}

/* numbers */
#numbers {position:absolute; top:0; right:0; width:270px; height:420px; padding-top:15px;}
#numbers span {height:80px;line-height:80px; display:block;}
#numbers span a {height:50px; padding-left:0; display:block; width:auto; cursor:default}
#numbers span a:hover {text-decoration:none;}

.rotatingDivContainer {position:absolute; top:0px; right:0px; width:190px; z-index:200;}
.rotatingDivContainer span.title-image {padding-top:0;}
.rotatingDivContainer div.subtitle-image {display:block; padding-top:15px;}

#rotating1 {display:block;}
#rotating2, #rotating3, #rotating4, #rotating5 {display: none;}
#rotating1 .rotatingDivContainer {position:absolute; top:20px; right:10px;}
#rotating2 .rotatingDivContainer {position:absolute; top:100px; right:10px;}
#rotating3 .rotatingDivContainer {position:absolute; top:180px; right:10px;}
#rotating4 .rotatingDivContainer {position:absolute; top:260px; right:10px;}
#rotating5 .rotatingDivContainer {position:absolute; top:340px; right:10px;}

/* BF */
#bf {height:62px; width:100%; }
#bf .bf-content {display:none;}

/* PHOTOGALLERY */
.box-gallery {border-top:1px solid #EEEEEE; overflow:hidden; margin-top:20px; padding-top:20px;}
.box-gallery li {width:240px; height:162px; float:left; border:0px solid; display:inline;}
.box-gallery li a {width:220px; height:142px;}
.box-gallery li img {padding:3px 0 0 5px; width:220px; height:142px;}

/* content */
#content {overflow:hidden; padding-top:30px;}
#column-left {width:199px; margin-right:30px; float:left; padding-left:10px; min-height:500px;}
#content-text {width:730px; float:left; height:500px; padding-right:10px;}
.content-text {border:0px solid red; overflow:hidden;}
.box-text-content {border:0px solid red; float:right; width:720px;}
/* list-items */
.list-items {border-top:1px solid #EEEEEE; padding-top:15px; margin-top:15px;}
.box-list-items {overflow:hidden; border-bottom:1px solid #CCC; margin-bottom:10px; padding-bottom:10px; position:relative; }
.box-list-items img {display:block; float:left;}
.box-list-items div {/*float:left;*/ padding-left:10px;}
.box-list-items div.image {padding-left:0;}
.box-list-items .content-text-thumbnail-item .link-item-featured {position:absolute; bottom:10px; right:10px;}
.box-list-items div .title-list-items {
	display:block;
	padding-bottom:10px;
}
.title-page-item {position:relative; padding-bottom:10px;}
.back {position:absolute; right:10px; top:5px; padding-left:15px;}
.subtitle-list-items-urls{float:right;}


/* menu */
#menu li {display:block; height:30px; line-height:30px;}
#menu li.current {height:auto; line-height:auto;} 
#menu li.current a, #menu li a:hover {padding-left:16px;}
#menu li .subcategory {width:200px;}
#menu li .subcategory li {height:25px; line-height:25px; width:200px;}
#menu li .subcategory li a {padding-left:20px;}

.title, .title-page-item {padding-bottom:10px;}
.subtitle {line-height:150%;}
.subtitle img {float:right; border:1px solid #CCCCCC; padding:3px; margin-left:10px; display:inline;}
.body {line-height:150%; padding-top:20px; display:block;}
.body ul {padding:10px 0 0 20px;}
.body ul li {list-style:url(../images/circle.jpg);}
.body img, .subtitle img {float:right;}

ul.level_0 {height:auto;}
.level_0, ul.home {display:block; height:30px; line-height:30px; clear:both;}
.level_0 a:hover, .level_0 a.current, ul.home li a.current, ul.home li a:hover {padding-left:16px;}
ul.level_0 .current {height:auto; line-height:auto; border:0px solid red; width:200px;}
ul.level_0 .current ul {border:0px solid red;}
ul.level_0 .current ul li.level_1 {height:25px; line-height:25px; display:block}
ul.level_0 .current ul li.level_1 a {padding-left:25px;}
ul.level_2 {display:none;}

.box-featured-homepage {border:0px solid; clear:both; display:block; padding-top:30px; overflow:hidden; padding-bottom:10px;}
.link-featured-homepage {
	border:medium none;
	cursor:pointer;
	float:left;
	padding:0;
}

/* FEATURED */
#featured {border:0px solid red; overflow:hidden; margin-top:30px;}
.featured-line {width:100%; height:4px; border:0px solid red; clear:both;}
#featured-left {float:left; width:480px; padding-bottom:20px; }
#featured-right {float:right; width:240px;}
.title-featured {padding: 20px 0 20px 0; display:block; position:relative;}
.all-items {/*position:absolute; right:10px; top:13px;*/}
.subtitle-item-featured {line-height:150%; display:block; width:235px;}
.box-item {border:0px solid; width:240px; float:left;}
.image {width:236px; height:162px;}
.image img {padding:3px 0 0 5px; width:220px; height:142px;}

a.link-item-featured {padding-top:10px; margin-right:15px;cursor:pointer;}
a.link-item-featured-offers {clear:both; padding-top:10px;}
a.booknow-item-featured {float:left; padding:10px 10px 0 0;}
#featured-right .title-featured {padding-left:5px;}
#featured-right .box-item {padding-left:5px;}

/* documents */
#documents {margin-top:10px; padding-top:10px; border-top:1px solid #CCC;}
#documents ul {padding-top:5px;}
#documents ul li {border:0px solid; padding:3px 0;}
#documents ul li img {display:block; float:left; padding-right:10px; border:0px solid}


/* footer */
#box-footer {padding-top:8px; height: 136px;}
#footer {width:960px; margin:0 auto; height:36px; line-height:36px;}
#footer .menu-footer {float:left;}
#footer .menu-footer li {display:inline; padding:0 5px 0 0;}
#footer .copy {float:right;}

#logo_footer {padding-top:10px; margin:0 auto; width:960px;text-align:right;}
#logo_footer  img{padding-left:20px;vertical-align:top; }
#logo_footer_address {float:left;text-align:left;}
.system {display:none;}

/* GOOGLE MAPS */
#map_canvas {	
	width: 960px;
	height: 420px;
}
#pano {position:absolute; left:10px; bottom: 10px; width: 300px; height: 200px; border:3px solid#FFF;}
#comments_preview {padding:8px 10px 10px 10px; background:transparent url(../images/bg_white_trasp.png) repeat-y; z-index:800;}
#comments_preview div.hidden {display:none;}
#comments_preview h4 {font-size:1.2em;}
ul#load_comments {margin-top: -3px; text-align:center; background: url("../images/bg_white_trasp.png") repeat-y scroll 0 0 transparent; }
ul#load_comments li, ul#load_comments li a {display:inline;}
ul#load_comments li a.current {color: #A10049; text-decoration:underline; font-weight:bold;}

div.list-rooms {padding:0;margin:0;}
.list-rooms .box-list-rooms {width:240px; margin:0; padding:0; float:left; height:240px; overflow:hidden; border-bottom:1px solid #CCC; margin-top:10px;}
.room_title {padding:10px;}
.rooms_book {padding:5px 10px 10px 10px; text-align:center;}
.visible {z-index: 999;}
.stretto {width:470px !important; padding-right:10px; float:left;}
.list-narrow {width: 240px !important; float:left;}

a.book-now-big {
background:url("../images/book.png") no-repeat scroll center top transparent;
border:medium none;
color:#FFFFFF;
cursor:pointer;
float:left;
font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif;
font-size:1.7em;
font-weight:bold;
height:37px;
line-height:37px;
margin-top:-4px;
width:96px;
display:block;
text-align: center;
text-decoration:none;
}
a.book-now-forfaits {
background:url("../images/book.png") no-repeat scroll center top transparent;
border:medium none;
color:#FFFFFF;
cursor:pointer;
float:left;
font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif;
font-size:1.2em;
font-weight:bold;
height:37px;
line-height:37px;
margin-top:-4px;
width:96px;
display:block;
text-align: center;
text-decoration:none;
}

#video_canvas {width:480px;height:360px;}

#form_contact {width:400px; padding-top:20px;}
#form_contact .box-input {padding:5px 5px 5px 0px; height:18px;}
#form_contact .submitbutton {padding-top:25px;width:400px;text-align:center;float:right;}
#form_contact .box-input select{float:right;margin:0 ;width:145px;}
#form_contact .box-input span{float:left;width:245px;}
#form_contact .box-input input{float:right;width:145px;}
#form_contact .box-input textarea {float:right;height:70px;width:260px;}
#messagge_sent  {height:150px; width:100%;}
#messagge_sent .back {padding:15px 0 0  18px;position:relative; top:0;right:0;display:block;height:16px;}

/* Guest Comments */

#guestcomments-container {width:100%;}
#guestcomments {width:100%;}
#guestbook .comment { padding: 13px 0 8px 0 ; border-bottom: 1px dotted #000; margin: 0 0 5px 0;}
#guestbook .comment .comment_date {font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif;font-size:1.2em;font-weight:bold;font-style:italic;padding-bottom:5px;}
#guestbook .comment .comment_text {font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif;font-size:1.3em;font-weight:bold;margin-left:5px;}

ul.site_map  li {
	font-size:12px;
}

#bookspa {height:50px;width:100%; overflow:hidden; font-size:10px; padding: 20px 0; display:none;}

#bookspa label.DatePicker-2 {	
	float:left;	
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	margin-top:3px;
}
.date-picker-2 {
	position:relative;
	float:left;
	width:140px;

}

.date-picker-2 label{
	color:#3F2020;
}
input#DatePicker-2 {	
	float:left;
	top:0px;
	left:0px;
	text-align:right;
	margin: 0px;
	padding:0px 5px 0 0;
	font-size: 1.1em;
	width:90px;
	color:#342B25;
	height:20px;
	border:1px solid #CBCBCB;
}
#datepicker-holder-2 {
	display:block; 
	width:35px; 
	float:left; 
	height:30px; 
	margin-left:0px; 
	display:inline; 
	margin-top:-4px;
}
#bookspa .symlink {padding:0 5px;}