@charset "UTF-8";

/*
	Верстка: Евгений Куклин
	http://verstalschik.com/

	/ *IE* / - данный комментарий после css-правила указывает на наличие дополнений к данному правилу в файле css/screen_ie.css
	
	Используемые в именах классов префиксы:
	
	.layout- или .l-					классы для элементов основной разметки страницы
	.block- или .b-						классы для смысловых блоков
	.type- или .t-						классы для указания типа блока или страницы
	.m- 					(media)		классы для управления отображением элементов на различных типах ПА
	.g-						(global)	глобальные классы
	.c-						(content)	используются только в блоке с классом "g-content" (глобальный контентный блок)
	.ie- 								генерируемые скриптом классы для исправления ошибок браузеров Internet Explorer

*/ /**/


/* Ластик и общие стили
---------------------------------------------------------- */ /**/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, hr { margin: 0; padding: 0; border: none; outline: none; font-size: 100%; background: transparent; }
table, th, td { margin: 0; padding: 0; outline: none; font-size: 100%; background: transparent; }
ul, ol { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }

html { height: 100%; }
body { height: 100%; color: #ffffff; background-color: #000203; font: 0.625em/1.3 Tahoma, Geneva, sans-serif; }
input, textarea, select { font-size: 1em; line-height: 1.2; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

a { text-decoration: underline; }
a:hover { text-decoration: none; }

.m-noscreen { display: none; }

.g-br { clear: both; }

.g-content { font-size: 1.2em; }
.g-content .c-clear { overflow: hidden; width: 100%; }
.g-content .c-br { clear: both; }
.g-content img { margin: 0 20px 1.2em; border: 4px solid #ffffff; padding: 1px; } /*IE*/
.g-content img[align="left"]  { margin-left: 0; }
.g-content img.align-left     { margin-left: 0; }
.g-content img[align="right"] { margin-right: 0; }
.g-content img.align-right    { margin-right: 0; }
.g-content img.noborder { border: none; padding: 0; }
.g-content h1,
.g-content h2,
.g-content h3,
.g-content h4,
.g-content h5,
.g-content h6,
.g-content p,
.g-content ul,
.g-content ol,
.g-content table { margin: 0 0 1em; }
.g-content ul { margin-left: 20px; }
.g-content ol { margin-left: 34px; }
.g-content li ul,
.g-content li ol { margin-bottom: 0; }
.g-content ul li { padding: 0 0 0 14px; background: url(../i/marker_default.gif) no-repeat 0 0.6em; }
.g-content ol { counter-reset: item; }
.g-content ol>li { padding: 0 !important; background: none; }
.g-content ol>li:before { content: counter(item) ". "; counter-increment: item; font-weight: bold; display: block; width: 50px; float: left; height: 0; margin: 0 0 0 -54px; text-align: right; }
.g-content li .ie-marker { font-weight: bold; display: inline; width: 50px; float: left; margin: 0 0 0 -54px; text-align: right; }
.g-content hr, .g-content .c-hr { clear: both; display: block; height: 1px; overflow: hidden; width: 60%; margin: 0 auto 1.2em; background: url(../i/decor_dotline.gif) repeat-x 0 0; }
.g-content strong,
.g-content em,
.g-content a { color: #8beaf7; }


/* Блоки разметки
---------------------------------------------------------- */ /**/

.layout-page { min-height: 100%; height: auto !important; height: 100%; width: 880px; margin: 0 auto; }
.layout-page-inner { min-height: 833px; height: auto !important; height: 833px; background: url(../i/bg_page.jpg) no-repeat 0 0; }

.layout-page-topleft { width: 340px; height: 192px; float: left; }
.layout-page-topright { width: 540px; height: 165px; float: left; }
.layout-page-left { width: 212px; clear: left; float: left; }
.layout-page-right { width: 668px; float: left; margin: -40px 0 0 0; position: relative; }
.layout-page-right-galery { height: 200px; }
.layout-page-right-copyright {}


/* Блоки содержимого
---------------------------------------------------------- */ /**/

.block-logo { margin: 25px 0 0 10px; }
.block-logo img {}

.block-topmenu { font-size: 1.4em; margin: 111px 35px 0 0; text-align: right; }
.block-topmenu li { display: inline; color: #cbe9bf; padding: 0 0 0 17px; }
.block-topmenu li a { color: #cbe9bf; text-decoration: none; }
.block-topmenu li a:hover { color: #a8c69d; }
.block-topmenu li a.current { color: #edfce7; font-weight: bold; }

.block-leftmenu { font-size: 1.2em; margin: 80px 3px 0 -5px; padding: 0 0 20px; text-transform: uppercase; }
.block-leftmenu li { padding: 0 0 0 40px; line-height: 43px; margin: 0 0 -13px; background: url(../i/marker_menu.png) no-repeat 0 0; height: 1%; } /*IE*/
.block-leftmenu li a { color: #2e7c89; text-decoration: none; position: relative; }
.block-leftmenu li a:hover { color: #0b6572; }
.block-leftmenu li.current { background-image: url(../i/marker_menu_current.png); }
.block-leftmenu li a.current { color: #8beaf7; font-weight: bold; }

.block-content {  }
.block-content h2 { font-size: 1.2em; font-weight: normal; color: #edffe6; text-transform: uppercase; }

.block-contactform { margin: 30px 40px; font-size: 1.1em; color: #a8c4aa; height: 1%; }
.block-contactform fieldset.text { float: left; width: 249px; }
.block-contactform fieldset.textarea { float: left; width: 330px; }
.block-contactform fieldset.submit { clear: left; width: 100%; overflow: hidden; padding: 12px 0 0; }
.block-contactform label { display: block; margin: 0 0 4px; line-height: 15px; }
.block-contactform textarea { width: 324px; border: 1px solid #85a287; color: #a8c4aa; background: #0e2128; }
.block-contactform input.text { width: 230px; margin: 0 0 12px; padding: 0; border: 1px solid #85a287; color: #a8c4aa; background: #0e2128; height: 19px; line-height: 19px; }
.block-contactform input.submit { border: 1px solid #85a287; color: #a8c4aa; background: #0e2128; margin: 0; padding: 3px 8px; overflow: visible; cursor: pointer; } /*IE*/

.block-galery { width: 100%; overflow: hidden; }
.block-galery h2 { font-size: 1.2em; font-weight: normal; color: #edffe6; text-transform: uppercase; height: 28px; padding: 7px 0 0 545px; background: url(../i/marker_arrow.gif) no-repeat 530px 11px; }
.block-galery .photos { height: auto; }
.block-galery .photos li { width: 157px; height: 157px; float: left; margin: 0 6px 0 0; padding: 1px; background: url(../i/bg_photo.gif) no-repeat 0 0; }
.block-galery .photos li img {}
.block-galery .nav { color: #ecfee9; width: 651px; height: 29px; background: url(../i/bg_galerynavigation.gif) no-repeat 0 0; }
.block-galery .nav a { color: #ecfee9; text-decoration: none; }
.block-galery .nav a:hover { color: #a2b4a0; }
.block-galery .nav .prev { font-size: 1.1em; display: inline; float: left; padding: 2px 10px 0 30px}
.block-galery .nav .prev img { margin: 0 3px 0 0; vertical-align: middle; }
.block-galery .nav .next { font-size: 1.1em; display: inline; float: right; padding: 2px 25px 0 10px; }
.block-galery .nav .next img { margin: 0 0 0 3px; vertical-align: middle; }
.block-galery .nav .nums { font-size: 1.2em; text-align: center; padding: 6px 0 0; }
.block-galery .nav .nums li { display: inline; padding: 0 2px; }
.block-galery .nav .nums li span { text-decoration: underline; }

.block-copyright { font-size: 1.1em; color: #3a474a; text-align: center; }
.block-copyright a { color: #3a474a; text-decoration: none; }
.block-copyright a:hover { color: #49575b; }
.block-copyright .delim { padding: 0 20px; }


/* Прокрутка
---------------------------------------------------------- */ /**/


#Example-3 { position: relative; width: 600px; height: 330px; }
#Example-3-Content { position: absolute; top: -20px; width: 600px; height:350px; overflow: auto;}
#Example-3 .Scroller-Container { position: absolute; }
#Example-3-Scrollbar { position: absolute; left: 590px; }
#Example-3 .Scrollbar-Up,
#Example-3 .Scrollbar-Up-Pressed { position: absolute; width: 5px; height: 15px; background-color: #4d5949; font-size: 0px; }
#Example-3 .Scrollbar-Down,
#Example-3 .Scrollbar-Down-Pressed { position: absolute; top: 295px; width: 5px; height: 15px; background-color: #4d5949; font-size: 0px; }
#Example-3 .Scrollbar-Track,
#Example-3 .Scrollbar-Track-Pressed { width: 5px; height: 270px; position: absolute; top: 20px; background-color: #001118; }
#Example-3 .Scrollbar-Track-Pressed { background-color: #152228; }
#Example-3 .Scrollbar-Handle,
#Example-3 .Scrollbar-Handle-Pressed { position: absolute; width: 5px; height: 30px; background-color: #4d5949; }
#Example-3 .Scrollbar-Handle-Pressed, 
#Example-3 .Scrollbar-Down-Pressed, #Example-3 .Scrollbar-Up-Pressed { background-color: #677261; }
#Example-3 .Scrollbar-Disabled { display: none; }


/*#Example-3-Scrollbar { position: absolute; left: 590px; }
#Example-3 .Scrollbar-Up,
#Example-3 .Scrollbar-Up-Pressed { position: absolute; width: 5px; height: 15px; background-color: #4d5949; font-size: 0px; }
#Example-3 .Scrollbar-Down,
#Example-3 .Scrollbar-Down-Pressed { position: absolute; top: 295px; width: 5px; height: 15px; background-color: #4d5949; font-size: 0px; }
#Example-3 .Scrollbar-Track,
#Example-3 .Scrollbar-Track-Pressed { width: 5px; height: 270px; position: absolute; top: 20px; background-color: #001118; }
#Example-3 .Scrollbar-Track-Pressed { background-color: #152228; }
#Example-3 .Scrollbar-Handle,
#Example-3 .Scrollbar-Handle-Pressed { position: absolute; width: 5px; height: 30px; background-color: #4d5949; }
#Example-3 .Scrollbar-Handle-Pressed, 
#Example-3 .Scrollbar-Down-Pressed, .Scrollbar-Up-Pressed { background-color: #677261; }*/


div.nst {position: absolute; }

.Scrollbar-Up, .Scrollbar-Down, .Scrollbar-Track {
    display: none;
}

.content-image {
    text-align: center;
}
.content-image .image-name {
    font-weight: bold;
}

#loading {
    position: absolute;
    z-index: 5000;
    background-color: red;
    font-size: 150%;
    color: white;
    padding: 2px;
}
* html #loading {
    margin-left: -165px;
}
*+html #loading {
}

.block-content {
    position: absolute;
    margin-left: 212px;
    top: 165px;
}
* html .block-content {
    margin-left: -120px;
}
*+html .block-content {
    margin-left: -660px;
}

.g-content {
	overflow:auto;
	width: 600px;
    height: 350px;
	padding: 10px;
}
* html .g-content {
    height: 351px;
}
*+html .g-content {
    height: 353px;
}
.layout-page-right-galery {
	height:200px;
	margin-left:220px;
	position:absolute;
	top:600px;
	width:auto;
}
* html .layout-page-right-galery {
}
*+html .layout-page-right-galery {
}

.jScrollPaneDrag {
	/*background-color: #4d5949 !important;*/
}
.jScrollPaneTrack {
	background-color: #111118 !important;
}

.layout-page-right-copyright {
	margin-left:230px;
	position:absolute;
	top:840px;
}

.g-content img {
	margin:0;
}

.main-title {
}
.jScrollPaneContainer {
z-index:auto !important;
}

.picture-nav {
    position: absolute;
    top: 530px;
    width: 608px;
    margin-left: 240px;
}
.picture-nav .prev {
    float: left;
}
.picture-nav .next {
    float: right;
}
.picture-nav .prev, .picture-nav .next {
    font-size:1.1em;
}
.picture-nav a {
    color:#ECFEE9;
    text-decoration:none;
}
.picture-nav img {
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}