/*
	main css style development
	============================
	website 	: 	Semeli Hotel
	date 		: 	17-4-2009		
	company		: 	mozaik creative business solutions
	url			:	http://www.mozaik.com

*/

* {
	margin: 0;
   	padding: 0;
}

/*----------GENERAL--------------*/

body{
	margin:0;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#555555;
}

.like {
	float:right;
		width:40px;
		
}

p{
	margin:0 0 10px 0;
	padding:0;
}

a img{
	border:none;
}

.b{
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}

.b2{
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}

#main_body{
	background-color:#e4e0d5;
}

.flash_bg{
	/*margin:37px auto;*/
	width:852px;
	height:719px;
	position:absolute;
	left:50%;
	margin:0 0 0 -426px;
	padding:0;
	top:37px;
	z-index:1;
}

.flash_bg_taller{
	width:852px;
	height:754px;
	position:absolute;
	left:50%;
	margin:0 0 0 -426px;
	padding:0;
	top:37px;
	z-index:1;
	background:#fff;
}

.galleryholder{
	width:852px;
	height:500px;
	margin:0;
	padding:0;
	border-bottom:solid 19px #fff;
}

#main{
	margin:37px auto;
	width:852px;
	height:719px;
	position:relative;
	z-index:100;
	/*background-color:#FFF;*/
}

.index{
	background-image:url(../imgs/bg/index.jpg);
	background-position:top center;
	background-repeat:no-repeat;	
}

.accommodation, .standard_room, .superior_room, .superior_room_spa, .junior_suite_spa, .superior_suite, .executive_suite_spa{
	background-image:url(../imgs/bg/accommodation.jpg);
	background-position:top center;
	background-repeat:no-repeat;	
}

.reservation_rates, .email_request, .special_offers{
	background-image:url(../imgs/bg/reservation_rates.jpg);
	background-position:top center;
	background-repeat:no-repeat;	
}

.facilities_services, .hotel_facilities, .room_facilities, .dining, .bar, .spa{
	background-image:url(../imgs/bg/facilities_services.jpg);
	background-position:top center;
	background-repeat:no-repeat;	
}

.location, .access, .map{
	background-image:url(../imgs/bg/location.jpg);
	background-position:top center;
	background-repeat:no-repeat;	
}

.contact{
	background-image:url(../imgs/bg/contact.jpg);
	background-position:top center;
	background-repeat:no-repeat;	
}

#main_top_left{
	position:absolute;
	left:0px;
	top:-25px;
	width:600px;	
}

#main_top_left a, #main_top_left .webseoanalyticsLinker{
	text-decoration:none;
	font-size:10px;	
	font-weight:normal;
	text-align:center;
	cursor:pointer;
}

#main_top_left span{
	font-size:10px;	
	font-weight:bold;
	text-align:center;	
}

.photogallery{
	float:left;
	margin:0 15px 0 0;
	padding:0;
	width:88px;
}
.photogallery a, .photogallery .webseoanalyticsLinker{
	color:#8d887e;
	float:left;
	background-color:#fff;
	padding:4px 7px;
	text-transform:uppercase;
	cursor:pointer;	
}
.photogallery a:hover, .photogallery .loc, .photogallery .webseoanalyticsLinker:hover{
	background:#ccd6dc;
}


#main_top_left .lang{
	width:88px;
	float:left;
	padding:4px 4px 4px 10px;	
	color:#555555;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:uppercase;
}
#main_top_left .lang a{
	color:#555555;
	text-decoration:none;
}
#main_top_left .lang .loc{
	color:#555555;
	text-decoration:none;
	font-weight:bold;
}




#main_logo{
	position:absolute;
	/*background-image:url(../imgs/logos/semeli_hotel_logo.png);
	background-position:top right;
	background-repeat:no-repeat;*/
	right:20px;
	width:236px;
	height:139px;
	top:-37px;
	z-index:100;
}


.logo{
	position:absolute;
	right:20px;
	width:236px;
	height:139px;
	top:-37px;
	z-index:100;
}

/* ===================== menu =================== */

#menu{
	position:absolute;
	right:18px;
	top:411px;
	width:815px;
	height:70px;
	text-align:center;
	z-index:100;
	text-transform:uppercase;
}

#menu a, #menu .webseoanalyticsLinker{
	float:left;	
	width:105px;
	height:30px;
	margin-right:1px;
	margin-top:10px;
	background-color:#fff;
	color:#8d887e;
	padding:15px;
	text-decoration:none;
	cursor:pointer;
}

#menu .menu_current, #menu a:hover, #menu .webseoanalyticsLinker:hover{
	float:left;
	width:115px;
	height:20px;
	margin-top:0px;
	margin-right:1px;
	background-color:#ccd6dc;
	color:#8d887e;
	padding:25px 10px 25px 10px;
	text-decoration:none;
}

/* =================================== */

.footer{
	position:absolute;
	bottom:-25px;
	width:852px;
	color:#696661;
	font-size:10px;
	z-index:100;
}

.footer_mozaik{
	float:left;
	color:#696661;
}

