@import url(common.css);

/* Styles which is needed for admin-panel */
#common {
	width: 940px;
	height: 600px;
	margin: auto;
	text-align: left;
	border: 1px solid #00f;
}

#header {
	margin:10px 0px 5px 0px;
	width: 100%;
	border: 1px solid #CDCDCD;
}

#language {
	float: right;
}

#language a.active {
	font-weight: bold;
}

#main {
	width: 770px;

	float: right;
	clear: right;
	border: 1px solid #0f0;
}

#navbar {
	width: 159px;
	height: 653px;
	float: left;
	clear: left;
	border: 1px solid #00f;
}

#footer {
	padding-top: 20px;
	width: 100%;
	clear: both;
	border: 1px solid #f00;
}

#dhtmltooltip2 {
	position: absolute;
	border: 1px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

.fr_input {
	border: 1px solid #bbbbbb;
	font-family: Tahoma;
	font-size: 11px;
	background-color: #ffffff;
	vertical-align: bottom;
}

.canvas_content_form_config
{
	background-color:#EEE;
	border: 1px solid #AAA;
	padding: 8px;
	margin: 8px;
	width:350px;
	float:left;
}

/*	Site-design styles.	

	All described classes has intuitive comprehensible names.
	So, with help classes names is possible to understand what element (block) is described.

	Also the visual(element positions) description and font(text) description are separated.
*/


/* Background */
body
{
	margin:0px;
	padding:0px;
	text-align:center;
	background-color:#3B5D5E;
	background-image: url('../img/green_bg.gif');
	width:100%;
	/*overflow-y: scroll;*/
}

/*Visual block-location*/
.content
{
	margin: auto;
	margin-top:10px;
	text-align:center;
	width:1024px;
}
 
.canvas
{
	margin:0px;
	padding: 0px;
	text-align:left;
	background-color:#FFFFFF;
	background-image: url('../img/white_bg.gif');	
	float:left;
}

.canvas_in
{
	margin:0px;
	padding: 14px 15px 14px 42px;
	float:left;
}

.canvas_content
{
	position:relative;
	margin:0px;
	padding:0px 0px 0px 0px;
	width:456px;
	min-height:711px;
	float:left;
}

.canvas_content_in
{
	padding:0px 30px 0px 0px;
	float:left;
}

.canvas_content_up
{
	min-height:96px;
	width:426px;
	float:left;
}
.canvas_content_up_logo
{
	min-height:96px;
	width:369px;
	float:left;
}
.canvas_content_up_languages
{
	position:absolute;
	top:0px;
	left:360px;
	float:left;
}
.canvas_content_up_languages_code
{
	padding:0px 0px 5px 2px;
	margin: 0px 0px 0px 0px;
	float:left;
}
.canvas_content_menu
{
	height:83px;
	width:390px;
	float:left;
}

.canvas_content_menu_column1,
.canvas_content_menu_column2,
.canvas_content_menu_column3
{
	float: left;
	background: url('../img/menu_line.gif') no-repeat;
	height:83px;
}
.canvas_content_menu_column1
{
	width:145px;
}

.canvas_content_menu_column2
{
	width:100px;
}

.canvas_content_menu_column3
{
	width:135px;
}

.canvas_content_menu_column1_in
{
	padding: 5px 0px 0px 7px;
}

.canvas_content_menu_column2_in,
.canvas_content_menu_column3_in
{
	padding: 5px 0px 0px 7px;
}

.canvas_content_contentzone
{
	min-height:343px;
	width:369px;
	float:left;
}

/*
.canvas_content_contentzone_in
{
	padding:0px 0px 0px 14px;
}
*/

.canvas_content_form
{
	height:89px;
	width:426px;
	float:left;
	margin: 0 0 0 0;
	border-bottom:1px solid #D9D9D9;
	margin-bottom:28px;
	padding-bottom:10px;
}

.canvas_content_form_title,
.canvas_content_form_firstline,
.canvas_content_form_secondline
{
	width:426px;
	float:left;
}

