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

body	{
	width: 100%; 
	text-align: center; 
	background: #f6eadb;  
	font: 12px arial,tahoma,helvetica,verdana,sans-serif; 
	color: #665c50;
}
		
/***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; 
}



/*** side navigation Lists` Styles***/
.nav_left_bg{
	width: 210px;
}
ul.nav_left {
	list-style: none; 
	margin: 0px 15px; 
	padding-top: 10px;
}
ul.nav_left li 
{
	padding: 7px 0; 
	border-bottom: 1px solid #24565c;
}
ul.nav_left li a, ul.nav_left li a:link, ul.nav_left li a:visited {
	display: block; 
	font: bold 13px Arial; 
	line-height: 16px; 
	color: #fff; 
	text-decoration: none;
}
ul.nav_left li a:hover {
	color: #04cbdd; 
	text-decoration: none;
}



/*******************/
img.img_padd{margin: 10px;}



/***Texts` Styles***/
H1 {color: #008490; font: bold 20px arial ,sans-serif; line-height: 24px; margin: 0 0 20px 0;} 
H2 {color: #fff; font: 19px trebuchet ms, arial ,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: #fff; font-size: 12px; font-weight: bold; margin: 15px 0 3px 0;} /*in left boxes of homepage*/

.text_14 {font-size: 14px;}
.text_16 {font-size: 16px;}


/******************/

/***Links` Styles***/
a  {color: #008490; text-decoration: none;}
a:hover {text-decoration: underline;}
a:VISITED{color: #008490; text-decoration: none;}
a.findmore { 
	color:#fff;
	font-size: 11px;
	font-weight:bold
}
a.link_small {
	font: 11px Trebuchet MS; 
	color: #5b86bb; 
	text-decoration: none; 
	padding: 0px 10px; 
	line-height: 40px;
 }

 
 /******************/

.container {
	width: 950px; 
	margin: 0px auto; 
	position: relative; 
	left: 0px; 
	top: 0px; 
	z-index: 10;
}
.header {
	height: 129px; 
	background: url(../images/head_bg.jpg) no-repeat left top; 
	text-align: left; 
	position: relative; 
	left: 0px; 
	top: 0px;
	margin-top:4px;
	z-index:1000;
	
}
.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: 26px; 
	width: 110px; 
	height: 84px;
}

.box_language_bg {
	position: absolute; 
	right: 10px; 
	top: 18px;
}


.head-pics {
	width:916px;
	margin:0px auto;
	/*height:199px;*/
	/*margin-bottom:4px;*/
	position:relative;
}
.head-pics .head-pic {
	width:238px;
	float:left;
}

.head-pics .head-flash {
	width:674px;
	float:right;
	margin-top:4px;
	
}



/***Navigator`s Styles***/
.nav{
	position: absolute; 
	left: 209px; 
	top: 105px; 
	z-index: 50; 
	font-size: 12px; 
	height: 24px; 
	width: 800px; 
	text-transform: uppercase;
}

.nav ul{
	height: 24px;
	display: block;
	clear: both;
	list-style: none;
	
}
.nav ul li{
	float: left;
	margin: 0px 10px 0px 0px;
	display:block;
	position:relative;
}

.nav ul li a, .nav ul li a:visited{
	display: block;
	float: left;
	height: 24px;
	text-decoration: none;
	color:#008490;
}
.nav ul li a .bord_l, .nav ul li a:visited .bord_l{
	display: block;
	float: left;
	height: 24px;
	width: 6px;
}
.nav ul li a .cont, .nav ul li a:visited .cont{
	display: block;
	float: left;
	height: 24px;
	text-decoration: none;
	font: bold 12px Tahoma,Trebuchet MS,Arial, sans-serif;
	color: #008490;
	line-height: 24px;
	cursor: pointer;
	margin: 0px;
}
.nav ul li a .bord_r, .nav ul li a:visited .bord_r{
	display: block;
	float: left;
	height: 24px;
	width: 6px;
}


.nav ul li a:hover, 
.nav ul li.active a, 
.nav ul li.active a:visited,
.nav ul li.active a:hover{
	display: block;
	float: left;
	height: 24px;
	text-decoration: none;
}
.nav ul li.active a .bord_l, 
.nav ul li.active a:visited .bord_l,
.nav ul li.active a:hover .bord_l,
.nav ul li a:hover .bord_l{
	display: block;
	float: left;
	background: url(../images/nav-bg.gif) no-repeat left top;
	height: 24px;
	width: 6px;
}
.nav ul li a:hover .cont {
	color: #fff;

}

.nav ul li.active a .cont, 
.nav ul li.active a:visited .cont,
.nav ul li.active a:hover .cont, 
.nav ul li a:hover .cont {
	display: block;
	float: left;
	background: url(../images/nav-bg.gif) repeat-x 0px -48px;
	height: 24px;
	text-decoration: none;
	font: bold 12px Tahoma,Trebuchet MS,Arial, sans-serif;
	color: #fff;
	line-height: 24px;
	cursor: pointer;
	margin: 0px;
}
.nav ul li.active a .bord_r, 
.nav ul li.active a:visited .bord_r,
.nav ul li.active a:hover .bord_r,
.nav ul li a:hover .bord_r {
	display: block;
	float: left;
	background: url(../images/nav-bg.gif) no-repeat 0px -24px;
	height: 24px;
	width: 6px;
	}
	
	
.sub_nav {
	background:#9f907c; 
	text-align: left;
	width:180px;
	padding:10px;
	
}


#sub_nav_1, #sub_nav_2, #sub_nav_3, #sub_nav_4, #sub_nav_5{
	display: none; 
	position:absolute; 
	top: 24px; 
	left:0px;
	z-index: 80; 
	overflow: hidden;
}


.nav ul li .sub_nav a, .nav ul li .sub_nav a:visited, .nav ul li .sub_nav a:link {
	display:block;
	border-bottom:1px solid #fff;
	font: bold 12px Tahoma,Trebuchet MS,Arial, sans-serif;
	color: #f5e7d7;
	line-height:14px;
	padding:8px 0;
	height:auto;
	float:none;

}

.nav ul li .sub_nav a:hover, .nav ul li.active .sub_nav a:hover {
	color: #fff;
	height: auto;
	line-height:14px;
	padding:8px 0;
	display:block;
	float:none;
}
	

	
/* ------------------------------------------------- breadcrumb -----------------------------------------------*/
.breadcrumb {
	height:25px;
	border-bottom:1px solid #ebcfae;
	font:12px Arial;
	color:#f6eadb;
	line-height: 20px;
	margin-bottom:5px;
}


.breadcrumb a, .breadcrumb a:link, .breadcrumb a:visited
{
	color: white !important;
	text-decoration:none;	
}
.breadcrumb a:hover
{
	text-decoration:underline;	
}
	
	
	
	
	
/****************************/




.divider-v	{ background: #dbd1bf; width: 1px; font-size: 0px; margin: 10px; border: none;}



.content_bg {
	width: 950px;  
	position: relative; 
	left: 0px; 
	top: 0px; 
	z-index: 10; 
	text-align: left;
}
.content_bg_inner {
	width: 950px; 
	background: #efede3 url(../images/cont-sub_bg.gif) no-repeat left top; 
	position: relative; 
	left: 0px; 
	top: 0px; 
	z-index: 10; 
	text-align: left;
}


.box {
	position: relative;
	left: 0px; 
	top: 4px; 
	z-index: 15;
}

*html .box {
	position: static;
}



.internet_rate {
	z-index:255;
	position: relative; 
	left: 149px; 
	top: 1px; 
	width: 55px; 
	height: 33px; 
	background: transparent url(../images/ico-internet_rate.gif) no-repeat 0 0;
}

/* --------------------------------------------- Booking Form ------------------------------- */

.box-search {

}


.box_search_top {
	background:  url(../images/booking-col-bg.jpg) no-repeat right top; 
	height: 213px; 
}


.box_search_bg {
	background: url(../images/booking-col-head.jpg) no-repeat left top; 
	height: 200px; 
	padding-top:40px;
}

.box_search  h2{
	display:none;
}

.btn-booking-check  {
	display: block;
	
	height: 30px;
	width: 133px;
	border: none;
	cursor: pointer;

}

.b_en {
  background: url(../images/btn-av_en.gif) no-repeat left top;
}

.b_it {
  background: url(../images/btn-av_it.gif) no-repeat left top;
}

.b_de {
  background: url(../images/btn-av_de.gif) no-repeat left top;
}


/*html fieldset.f_20	{margin-left: 20px;}*/

.sel_date_day, .sel_date_month {font-size: 9px; color: #000;}
.sel_date_day	{width: 40px; text-transform: none;}
.sel_date_month{width: 80px; text-transform: none;}

/***************************/




/* -------------------------------------- Layout styels ------------------------------------------------- */

.left {
	/*float: left;*/ 
	width: 255px;
	background: #008d81 url(../images/booking-col-bg.jpg) no-repeat top left;
	color:#fff;
	padding-bottom:15px;
	/*position:relative;*/
	overflow:hidden;
}

.right {
	/*float: right;*/ 
	width: 691px;
	background: #ebcfae url(../images/main-cont-bg.jpg) no-repeat right top;
	padding-bottom:15px;
	/*position:relative;*/
}
.inner-right {
	border-left: 5px solid rgb(246, 234, 219);
}

.left-home2 {
	float: left; 
	width: 255px;
	background: #008d81;
	color:#fff;
	padding-bottom:15px;
	position:relative;
}

.right-home2 {
	float: right; 
	width: 691px;
	background: #ebcfae ;
	padding-bottom:15px;
	position:relative;
}



.right-cont {
	margin: 0px 10px 10px 10px;
}

.right-cont p{
	margin:10px 0;
}


.home-cont{

}

.home-cont-pics {
	float:left;
	width:170px;
}

.home-cont-pics img{
	margin-bottom:10px;
	border:1px solid #fff;

}


.home-cont-txt {
	float:right;
	width:490px;

}




.box-specoffer-t {
	width: 230px; 
	background: #609da5; 
	border:1px solid #fff; 
	margin:0px auto;
	height:150px;
} 
.box-specoffer-top{
	
	background: #2d6a71 url(../images/title_offers_vacancies.gif) no-repeat 10px 50%; 
	height:30px;
} 


.box-m {
	padding: 0 10px 0;
}

.box-events-t { 
	margin:0 10px;
	background: #f5e7d7; 
	
	border:1px solid #fff;
	color:#665c50;
	
	height:150px;
	
}

.box-events-top{
	
	background: #dcc2a3 url(../images/title_events.gif) no-repeat 10px 50%; 
	height:30px;
} 

.box-events-t  h5{
	color:#665c50;
}



.arr {
	float: left; 
	height: 76px; 
	width: 13px; 
	text-align: center; 
	padding-top: 25px; 
}

*html .arr		{height: 77px;}

.content_bot	{display:none;}




/* ----------------------------------------------------  footer  ----------------------------------------------------  */

.footer {
	position:relative;
	top:4px;
	width: 950px; 
	margin: 0px auto; 
	height: 140px; 
	font-size: 11px;
	text-align: left;
	background: transparent url(../images/footer_bg.jpg) no-repeat center top;
	padding-top:10px;
	margin-top:4px;
	
}

*html .footer {
	margin-top:0px;
}


.footer-bottom  {
	margin:20px 0 0 0;
	text-align: left;
} 
.footer-links {
	margin:0px 20px;
	height:20px;
	text-align: left;
	
}

.footer-links a{
	color:#38858e;
	font-weight:bold;
	
}

.footer-links a:hover {
	color: #fff;
	text-decoration:none;
}


.pic_text {text-align:left; width: 150px; margin: 0px auto; font-style: italic;}	

.box_cont {margin: 0px 12px; padding: 10px 0px;}



/****** Box Weather *************************************************/
.box_light_brown {
	background: #f5e7d7; 
	padding: 10px;
	margin-top: 10px;
	border:1px solid #fff;
	/*height: 200px;*/ 
	width: 650px; 
}
.box_light_brown .top{
	height: 13px;
}
/*.box_light_brown .cont{
	margin-right: 13px; 
}*/
.box_light_brown  .cont
{
	padding-top: 15px;
}
/****** Box Weather ******/
.box_weather{
	border-collapse: collapse;
	float: left; 
	width: 162px
}
.box_weather td{
	 
	vertical-align: top;
}
.box_weather .top td{
	height: 24px; 
	border: 1px solid #fff;
	background: #609da5; 
	text-align: center;
	font: bold 13px Arial; 
	line-height: 24px; 
	color: #fff; 
}
.box_weather .data{
	background: #dcc2a3; 
	text-align: center; 
	font: 12px Trebuchet MS; 
	color: #000; 
	padding: 5px;
	margin: 10px 1px 10px 1px;
	
}
.box_weather .data  span.cloudy{
	font: 11px Arial, Trebuchet MS; 
	line-height: 32px;
	color: #000;
}

.data.t_center
{
	height: 46px;
	
	
}

.box_weather .descr td{
	text-align: left; 
	font: 12px Trebuchet MS; 
	color: #665c50; 
	padding: 0px 10px;
}
.box_weather .bot	td{
	height: 24px; 
	border: 1px solid #fff;
	background: #dcc2a3; 
	text-align: center;
	font: 12px Arial, Trebuchet MS; 
	line-height: 24px; 
	color: #000; 
}

.t-value-name {
	color:#fff;
	font-size:14px;
}
.t-value {
	color:#2e6c73;
	font-size:18px;
	font-weight:bold;
}



/************************/
.clear 					{clear: both; visibility: hidden;}


.table_form{
	margin: 0px auto;
	font-size: 11px;
}
.table_form td{
	padding: 5px 0px;
}
.box_photo{
	position: relative;
}
.box_photo div{
	margin-bottom: 15px;
	position: relative; top: 0px; left: 0px;
	z-index: 100;
	height: 73px;
	overflow: hidden;
}
.box_photo .btn_plus{
	display: block;
	background: url(../images/btn-enlarge.gif) no-repeat left top;
	height: 11px;
	width: 23px;
	border: none;
	cursor: pointer;
	margin: 0px 5px 0px auto;
	position: relative; top: -5px; left: 0px;
	z-index: 170;
}



.box_photo div img{
	border: 1px solid #9e7e55;
	display: block;
	position: relative; top: 0px; left: 0px;
	z-index: 150;
}
.box_stand p{
	margin: 10px 0px;
}



/*** Map ***/

.map {
position: relative; 
top: 0px; 
width: 671px; 
margin-top: 15px;
}

.box_map {
	width: 669px; 
	float: left; 
	overflow: hidden;
}
.box_map_comments{
	width: 155px; min-height: 600px;
	float: left;
	padding: 0 3px 0 10px;
	background: #38858e;
	font: 11px Arial;
	color: #fff;
	border:1px solid #04cbdd;
	
}
.mapElement{
	width: 500px;
	float: left;
	overflow: hidden;
}
.map_contents{
 	width: 500px;
	height: 600px;
	border:1px solid #04cbdd;
 }
.markerHelper{
	cursor: pointer;
	line-height: 22px;
	width:165px;
}
#directions{
	/*width:95px;*/
}
/*.directions table{width:95px;}*/

/********************************/




.wcam
{
	 background: url(../images/pleasewait.png) no-repeat 50% 50%;
}

.white_all font, .white_all span 
{
	color:white !important; 
}
.broun_all font, .broun_all span, .broun_all 
{
	color: #665C50 !important; 
}
.buttoncam11,.buttoncam22,.buttoncam33 
{
	font-weight: bold;
}

.select 
{
	border: 1px solid #a99b89;
	width: 150px;
	background-color: #f6eadb;
}
.select300
{
	width: 300px;
	border: 1px solid #a99b89;
	background-color: #f6eadb;
}



INPUT[type=text] 
{
	/*border: 1px solid #a99b89;
	
	background-color: #f6eadb;*/
	
	padding:2px;
}

.text300
{
	width: 	300px !important;
	border: 1px solid #a99b89;
	background-color: #f6eadb;
}

INPUT[type=password] 
{
	/*border: 1px solid #a99b89;
	
	background-color: #f6eadb;*/
	padding:2px;
	width: 150px;
}

.submit 
{
	border: 1px solid #fff;
	background-color: #38858e;
	padding:5px;
	font: 12px Arial, Tahoma, verdana, sans-serif;
	color: #fff;
	
}

.grid 
{
	background-color:#D2B89D;
	
}
.grid tr td
{
	background-color:#FFFFFF;
	
}

.grid tr .grid_head, .grid_head
{
	background-color:#4396CA ! important;
	font-weight:bold;
	
	/*text-align:center;*/
}


.but input 
{
	border: 2px solid #a99b89;
	width: 210px;
	background-color: #D0DADC;
	
}

.displaytable
{
	display: table;
	width: 100%;
}

.displaytablerow
{
	display: table-row;
	width: 100%;
}

.displaytablecell
{
	display: table-cell;
	height: 100%;
	vertical-align: top;
} 

.longer
{
	height: 100%;
}