@import url("reset.css");

body,html {height:100%}
body {color:#a8a8a8; background-color:#060915; font:12px Tahoma,Verdana,Helvetica,'MS Sans Serif',sans-serif}
td,th {color:#a8a8a8; font:12px Tahoma,Verdana,Helvetica,'MS Sans Serif',sans-serif}
input,textarea,option,select {color:#000; font:12px Tahoma,Verdana,Helvetica,'MS Sans Serif',sans-serif}

/* // ---- typography ---- // */

a {color:#fff; text-decoration:underline}
a:hover {text-decoration:none; color: #a8a8a8}

.c-c1 {color:#080; text-transform: uppercase;}
.c-c2 {color:#00cd1b; text-transform: uppercase;}

/* -- ---- typography ---- -- */

#minWidth {position:relative; z-index:1; min-width:1000px; height:auto !important; height:100%; min-height:100%; background:url(/img/bg.png) repeat-x 0 100%}

/* // ---- top ---- // */
.top {height:226px; background:url(/img/top-bg.jpg) repeat-x 0 0}
	.top-i {width:1000px; margin:0 auto}
	.top-i .logo {float:left; padding:86px 37px 0 25px}
	.top-i .slogan {position:relative; float:left; top:101px; width:207px; height:39px; background-image:url(/img/slogan.png); text-indent:-9999em; overflow:hidden}
/* -- ---- top ---- -- */

/* // ---- navigation ---- // */
.navigation {background:#060916 url(/img/nav-bg.png) repeat-x 0 0; border-bottom:1px solid #313131}
	.navigation ul {width:1000px; margin:0 auto; text-transform:uppercase}
		.navigation ul li {float:left; padding:10px 11px 10px 27px}
	.navigation a {text-decoration:none}
		.navigation a:hover,.navigation a.activ {text-decoration: none; color: #a8a8a8}
/* -- ---- navigation ---- -- */

/* // ---- main vis ---- // */
.main-vis {position:relative; height:438px; border-bottom:1px solid #313131; overflow:hidden}
	.main-vis .r {position:absolute; z-index:1; top:0; left:50%; width:50%; height:438px; background-color:#f4f4f4}
	.main-vis-i {position:relative; z-index:2; margin:0 auto; width:936px; height:438px; background:url(/img/main-vis-bg.png) no-repeat 395px 0; padding:0 36px 0 28px}
	.main-vis-i .col-1 {color:#fff; position:absolute; width:400px; left:28px; bottom:116px; font-size:15px}
		.main-vis-i .col-1 big {font-size:18px}
		.main-vis-i .col-1 h2 {font:bold 32px/1em Arial,Helvetica}
		.main-vis-i .col-1 a {color:#8e8e8e}
	.main-vis-i .col-2 {position:relative; float:right; width:348px}
		.main-vis-i .col-2 ul {position:relative; z-index:1; width:348px; height:438px; text-align:center; overflow:hidden; background-color:#f4f4f4}
			.main-vis-i .col-2 ul li {width:348px; height:438px}
		.main-vis-i .col-2 .l-ar, .main-vis-i .col-2 .r-ar {position:absolute; z-index:99; top:198px; width:28px; height:28px; background-image:url(/img/vis-ar.png)}
		.main-vis-i .col-2 .l-ar {left:0}
		.main-vis-i .col-2 .r-ar {right:0; background-position:100% 0}
/* -- ---- main vis ---- -- */

/* // ---- fast-infoblock ---- // */
.fast-infoblock {}
	.fast-infoblock-i {width:931px; margin:0 auto; padding:41px 26px 180px 43px}
.fast-infoblock .item {float:left; width:280px; margin-right:55px}
	.fast-infoblock .item-1 {}
	.fast-infoblock .item-2 {margin-right:-15%}
	.fast-infoblock .item-3 {float:right; width:28%; margin-right:0}
	.fast-infoblock .code {color:#fff}
	.fast-infoblock big {color:#fff; font-size:18px}
/* -- ---- fast-infoblock ---- -- */

.m-title, .for-editor h2 {position:relative; color:#fff; font-size:18px; font-weight:normal; background:url(/img/main-title.png) no-repeat 0 2px; padding:0 0 21px 14px; margin-left:-14px}


/* // ---- for editor ---- // */
.for-editor {line-height:19px}
	.for-editor p {padding-bottom:19px}
	.for-editor ul {margin-left: 10px; padding-bottom:19px}
		.for-editor ul li {padding-left:9px; background:url(/img/li.gif) no-repeat 0 9px}
	.for-editor input{font-size:18px; color: #9d9d9d; margin:0 0 10px 0px; padding:0 5px; height:25px; width:250px; background: #0a1135; border: #0a1135 solid 1px;}
	.for-editor textarea{font-size:18px; color: #9d9d9d; margin:0 0 10px 0px; padding:0 5px; width:450px; height:150px; background: #0a1135; border: #0a1135 solid 1px;}
	.for-editor .subm {color:#fff; padding-top: 1px; padding-bottom: 5px; border-width:0; height:36px; width: 125px;}
			.for-editor .subm {background:#212b66;cursor:pointer}
			.for-editor .subm:hover {background:#121c40}
/* -- ---- for editor ---- -- */

.see-all {color:#fff; position:relative; margin-top:-3px; text-align:right}

/* // ---- bottom ---- // */
.bottom {position:relative; z-index:2; width:907px; margin:-105px auto 0; height:90px; padding:10px 50px 0 43px}
.bottom .develop {position:absolute; top:0; right:0; width:98px; font-size:11px; line-height:13px}
.bottom .develop a {text-decoration:none}
.bottom .develop i {position:absolute; left:-42px; top:-3px; width:34px; height:34px; background-image:url(/img/prosto.png)}
.bottom .develop a:hover {text-indent:0}
.bottom .develop a:hover i {background-position:0 100%}
/* -- ---- bottom ---- -- */

/* // ---- middle ---- // */
.middle {border-bottom:1px solid #313131}
	.middle-i {margin:0 auto; width:932px; padding:27px 25px 30px 43px; }
/* -- ---- middle ---- -- */

.catalog-row {padding:10px 0 36px 258px; line-height:19px; font-size:11px}
	.catalog-row h2 {font-size:18px; color:#fff; font-size:18px; font-weight:normal; padding:0 0 14px}
	.catalog-row .img-cover {position:relative; float:left; left:-258px; margin-right:-258px; margin-top:4px}
		.catalog-row .img-cover .mask {position:absolute; bottom:-37px; right:-30px; width:81px; height:122px; background-image:url(/img/mask.png)}
	.catalog-row .zoom {font-size:12px}
		.catalog-row .zoom a {padding-left:20px; background:url(/img/ico-zoom.gif) no-repeat 0 2px}
	.catalog-row p {padding-bottom:7px}