.footer_semeli{
	float:right;
	width:73px;
	height:17px;
}

.footer a, .footer .webseoanalyticsLinker{
	color:#696661;
	text-decoration:underline;
	cursor:pointer;
}
.footer a:hover, .footer .webseoanalyticsLinker:hover{
	color:#696661;
	text-decoration:none;
}

/*----------INDEX--------------*/

#content_tabs{
	position:absolute;
	right:18px;
	bottom:18px;
	width:815px;
	z-index:110;
}

.tab_left{
	float:left;
	background-image:url(../imgs/tabs/tab_left.png);
	background-repeat:repeat-x;
	background-position:top left;
	width:271px;
	height:220px;
	margin-right:1px;
}

.tab_center{
	float:left;
	background-image:url(../imgs/tabs/tab_center.png);
	background-repeat:repeat-x;
	background-position:top center;
	width:271px;
	height:220px;	
	margin-right:1px;
}

.tab_right{
	float:left;
	background-image:url(../imgs/tabs/tab_right.png);
	background-repeat:repeat-x;
	background-position:top right;
	width:271px;
	height:220px;	
}

.tab_content{
	margin:15px 5px 10px 15px;
}

/*.tab_content h1{
	font-size:20px;
	font-weight:normal;
	margin-bottom:10px;
}*/

.tab_content h2{
	font-size:12px;
	font-weight:bold;
	/*margin-top:37px;
	margin-bottom:13px;*/
	margin:0;
	padding:6px 0 13px 0;
}

.div_h2{
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:6px 0 13px 0;
}
.div_h2 h2, .div_h2 h1, .div_h2 h3{
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
	display:inline;
}

.h2_gap{
	height:30px;
	azimuth:0;
	padding:0;
}

.tab_content h3{
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:6px 0 13px 0;
}

.tab_content_text{
	position:relative;
	overflow:hidden;
	float:left;
	width:235px;
}

.tab_content td{
	padding-right:10px;
	padding-top:4px;
}

.tab_content_submit{
	background-color:#fff;
	font-size:11px;
	cursor:pointer;
	width:70px;
	height:18px;
	padding:0px;
	margin:0px;
	border:none;
	color:#555;
	font-family:Arial, Helvetica, sans-serif;
}
.tab_content_submit:hover{
	background-color:#eee;
}

.tab_content_text_scroll{
	position:relative;
	margin:0;
	padding:0;
}

.tab_content ul{
	list-style:none;
	padding:0px;
	margin:0 0 10px 0;
}
.tab_content ul li{
	list-style:none;
	margin:0 0 3px 0;
	padding:0px;
}

.tab_content a, .tab_content .webseoanalyticsLinker{
	text-decoration:underline;
	color:#555;
	cursor:pointer;
}
.tab_content a:hover, .tab_content .webseoanalyticsLinker:hover{
	text-decoration:none;
}

.tab_content_text_scroll a, .tab_content_text_scroll .webseoanalyticsLinker{
	display:block;
	border:none;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
}

.scroll_arrow_up{
	background-image:url(../imgs/btns/arrow_up.gif);
	background-repeat:no-repeat;
	width:9px;
	height:10px;
	cursor:pointer;	
}

.scroll_arrow_down{
	background-image:url(../imgs/btns/arrow_down.gif);
	background-repeat:no-repeat;
	width:9px;
	height:10px;
	margin-top:1px;
	cursor:pointer;
}

.scrollArea{	
	height:106px;
	width:9px;
	float:right;
}

/*----------SUB-MENU 4 ITEMS--------------*/

#sub_menu{
	position:absolute;
	right:18px;
	top:486px;
	width:815px;
	height:30px;
	text-align:center;
	z-index:100;
}

#sub_menu a, #sub_menu .webseoanalyticsLinker{
	float:left;	
	width:187px;
	height:14px;
	margin-right:1px;
	background-color:#fff;
	color:#8d887e;
	padding:8px;
	text-decoration:none;
	cursor:pointer;
}

#sub_menu a:hover, #sub_menu .webseoanalyticsLinker:hover{
	background-color:#becad4;
	border:none;
}

#sub_menu .sub_menu_current{
	float:left;
	width:187px;
	height:14px;
	margin-right:1px;
	background-color:#becad4;
	color:#8d887e;
	padding:8px;
	text-decoration:none;
}



/*----------RESERVATION AND PRICES--------------*/
.tab_content_price{
	/*padding:10px;*/
	margin-top:10px;
	margin-left:10px;
	width:523px;
	height:200px;
}

.tab_content_price_column_h1{
	float:left;
	width:211px;
}

.tab_content_price_column{
	font-size:10px;
	float:left;
	width:78px;
	margin-top:5px;
	text-align:left;
}
/*
.tab_content_price h1{
	font-size:20px;
	font-weight:normal;
}*/

.tab_content_price_column_row{
	padding-top:1px;
	height:15px;
	display:block;
	font-size:9px;
}

.tab_content_price_column_room{
	float:left;
	width:211px;
	font-size:9px;
}

.tab_content_price_column_price{
	font-size:9px;	
	float:left;
	width:78px;
	text-align:center;
}

