@charset "UTF-8";
html {
	background-image: url(images/bg_master_page.jpg);
	background-repeat: no-repeat;
	background-color: #FFF;
	background-attachment: fixed;
	background-size: 100%;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
body {
	margin: 0px;
	background-repeat: no-repeat;
	min-width: 1000px;
}
#header {
	background-image: url(images/bg_header.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: fixed;
	height: 130px;
	width: 100%;
	top: 0px;
	z-index: 3;
}
.logo {
	position: absolute;
	height: 99px;
	width: 281px;
	left: 11px;
	top: 7px;
}
.bottomer_in {
	position: absolute;
	height: 148px;
	width: 900px;
	left: 0px;
	top: 20px;
}
.bottomer_in_item {
	position: absolute;
	height: 148px;
	display: inline-block;
    *display: inline;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #3C0;
	padding-right: 25px;
	padding-left: 25px;
	width: 254px;
}
.bottomer_in_item2 {
	position: absolute;
	height: 148px;
	display: inline-block;
    *display: inline;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #3C0;
	padding-right: 25px;
	padding-left: 25px;
	left: 304px;
	width: 254px;
}
.bottomer_in_item3 {
	position: absolute;
	height: 148px;
	display: inline-block;
    *display: inline;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #3C0;
	padding-right: 25px;
	padding-left: 25px;
	left: 609px;
	width: 37px;
}
.bottomer_in_item6 {
	position: absolute;
	height: 148px;
	display: inline-block;
    *display: inline;
	padding-right: 25px;
	padding-left: 25px;
	left: 700px;
	width: 37px;
}
.menu {
	position: absolute;
	height: 85px;
	width: 700px;
	right: 70px;
	top: 10px;
	text-align: right;
}
.menu_item {
	height: 59px;
	min-width: 30px;
	padding-top: 26px;
	padding-right: 25px;
	padding-left: 25px;
	position: relative;
	display: inline-block;
	zoom: 1;
    *display: inline;
	font-family: 'Roboto', sans-serif;
	font-size: 25px;
	color: #666;
	background-repeat: no-repeat;
	background-position: center;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #3C0;
	font-weight: 300;
}
.menu_item:hover {
	font-family: 'Roboto', sans-serif;
	font-size: 25px;
	color: #990099;
	background-image: url(images/bg_menu_item_active.png);
	background-repeat: no-repeat;
	
}
.menu_item2 {
	height: 59px;
	min-width: 30px;
	padding-top: 26px;
	padding-right: 25px;
	padding-left: 25px;
	position: relative;
	display: inline-block;
	zoom: 1;
    *display: inline;
	font-family: 'Roboto', sans-serif;
	font-size: 25px;
	color: #666;
	background-repeat: no-repeat;
	background-position: center;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #3C0;
	font-weight: 300;
}
.menu_item2:hover {
	font-family: 'Roboto', sans-serif;
	font-size: 25px;
	color: #990099;
	background-image: url(images/bg_menu_item_active2.png);
	background-repeat: no-repeat;
}
#footer {
	position: fixed;
	height: 44px;
	width: 100%;
	background-image: url(images/bg_news_belt.png);
	background-repeat: repeat-x;
	background-position: left top;
	bottom: 0px;
	padding-top: 20px;
}
.footer_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
	text-decoration: none;
}
#page {
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	height: 100vh;
	width: 100%;
	min-width: 1000px;
}
#content {
	width: 600px;
	min-height: 376px;
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: auto;
	background-image: url(images/bg_content.png);
	background-repeat: repeat-y;
	float: none;
	background-position: left top;
	padding-top: 26px;
	padding-left: 26px;
	padding-right: 350px;
	padding-bottom: 16px;
}
.content_right {
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #33ccff;
	position: absolute;
	width: 250px;
	right: 40px;
	padding-left: 26px;
	top: 20px;
	height: 305px;
}
#content_start {
	position: relative;
	width: 950px;
	background-image: url(images/bg_content_end.png);
	height: 10px;
	margin-top: 150px;
	margin-right: 0px;
	margin-left: auto;
	padding-left: 26px;
}
#content_end {
	position: relative;
	width: 950px;
	background-image: url(images/bg_content_end.png);
	height: 10px;
	margin-bottom: 100px;
	margin-right: 0px;
	margin-left: auto;
	padding-left: 26px;
}
.bottomer {
	position: fixed;
	height: 150px;
	width: 100%;
	background-image: url(images/bg_news_belt.png);
	background-repeat: repeat-x;
	background-position: left top;
	bottom: 0px;
	padding-top: 26px;
}
.news_item {
	min_height: 32px;
	width: 150px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 52px;
	position: relative;
	padding-right: 52px;
	background-image: url(images/bg_news_item.png);
	background-position: center;
	background-repeat: no-repeat;
}
.index_filler {
	position: relative;
	height: 74px;
	width: 254px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.news_item:hover {
	background-image: url(images/bg_news_item_hover.png);
	background-position: center;
}

.news_thumbnail {
	background-color: #666;
	position: absolute;
	height: 32px;
	width: 32px;
	left: 0px;
	top: 10px;
}
.universal_overlay {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
}
.footer_link:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCC;
	text-decoration: none;
}
.page_labeled_thumb {
	height: 132px;
	width: 132px;
	position: relative;
	margin-right: 10px;
	margin-bottom: 10px;
	display: inline-block;
	zoom: 1;
    *display: inline;
	background-color: #FFF;
	padding: 1px;
	border: 1px solid #CCC;
}

