/*

Master-Style
czalex@mai.ru

================================================*/
@media Screen    
{
body {margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; background: url(../images/page_bg.jpg);}
a img {border: none;}

.page {margin: 0 auto; max-width: 1176px; min-width: 985px; }

.header {width: 100%; background: url(../images/header_bg.gif) repeat-x; height: 347px; position: relative; z-index: 10;}
.header .decor_img {background: url(../images/header_img_bg.jpg) no-repeat; height: 319px; width: 100%; position: absolute; top: 28px; left: 0;}
.header h1 {margin: 0; padding: 0; position: absolute; font-size: 15px; color: #fff; left: 3%; top: 3px;}
.header p {margin: 0; padding: 0;}
.header p.zem {background: url(../images/ooo-z.png) no-repeat; width: 165px; height: 28px; text-indent: -99999px; overflow: hidden; position: absolute; top: 0; left: 72%;}
.header ul {margin: 0; padding: 0; position: absolute; list-style: none; top: 9px; right: 17px;}
.header ul li {margin: 0; padding: 0 0 0 25px; font-size: 10px; float: left;}
.header ul li a {display: block; float: left; width: 12px; height: 11px; text-indent: -9999px; overflow: hidden;}
.header ul li a.home {background: url(../images/home_ico.gif) 50% 0 no-repeat;}
.header ul li a.site_map {background: url(../images/site_map_ico.gif) 50% 0 no-repeat;}
.header ul li a.mail {background: url(../images/mail_ico.gif) 50% 0 no-repeat;}
.header ul li a:hover {background-position: 50% 100%;}
.header .tel_decor {background: url(../images/tel.jpg) no-repeat; width: 195px; height: 107px; position: absolute; top: 231px; left: 3px;}
.header p.tel {position: absolute; top: 243px; left: 108px; width: 226px; text-align: right; font-size: 18px; color: #fff;}
.header p.tel a {color: #e8e9df;}
.header p.tel a:hover {text-decoration: none;}
.header p.tel strong {font-size: 27px; display: block;} 
.header p.slogan {background: url(../images/slogan.jpg) no-repeat; width: 499px; height: 41px; position: absolute; top: 255px; left: 356px; text-indent: -99999px; overflow: hidden;}
.header .center_border {position: absolute; bottom: 0; right: 10px; width: 99%; background: url(../images/border_l.gif) repeat-x; height: 9px;}
.header .left_border {position: absolute; left: 0; bottom: 0; background: url(../images/left_border.gif) no-repeat; width: 10px; height: 9px;}
.header .right_border {background: url(../images/border_r.gif) no-repeat; position: absolute; bottom: 0; right: 0; width: 10px; height: 9px;}

.top_nav {background: #e0e8b6 url(../images/contet_bg.gif) 100% 0 repeat-y; border-left: 3px solid #5c6d03;}
.top_nav ul {margin: 0 auto; padding: 0; list-style: none; text-align: center; overflow: hidden; width: 980px;}
.top_nav ul li {margin: 0 .45%; padding: 0; float: left; background: url(../images/top_menu_bg.gif) repeat-x; height: 39px; font-size: 17px;}
.top_nav ul li span {background: url(../images/top_menu_l.gif) no-repeat; padding: 0 0 0 33px; height: 39px; display: block; float: left;}
.top_nav ul li span span {background: url(../images/top_menu_r.gif) 100% 0 no-repeat; padding: 3px 33px 0 0; height: 36px;}
.top_nav ul li span span a {color: #e0e8b6;}
.top_nav ul li span span a:hover {text-decoration: none;}

.content {background: #e0e8b6 url(../images/contet_bg.gif) 100% 0 repeat-y; border-left: 3px solid #5c6d03; padding: 0 0 0 294px; overflow: hidden;}
.content .left_col {width: 294px; margin: 8px 0 0 -294px; float: left;}
.content .left_col .left_menu_box {background: url(../images/left_box_bg.jpg) 19px 0 no-repeat;}
.content .left_col .left_menu_box h2 {font-size: 17px; color: #e0e8b6; margin: 0; padding: 7px 0 0; text-align: center;}
.content .left_col .left_menu_box ul {margin: 0; padding: 25px 0 7px 40px; list-style: none;}
.content .left_col .left_menu_box ul li {margin: 0; padding: 0; font-size: 18px; line-height: 25px;}
.content .left_col .left_menu_box ul li a {color: #1b3c12; text-decoration: none; padding: 2px 7px;}
.content .left_col .left_menu_box ul li a:hover {background: #255006; color: #e0e8b6;}

.content .left_col .news_box {background: url(../images/news_box_bg.gif) repeat-y; width: 266px; position: relative; min-height: 220px; padding: 8px 6px 92px 22px;}
* html .content .left_col .news_box {height: 220px;}
.content .left_col .news_box h3 {margin: 0; padding: 0 0 6px; font-size: 20px; line-height: 20px; color: #1b3c12; font-weight: normal; position: relative;}
.content .left_col .news_box ul {margin: 0; padding: 0; list-style: none; position: relative;}
.content .left_col .news_box ul li {margin: 0; padding: 0; font-size: 12px; color: #646464;}
.content .left_col .news_box ul li p {margin: 0; padding: 4px 0; font-size: 12px; color: #646464; text-align: justify;}
.content .left_col .news_box ul li a {color: #0c68a0;}
.content .left_col .news_box ul li a:hover {text-decoration: none;}
.content .left_col .news_box form {margin: 0; position: absolute; height: 42px; left: 22px; bottom: 50px;}
.content .left_col .news_box form p {font-size: 14px; color: #1b3c12; margin: 0; padding: 0;}
.content .left_col .news_box form input {background: #fff; border: 1px solid #d6d6d6; font-size: 13px; color: #aeaeae; padding: 2px 5px 1px;}
.content .left_col .news_box form input.but {background: url(../images/but.gif) 0 4px no-repeat; width: 88px; height: 24px; border: none; text-align: center; color: #353333; font-size: 12px;}
.content .left_col .news_box .top_bg {background: url(../images/news_box_top_bg.gif) no-repeat; width: 281px; height: 55px; position: absolute; top: 0; left: 13px;}
.content .left_col .news_box .bot_bg {background: url(../images/news_box_but_bg.gif) no-repeat; width: 294px; height: 195px; position: absolute; bottom: 0; left: 0;}
.content .left_col .news_box .right_bg {background: url(../images/news_box_b_r.gif) no-repeat; width: 23px; height: 177px; position: absolute; right: -23px; bottom: 34px;}

.content .left_col .opros {padding: 0 0 0 25px;}
.content .left_col .opros h3 {font-size: 14px; margin: 0; padding: 0; color: #255006;}
.content .left_col .opros form {margin: 0; padding: 0;}
.content .left_col .opros form ul {margin: 0; padding: 5px 0 10px; list-style: none;}
.content .left_col .opros form ul li {margin: 0; padding: 0; font-size: 13px; color: #1b3c12;}
.content .left_col .opros form input.but {background: url(../images/opros_but.gif) no-repeat; width: 88px; height: 20px; text-align: center; font: 12px Tahoma, Geneva, sans-serif; color: #cbcbcb; border: none;}
.content .left_col .opros form a {font-size: 12px; color: #0c68a0; margin: 0 0 0 13px;}
.content .left_col .opros form a:hover {text-decoration: none;}

.content .right_col {width: 100%; float: left; position: relative; font-size: 14px; color: #404040;}
.content .right_col h3 {float: left; font-size: 18px; margin: 0; padding: 0 0 6px 25px; color: #1b3c12;}
.content .right_col .text {padding: 0 20px 0 25px; text-align: justify;}

.content .right_col .left_menu_box h2 {font-size: 17px; color: #e0e8b6; margin: 0; padding: 7px 0 0; text-align: center;}
.content .right_col .left_menu_box ul {margin: 0; padding: 25px 0 7px 40px; list-style: none;}
.content .right_col .left_menu_box ul li {margin: 0; padding: 0; font-size: 18px; line-height: 25px;}
.content .right_col .left_menu_box ul li a {color: #1b3c12; text-decoration: none; padding: 2px 7px;}
.content .right_col .left_menu_box ul li a:hover {background: #255006; color: #e0e8b6;}

.content .right_col .prize {margin: 0; padding: 0 0 20px; list-style: none; overflow: hidden;}
.content .right_col .prize li {margin: 0; padding: 0; float: left; width: 50%; height: 255px; overflow: hidden; background: url(../images/prize.jpg) 8px 28px no-repeat; position: relative;}
* +html .content .right_col .prize li {width: 49.9%;}
.content .right_col .prize li.no_bg {background: none;}
.content .right_col .prize li.separator {height: 1px; width: 91%; background: #255006; border-bottom: 1px solid #557733; border-top: 1px solid #557733; margin: 0 0 15px 10px;}
.content .right_col .prize li h2 {color: #d82213; font-size: 16px; margin: 0; padding: 0 0 0 38px;}
.content .right_col .prize li h2 a {color: #d82213;}
.content .right_col .prize li .img {position: absolute; top: 34px; left: 38px;}
.content .right_col .prize li span.pr {background: url(../images/prize_box.gif) no-repeat; width: 137px; height: 44px; line-height: 42px; overflow: hidden; display: block; float: left; font-weight: bold; font-size: 17px; color: #e0e8b6; text-align: center; margin: 8px 0 0 201px;}
.content .right_col .prize li ul {float: left; padding: 8px 0 0 201px; list-style: none;}
.content .right_col .prize li ul li {width: auto; height: auto; background: none; float: none; font-size: 15px; color: #d82213; line-height: 24px; font-weight: bold;}
.content .right_col .prize li p {position: absolute; margin: 0; padding: 0; position: absolute; top: 187px; width: 255px; left: 33px; text-align: left; color: #404040; font-size: 12px;}
.content .right_col .prize li p a {color: #0c68a0;}
.content .right_col .prize li p a:hover {text-decoration: none;}

.content .right_col .search_result {overflow: hidden; padding: 12px 0;}
.content .right_col .search_result h2 {float: left; font-size: 18px; margin: 0; padding: 0 0 6px 25px; color: #1b3c12;}
.content .right_col .search_result form {margin: 0; padding: 0 100px 0 0; float: right;}
.content .right_col .search_result form label {font-size: 14px; color: #404040; padding: 0 0 0 10px;}
.content .right_col .search_result form input, .content .right_col .search_result form select {color: #1c1c1c; font-size: 14px;}
.content .right_col .search_result form input {width: 100px; margin: 0 2px;}
.content .right_col .search_result .text {clear: both;}


.content .right_col .page_nav {margin: 0; padding: 0 100px 0 0; text-align: center; list-style: none;}
.content .right_col .page_nav li {margin: 0; padding: 0 5px; display: inline; font-size: 20px; color: #255006;}
.content .right_col .page_nav li span {color: #7c7d7b;}
.content .right_col .page_nav li a {color: #255006;}
.content .right_col .page_nav li a:hover {text-decoration: none; color: #7c7d7b;}

.content .right_col .tovar_info {padding: 0 20px 0 25px;}
.content .right_col .tovar_info h2 {color: #1b3c12; font-size: 18px; margin: 0; padding: 0;}
.content .right_col .tovar_info h2 a {color: #1b3c12;}
.content .right_col .tovar_info h2 a:hover {text-decoration: none;}
.content .right_col .tovar_info h2.red {font-size: 24px; text-align: center; color: #d82213; padding: 4px 0 0;}
.content .right_col .tovar_info .foto {float: left; width: 63%; text-align: right; padding: 10px 0 0;}
.content .right_col .tovar_info .info {float: left; width: 36%; text-align: left;}
.content .right_col .tovar_info .info span.pr {background: url(../images/prize_box.gif) no-repeat; width: 137px; height: 44px; line-height: 42px; overflow: hidden; display: block; float: left; font-weight: bold; font-size: 17px; color: #e0e8b6; text-align: center; margin: 8px 0 0 14px;}
.content .right_col .tovar_info .info ul {float: left; padding: 8px 0 0 14px; list-style: none; clear: left;}
.content .right_col .tovar_info .info ul li {width: auto; height: auto; background: none; float: none; font-size: 15px; color: #d82213; line-height: 24px; font-weight: bold;}

.content .right_col .tovar_info .pre_view {clear: both; margin: 0; padding: 0 0 0 60px; list-style: none; overflow: hidden;}
.content .right_col .tovar_info .pre_view li {margin: 10px 5px; padding: 6px; background: url(../images/pre_li_bg.jpg) no-repeat; float: left;}
.content .right_col .tovar_info .pre_view li a {}

.content .right_col .tovar_info .standart {margin: 5px 0 0; padding: 10px 0 0; list-style: none; background: url(../images/s.gif) repeat-x; width: 95%;}
.content .right_col .tovar_info .standart li {margin: 0; padding: 0; font-size: 14px; color: #404040;}

.footer {padding: 30px 250px 0 360px; clear: both; background: #e0e8b6 url(../images/contet_bg.gif) 100% 0 repeat-y; border-left: 3px solid #5c6d03; overflow: hidden;}
.footer .center {float: left; width: 100%;}
.footer .center p {margin: 0; padding: 0 20px; font-size: 14px; color: #1b3b12; text-align: center;}
.footer p.left {width: 350px; margin: 0 0 0 -360px; padding: 2px 0 15px 10px; font-size: 12px; color: #1e3e15; overflow: hidden; text-align: left; float: left;}
.footer .right {float: right; margin: 0 -250px 0 0; width: 235px; padding: 0 15px 0 0; overflow: hidden; text-align: right;}
.footer .right a {color: #0c68a0; font-size: 11px;}
.footer .right a:hover {text-decoration: none;}
.footer .right ul {margin: 0; padding: 5px 0 0; list-style: none; float: right;}
.footer .right ul li {float: left; margin: 0; padding: 0 0 0 5px;}
}

.index_h3 { margin-top: 0px; }