html{
font-size:100.01%;
height:100%;
width:100%;
border:0;
padding:0;
margin:0;
} 
body{
font-size:.688em;
font-family:arial,verdana,sans-serif;
color:#393939;
margin:0;
padding:0;
text-align:center;
background:#fff url(../gfx/body-bg.gif);
height:100%;
width:100%;
border:0;
}
a img, img{margin:0;padding:0;border:0;}
a{color:#5da095;outline:none;}
a:hover{text-decoration:none;}
p,h1,h2,h3,h4,h5,h6,ul,ol,li,form,table,td{margin:0;padding:0;}
table{font-size:1em;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
hr,.noScreen{display:none;}
.break{display:block;}
fieldset{padding:0;margin:0;border:0}
ul li{list-style-type:none}
.clearfix:after{content: ".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* Hide from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */

.width60{width:60px !important;}
.width80{width:80px !important;}
.width240{width:240px !important;}
.width320{width:320px !important;}
.width359{width:359px !important;}
.width370{width:370px !important;}
.width435{width:435px !important;}
.width440{width:440px !important;}
.width514{width:514px !important;}
.width515{width:515px !important;}

.padTop0{padding-top:0px !important;}
.padTop4{padding-top:4px !important;}
.padRight10{padding-right:10px !important}
.padBot0{padding-bottom:0 !important;}
.padLeft4{padding-left:4px !important;}
.padLeft10{padding-left:10px !important;}

.marginTop18{margin-top:18px !important;}
.marginRight0{margin-right:0px !important;}
.marginRight15{margin-right:15px !important;}
.marginLeft10{margin-left:10px !important;}
.marginBot4{margin-bottom:4px !important;}
.marginBot10{margin-bottom:10px !important;}
.marginBot15{margin-bottom:15px !important;}
.marginBot18{margin-bottom:18px !important;}

.grey{color:#393939 !important;}

.noBorder{border:0 !important}
.textLeft{text-align:left !important;}
.textRight{text-align:right !important;}
.textCenter{text-align:center !important;}

.font11{font-size:11px !important;}
.font15{font-size:15px !important;}

#page{
width:100%;
margin:0px auto;
text-align:left;
position:relative;
min-height:100%;
}
* html #page{
height:100%;
}

/*HEADER begin*/
#header{
width:904px;
height:88px;
position:relative;
margin:0 auto;
}
#header h2 a{
width:206px;
height:88px;
background:url(../gfx/header-belvedere-logo.jpg) no-repeat;
position:absolute;
top:0;
right:0;
display:block;
text-indent:-9999px;
}
#topMenu,#langs{
position:absolute;
top:12px;
left:0;
text-transform:uppercase;
}
#topMenu li,#langs li{
float:left;
border-left:1px solid #434343;
padding:0 5px 0 6px;
line-height:10px;
}
#topMenu li.first,#langs li.first{
border-left:0;
padding-left:0;
}
#topMenu li a,#langs li a{
text-decoration:none;
}
#topMenu li a:hover,#langs li a:hover{
color:#434343;
}
#topMenu li a.active,#langs li a.active{
color:#434343;
}
#langs{
left:350px;
}
ul#menu{
position:absolute;
top:50px;
left:0;
}
ul#menu li{
float:left;
padding:0 28px;
}
ul#menu li.first{
padding-left:0;
}
ul#menu li a{
font-size:14px;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
}
ul#menu li a.active{
color:#115136;
}
ul#menu li a:hover{
color:#115136;
}
/*HEADER end*/

/*CONTENT begin*/
#content{
width:904px;
position:relative;
margin:0 auto;
padding:0 0 30px;
line-height:1.5;
}
#content h1{
font-size:38px;
color:#115136;
font-weight:normal;
padding:0 0 12px;
line-height:1.2;
}
#content .width320 h1{
font-size:33px;
padding:0 0 3px;
position:relative;
top:-4px;
}
#content h2{
font-size:20px;
color:#393939;
font-weight:normal;
padding:0 0 6px;
line-height:1.2;
}
/*HP PROMO begin*/
#hpPromo{
width:904px;
height:396px;
position:relative;
margin:0 0 9px;
}
#mycarousel{
position:relative;
z-index:10
}
#hpPromo a.sticker{
width:116px;
height:73px;
padding:25px 2px 0 0;
background:url(../gfx/hp-promo-sticker.png) no-repeat;
position:absolute;
bottom:23px;
right:-29px;
text-align:center;
font-size:13px;
text-decoration:none;
color:#115136;
line-height:1.2;
z-index:20;
}
#hpPromo .sticker .arrow{
display:block;
margin:7px auto 0;
}
/*HP PROMO begin*/

