@import url("reset.css");

body,html {height:100%}
body {color:#737373; background-color:#fff; font:.75em Verdana,Tahoma,Helvetica,'MS Sans Serif',sans-serif}
td,th {color:#737373; font:1em Arial,Helvetica,'MS Sans Serif',sans-serif}
input,textarea,option,select {color:#737373; font:1em Verdana,Tahoma,'MS Sans Serif',sans-serif}

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

a {color:#0086ff; text-decoration:underline;}
a:hover {color:#737373}

.fBold {font-weight:bold}
.next-ar {padding-right:11px; background:url(../img/ar-right.gif) no-repeat 100% 5px}
.back-ar {padding-left:11px; background:url(../img/ar-left.gif) no-repeat 0 5px}
.more-info{display:block; height:100%; text-align:right; padding-bottom:20px;}
.last{clear:right;}
.first{clear:left;}
/* -- ---- typography ---- -- */

#minWidth {position:relative; min-width:1000px; height:auto !important; height:100%; min-height:100%}
	.block {position:relative; width:980px; margin:0 auto}

/* // ---- top block ---- // */
.top {height:127px;}
	.logo {position: absolute; top: 11px; left:27px; width: 150px; height: 104px;}
	.navigation {position: absolute; top: 9px; left: 216px;}
		.navigation li {clear:left; font-family: Calibri; font-size: 15px; line-height: 18px; font-weight: 100; text-transform:uppercase;  color:#333333; padding-right:9px}
		.navigation a {text-decoration: none; color:#333333; padding-left:21px;}
		.navigation .hr {text-decoration: none; color:#0086FF;}
		.navigation a:hover {text-decoration: none; color:#0086FF; background:url(/img/menu_icon.jpg) no-repeat 0 5px}
		/* 
		.navigation a, .navigation .hr {position:relative; display:block; color:#545454; padding:16px 9px 20px; text-decoration:none; background:url(../img/nav-bg.png) repeat-x 0 -60px}
			.navigation a:hover, .navigation .hr {color:#fff; border-top:20px solid #fff; background-color:#ff9e3b; background-position:0 0; margin-bottom:-20px; font-weight:normal} 
		*/			
	.banner {position: absolute; top: 13px; left: 413px;}
	.supermag {position: absolute; top: 11px; right: 20px;}
	.icons {position: absolute; top: 85px; right: 39px; border:1px solid #cfcfcf; width:123px; background:#eee url(../img/ico-bg.gif) repeat-x 0 0; font-size:8px; line-height:10px}
		.icons li {float:left; padding:9px 0 9px 1px; width:41px; text-align:center; background:url(../img/ico-brd.gif) no-repeat 0 1px}
		.icons li.ico-smap {width:39px}
		.icons li.ico-home {padding-left:0; background-image:none}
/* -- ---- top block ---- -- */

/* // ---- main visual ---- // */
.main-visual {background:#003b6f url(../img/vis-bg.jpg) repeat-x 0 0; height:235px}
	.main-visual .title-main {position:absolute; left:570px; top:15px; color:#fff; overflow:hidden; font:18.1pt 'Calibri'}
	.main-visual .title-info {position:absolute; left:570px; top:45px; color:#fff; overflow:hidden; font:16pt 'Calibri'} 
	.main-visual .info {position:absolute; left:570px; top:160px; color:#39f; width:446px; overflow:hidden; font:12px 'Verdana'} 	
	.main-visual .info  span {color:#fff;} 
	#mapconatiner {position:absolute; left:0; top:0; overflow:hidden;}
/* -- ---- main visual ---- -- */

/* // ---- second visual ---- // */
.visual {height:200px; background:#003b6f url(../img/secvis-bg.png) repeat-x 0 0}
	.visual .block {height:200px; background:url(../img/secvis-light.jpg) no-repeat 45px 0}
	.visual h1 {color:#fff; font:24px/160px Arial,Helvetica; padding-left:245px; height:160px}
/* -- ---- second visual ---- -- */


.middle-main {padding:25px 0 160px}

.left-block {float:left; width:231px; margin-right:14px}
	.left-block h2, .sub-title, .for-editor h2 {color:#0086ff; font:18px 'Trebuchet MS'; text-transform:uppercase; padding-bottom:11px}
	.left-block h3 {font-size:1em; font-weight:normal; padding-bottom:2px}
	.left-block dt {padding-bottom:4px}
	.left-block .invasion {padding-bottom:10px}
	.left-block dd {color:#9f9f9f; line-height:14px; padding-bottom:10px}

.right-block {float:right; width:735px;}
	.right-block  h2 {padding-left: 25px; color:#0086FF; font:18px 'Trebuchet MS'; padding-bottom:11px; text-transform:uppercase;} 
	.katalog {clear:leaft;}
	.katalog-item {width:333px; height:150px; float:left;}
		.katalog  .last{clear:right; margin-left:40px;}
		.katalog  .first{clear:left;  margin-left:25px;}
		.torgovlia{background:url(../img/torgovlia.jpg) no-repeat 5px 35px}
		.raskhodnye_materialy {background:url(../img/raskhodnye_materialy.jpg) no-repeat 5px 42px}
		.identification {background:url(../img/identification.jpg) no-repeat 5px 37px}
		.proizvodstvo{background:url(../img/proizvodstvo.jpg) no-repeat 5px 35px}		
		.katalog-item-title {padding-top:6px; width:333px; height:30px; font:15px 'Calibri'; color:#ffffff; text-align:center; background:url(../img/blue_panel.jpg) no-repeat 0 0;}
		.katalog-item  li {padding-top:4px; margin-left:127px; list-style-type:none; line-height: 17px;}
	/*
	.right-block li {float:left; width:235px; padding-right:10px}
	.right-blockdt {font-weight:bold; padding-bottom:6px}
		.right-block dt a {text-decoration:none; border-bottom:1px dashed}
	.right-block dd {padding-bottom:6px}
	.right-block a {color:#00a8ff}
		.right-block a:hover {color:#737373}
	*/
	
.bottom {position:relative; color:#b3c5d4; margin-top:-125px; background-color:#003b6f; border-top:5px solid #ff7a08; height:120px; font-size:11px}
	.bottom .lft-btm {float:left; width:235px; margin-right:10px; padding-top:31px; line-height:14px}
	.bottom .cnt-btm {float:left; width:590px; padding-top:53px}
	.bottom .rth-btm {float:right; width:105px; text-align:right; padding-top:48px}
		.bottom .rth-btm a img {opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity=60);}
		.bottom .rth-btm a:hover img {opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
	.bottom a {color:#b3c5d4}
		.bottom a:hover {color:#fff}

/* // ---- middle ---- // */
.bmiddle {padding:14px 0 160px}
	.path {clear:both; padding:0 0 14px 245px; font-size:11px}

.side-col {float:left; width:215px}
.long-col {float:right; width:735px}
/* -- ---- middle ---- -- */

.subnav {padding-bottom:41px}
	.subnav li {padding-bottom:4px}
	.subnav ul {padding:4px 0 0 20px; margin-bottom:-4px}

.actual-block {line-height:18px; padding-bottom:30px}
	.actual-block .ph {padding-bottom:16px}

.for-editor {text-align:justify; line-height:18px}
	.for-editor .img-left {}
	.for-editor p {padding-bottom:18px}
	.for-editor h2 {color:#737373}
	.for-editor .img-left, .list-catalog .img-cover {float:left; margin:3px 21px 3px 0; /*border:4px solid #d7d7d7*/}
		.for-editor table {width:100%; border-collapse:collapse; border-spacing:0; margin-bottom:25px}
		.for-editor tr {text-align:left}
		.for-editor th {border-bottom:2px solid #dedede; padding:1px 5px 6px 0}
		.for-editor td {border-bottom:1px solid #dedede; padding:6px 5px 7px 0}

.news-list {color:#737373; line-height:18px}
	.news-list h3 {font-size:1em; font-weight:normal}
	.news-list dd {padding-bottom:18px}

.pages {}
	.pages dt {float:left}
	.pages dd {float:left; padding-left:20px}

.list-catalog {line-height:18px}
	.list-catalog .img-cover {margin-bottom:0}
	.list-catalog h2 {font-size:1em; padding-bottom:12px}
	.list-catalog li {padding-bottom:27px}

.feedback {width:256px}
	.feedback .lbl {padding-bottom:2px}
	.feedback .inp {margin-bottom:10px}
	.feedback .btn input {width:86px; height:24px; background:#ffa73d url(../img/btnSend.png); border-width:0; color:#fff; text-align:center; padding-bottom:4px; line-height:24px;}

.site-map {}
	.site-map li {font-weight:bold; padding-bottom:21px}
		.site-map ul {padding:3px 0 0 20px; margin-bottom:-3px}
			.site-map ul li {font-weight:normal; padding-bottom:3px}

.search-block {position:relative; width:256px; padding-bottom:17px}
	.search-block .btn {position:absolute; left:261px; top:0; width:57px; height:22px; background:#ffa73d url(../img/btnSearch.png); border-width:0; color:#fff; text-align:center; padding-bottom:4px; line-height:22px;}


.guest-book {
	background:#ffa73d url(../img/long_button.png);
	display: block;
	width:115px; 
	height:20px;
	padding-top:4px;
	padding-left:15px;
	color: #ffffff;
	text-decoration: none;
}
	

#fixUl ul {
	list-style-type: disc;
	margin-left: 16px;
	margin-bottom: 6px;
}

.bottom .block {
	position:relative;
}

.sitory {
	position: absolute;
	right: 0; 
	top: 20px;
}
.sitory ul {margin:0; padding:0; list-style-type:none;}
.sitory ul a {
display:block; 
background:url(/img/sitory1.png) no-repeat;
text-decoration:none;
line-height:78px;
width:85px;
height:78px;
}
.sitory ul a:hover {background:url(/img/sitory2.png) no-repeat;}

.orange_link {
	color: #ff9933;
}