.canvas_content_form_title
{
	height:24px;
	background: url('../img/formline.gif') repeat-x;
}

.canvas_content_form_title_in
{
	padding: 9px 0px 0px 0px;
}

.canvas_content_form_firstline
{
	height:34px;
}

.canvas_content_form_secondline
{
	height:34px;
}

.canvas_content_form_secondline_nights,
.canvas_content_form_secondline_adults,
.canvas_content_form_secondline_children,
.canvas_content_form_secondline_code,
.canvas_content_form_secondline_button
{
	width:56px;
	float:left;
}

.canvas_content_form_secondline_children
{
	width:52px;
}

.canvas_content_form_secondline_code
{
	width:134px;
}

.canvas_content_form_secondline_button
{
	width:128px;
	text-align:center;
}

.canvas_content_form_secondline_button a, 
.canvas_content_form_secondline_button a:link, 
.canvas_content_form_secondline_button a:visited
{
	font-size: 9px;
}

.canvas_content_form_secondline_button a:hover
{
	font-size: 9px;
	color: #000000;
	text-decoration: underline;
}


/* GALLERY */

.canvas_gallery,
.canvas_gallery_download,
.canvas_gallery_download_hat
{
	margin:0px;
	padding:0px;
	width:511px;
	height:611px;
	float:left;
}

.canvas_gallery_download_hat
{
	height:100px;
}
.canvas_gallery_download
{
	height:511px;
	display: block;
	overflow: auto;
	scrollbar-3dlight-color: #FFF; /* цвет верхней и левой границ полосы прокрутки, бегунка, стрелок */
	scrollbar-arrow-color:#FFF; /* цвет стрелок на кнопках */
	scrollbar-highlight-color: #FFF; /* цвет "освещенной" части бегунка и кнопок(цвет левых и верхних их граней) */
	scrollbar-face-color:#C7C7C7; /* основной цвет бегунка и кнопок */
	scrollbar-shadow-color:#FFF; /* цвет "неосвещенной" части бегунка и кнопок (цвет правых и нижних их граней) */
	scrollbar-darkshadow-color:#FFF; /* цвет "тени" бегунка и кнопок (цвет правых и нижних гранией) */
	scrollbar-track-color: #FFF; /* цвет рабочей части полосы прокрутки (фон) */
	
}

.canvas_gallery_photo
{
	margin:0px;
	padding:0px;
	width:511px;
	height:593px;
	background-color:#000;
	float:left;
}

.canvas_gallery_photo img
{
	position:absolute;
	display:none;
	z-index:0;
}

.canvas_gallery_video
{
	margin:0px;
	padding:0px;
	text-align:center;
	width:511px;
	height: 611px; /*611px;*/
	background-color:#868686;
	float:left;

}

.canvas_gallery_menu
{
	margin:0px;
	padding:0px;
	width:511px;
	height:18px;
	background-color:#868686;
	float:left;
}

.canvas_gallery_menu_caption
{
	padding:3px 0px 0px 23px;
	float:left;
}

.canvas_gallery_menu_links
{
	padding:3px 8px 0px 0px;
	float:right;
}


/* FOOTER */
.footer
{
	margin: 5px 0px 0px 0px;
	padding:0px;
	width:1024px;
	background-color:#FFFFFF;
	text-align:left;
	float:left;
	height:53px;
	position:relative;
}

.footer_in_left
{
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 18px 0 0 42px;	
	float:left;
	width: 457px;
}

.footer_nemu_link
{
	float:left;
	padding: 0 6px 0 0;	
}