/*HP BOOKING begin*/
#hpBooking{
width:571px;
padding:0;
float:left;
background:url(../gfx/hp-booking.png) no-repeat left bottom;
float:right;
}
#hpBookingForm{
width:117px;
padding:5px 9px 10px;
float:left;
font-size:11px;
}
#hpBookingForm h3{
font-size:14px;
color:#f2eee5;
font-weight:normal;
padding:0 0 5px;
margin:0 0 7px;
border-bottom:1px solid #f2eee5;
text-transform:uppercase;

}
#hpBookingForm label{
color:#fff;
float:left;
#width:36px;
text-align:right;
}
#hpBookingForm .inputText{
width:58px;
height:18px;
background:url(../gfx/hp-booking-input-text.png) no-repeat;
#float:right;
}
#hpBookingForm .inputText input{
width:50px;
height:18px;
padding:0 4px;
color:#212121;
font-size:10px;
border:0;
background:none;
line-height:18px;
}
#hpBookingForm .btn{
font-size:11px;
color:#8bbdb5;
border:0;
background:url(../gfx/hp-booking-btn-border.png) repeat-x left bottom;
cursor:pointer;
padding:0;
margin:0;

text-align:left;
float:left;
}
#hpBookingForm .btn{
text-decoration: none;
}
#hpEvents{
width:405px;
padding:5px 20px 5px 0;
float:right;
}
#hpEvents h4{
color:#90908c;
font-size:11px;
font-weight:normal;
padding:0 0 5px;
}
#hpEvents h2{
color:#393939;
font-size:20px;
font-weight:normal;
padding:0 0 4px;
}
/*HP BOOKING end*/

/*GALLERY begin*/
.gallery{
width:514px;
}
.galleryImg{
width:514px;
margin:0 0 2px;
}
.galleryText{
width:494px;
padding:10px 10px 14px;
background:url(../gfx/text-bg.png) right bottom;
margin:0 0 12px;
}
.galleryText h3{
font-size:20px;
color:#393939;
font-weight:normal;
padding:0 0 6px;
}
h4.font15{
font-size:15px;
font-weight:normal;
padding:0 0 10px;
}
/*GALLERY end*/

/*MAP begin*/
#map{
width:515px;
height:292px;
overflow:hidden;
margin:0 0 15px;
}
/*MAP end*/

/*ACCORDION begin*/
#accordion{
margin:0 0 18px;
width:359px;
color:#393939 !important;
}
#accordion div.item{
width:359px;
background:url(../gfx/accordion-bg.png) no-repeat left bottom;
margin:0 0 5px;
}
#accordion .ui-widget-content{
background:none;
border:0;
color:#393939 !important;
font-size:11px;
margin:0 !important;
top:0;
line-height:1.5;
}
#accordion h3{
padding:0 !important;
margin:0 !important;
background:none;
border:0;
font-size:20px;
font-weight:normal;
}
#accordion h3 .ui-icon{
display:none;
}
#accordion h3 a{
color:#393939;
text-decoration:none;
display:block;
width:329px;
height:38px;
padding:0 15px;
line-height:38px;
background:url(../gfx/accordion-arrow.gif) no-repeat 328px 7px;
}
#accordion h3.ui-state-active a{
background:url(../gfx/accordion-arrow.gif) no-repeat 328px -70px;
}
.ui-accordion-content{
margin:0 !important;
padding:0 15px !important;
overflow:hidden;
}
.ui-accordion-content p{
padding:0 0 14px;
}
.ui-widget-content a{
color:#5da095 !important;
}
/*ACCORDION end*/

a.linkPdf{
background:url(../gfx/icon-pdf.png) no-repeat right top;
padding:5px 25px 5px 0;
color:#393939;
}

