body {margin: 0; background-color: #f4f1ec; font-family: "Trebuchet MS";}
img {border: none;}
div {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.xsize {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
input, textarea, select {font-family: "Trebuchet MS";}

div.wrap {width: 1200px; margin: 0 auto;}

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

div#top {width: 100%; height: 40px; background-color: #007196; overflow: hidden;}

#top div.lang {float: left; overflow: hidden;}
	#top .lang a {display: block; float: left; margin: 10px 20px 0 0; font-size: 12px; color: #fff; text-decoration: none;}
	#top .lang a:hover {text-decoration: underline;}
	#top .lang a.select {font-weight: bold; text-shadow: 1px 1px 2px #000;}
		#top .lang div.icon {width: 20px; height: 13px; margin: 3px 5px 0 0; float: left; background-image: url('./img/top_lang.png');}
			#top .lang div.kg {background-position: 0 0;}
			#top .lang div.ru {background-position: -20px 0;}
			#top .lang div.en {background-position: -40px 0;}
			
#top div.login {float: right; overflow: hidden; color: #fff; font-size: 12px;}
	#top .login div.text {float: left; padding-top: 10px; margin-right: 10px;}
		#top .login .text a {color: #fff; text-decoration: underline;}
		#top .login .text a:hover {text-decoration: none;}
	#top .login div.input {float: left; padding-top: 9px; margin-right: 10px;}
		#top .login .input input.text {width: 120px; height: 20px; background-color: #00a0d4; border: 1px solid #02b7f2; color: #fff; font-size: 12px;}
		#top .login .input input.submit {height: 20px; padding: 0 10px; background-color: #008ebc; border: 1px solid #01a9df; color: #fff; font-size: 12px;}


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

div#header {width: 100%; height: 250px; background-image: url('./img/header_bg.png'); background-repeat: repeat-x; overflow: hidden;}

#header div.logotype {position: absolute; margin-top: 80px;}
	#header .logotype a {display: block; width: 364px; height: 103px; background-image: url('./img/logotype.png');}
	
#header div.banner {width: 592px; height: 212px; margin-top: 25px; float: right; overflow: hidden; background-image: url('./img/banner_back.png');}
	#header div.ins {width: 560px; height: 180px; margin-top: 15px; margin-left: 15px;}
	#header .banner .slides {display: block; width: 560px; height: 180px; position: relative; overflow: hidden; margin: 0; padding: 0;}
		#header .banner .slides li {position: absolute; top: 0; left: 0; overflow: hidden;}
		#header .banner .slides li img {display: block; width: 100%; max-width: none;}
		#header .banner .slides li.active {display: block; position: relative;}
		#header .banner .crop li img {width: auto;}
		#header .banner .pager {display: none;}


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

div#links {width: 100%; height: 40px; background-image: url('./img/links_bg.png'); background-repeat: repeat-x;}

#links ul {margin: 0; padding: 0; list-style: none; font-size: 13px; float: left;}
	#links ul li {float: left; display: block; position: relative; z-index: 500;}
	#links ul a.head {display: block; height: 40px; *height: 20px; color: #fff; text-decoration: none; padding: 10px;}
	#links ul a.head:hover {background-color: #0163a7;}
	#links ul div.sub {position: absolute; width: 200px; left: 0; display: none; margin: 0; padding: 0; list-style: none; background-color: #0c83d5;}
		#links ul .sub a {display: block; height: 40px; *height: 20px; color: #fff; padding: 10px; text-decoration: none;}
		#links ul .sub a:hover {background-color: #0163a7;}
	#links ul div.dot {float: left; width: 10px; height: 40px; background-image: url('./img/links_dot.png'); background-repeat: no-repeat; background-position: center 18px;}

#links div.search {float: right;}

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

div#content {width: 1200px; margin: 20px auto;}

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

div#box {margin: 10px 10px 0 10px; padding-bottom: 10px; background-color: #fff; border: 1px solid #e6e6e6; font-size: 12px;}
	#box div.header {width: 100%; margin-bottom: 10px; padding: 5px 10px; text-align: left; color: #fff; background-color: #0c83d5; font-size: 16px;}
	#box.w200 div.header {*width: 210px;}
	#box.w540 div.header {*width: 660px;}

#box hr {width: 100%; height: 1px; border: none; background-color: #e9e9e9;}
	
div.w200 {width: 230px;}
div.w540 {width: 680px;}
div#shadowl {width: 230px; height: 17px; margin: 0 10px 20px 10px; background-image: url('./img/box_smallshadow.png'); background-position: top center; background-repeat: no-repeat;}
div#shadowb {width: 680px; height: 17px; margin: 0 10px 20px 10px; background-image: url('./img/box_bigshadow.png'); background-position: top center; background-repeat: no-repeat;}

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

div#left {width: 250px; float: left; overflow: hidden;}

#left div.sections {width: 100%; *width: 210px; padding: 0 10px 10px;}
	#left .sections a {display: block; width: auto; color: #2998e7; text-decoration: underline; font-size: 14px;}
	#left .sections a:hover {text-decoration: none;}
	#left .sections a.a1 {margin: 0 0 5px 0;}
	#left .sections a.a2 {margin: 0 0 5px 10px;}
	
#left div.forum {width: 100%; *width: 180px; padding: 0 10px;}
	#left .forum h1 {font-size: 14px; margin: 5px 0 0;}
	#left .forum p {margin: 10px 0;}
	#left .forum a {color: #0c83d5; text-decoration: underline;}
	#left .forum a.black {color: #000;}
	#left .forum a:hover {text-decoration: none;}
	
#left div.banners {width: 230px; margin: 0 auto; text-align: center;}
	#left .banners p {margin: 10px 0;}
	
#left div.html {width: 250px; margin: 10px auto;}
	
/******/

div#right {width: 250px; float: right; overflow: hidden;}

#right div.info {width: 100%; *width: 180px; padding: 0 10px;}
	#right .info a.link {clear: both; color: #0c83d5; text-decoration: underline;}
	#right .info a.link:hover {text-decoration: none;}
	#right .info div.small {font-size: 11px; margin-bottom: 10px;}
		#right .info .small a {text-decoration: underline; color: #0c83d5;}
		#right .info .small a:hover {text-decoration: none;}
		
#left div.html {width: 250px; margin: 10px auto; text-align: center;}
		
/*****/
		
#content div.plug {
	background: rgb(65,164,233); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(65,164,233,1) 0%, rgba(8,120,197,1) 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(65,164,233,1)), color-stop(99%,rgba(8,120,197,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(65,164,233,1) 0%,rgba(8,120,197,1) 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(65,164,233,1) 0%,rgba(8,120,197,1) 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(65,164,233,1) 0%,rgba(8,120,197,1) 99%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(65,164,233,1) 0%,rgba(8,120,197,1) 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41a4e9', endColorstr='#0878c5',GradientType=0 ); /* IE6-9 */
}
	#content .plug div.header {background: transparent;}
		#content .plug .header div.icon {width: 20px; height: 20px; margin-top: 2px; float: right;}
		#content .plug .header div.question {background-image: url('./img/box_icon_question.png');}
		#content .plug .header div.forum {background-image: url('./img/box_icon_forum.png');}
	#content .plug div.text {margin: 5px 10px; color: #fff; font-size: 16px;}
		#content .plug .text a {color: #fff; text-decoration: underline; font-size: 13px;}
		#content .plug .text a:hover {text-decoration: none;}
	
/*********************************/

div#body {width: 700px; float: left; overflow: hidden;}

#body div.mainnews {width: 680px; overflow: hidden; font-size: 12px;}
	#body .mainnews div.line {width: 340px; *width: 320px; padding: 0 10px; float: left; margin-bottom: 10px;}
		#body .mainnews .line a.image {display: block; width: 60px; height: 60px; float: left; overflow: hidden; background-position: center;}
		#body .mainnews .line div.text {width: 250px; margin-left: 10px; float: left; overflow: hidden; line-height: 15px;}
			#body .mainnews .line .text a {color: #000; text-decoration: none;}
			#body .mainnews .line .text a:hover {text-decoration: underline;}
			#body .mainnews .line .text div.data {color: #aaa;}

#body div.pages {width: 660px; overflow: hidden; margin: 0 auto;}
	#body .pages div.type {float: left; margin-top: 2px; margin-right: 10px; font-size: 14px;}
	#body .pages a {display: block; float: left; margin-right: 10px; width: 25px; height: 25px; *height: 20px; padding-top: 3px; text-align: center; border: 1px solid; border-color: #d1d1d1; border-radius: 25px; text-decoration: none; color: #000; font-weight: bold;}
	#body .pages a:hover {background-color: #f3f3f3;}
	#body .pages a.select {border-color: #0c83d5; background-color: #2998e7; color: #fff;}

#body div.alist {width: 660px; overflow: hidden; margin: 0 auto;}
	#body .alist div.alert {width: 100%; padding: 10px; color: #8d0000; border: 1px solid #f95454; background-color: #fff1f1; font-size: 16px; text-align: center;}
	#body .alist div.line {width: 660px; clear: both; overflow: hidden; border-bottom: 1px solid #0c83d5; padding-bottom: 10px; margin-bottom: 10px;}
		#body .alist div.image {width: 75px; height: 75px; float: left; margin: 0 10px 0 0; background-position: center center;}
		#body .alist h1 {margin: 0; font-size: 16px;}
			#body .alist h1 a {color: #0c83d5; text-decoration: underline;}
			#body .alist h1 a:hover {text-decoration: none;}
		#body .alist div.date {font-size: 12px; color: #8b8b8b; margin-top: 5px;}
		#body .alist div.dateart {float: right; background-color: #ededed; padding: 10px; margin: 0 0 10px 10px;}
		#body .alist p {margin-top: 5px;}
		
#body div.map {width: 660px; height: 317px; margin: 0 auto 20px; background-image: url('./img/map.png');}
	#body .map a.marker {position: absolute; padding: 2px 5px; border: 1px solid #ffdf5d; background-color: #fff9e0; font-size: 12px; color: #000; text-decoration: none; box-shadow: 0 0 5px #0053a0;}
	#body .map a.marker:hover {border-color: #0c83d5; background-color: #e5f4ff;}
		
#body div.share {width: 660px; margin: 0 auto; border-top: 1px solid #0c83d5; border-bottom: 1px solid #0c83d5; padding: 10px 0; overflow: hidden;}
	#body .share h1 {float: left; color: #0c83d5; font-size: 16px;}
	#body .share div {float: left; margin: 5px 0 0 10px;}
	#body .share div.little {float: right; margin-top: 0px;}
		
#body div.gallery {width: 670px; overflow: hidden; margin: 0 auto;}
	#body .gallery a.album {display: block; float: left; margin-left: 10px; margin-bottom: 10px; width: 210px; *width: 190px; padding: 10px; border: 1px solid #eee; text-align: center; color: #000; text-decoration: none; font-size: 11px;}
	#body .gallery a.album:hover {border-color: #0c83d5; text-decoration: underline;}
		#body .gallery a.album div.img {width: 190px; height: 120px; margin-bottom: 5px; background-position: center;}
	#body .gallery a.photo {display: block; width: 120px; height: 80px; margin-left: 10px; margin-bottom: 10px; float: left; background-position: center;}
		
#body div.reg {width: 420px; margin: 30px auto; overflow: hidden;}
	#body .reg h1 {font-size: 16px; margin: 0; color: #0c83d5;}
	#body .reg input.text {width: 200px; *width: 185px; height: 30px; *height: 20px; padding: 5px; margin: 0; border: 1px solid #d8d8d8; color: #000; font-size: 14px;}
		#body .reg input.text:focus {border-color: #0c83d5;}
		#body .reg input.caps {width: 100px;}
		#body .reg input.submit {width: 420px; padding: 10px; text-align: center; background-color: #0c83d5; color: #fff; border: none; font-size: 18px; cursor: pointer;}
	#body .reg div.error {width: 420px; *width: 375px; margin-top: 20px; margin-bottom: 20px; padding: 20px; border: 1px solid #d91616; background-color: #ffe8e8; text-align: center;}
		#body .reg .error h1 {color: #d91616;}
			
#body div.art {width: 660px; overflow: hidden; margin: 0 auto; font-size: 13px;}
	#body .art h1 {margin: 5px 0; font-size: 20px; color: #0c83d5;}
	#body .art h2 {margin: 5px 0; font-size: 16px; color: #0c83d5;}
	#body .art h3 {margin: 5px 0; font-size: 16px; color: #000;}
	#body .art div.block {overflow: hidden; clear: both;}
	#body .art div.justify {text-align: justify;}
	#body .art div.center {overflow: hidden; clear: both; text-align: center;}
	#body .art img.left {float: left; clear: left; margin: 0 10px 10px 0;}
	#body .art img.right {float: right; clear: right; margin: 0 0 10px 10px;}
	#body .art p {margin: 3px 0 10px;}
	#body .art p.right {text-align: right;}
	#body .art a {color: #2998e7;}
	#body .art a:hover {text-decoration: none;}
	#body .art ul {margin: 5px; padding: 5px;}
	#body .art ul.num {list-style: decimal;}
		#body .art li {margin-left: 15px;}
		#body .art ul.num li {margin-left: 20px;}
	#body .art table {width: 660px; overflow: hidden; border: none;}
	#body .art table.border {border: 1px solid #777;}
		#body .art table.border td {border: 1px solid #777;}
		#body .art table td {margin: 5px; padding: 5px; vertical-align: top;}
		#body .art table tr.head {background-color: #0c83d5; color: #fff;}
		
#body div.forum {width: 660px; overflow: hidden; margin: 0 auto;}
	#body .forum table {width: 660px; border: none;}
		#body .forum table td {padding: 10px; margin: 0; vertical-align: top;  font-size: 14px;}
		#body .forum table tr:hover {background-color: #fff8ed;}
		#body .forum table td.top {background-color: #0c83d5; color: #fff; font-size: 12px;}
	#body .forum a {color: #2998e7; text-decoration: underline;}
	#body .forum a:hover {text-decoration: none;}
	
#body div.option {width: 660px; *width: 580px; overflow: hidden; margin: 10px auto; padding: 10px; background-color: #efeeee; font-size: 14px;}
	#body .option div.left {width: 300px; float: left;}
	#body .option div.right {width: 300px; float: right;}
		#body .option .right a {color: #3ba0ea; text-decoration: underline;}
		#body .option .right a:hover {text-decoration: none;}
	#body .option div.form {width: 100%; clear: both; margin-top: 10px;}
		#body .option .form h1 {font-size: 16px; margin: 5px 0; padding: 0;}
		#body .option .form input.text {width: 640px; *width: 630px; height: 24px; padding: 3px;}
		#body .option .form input.small {width: 300px;}
		#body .option .form input.caps {width: 120px;}
		#body .option .form textarea {width: 640px; *width: 630px; height: 150px; padding: 10px;}
		#body .option .form input.submit {padding: 5px 25px; font-size: 14px; background-color: #0c83d5; border: 1px solid #035893; color: #fff; border-radius: 25px; cursor: pointer;}
		
#body div.a_black {width: 660px; *width: 500px; margin: 10px auto 0; padding: 10px; background-color: #004d82; color: #fff; text-align: center; font-size: 16px;}
#body div.a_gray {width: 660px; *width: 500px; margin: 10px auto 0; padding: 10px; background-color: #d6e8ff; color: #000; text-align: center; font-size: 16px;}
#body div.a_red {width: 660px; *width: 500px; margin: 10px auto 0; padding: 10px; border: 1px solid #bd0a0a; background-color: #ffeded; color: #000; text-align: center; font-size: 16px;}
		
#body div.comment {width: 660px; overflow: hidden; margin: 10px auto 0;}
	#body .comment h1 {margin: 0; font-size: 16px;}
	#body .comment h1.header {font-size: 20px; color: #0c83d5; border-top: 1px solid #0c83d5; padding-top: 10px;}
	#body .comment div.line {width: 660px; overflow: hidden; margin: 10px 0; padding-bottom: 10px; border-bottom: 1px solid #e6e6e6;}
	#body .comment div.notshow {padding: 5px; border: 1px solid #ca0000; background-color: #ffe4e4;}
	#body .comment div.avatar {float: left; margin-right: 10px;}
	#body .comment div.moderator {width: 300px; text-align: right; position: absolute; margin-left: 340px;}
		#body .comment .moderator a {color: #b00101; text-decoration: underline;}
		#body .comment .moderator a:hover {text-decoration: none;}
	#body .comment div.post {width: 590px; float: left; overflow: hidden; text-align: justify;}
	#body .comment div.coms {width: 660px;}
	#body .comment h2 {margin: 0 0 5px; font-size: 13px;}
		#body .comment h2 a {color: #000; text-decoration: none;}
		#body .comment h2 a:hover {color: #0c83d5; text-decoration: underline;}
		#body h2 span {font-size: 11px; color: #5f5f5f; font-weight: normal;}
		
#body div.recs {width: 660px; overflow: hidden; margin: 10px auto 0;}
	#body .recs div.q {width: 660px; overflow: hidden; border-bottom: 1px solid #c2c2c2; padding-bottom: 15px; text-align: justify;}
		#body .recs .q h1 {font-size: 16px; margin: 10px 0;}
			#body .recs .q h1 span {font-size: 12px; color: #90908f;}
			
#body #box div.hrline {width: 660px; height: 1px; margin: 10px auto; border-bottom: 1px solid #c0c0c0;}

#body div.user {width: 660px; overflow: hidden; margin: 10px auto 0; padding: 50px;}
	#body .user h2 {color: #0c83d5; margin: 0; font-size: 18px;}
	#body .user h3 {color: #0c83d5; margin: 5px 0; font-size: 14px;}
	#body .user div.anno {font-size: 14px; color: #0c83d5;}
	#body .user div.red {font-size: 14px; color: #bd0a0a;}
	#body .user div.options {overflow: hidden; margin-top: 20px; padding-top: 10px; border-top: 1px solid #0c83d5;}
		#body .user .options input.text {width: 200px; border: 1px solid #0c83d5;}
		#body .user .options input.file {*width: auto;}
		#body .user .options p {margin: 5px 0 10px;}
		#body .user .options input.submit {padding: 5px 25px; font-size: 14px; background-color: #0c83d5; border: 1px solid #035893; color: #fff; border-radius: 25px; cursor: pointer;}

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

#jquery-overlay {position: absolute; top: 0; left: 0; z-index: 900; width: 100%; height: 100%;}
#jquery-lightbox {position: absolute; top: 0; left: 0; width: 100%; z-index: 1000; text-align: center; line-height: 0;}
#jquery-lightbox a img {border: none;}
#lightbox-container-image-box {position: relative; background-color: #0c83d5; width: 250px; height: 250px; margin: 0 auto;}
#lightbox-container-image {padding: 10px;}
#lightbox-loading {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#lightbox-nav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#lightbox-container-image-box > #lightbox-nav {left: 0;}
#lightbox-nav a {outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%; height: 100%; zoom: 1; display: block;}
#lightbox-nav-btnPrev {left: 0; float: left;}
#lightbox-nav-btnNext {right: 0; float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0;}
#lightbox-container-image-data {display: none; padding: 0 10px; color: #666;}
#lightbox-container-image-data #lightbox-image-details {width: 70%; float: left; text-align: left;}	
#lightbox-image-details-caption {font-weight: bold;}
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;}			
#lightbox-secNav-btnClose {width: 66px; float: right; padding-bottom: 0.7em;}

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

div#footer {width: 100%; padding: 10px 0; background-color: #0c83d5; color: #fff; font-size: 11px; overflow: hidden;}
	#footer a {color: #fff; text-decoration: underline;}
	#footer a:hover {text-decoration: none;}
	#footer div.left {width: 400px; float: left; text-align: left;}
	#footer div.center {width: 400px; margin: 0 auto; text-align: center;}
	#footer div.right {width: 400px; float: right; text-align: right;