.footer_text_container
{
	position: relative;
	float:left;	
	height: 55px;
	width: 316px;
	font-size: 9px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.footer_textblock1
{
	padding: 12px 10px 0 10px;
	float: left;
	width: 140px;
	background: url('../img/footer_div_line.gif') no-repeat;
}

.footer_textblock2
{
	padding: 12px 0 0 0;
	float: left;
	width: 130px;
}

.footer_in_right
{
	position: relative;
	float:left;
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;	
}

.footer_in_right div {
	float: left;
}

.footer_logo1
{
	height:53px;
	border: 0;
}

.footer_logo2
{
	height:53px;
	border: 0;
}

.footer_logo3
{
	height:53px;
	border: 0;
}


/*




.footer_textblock1
{
	position:absolute;
	background: url('../img/footer_div_line.gif') no-repeat;
	width:152px;
}

.footer_textblock1_in
{
	padding: 12px 0px 0px 10px;
	font-size: 10px;
}

.footer_textblock2
{
	float:left;
	margin-left:163px;
	width:143px;
}

.footer_textblock2_in
{
	padding: 12px 0px 0px 10px;
	font-size: 10px;
}



*/


H1.preheader {
	text-align: left;
	margin: 0 0 2px 0;
	font-size: 9px;
	height: 10px;
}

.postfooter {
	float: left;
	text-align: left;
	padding: 5px 0 0 0;
	width: 730px;
	font-size: 9px;
}

.copyright
{
	float:right;
	padding: 5px 0px 42px 0px;
	text-align:right;
}

/*FORM ELEMENTS STYLE*/
select, 
input, 
textarea
{
	font-size:10px;
/*	text-align:center;*/
	color:#000000;
}

.mounthselector,
.dayselector, 
.yearselector
{
	border:0px;
	width:82px;
	background-color: #EDEDED;
}

.mounthselector
{
	width:98px;
}

.secondlineselector
{
	width:40px;
}

.inputaccesscode
{
	background-color: #EDEDED;
	width:128px;
	height:16px;
	border:0px;
}

.inputsubmitcheck
{
	background-color: #299396;
	color: #FFFFFF;
	width:128px;
	height:18px;
	border:0px;	
}

img
{
	border:0px;
}



/*// WELCOME PAGE /////////////////////////////////////////////////////////////////////*/
.welcome
{
	margin:40px auto 0 auto;
	background:url('../img/welcome.jpg') no-repeat;
	height:610px;
	width:990px;
	text-align:left;
}

.welcome_title1
{
	position:absolute;
	padding:464px 0px 0px 144px;
	z-index:105;
}

.welcome_body1
{
	position:absolute;
	padding:505px 0px 0px 147px;
	text-align:justify;
	z-index:104;
}

.welcome_title2
{
	position:absolute;
	padding:464px 0px 0px 402px;
	z-index:103;
}

.welcome_body2
{
	position:absolute;
	padding:505px 0px 0px 404px;
	text-align:justify;
	z-index:102;
}

.welcome_title3
{
	position:absolute;
	padding:464px 0px 0px 657px;
	z-index:101;
}

.welcome_body3
{
	position:absolute;
	padding:505px 0px 0px 657px;
	text-align:justify;
	z-index:100;
}

.welcome_title_in
{
	width:200px;
}

.welcome_body_in
{
	width:200px;
	font-size: 9px;
	color:#7C8B8B;
	line-height:11px;
}

.social 
{
float:left;
width:510px;
height:160px;
text-align:right;
margin: 10px 0 10px 0;
}

.social * img
{
	display:inline;
}

.lang_EN, .lang_FR, .lang_RU, .lang_CN,
.lang_EN_selected,
.lang_FR_selected,
.lang_RU_selected,
.lang_CN_selected
{
	width:16px;
	height:11px;
	display:block;
	float:left;
	margin-left:5px;
}


.lang_EN {background:url('/img/langs.gif')  0px 0px;}
.lang_FR {background:url('/img/langs.gif')  -16px 0px;}
.lang_RU {background:url('/img/langs.gif')  -32px 0px;}
.lang_CN {background:url('/img/langs.gif')  -48px 0px;}

.lang_EN_selected {background:url('/img/langs.gif')  0px 11px;}
.lang_FR_selected {background:url('/img/langs.gif')  -16px 11px;}
.lang_RU_selected {background:url('/img/langs.gif')  -32px 11px;}
.lang_CN_selected {background:url('/img/langs.gif')  -48px 11px;}