/******* Default Part CSS *******/
html, body, div, h1, h2, h3, h4, h5, h6, p, a, form,
fieldset, select, input, ul, li, table, td, th, img,
dl, dt, dd {
padding: 0px;
margin: 0px;
}
.t_left{
text-align: left;
}
.t_center{
text-align: center;
}
.t_right{
text-align: right;
}
.t_justify{
text-align: justify;
}
.f_l{
float: left;
}
.f_r{
float: right;
}
img{
border: none;
}
/********************************/
html, body {height: 100%;}
body {
width: 100%;
text-align: center;
background: #4396ca url(../images/body_bg.gif) repeat-x left top;
font: 12px arial,tahoma,helvetica,verdana,sans-serif;
color: #000;
}
/***Styles Element Form`s***/
form.booking {}
fieldset {border: none; padding: 0px; margin: 5px; text-align: center; font-size: 11px;color:#000;}
legend {font-size: 11px; padding: 0px; margin: 0px;}
select {text-transform: none;}
fieldset.f_20 {border: none; padding: 0px 0px; text-align: justify; margin: 10px 0 10px 0; white-space:nowrap; }
.btn-text-05, .btn-text-07, .btn-text-10, .btn-text-11, .btn-text-14, .btn-text-16, .btn-text-25{
color: #FFF; background-color: transparent;
font: 14px times,'Times New Roman',Georgia,serif; text-align:center;
border: none; height:20px;
}
.btn-text-05 {width:50px;background: url(../images/btn-05.gif) no-repeat;}
.btn-text-07 {width:70px;background: url(../images/btn-07.gif) no-repeat;}
.btn-text-10 {width:100px;background: url(../images/btn-10.gif) no-repeat;}
.btn-text-11 {width:110px;background: url(../images/btn-11.gif) no-repeat;}
.btn-text-14 {width:140px; background: url(../images/btn-14.gif) no-repeat;}
.btn-text-16 {width:160px;background: url(../images/btn-16.gif) no-repeat;}
.btn-text-25 {width:250px;background: url(../images/btn-25.gif) no-repeat;}
.sel_date_day, .sel_date_month {font-size: 9px; color: #000;}
.sel_date_month { width: 70px !important;}
.sel_date_day {width: 43px; text-transform: none;}
.sel_date_month{width: 80px; text-transform: none;}
/***************************/
/***Lists` Styles***/
.nav_left_bg{
background: #82CCFB url(../images/sidemenu-bg.jpg) no-repeat left top;
height: 355px;
width: 210px;
}
.nobanner .nav_left_bg {margin: 46px 0 0;}
ul.nav_left {list-style: none; margin: 0px 15px; padding-top: 10px;}
ul.nav_left li {/*line-height: 30px;*/ border-bottom: 1px solid #fff; padding: 10px 0;}
ul.nav_left li a /*ie6.css*/ {display: block; min-height: 10px; font: bold 13px Arial; /*line-height: 30px;*/ color: #0f4680; text-decoration: none;}
ul.nav_left li a:hover {color: #000; text-decoration: none;}
/*******************/
img.img_padd{margin: 10px;}
/***Texts` Styles***/
H1 {color: #1258a0; font: 20px 'Times New Roman', times, serif; display: inline-block; line-height: 32px; /*padding: 0 0 16px 0; margin: 0;*/}
H2 {color: #9e7f54; font: 19px 'Arno Pro',Georgia,Times,'Times New Roman',serif; line-height: 32px; margin: 0;} /*header of the booking form*/
H3 {color: #9e7f54; font: bold 16px Arial; line-height: 32px; margin: 0;}
H5 {color: #0e4780; font-size: 12px; font-weight: bold;}/*in left boxes of homepage*/
.left-content-home {color: #fefefe;}
.logo-onpage {padding-left: 220px; height: 84px; background: transparent url(../images/logo-onpage.gif) no-repeat left 6px; margin: 0 0 6px 0;}
.text_14 {font-size: 14px;}
.text_16 {font-size: 16px;}
/*** Color`s Site ***/
.grey {color: #777777;}
.orange {color: #ffa933;}
.brown {color: #9e7f54;}
/******************/
/***Links` Styles***/
A {color: #0e4780; text-decoration: none;}
A:hover {text-decoration: underline;}
A.findmore {font-size: 12px;}
A.link_small {font: 11px Trebuchet MS; color: #5b86bb; text-decoration: none; padding: 0px 10px; line-height: 40px;}
.footer-top A {color: #4396ca;}
.footer-top A:hover{color: #a13813;}
.footer-bottom A {color: #b2e2ff;}
.footer-bottom A:hover {color: #eee;}
/******************/
.container {width: 950px; margin: 0px auto; position: relative; left: 0px; top: 0px; z-index: 10;}
.header {height: 152px; background: url(../images/head_bg.jpg) no-repeat left top; text-align: left; position: relative; left: 0px; top: 0px;}
.header_inner {height: 179px; background: url(../images/head-sub-bg.jpg) no-repeat left top; text-align: left; position: relative; left: 0px; top: 0px;}
a.logo {position: absolute; left: 16px; top: 29px; width: 220px; height: 55px;}
.box_language_bg {position: absolute; right: 0; top: 10px; width: 165px; height: 24px; background: transparent;}
.box_language_bg A {
display: block;
float: left;
padding: 6px 0 0;
width: 33px;
text-align: center;
}
.visual {height: 146px; background: url(../images/head_visual.jpg) no-repeat left top;}
/***Navigator`s Styles***/
.nav_bg{
display: block;
position: absolute;
left: 125px;
top: 103px;
z-index: 150;
height: 24px;
width: 820px;
}
.nav_bg ul{
list-style: none;
}
.nav_bg ul li{
float: left;
position: relative; left: 0px; top: 0px;
z-index: 150;
cursor: pointer;
}
A.nav {
position: relative;
left: 0px;
top: 0px;
display: block;
float: left;
height: 24px;
font: 10px 'Arial Black';
color: #1358a0;
text-decoration: none;
text-align: center;
margin-right: 2px;
cursor: pointer;
}
A.nav SPAN { /*ie6.css*/
display: block;
float: left;
height: 20px;
padding-top: 4px;
margin: 0;
}
A.nav SPAN.left-door {
padding-left: 10px;
padding-right: 4px;
background: url(../images/nav-bg-l.png) no-repeat 0% 0%;
}
A.nav SPAN.right-door {
width: 6px;
background: url(../images/nav-bg-r.png) no-repeat 0% 0%;
}
A.nav:hover {color: #FFF; text-decoration: none;}
A.nav:hover SPAN {background-position: 0% 100%;}
/*.sub_nav_bg {position: relative; left: 0; top: 100px; height: 25px; width: 950px; z-index: 60;}*/
.sub_nav {
position: absolute;
left: 0px;
top: 23px;
z-index: 270;
clear: both;
border: 1px solid #fff;
background: #1358a0;
padding: 0px 7px;
}
#sub_nav_1, #sub_nav_2, #sub_nav_3, #sub_nav_4, #sub_nav_5{
display: none;
}
/*.sub_nav_r {background: url(../images/mark_left.gif) no-repeat right center; padding-right: 10px; text-align: right;}*/
/*.sub_nav {
display: none;
position: relative;
top: -2px;
left: 0;
z-index: 80;
width: 950px;
height: 35px;
overflow: hidden;
text-align: center;
}*/
A.subnav {
display: block;
/*float: left;*/
height: 20px;
font: 10px "Arial Black";
color: #fff;
text-transform: uppercase;
text-decoration: none;
line-height: 20px;
padding: 0px 5px 0 13px;
margin:0px;
background: url(../images/subnav-bullet.gif) no-repeat left center;
white-space:nowrap;
position:relative;
z-index: 270;
}
A.subnav:hover {
text-decoration: underline;
color: #E0D9C3;
}
/************************/
.divider-v {background: #dbd1bf; width: 1px; font-size: 0px; margin: 10px; border: none;}
.content_bg {width: 950px; background: #fff url(../images/cont_bg.gif) no-repeat left top; /*position: relative;*/ left: 0px; top: 0px; z-index: 10; text-align: left;}
.content_bg_inner {width: 950px; background: #FFF url(../images/cont-sub_bg.gif) no-repeat left top; /*position: relative;*/ left: 0px; top: 0px; z-index: 10; text-align: left;}
.content_bg_inner_admin {
width: 950px;
background: #FFF url(../images/cont-sub-admin_bg.gif) no-repeat left top;
/*position: relative;*/
left: 0px;
top: 0px;
z-index: 10;
text-align: left;
}
.box_f_210 {width: 210px; height: 230px; float: left; /*position: relative; left: 17px;*/ z-index: 15; overflow: hidden;}
.box_f_706 {width: 706px; height: 230px; float: left; /*position: relative; left: 17px;*/ z-index: 15;}
.content_bg .box_f_706 {background: url(../images/visual-about_us_contact_us.jpg) no-repeat left top;}
/*.content_bg_inner .box_f_706 {background: url(../images/flash-bg_inner.jpg) no-repeat left top;}*/
.box {/*position: relative;*/ padding: 0 0 0 17px; z-index: 15;}
.internet_rate { width: 144px; height: 30px; background: transparent url(../images/ico-internet_rate.gif) no-repeat center 0; cursor: pointer; margin: 0 auto;}
.box_search_bg {background: #185fa5 url(../images/booking-bg.gif) repeat-x left bottom; height: 199px; position: relative; left: 0; top:40px; z-index: 10; }
.nobanner .box_search_bg {height: auto;}
.content_bg_inner .box_search_bg {top:31px;}
.box_search {position: relative; left: 0; top: -7px; z-index: 10; padding: 0 7px 0 10px;}
.left, .right {float: left; margin: 0 0 0 0;}
.content_bg .right {padding: 29px 0 0 17px; width: 608px;}
.content_bg_inner .right {padding: 29px 0 0 17px; width: 706px;}
.box-specoffer-t, .box-events-t {width: 291px; background: transparent no-repeat 0 0; padding-top:56px;}
.box-specoffer-t {background: url(../images/offerte_speciali.gif);margin-top:6px;}
.box-events-t {background: url(../images/events.gif);margin-top:2px;}
.box-b {width: 291px; background: transparent url(../images/box-bottom.gif) no-repeat 0 bottom;padding-bottom:14px;}
.box-m {height: 112px; background: #82cbfa url(../images/box-bg.gif) repeat-x left top;padding: 0 18px 0;}
.box_f_130_inner, .box_f_225_inner, .box_f_560_inner, .box_f_706_inner {float: left; position: relative; z-index: 15; margin-top: 15px; }
.box_f_225_inner {
width: 210px /*225px*/;
left: 0/*16px*/;
top: 0px;
/*min-height: 335px;*/
height: 100%;
display: table-cell;
}
.box_f_560_inner {width: 560px; left: 0; top: 30px; padding-left: 5px;}
.box_f_130_inner {width: 98px; right: 15px; top: 0px; margin-left: 15px; padding-left: 15px; }
.box_f_706_inner {width: 690px; left: 0px; top: 0px; margin-left: 17px;}
.nobanner .box_f_706_inner {margin-left: 34px; padding: 9px 0 0;}
.box_stand_1 {background: url(../images/box_brd.gif) no-repeat left top; padding: 5px; font: 12px 'Trebuchet MS'; color: #757575;}
.t_right_p {text-align: right; padding: 0px 20px;}
.box_blue {background: #abc8f0; height: 91px; position: relative; left: 0px; top: 0px; z-index: 20; overflow: hidden; width: 493px;}
.box_blue_l {background: url(../images/gallery_left.gif) no-repeat left top; height: 91px; width: 5px; position: absolute; left: 0px; top: 0px; z-index: 25;}
.box_blue_r {background: url(../images/gallery_right.gif) no-repeat right top; height: 91px; width: 5px; position: absolute; right: 0px; top: 0px; z-index: 25;}
.box_blue_cont {padding: 7px 5px; text-align: center;}
.box_white {background: #fff; float: left; padding: 1px 0px; height: 76px;}
.box_white img {margin: 0px 1px; float: left;}
.arr {float: left; height: 76px; width: 13px; text-align: center; padding-top: 25px; }
.content_bot {background: url(../images/cont_bot.gif) no-repeat left top; height: 14px; margin:0 0 12px 0;position: relative; left: 0px; top: 0px;}
.footer {width: 950px; margin: 0px auto; height: 116px; font-size: 10px;text-align: left;}
.footer-top {color: #1258a0;height: 78px; padding: 0 70px 0 438px; background: transparent url(../images/footer_bg.gif) no-repeat center top;}
.footer-info, .footer-links {padding-top: 10px;}
.footer-links {font-size: 12px;}
.footer-bottom {text-align: left; color: #fff;margin-top: 14px;}
dl.box_stand_1 {display: block; padding: 0px; margin-bottom: 10px;}
dl.box_stand_1 dt {display: block; background: url(../images/box_brd_top.gif) no-repeat left top; height: 36px; font: 18px Trebuchet MS; line-height: 36px; color: #5584bc; padding-left: 10px;}
dl.box_stand_1 dd {display: block; background: url(../images/box_brd_bot.gif) no-repeat left bottom; padding: 10px; font: 12px Trebuchet MS; color: #757575; margin: 0px;}
.pic_text {text-align:left; width: 150px; margin: 0px auto; font-style: italic;}
.title_inner_page {background: url(../images/title_line.gif) no-repeat left bottom; font: 30px Trebuchet MS; color: #5584bc;}
.box_cont {margin: 0px 12px; padding: 10px 0px;}
/*******************************************/
.box_light_brown {
background: #B3DAF2 url(../images/cont-right1-bot.gif) no-repeat right bottom;
min-height: 298px;
padding: 0px 0px 13px 13px;
margin-top: 10px;
}
.box_light_brown .top{
background: #B3DAF2 url(../images/cont-right1-top.gif) no-repeat right top;
height: 13px;
}
.box_light_brown .cont{
margin-right: 13px;
}
/****** Box Weather ******/
.box_weather{
border-collapse: collapse;
}
.box_weather td{
width: 132px;
vertical-align: top;
}
.box_weather .top td{
height: 24px;
border: 1px solid #FFF;
background: #1258a0;
text-align: center;
font: bold 14px Arial;
line-height: 24px;
color: #FFF;
}
.box_weather .data{
background: #FFF;
text-align: center;
font: 12px 'Trebuchet MS';
color: #000;
padding: 5px;
margin: 10px 1px 10px 1px;
}
.box_weather .data span.cloudy{
font: 12px 'Trebuchet MS';
line-height: 32px;
color: #000;
}
.box_weather .descr td{
text-align: left;
font: 12px Trebuchet MS;
color: #000;
padding: 0px 10px;
}
.box_weather .bot td{
height: 24px;
border: 1px solid #1258a0;
background: transparent;
text-align: center;
font: 12px 'Trebuchet MS';
line-height: 24px;
color: #000;
}
/************************/
.clear {clear: both; visibility: hidden;}
.box_gallery {background: #d8e5f6; width: 745px;}
.box_gallery_title {background: url(../images/gellery_top.gif) no-repeat left top; height: 31px; font: 18px Trebuchet MS; line-height: 31px; color: #6583b5; padding: 0px 20px; }
.box_gallery_cont {background: #fff; margin: 0px 5px; padding: 0px 5px;}
.box_gallery_bot {background: url(../images/gellery_bot.gif) no-repeat left top; height: 18px;}
.box_f_490 {width: 496px; float: left; padding: 5px 0px;}
.box_f_230 {width: 229px; float: left; padding: 2px 0px;}
.gallery_nav_cont {padding: 3px 0px; height: 305px; overflow: hidden;}
.nav_image {float: left; border: 3px solid #fff; border-top: none; border-left: none;}
.nav_image_r {border-right: none;}
.nav_image_b {border-bottom: none;}
.table_form{
margin: 0px auto;
font-size: 11px;
}
.table_form td{
padding: 5px 0px;
color: #fff;
}
.box_photo{
position: relative;
width: 105px;
text-align: right;
}
.box_photo div{
padding: 3px;
background: #d5effe;
border: #4396ca solid 1px;
margin: 12px 0 0;
text-align: center;
overflow: hidden;
}
.box_photo .btn_plus{
font: 10px arial, sans-serif;
color: #4396ca;
}
.box_photo div img{
border: none;
display: block;
position: relative; top: 0px; left: 0px;
z-index: 150;
}
.box_stand p{
margin: 10px 0px;
}
.center {margin: 17px 17px 0px 17px;}
.select
{
border: 1px solid #2C7AB7;
width: 150px;
background-color: #D0DADC;
}
.select300
{
width: 300px;
border: 1px solid #2C7AB7;
background-color: #D0DADC;
}
INPUT[type=text]
{
border: 1px solid #2C7AB7;
width: 150px;
background-color: #D0DADC;
}
.text300
{
width: 300px !important;
border: 1px solid #2C7AB7;
background-color: #D0DADC;
}
INPUT[type=password]
{
border: 1px solid #2C7AB7;
width: 150px;
background-color: #D0DADC;
}
.submit
{
border: 2px solid #2C7AB7;
/*width: 150px;*/
background-color: #D0DADC;
}
.grid
{
background-color:#B3DAF2;
}
.grid tr td
{
background-color:#FFFFFF;
}
.grid tr .grid_head, .grid_head
{
background-color:#4396CA ! important;
font-weight:bold;
/*text-align:center;*/
}
.nav {
text-transform: uppercase;
}
.but input
{
border: 2px solid #2C7AB7;
width: 222px;
background-color: #D0DADC;
}
.buttoncam11,.buttoncam22,.buttoncam33
{
font-weight: bold;
}
/*** Map ***/
.box_map {width: 689px; float: left; overflow: hidden;}
.box_map_comments{
width: 175px; min-height: 600px;
float: left;
padding: 0 3px 0 10px;
background: #B3DAF2;
font: 11px Arial;
color: #1258A0;
}
*html .box_map_comments{
height: 600px;
}
.mapElement{
width: 500px;
float: left;
overflow: hidden;
}
.map_contents{
width: 500px;
height: 600px;
border:1px solid #dbd1bf;
}
.markerHelper{
cursor: pointer;
line-height: 22px;
width:165px;
}
#directions{
/*width:95px;*/
}
.directions table{width:95px;}
._center
{
text-align: center;
}
._left
{
text-align: left;
}
.address{
/*position: realtive; left: 0px; top: 148px;*/
font: bold 11px Arial; color: #165EA4;
padding: 0px 0px 0px 40px;
/*z-index: 30;*/
width: 890px;
padding-top: 134px;
text-transform: uppercase;
}
.wcam
{
background: url(../images/pleasewait.png) no-repeat 50% 50%;
}
.white_all font, .white_all span
{
color:white !important;
}
HTML {
display: table;
height: 100%;
width: 100%;
}
BODY {
display: table-cell;
height: 100%;
width: 100%;
}