.tab_content_price_column_row:hover{
	background-color:#e7e3db;
	cursor:default;
}

/*----------EMAIL REQUEST--------------*/

.email_message{
	text-align:center;
	margin-top:50px;
	height:16px;
}

.email_message p{
	font-weight:bold;
	margin-bottom:10px;
}



.input{
	background:#fff;
	margin:0 0 2px 0;
	padding:1px 1px;
	width:134px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#555;
	border:solid 1px #A5ACB2;
}

.input_date, #ar_date, #dep_date{
	background:#fff;
	margin:0 2px 2px 0;
	padding:1px 2px;
	width:106px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#555;
	float:left;
	border:solid 1px #A5ACB2;
}

.select{
	background:#fff;
	margin:0 0 2px 0;
	padding:1px 1px;
	width:140px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#555;
	float:left;
	border:solid 1px #A5ACB2;
}

.select_sm{
	background:#fff;
	margin:0 0 2px 0;
	padding:1px 1px;
	width:50px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#555;
	float:left;
	border:solid 1px #A5ACB2;
}

.codeImage{
	float:left;
}

.seqcode{
	background:#fff;
	margin:0 0 5px 0;
	padding:1px;
	width:82px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#555;
	float:left;
	border:solid 1px #A5ACB2;
}

.textarea{
	background:#fff;
	margin:0 0 2px 0;
	padding:1px 1px;
	width:134px;
	height:52px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#555;
	border:solid 1px #A5ACB2;
}

.message{
	color:#fff;
	font-weight:bold;
	margin:0;
	padding:15px 0;
}

.error{
	color:#D17A2A;	
	margin:0;
	padding:15px 0;
}

/* ========================= */

.div_h1{
	margin:0 0 10px 0;
	padding:0;
}

/* ========== scroll ========== */

.scrollblock{
	display:block; 
	width:210px; 
	height:125px; 
	margin:0; 
	padding:0 2px; 
	overflow:auto;
	float:left;
}

.scrollblock_taller{
	display:block; 
	width:210px; 
	height:145px; 
	margin:0; 
	padding:2px 2px 0 2px; 
	/*overflow:auto;*/
	float:left;
}

.scrollbars{
	float:right;
	margin:2px 0 0 0;
	padding:0;
	width:14px;
}
.scroll_arrow_top{
	cursor:pointer; 
	display:block; 
	margin:0;	
}
.scroll_arrow_bot{
	cursor:pointer; 
	display:block;
	margin:2px 0 0 0;	
}


/* ====== */

.menu_btn{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#8d887e;
	margin:0 0 0 13px;
	padding:0;
	position:absolute;
	top:460px;
	z-index:100;
}
.menu_btn a, .menu_btn .webseoanalyticsLinker{	
	color:#8d887e;
	text-decoration:none;
	margin:0;
	padding:8px 23px 25px 23px;
	background:#f7fdfd;
	filter:alpha(opacity=90);   
	-moz-opacity: 0.90;   
	opacity: 0.90;
	display:block;	
	cursor:pointer;
}
.menu_btn a:hover, .menu_btn .webseoanalyticsLinker:hover{
	background:#CCD6DC;
}


/* == */

.offers_div ul{
	list-style:none;
	padding:0px;
	margin:0 0 10px 0;
}
.offers_div ul li{
	list-style:none;
	margin:0 0 5px 0;
	padding:0px;
}
.offers_div ul li a{
	text-decoration:none;
	font-size:12px;
}
.offers_div ul li .loc{
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}


.offersel_title{
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0 0 13px 0;
}


/* ======== */

.homeform{
	width:253px;
	height:107px;
	margin:0;
	padding:13px 0 0 18px;
	/*background:url(../images/homeformbg.png) repeat;	*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:absolute;
	z-index:80;
	top:301px; 
	left:19px;
	background:#eee;
	filter:alpha(opacity=85);   
	-moz-opacity: 0.85;   
	opacity:0.85;
}

.homeform_title{
	font-size:11px;
	color:#333333;
	margin:0;
	padding:0 0 5px 0;
	font-weight:bold;
}

.homeform_label{
	font-size:11px;
	color:#333333;
	margin:0;
	padding:0;
	width:54px;
	float:left;	
}

.homeform_select_sm{
	background:#b8b6ae;
	margin:0 0 3px 0;
	padding:1px;
	width:52px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fff;
	border:none;
	float:left;
}

#homeform_inputdate{
	background:#b8b6ae;
	margin:0 3px 3px 0;
	padding:1px 2px;
	width:150px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fff;
	border:none;
	float:left;
}

.homeform_label_2{
	font-size:11px;
	color:#333333;
	margin:0 0 0 22px;
	padding:0;
	width:55px;
	float:left;	
}

.homeform_submit{
	margin:0 20px 0 0;
	padding:2px;
	float:right;
	background:none;
	border:none;
	font-size:11px;
	color:#333333;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	cursor:pointer;
}
.homeform_submit:hover{
	color:#777;
}

.webseoanalyticsLinker{
	cursor:pointer;
}