/*
MASTER
 -STYLE
______________  
czalex@mail.ru
================================================*/
/*
edit by kolynia
kolynia@list.ru
================================================*/
@media Screen    
{
html, body {height: 100%; width: 100%;}
body {margin: 0; padding: 0; font: 12px Tahoma, Geneva, sans-serif; color: #0f2040; background: #f1f7fe url(../img/page.gif) repeat-y; min-width: 980px;}
a img {border: none;}
ul {list-style: disc;}
ol {list-style: decimal;}
ul, ol {list-style-position: inside; padding-left: 5px; overflow: hidden; margin-left: 0px;}
/* Main
==============================*/
.cont_box {margin: 3px 0 0; padding: 0 3px 90px 217px; background: url(../img/content_bg.gif) 13px 0 repeat-y; overflow: hidden;}
.page {background: url(../img/page_bg.gif) 100% 0 repeat-y; min-height: 100%;}

/* Header
==============================*/
.header {background: url(../img/header.gif) repeat-x; width: 100%; height: 117px;}
.header .header_bg {background: url(../img/header_bg.jpg) no-repeat; height: 117px; width: 100%;}
A.logo {background: url(../img/logo.gif) no-repeat; width: 258px; height: 42px; margin-top: 13px; float: left;
			  margin-left: 102px; text-indent: -9999px; overflow: hidden; display: block;}
.header .telephone {font-size: 24px; color: #fff;  float: right; margin: 0px 90px 0px 0px; padding: 4px 0 0 50px; height: 63px; background: url(../img/tel.png) no-repeat;}
.header ul.menu {list-style: none; background: url(../img/top_nav.gif) 0 100% no-repeat; clear: both;
			    margin: 0 auto; padding: 11px 0 0; overflow: hidden; width: 717px; display: block;}
.header ul.menu li {background: url(../img/top_nav.gif) 100% no-repeat; padding: 0 5px; float: left;}
.header ul.menu li a {padding: 11px 20px 14px; display: block; float: left;}

/* Left column
==============================*/
.cont_box .left_col {margin: 0 0 0 -217px; float: left; padding: 0 6px 45px; width: 203px;}
.cont_box .left_col h2 {background: url(../img/h2_left.gif) no-repeat; height: 33px; font-size: 12px; text-transform: uppercase; line-height: 33px; color: #fefefe; text-align: center; margin: 0; padding: 0;}
.left_menu {list-style: none; margin: 10px 0 10px 12px; padding: 0px 3px 0px 0px; list-style-position: outside;}
.left_menu ul {list-style: none; margin-left: 5px; list-style-position: outside;}
.left_menu li {background: url(../img/left_col_sep.gif) left 6px no-repeat; font-size: 12px; padding: 0px;}
.left_menu li a {padding: 0 0 0 20px; color: #0f2040; text-decoration: none; line-height: 1.5em; display: block; overflow: hidden;}
.left_menu a:hover,
.left_menu a.active {font-weight: bold;}

/* Content
==============================*/
.cont_box .cont_col {width: 100%; float: left;}
.cont_box .cont_col .h1 {background: #48affd url(../img/h1_right.gif) 100% 0 no-repeat;}
.h1 h1 {background: url(../img/h1_left.gif) no-repeat; height: 33px; font-size: 12px; text-transform: uppercase; line-height: 33px; color: #fefefe; text-align: center; margin: 0; padding: 0;}

.cont_box .cont_col .content {background: #f1f7fe; padding: 25px 16px; margin: 0 6px; overflow: hidden; color: #0B4E9F;}
.cont_box .cont_col .content h2.design {background: url(../img/h2_bg.jpg) 100% 90% no-repeat; border-bottom: 1px solid #c8d4e3; margin: 0 0 15px; padding: 0;}
.cont_box .cont_col .content h2.design span {background: url(../img/h2_blue_bg.gif) 0 100% no-repeat; width: 100%; font-size: 12px; line-height: 18px; color: #0f2040; padding: 0 0 8px; display: block;}
.cont_box .cont_col .content h2.not_bg {background: none; border: none; font-size: 12px; line-height: 18px; color: #0f2040;}
.cont_box .cont_col .content h3.design {color: #0f2040; font-size: 12px; margin: 0; padding:0;}
.cont_box .cont_col .content .img_left {float: left; margin: 0 23px 15px 0;}
.cont_box .cont_col .content .img_right {float: right; margin: 0 0 15px 23px;}
.cont_box .cont_col .content p.design {line-height: 18px; color: #0f2040; text-align: justify; margin: 0; padding: 0;}

.cont_box .cont_col .content table {width: 100%; border-collapse: collapse; border-spacing: 0; border-left: 1px solid #547dbd; border-top: 1px solid #547dbd; color: #000; text-align: left; margin: 0 0 15px;}
.cont_box .cont_col .content table td, .cont_box .cont_col .content table th {padding: 1px; border-right: 1px solid #547dbd; border-bottom: 1px solid #547dbd;}
.cont_box .cont_col .content table th {font-weight: bold;}
.cont_box .cont_col .content table.center {text-align: center;}
.cont_box .cont_col .content table.center td, .cont_box .cont_col .content table.center th {padding: 4px;}
.cont_box .cont_col .content table a {color: #2096e3; text-decoration: none;}
.cont_box .cont_col .content table a:hover {text-decoration: underline;}

.cont_box .cont_col .content ul.design {list-style: none; padding: 0 0 15px; margin: 0;}
.cont_box .cont_col .content ul.design li {font-size: 12px; color: #3970b2; line-height: 18px;}

.cont_box .cont_col .inner_content p.design {font-size: 12px; color: #3970b2; line-height: 18px; padding: 0; margin: 0;}
.cont_box .cont_col .inner_content h3.design {padding: 15px 0 0; margin: 0;}

.cont_box .cont_col .content .nav_cont {border: 1px solid #49affd; overflow: hidden; padding: 6px 0 0; margin: 0; list-style: none;}
.cont_box .cont_col .content .nav_cont li {padding: 0 6px 0 20px; float: left; font-size: 10px; font-weight: bold; margin: 0;}
.cont_box .cont_col .content .nav_cont li a {color: #1e2e4d; text-decoration: none; line-height: 22px;}
.cont_box .cont_col .content .nav_cont li a img {float: left; padding: 0 10px 0 0;}
.cont_box .cont_col .content .nav_cont li a:hover {text-decoration: underline;}

.cont_box .cont_col .content .tovar {padding: 0; list-style: none; margin: 0px; padding: 0; border: 0; width: 100%;}
.cont_box .cont_col .content .tovar tr td {border: 0; padding: 0.5%; width: 50%; vertical-align: top; line-height: 18px; color: #0b4e9f; font-size: 12px;}
.cont_box .cont_col .content .tovar tr  td {border-bottom: 2px dotted #87ceeb;}
.cont_box .cont_col .content .tovar tr  td.border-right {border-right: 2px dotted #87ceeb;}
.cont_box .cont_col .content .tovar .no_bg {border-bottom: 0;}
.cont_box .cont_col .content .tovar a.illustration img {border: 1px solid #4ca0fc;}
.cont_box .cont_col .content .tovar a.illustration {float: left; margin: 4px 8px 10px 0;}
.cont_box .cont_col .content .tovar tr td h4 {color: #0f2040; margin: 0px 0px 10px 0px; font-size: 12px; font-weight: bold;}
.cont_box .cont_col .content .tovar a.more {
	font-weight: bold;
	color: #0f2040;
	display: block;
	clear: both;
	float: right;
	text-decoration: none;
	text-align: right;
}
.cont_box .cont_col .content .tovar a.more:hover {text-decoration: underline;}


.cont_box .cont_col .content .tovar .info a.more {position: absolute; bottom: 8px; right: 8px; font-weight: bold; color: #0f2040; text-decoration: none;}
.cont_box .cont_col .content .tovar .info a.more:hover {text-decoration: underline;}

.cont_box .cont_col .content ul.news {list-style: none;}
.cont_box .cont_col .content ul.news li {clear: both;}
/* Footer
==============================*/
.footer {background: #fff url(../img/footer_bg.gif) repeat-x; position: relative; width: 100%; height: 90px; margin: -90px 0 0;}

.footer form {margin: -40px 0 0 6px; float: left; position: relative;}
.footer form div {background: url(../img/h2_left.gif) no-repeat; width: 203px; height: 26px; padding: 7px 0 0;}
.footer form div label {float: left; margin: 3px 0 0 10px;}
.footer form div #search {float: left; padding: 2px 3px 1px; background: #fff; border: none; width: 90px; margin: 0 12px 0 6px;}
.footer form div input.but {float: left; margin: 5px 0 0;}

.footer .footer_bg {background: url(../img/footer_bg_in.gif) no-repeat; width: 676px; height: 44px; position: absolute; top: 0; left: 50%; margin: 0 0 0 -338px;}

.footer ul {text-align: center; position: relative; padding: 16px 0 34px; margin: 0;}
.footer ul li {display: inline; padding: 0 18px 0 19px; border-right: 1px solid #fff; font-weight: bold; margin: 0;}
.footer ul li.end {border: none;}
.footer ul li a {color: #fff;}
.footer ul li a:hover {text-decoration: none;}

.footer ul.chet {position: absolute; top: 52px; right: 4px; padding: 0;}
.footer ul.chet li {display: block; float: left; padding: 0 7px 0 0; border: none;}

.footer p {color: #949292; font-size: 12px; padding: 0 0 13px; text-align: center; margin: 0;}
}