.page_labeled_thumb:hover {
    padding: 1px;
	border: 1px solid #3C0;
}

.outerbox {
    width: 100px;
    height:100px;
    border: solid 2px #000;
    float: left;
    margin-right: 20px;
    position: relative;
    cursor: pointer;
    overflow:hidden;
    }

.item {
    width: 70px;
    height: 70px;
    background: red;
    opacity: 0;
    position: absolute;
    top: 10px;
    left: 0px;
    z-index:100;
    }

#page_overlay {
	width:100%;
	z-index:2;
	}
	


.submenu {
	display: none;
	width:760px;
	position: fixed;
	top: 95px;
	right: 0px;
	background-image: url(images/bg_submenu.png);
	background-repeat: repeat;
	background-position: top;
	text-align: left;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	}
.submenu_item {
	height: 32px;
	width: 220px;
	position: relative;
		font-family: 'Roboto', sans-serif;
	font-size: 18px;
	color: #FFF;
	margin-bottom: 20px;
	padding: 10px;
	margin-right: 20px;
	display: inline-block;
	zoom: 1;
    *display: inline;
}
.submenu_item:hover {
	background-image: url(images/bg_submenu_item_active.png);
	background-repeat: repeat;
}	
.menu .menu_itemHover .submenu,
.menu .menu_item:hover .submenu {
	display: inherit;	 
	}
.content_in {
	width: 710px;
	padding-top: 100px;
	padding-bottom: 40px;
	position: relative;
	padding-right: 250px;
	padding-left: 20px;
}
.line {
	height: 10px;
	width: 100%;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	position: relative;
}
.page_labels {
	height: 30px;
	width: 710px;
	margin-top: 10px;
	margin-bottom: 20px;
	position: relative;
}
.right_side {
	position: absolute;
	height: 350px;
	width: 180px;
	left: 754px;
	top: 160px;
	padding-right: 20px;
	padding-left: 23px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #666;
}
.text_field {
	border: 1px solid #090;
	position: relative;
	height: 20px;
	width: 400px;
}
.text_area {
	border: 1px solid #090;
	position: relative;
	height: 100px;
	width: 400px;
}
.kon_item_holder {
	width: 480px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 120px;
	position: relative;
	height: 104px;
	margin-bottom: 0px;
	margin-top: 0px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
}
.kon_tn_holder {
	position: absolute;
	height: 100px;
	width: 100px;
	top: 20px;
	left: 0px;
	padding: 1px;
	border: 1px solid #CCC;
}

img#bg {
	/* Stretch background */
		position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:0;
	}
