@import url("reset.css");

body,html {height:100%}
body {color:#000; background:#b3b3b3 url(../img/bg.jpg) 38% 79%; font:italic 14px 'Times New Roman Italic','Times New Roman','Georgia','MS Sans Serif',sans-serif; overflow-y:scroll}
td,th {color:#000; font:1em 'Times New Roman','Georgia','MS Sans Serif',sans-serif}
input,textarea,option,select {color:#000; font:1em 'Times New Roman','Georgia','MS Sans Serif',sans-serif}

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

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

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

#minWidth {position:relative; z-index:3; min-width:1000px; height:auto !important; height:100%; min-height:100%}
.mih {position:relative; left:-1px; display:block; width:1px; height:355px; visibility:hidden; font-size:1px}

/* // ---- top ---- // */
.logo {position:absolute; z-index:5; left:44px; top:80px; overflow:hidden}
	.logo a {display:block; text-indent:-999em; width:258px; height:28px; background-image:url(../img/logo.png)}
.slogan {position:absolute; left:44px; top:150px; width:838px; height:126px; background-image:url(../img/slogan.png); overflow:hidden; text-indent:-999em}
.js .slogan {top:16%}
.js .logo {top:6%}
/* -- ---- top ---- -- */

/* // ---- navigation ---- // */
.navigation {position:absolute; z-index:6; left:0; top:41%; height:150px; font-size:16px}
	.navigation i {position:absolute; z-index:1; top:0; left:0; width:315px; height:150px; background-image:url(../img/nav-bg.png)}
	.navigation ul {position:relative; z-index:2; padding:29px 20px 0 44px}
		.navigation ul li {padding-bottom:15px}
	.navigation .selected {cursor:text; color:#d9d9d9; text-decoration:none}

.nav-s {position:absolute; top:41%; margin-top:10px; left:0; z-index:2; width:325px; height:150px; background-image:url(../img/nav-bg-p.png)}
/* -- ---- navigation ---- -- */

/* // ---- news block ---- // */
.news {position:absolute; z-index:4; top:5%; left:55%; font-size:13px; line-height:15px; width:221px; padding:7px 20px 0}
	.news .date {position:absolute; left:-80px}
	.news i {position:absolute; left:0; top:0; width:261px; height:46px; background-image:url(../img/news-bg.png)}
	.news a {position:relative; z-index:3; color:#fff}
/* -- ---- news block ---- -- */

/* // ---- bottom ---- // */
.btm-crn {position:relative; z-index:2; display:block; margin-top:-5px; height:5px; min-width:1000px; font-size:1px}
	.btm-crn i {position:absolute; display:block; margin-left:100%; top:-299px; left:-392px; width:392px; height:304px; background-image:url(../img/btm-bg.png)}

.bottom {position:absolute; z-index:5; right:0; bottom:18px; font-size:11px; color:#fff; width:343px}
	.bottom a {color:#fff}
/* -- ---- bottom ---- -- */

/* // ---- canvas ---- // */
.canvase-main {position:absolute; z-index:1; top:31%; left:0; width:100%}
.canvase-bg {position:absolute; z-index:3; top:0; left:0; width:100%; height:100%; visibility:hidden}
#canvas-view {position:absolute; z-index:16; top:0; left:0; width:100%; height:100%}
/* -- ---- canvas ---- -- */

/* // ---- tab content ---- // */
.tabs {padding-bottom:100px}
.tab-cont {position:relative; z-index:7; top:0; padding:20px 20px 20px 30px; left:20%; width:66%; background-color:#fff}
	.tab-cont h2 {position:relative; color:#40d9ff; font-size:29px; line-height:29px; overflow:hidden; height:30px}
		.tab-cont h2 i {position:absolute; top:0; left:0; width:100%; height:100%}
/* -- ---- tab content ---- -- */

/* // ---- about ---- // */
#about {}
	#about h2 {width:216px; margin-bottom:32px}
		#about h2 i {background-image:url(../img/title-about.png)}
/* -- ---- about ---- -- */

/* // ---- materials ---- // */
#materials {}
	#materials h2 {width:466px; height:33px; margin-bottom:32px}
		#materials h2 i {background-image:url(../img/title-materials.png)}
.list-materials {font-size:18px}
	.list-materials li {padding-bottom:15px}
	.pp-open {display:none}
	.js .list-materials li {float:left; width:47%; margin-right:2%; padding-bottom:15px}
	.js .pp-open {display:inline}
.other-mat {font-size:18px; margin-left:49%; width:47%}
/* -- ---- materials ---- -- */

/* // ---- contacts ---- // */
#contacts {}
	#contacts h2 {width:359px; height:33px; margin-bottom:32px}
		#contacts h2 i {background-image:url(../img/title-contacts.png)}
.phones {position:relative; float:left; width:35%; font-size:30px; line-height:36px}
	.phones small {color:#808080; font-size:18px}
	.phones .code {position:absolute; top:5px; right:100%; padding-right:6px; white-space:nowrap; background-color:#fff}
.address {float:right; width:63%; font-size:18px; line-height:21px; padding-top:10px}
	.address p {padding-bottom:21px}
/* -- ---- contacts ---- -- */

/* // ---- for editor ---- // */
.for-editor {line-height:21px}
	.for-editor p {padding-bottom:15px}
	.for-editor big {font-size:18px}
/* -- ---- for editor ---- -- */

.view-prod, .pp-content {font:italic 14px 'Times New Roman Italic','Times New Roman'}
	.view-prod h2, #scroller-title {color:#40d9ff; font:29px Tahoma,Verdana; width:auto; height:auto; overflow:auto; padding-bottom:32px}
	.view-prod h3, .pp-content h3 {padding-bottom:4px}
	.view-prod ul, .pp-content ul {padding-bottom:16px}
		.view-prod li, .pp-content li {position:relative; margin-left:-30px; float:none; width:auto; padding:0 0 0 30px; background:url(../img/li.gif) no-repeat 0 10px}
	.view-prod big, .pp-content big {font-size:18px; line-height:22px}
	.view-prod p, .pp-content p {padding-bottom:16px}

/* // ---- if js enabled ---- // */
.js .mih {height:655px}
.js .news {top:39%}
.js .phones .code {background-color:transparent}
.js .tabs {padding-bottom:0}
.js .tab-cont {position:absolute; top:19%; left:25%; padding:0 0 0 5px; background-color:transparent}
.js .view-prod {display:none}
.pp-hidden {position:absolute; left:-999em; top:-999em; width:100%; visibility:hidden}
	/* .pp-hidden #canvas-view {visibility:hidden} */
.js .pp-open {text-decoration:none; border-bottom:1px dashed}
/* -- ---- if js enabled ---- -- */

/* // ---- pp block ---- // */
.overlay {position:fixed; z-index:9; top:0; left:0; width:100%; height:100%; background-color:#7100d5;  -moz-opacity:0.5; opacity:0.5; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';}
.pp-content {position:absolute; z-index:999; left:22%; top:19%; padding-left:5px; width:64%}
	#close {position:absolute; width:69px; height:15px; background:url(../img/close.png); font-size:1px; right:30px; top:-15px}
#scroller {position:relative; margin-left:-30px; height:369px; width:100%; padding:10px 0}
	#scroller-content {padding-left:30px; padding-right:40px}
/* -- ---- pp block ---- -- */