/*JCAROUSEL begin*/
.jcarousel-skin-tango .jcarousel-container-horizontal {
width:904px;
}
.width514 .jcarousel-skin-tango .jcarousel-container-horizontal{
width:514px;
}
.width515 .jcarousel-skin-tango .jcarousel-container-horizontal{
width:515px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
width:904px;
height:396px;
}
.width514 .jcarousel-skin-tango .jcarousel-clip-horizontal {
width:514px;
height:auto;
}
.width515 .jcarousel-skin-tango .jcarousel-clip-horizontal {
width:515px;
height:auto;
}
.jcarousel-skin-tango .jcarousel-item {
width:904px;
height:396px;
}
.width514 .jcarousel-skin-tango .jcarousel-item {
width:514px;
height:auto;
}
.width515 .jcarousel-skin-tango .jcarousel-item {
width:515px;
height:auto;
}
.jcarousel-skin-tango .jcarousel-next-horizontal {
position: absolute;
top:165px;
right:5px;
width:23px;
height:47px;
cursor:pointer;
background:url(../gfx/carousel-arrow-right.png) no-repeat;
z-index:40;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
position: absolute;
top:165px;
left:5px;
width:23px;
height:47px;
cursor:pointer;
background:url(../gfx/carousel-arrow-left.png) no-repeat;
z-index:40;
}
.artGallery .jcarousel-next-horizontal,.artGallery .jcarousel-prev-horizontal {
top:165px !important;
}
.aboutGallery .jcarousel-next-horizontal,.aboutGallery .jcarousel-prev-horizontal {
top:123px !important;
}
.roomsGallery .jcarousel-next-horizontal,.roomsGallery .jcarousel-prev-horizontal{
top:177px !important;
}
.businessGallery .jcarousel-next-horizontal,.businessGallery .jcarousel-prev-horizontal{
top:141px !important;
}
.jcarousel-next-disabled, .jcarousel-prev-disabled{
-moz-opacity:.40;
filter:alpha(opacity=40);
opacity:.40;
}
.roomsGallery{
margin:0 0 4px;
}
.businessGallery{
margin:0 0 10px;
}
/*JCAROUSEL end*/

/*TEXT BOXES begin*/
.textBox359{
width:325px;
padding:12px 17px 17px;
background:url(../gfx/text-bg.png) no-repeat right bottom;
}
.textBox515{
width:481px;
padding:12px 17px 17px;
background:url(../gfx/text-bg.png) no-repeat right bottom;
}
/*TEXT BOXES end*/

/*ROOMS begin*/
.roomBox{
width:357px;
padding:0 2px 2px 0;
background:url(../gfx/text-bg.png) no-repeat right bottom;
margin:0 0 4px;
}
.roomBox .in{
width:263px;
padding:6px 80px 10px 14px;
position:relative;
overflow:hidden;
}
.roomBox .image{
position:absolute;
top:0;
right:0px;
width:66px;    
overflow: hidden
}
.roomBox .image .over{
display:none;
font-size:14px;
width:46px;
height:200px;
padding:10px 10px 0;
color:#fff;
line-height:24px;
position:absolute;
top:0;
cursor:pointer;
font-style:italic;
}
.roomBox .image a:hover .over{
display:block;
}
.roomBox .image a:hover .overGallery{
background:url(../gfx/gallery-over.png) no-repeat 0 0;
}
.roomBox .image img{

height: 150px;
}
.roomBox li{
/*padding:0 5px 0 6px;*/
display:inline;
/*border-right:1px solid #bbb;*/
line-height:10px;
margin:4px 0 4px;
}
.roomBox li .separator{
border-right:1px solid #bbb;
margin:0 4px 0;
height:10px;
width:1px;
display:inline-block;
position:relative;
top:1px;
}
.roomBox li.book{
border-right:0;
}
/*ROOMS end*/

/*SPEC OFFERS begin*/
.offerSpec{
width:240px;
height:340px;
padding:5px 20px 0 175px;
background:url(../gfx/text-bg.png) no-repeat right bottom;
position:relative;
overflow:hidden;
margin:5px 0 0;
}
.offerSpec .image{
position:absolute;
top:0;
left:0;
}
.offerSpec .image img{
height:226px;
}
/*SPEC OFFERS end*/


/*CONTENT end*/

/*FOOTER begin*/
#footer{
width:100%;
min-width:904px;
height:26px;
background:url(../gfx/footer-bg.png) repeat-x;
position:absolute;
bottom:0;
left:0;
text-transform:uppercase;
}
#footerIn{
width:825px;
padding:6px 0 0;
margin:0 auto;
white-space:nowrap;
} 
#footerIn .separator{
color:#969696;
margin:0 1px;
} 
#footerIn a{
text-transform:none;
}
/*FOOTER end*/