.menu_item_lang {
	height: 48px;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	color: #666;
	font-weight: 300;
	position: absolute;
	top: 24px;
	right: -45px;
}
.font_lang_link {
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	color: #666;
	font-weight: 300;
	text-decoration: none;
}
.font_lang_link:hover {
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	color: #990099;
	font-weight: 300;
	text-decoration: none;
}
.font_lang_link:active {
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	color: #990099;
	font-weight: 300;
	text-decoration: none;
}
.font_news_prev_tittle {
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	color: #333;
	font-weight: 300;
	text-decoration: none;
	line-height: 17px;
}
.font_news_prev_desc {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	color: #999;
	font-weight: 300;
	text-decoration: none;
	line-height: 15px;
}
.font_index_desc1 {
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	color: #33ccff;
	font-weight: 300;
	text-decoration: none;
}
.font_index_desc2 {
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	color: #3C0;
	font-weight: 300;
	text-decoration: none;
}
.font_text_index_st {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	color: #333;
	font-weight: 300;
	text-decoration: none;
	line-height: 15px;
}
.field_master {
	border: 1px solid #999;
	height: 22px;
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
}
.bottomer_in_item4 {
	position: absolute;
	height: 35px;
	display: inline-block;
    *display: inline;
	padding-right: 10px;
	padding-left: 10px;
	left: 0px;
	width: 153px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #390;
}
.bottomer_in_item5 {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #999;
	font-weight: 300;
	text-decoration: none;
	position: absolute;
	height: 26px;
	display: inline-block;
    *display: inline;
	padding-right: 10px;
	padding-left: 10px;
	left: 184px;
	width: 700px;
	padding-top: 10px;
}
h1 {
	font-family: 'Roboto', sans-serif;
	font-size: 28px;
	color: #3C0;
	font-weight: 100;
	text-decoration: none;
	line-height: 30px;
	margin-top: -10px;
}
h2 {
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	color: #33ccff;
	font-weight: 300;
	text-decoration: none;
	line-height: 27px;
	margin-top: -10px;
}
h3 {
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	color: #000;
	font-weight: 300;
	text-decoration: none;
	line-height: 24px;
	margin-top: -10px;
}

h4 {
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	color: #000;
	font-weight: 300;
	text-decoration: none;
	line-height: 24px;
	margin-top: -10px;
}
.kont_font_desc {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #333;
	font-weight: 300;
	text-decoration: none;
	line-height: 14px;
}
.kont_font_name {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	color: #3C0;
	font-weight: 300;
	text-decoration: none;
	line-height: 20px;
	margin-top: -10px;
}

.page_link {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #33ccff;
	font-weight: 300;
	text-decoration: none;
	line-height: 22px;
	margin-top: -10px;
}

.page_link:hover {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #3C0;
	font-weight: 300;
	text-decoration: none;
	line-height: 22px;
	margin-top: -10px;
}

.subpage_lable {
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
	color: #33ccff;
	font-weight: 100;
	text-decoration: none;
	line-height: 30px;
}



.page_pic {
	position: relative;
	height: auto;
	width: 596px;
	background-color: #FFF;
	padding: 1px;
	border: 1px solid #CCC;
	margin-bottom: 20px;
}


.page_pic_overlay {
	position: absolute;
	height: 100px;
	width: 100%;
	left: 1px;
	top: 1px;
}
.link_pic {
	position: relative;
	height: auto;
	width: 596px;
	background-color: #FFF;
	padding: 1px;
	border: 1px solid #CCC;
}
.link_pic_font {
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	color: #999999;
	font-weight: 300;
	text-decoration: none;
	line-height: 20px;
}
.like_holder {
	text-align: right;
	position: absolute;
	height: 21px;
	width: 170px;
	bottom: 16px;
	right: 20px;
}
.blog_news_holder {
	position: relative;
	width: 380px;
	padding-left: 220px;
	margin-bottom: 30px;
}
.blog_prev_image {
	position: absolute;
	width: 196px;
	height: 63px;
	padding: 1px;
	border: 1px solid #CCC;
	left: 0px;
	top: 0px;
}