/*LAYER begin*/
.layerBox{
filter:alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.80;
background-color:#000;
height:100%;
left:0px;
position:fixed;
top:0px;
width:100%;
z-index:3000;
}
* html .layerBox{
height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
position:absolute;
}
.layerBox2{
height:100%;
left:0px;
position:absolute;
top:0px;
width:100%;
z-index:3100;
text-align:center;
color:#3d3c3c;
font-family:arial;
font-size:1em;
}
.layerContainer{
margin:80px auto;
position:relative;
text-align:left;
z-index:8;
width:612px;
padding:24px 40px;
background:#fff;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
border-radius:4px;
}
.layerClose{
display:block;
width:20px;
height:19px;
z-index:1000000;
position:absolute;
top:10px;
right:10px;
background:url(../gfx/layer-close.png) top left no-repeat;
cursor:pointer;
display:block;
text-indent:-9999px;
}
.layerContainer h2{
width:612px;
text-align:center;
color:#393939;
font-size:20px;
font-weight:normal;
padding:0 0 15px;
margin:0 0 16px;
border-bottom:1px solid #ccccca;
}
.layerBox2 .width440 h2{
width:440px;
}
.layerContainer h2.noBorder{
margin:0 0 5px;
}
table.tabBusiness{
width:100%;
font-size:12px;
border-collapse:collapse;
}
table.tabBusiness th,table.tabBusiness td{
padding:10px 15px;
text-align:center;
font-weight:normal;
border:1px solid #cfcfcd;
vertical-align:middle;
}
table.tabBusiness th{
background:#eae9dd;
}
table.tabBusiness td.dispo{
vertical-align:bottom;
}
table.tabBusiness td.dispo img{
width:40px;
margin:0 0 4px;
}

table.tabRoom{
width:100%;
border-collapse:collapse;
margin:0 0 15px;
font-size:12px;
}
table.tabRoom th{
vertical-align:top;
padding:7px 10px;
border:1px solid #cfcfcd;
border-left:0;
border-right:0;
text-align:left;
}
table.tabRoom td{
vertical-align:top;
padding:7px 30px;
border:1px solid #cfcfcd;
border-top:0;
border-bottom:0;
}
table.tabRoom .small{
font-size:11px;
}
table.tabRoom .grey{
color:#a7a7a7 !important;
}
.borderTop1 td{
border-top:1px solid #cfcfcd !important;
}
.borderBot1 td{
border-top:1px solid #cfcfcd !important;
}
.borderLeft0{
border-left:0 !important;
}
.borderRight0{
border-right:0 !important;
}
table.tabRoom .money{
float:left;
text-align:right;
width:50px;
}
/*LAYER end*/

/*FORM1 begin*/
.form1{
font-size:12px;
color:#3d3c3c;
}
.form1 fieldset{
padding:0 0 15px;
margin:0 0 16px;
border-bottom:1px solid #ccccca;
}
.form1 fieldset.last{
padding:0;
margin:0;
border-bottom:0;
}
.form1 h4{
font-size:12px;
color:#3d3c3c;
font-weight:bold;
padding:0 0 16px;
margin:0;
}
.form1 h4.h4floating{
float:left;
padding:5px 20px 0 0;
}
.form1 label{
float:left;
padding:5px 10px 0 0;
color:#3d3c3c;
}
.form1 label.labelBlock{
display:block;
float:none;
margin:0 0 4px;
}
.form1 .inputText{
background:#eae9dd;
border:1px solid #c0bfad;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
float:left;
padding:4px 5px;
color:#3d3c3c;
margin:0 20px 0 0;
font-size:12px;
font-family:arial;
}
.form1 .textarea1{
background:#eae9dd;
border:1px solid #c0bfad;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
float:left;
padding:3px 5px;
height:55px;
color:#3d3c3c;
font-size:12px;
font-family:arial;
}
.form1 .checkbox{
float:left;
margin:5px 6px 0 0;
&margin:1px 3px 0 0;
}
/*
.form1 .datepickerBox{
float:left;
padding:5px 20px 0 6px;
position:relative;
}
.form1 .iconCalendar{
float:left;
}
*/
.datepicker{
margin-right:0 !important;
}
.form1 .btn{
font-size:15px;
color:#5fa089;
border:0;
background:none;
padding:0;
margin:0;
float:right;
font-weight:bold;
cursor:pointer;
background:url(../gfx/form1-btn-border.png) repeat-x left bottom;
}
/*FORM1 end*/

/*SELECT begin*/
div.selectbox-wrapper{
position:absolute;
background-color:white;
border:1px solid #b4b4b4;
border-top:0;
margin:0px;
text-align:left;
overflow:auto;
color:#3d3c3c;
z-index:1000;
padding:2px 3px;
font-family:arial;
font-size:12px;
}
div.selectbox-wrapper ul{
list-style-type:none;
margin:0px;
padding:0px;
}
div.selectbox-wrapper ul li.selected{ 
background-color:#c2c2c2;
}
div.selectbox-wrapper ul li.current{ 
background-color: #dbdbdb;
}
div.selectbox-wrapper ul li{
list-style-type:none;
display:block;
margin:0;
padding:2px 2px;
cursor:pointer;
float:none !important;
margin:0 !important;
}
.selectbox{
font-size:12px;
display:block;
text-align:left; 
padding:0px 5px 0;
cursor:pointer;
border:0;
font-family:arial;
color:#3d3c3c;
}
.select19929 .selectbox{
width:189px;
height:29px;
background:url(../gfx/select-199-29.png) right;
line-height:29px !important;
}
.select9425 .selectbox{
width:84px;
height:25px;
background:url(../gfx/select-94-25.png) right;
line-height:25px !important;
}
.select9425{
margin:0 20px 0 0;
display:inline;
}
/*SELECT end*/

/*LIGHTBOX begin*/
#jquery-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
}
#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
padding:30px 40px 10px;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#lightbox-nav {
position: absolute;
top:0;
left:0;
height: 100%;
width: 100%;
z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a {
outline:none;
margin:30px 0 0}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width: 49%;
height: 100%;
zoom: 1;
display: block;
}
#lightbox-nav-btnPrev { 
left: 0; 
float: left;
}
#lightbox-nav-btnNext { 
right: 0; 
float: right;
}
#lightbox-container-image-data-box {
font:11px arial;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
padding: 0 50px 10px;
text-align:center;
}
#lightbox-container-image-data {
padding: 0 10px; 
color: #666; 
}
#lightbox-image-details-caption { color:#115136 }
#lightbox-image-details-currentNumber {
display: block; 
clear: left; 
padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
width: 66px; 
position:absolute;
top:10px;
right:-13px;
z-index:5000;
cursor:pointer;
}
/*LIGHTBOX end*/

.ui-datepicker{
z-index:100 !important;
}

#next2 {
position: absolute;
top:165px;
right:5px;
width:23px;
height:47px;
cursor:pointer;
background:url(../gfx/carousel-arrow-right.png) no-repeat;
z-index:40;
}
#prev2 {
position: absolute;
top:165px;
left:5px;
width:23px;
height:47px;
cursor:pointer;
background:url(../gfx/carousel-arrow-left.png) no-repeat;
z-index:40;
}
.roomsGallery{
height:398px;
}
.businessGallery{
height:336px;
} 
.roomsGallery #next {
position: absolute;
top:170px;
right:5px;
width:23px;
height:47px;
cursor:pointer;
background:url(../gfx/carousel-arrow-right.png) no-repeat;
z-index:40;
}
.roomsGallery #prev {
position: absolute;
top:170px;
right:488px;
width:23px;
height:47px;
cursor:pointer;
background:url(../gfx/carousel-arrow-left.png) no-repeat;
z-index:40;
}
.aboutGallery #next {
position: absolute;
top:130px;
left:488px;
width:23px;
height:47px;
cursor:pointer;
background:url(../gfx/carousel-arrow-right.png) no-repeat;
z-index:40;
}
.aboutGallery #prev {
position: absolute;
top:130px;
left:5px;
width:23px;
height:47px;
cursor:pointer;
background:url(../gfx/carousel-arrow-left.png) no-repeat;
z-index:40;
}
.businessGallery #prev {
position: absolute;
top:325px;
right:488px;
width:23px;
height:47px;
cursor:pointer;
background:url(../gfx/carousel-arrow-left.png) no-repeat;
z-index:40;
}
.businessGallery #next {
position: absolute;
top:325px;
right:5px;
width:23px;
height:47px;
cursor:pointer;
background:url(../gfx/carousel-arrow-right.png) no-repeat;
z-index:40;
}
.artGallery #next {
position: absolute;
top:170px;
right:5px;
width:23px;
height:47px;
cursor:pointer;
background:url(../gfx/carousel-arrow-right.png) no-repeat;
z-index:40;
}
.artGallery #prev {
position: absolute;
top:170px;
right:488px;
width:23px;
height:47px;
cursor:pointer;
background:url(../gfx/carousel-arrow-left.png) no-repeat;
z-index:40;
}
.aboutGallery ul img{
height: 292px;
}
.ui-datepicker-trigger{
z-index: 500;
float:left;
margin:5px 20px 0 5px;
}
.mensipismo{
font-size: 10px;
}
.green_href{
color: #66ae51;
}

