@import url(http://fonts.googleapis.com/css?family=PT+Sans&subset=latin,cyrillic);

* { margin: 0; padding: 0; }
html {height: 100%; background:url(../images/body_bg.png) repeat-x top; min-width:900px; }
body { font-family:tahoma; font-size:11px; width: 100%; height: 100%; background:url(../images/head_bg.jpg) no-repeat center 0; color: #2a2a2a; }
a { color:#4e8bc1; outline: none; text-decoration: underline; }
a:hover { text-decoration: none; }
img { border: none; }
input {vertical-align: middle}
ul, li { list-style:none; }
.clear { clear:both; }
h1, h2, h3, h4 { font-family: "PT Sans", sans-serif; color: #c81916; }
#wrapper { width: 900px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; }

/* Header
-----------------------------------------------------------------------------*/
#header { height: 163px; }
.logo { float:left; padding:35px 0 0 0; }
    .logo a { display:block; width:155px; height:150px; margin-bottom:-22px; position:relative; }
.logo_r { float:right; width:745px; }
.logo_r a { color:#534640; }
.icons { margin:63px 0 0 0; float:right; padding-right:32px; }
    .icons a { font-size:0px; display:block; float:left; width: 16px; height: 16px; margin:0 12px 0 0; }
#header .menu { padding:61px 0 0 26px; float:left; }
    #header .menu li { display:inline; font-size:15px; text-transform:uppercase; }
    #header .menu li a { border-right:1px dotted; padding:0 16px 2px 6px; text-decoration:none; }
    #header .menu li.active a { color: #000; }
    #header .menu li:last-child a { border:none; }
.sections { padding:38px 0 0 30px; }
    .sections li { float:left; padding:0 0 0 55px; line-height:37px; }
    .sections li.ico1 { background:url(../images/ico.gif) no-repeat 0 0; padding-right:55px; }
    .sections li.ico2 { background:url(../images/ico.gif) no-repeat 0 -37px; padding-right:50px; }
    .sections li.ico3 { background:url(../images/ico.gif) no-repeat 0 -74px; }
    .sections li a { font-size:11px; font-weight:bold; color:#4e8bc1; }

.title, #header .menu, .text h1, .text h2, .text h3, .text h4, .text h5, .text h6, .text .price, .product .price span, .order .price { font-family: "PT Sans", sans-serif; font-weight: normal; }


/* Middle
-----------------------------------------------------------------------------*/
#content { padding:0 0 134px; }
.zakaz { float:left; margin-top:35px; padding:0 0 0 32px; width:136px; }
    .zakaz a { color:#b62323; text-decoration:none; text-transform:uppercase; font-size:15px; background:url(../images/zakaz.gif) no-repeat 12px 28px; display:block; height:150px; float:left; }
    .zakaz a span, .left h2 span { color:#9b9b9b; }
.systems a { padding: 0 0 13px; display: block; }    
    .systems a.detail { padding: 0; }    
    
.flash { float:right; padding:0 25px 0 0; }
.mid { padding:14px 28px 0 32px; }
.middle { padding:14px 28px 0 32px; }
.left { width:135px; float:left; padding-top:2px; }
.right { width:160px; float:right; padding-top:2px; position: relative; }
    p.phone, p.icq, p.skype { line-height: 21px; color:#534640; font-weight: bold; }
    p.phone img, p.icq img, p.skype img { margin: 4px 0 -4px; }
    .left h2, .right h2, .btitle h2, .news h3 { font-size:15px; text-transform:uppercase; font-weight:normal; color:#b62323; }
    .text_section { border-bottom:2px solid #efe8e8; padding:17px 0 15px;  }
    .tit_indb { font-weight:bold; }
/*.left ul, .right ul { padding: 48px 0 0; }             */
.left ul, .right ul { padding: 0; }             
    .left ul ul, .right ul ul { }             
    .left ul li, .right ul li { padding: 8px 0 12px 10px; font-size: 12px; color: #9b9b9b; }
    .left ul li.active, .right ul li.active { font-weight: bold; }            
    .left ul ul li, .right ul ul li, .left ul ul li.active, .right ul ul li.active { font-weight: normal; padding: 8px 0 6px 12px; font-size: 11px; }   
    .left ul li.active a, .right ul li.active a { color: #b62323; } 
    .left ul li.active li a, .right ul li.active li a, .right ul li li a, .right ul li li a { color: #909090; } 
    .left ul li li.active, .right ul li li.active { background: url(../images/menu_li.jpg) no-repeat 0 8px; }   
    .left ul li li.active a, .right ul li li.active a { color: #b62323; }                   
.center { width:677px; float: left; }
    .center h2 { font-size: 16px; line-height: 18px; font-weight: normal; padding: 4px 0 8px; }
    .btitle h2 { border-top:1px solid #efe8e8; margin:11px 246px 0 0; }
        .btitle h2 span { display:block; float:left; padding-right:22px; margin-top:-14px; background:#fff; }
        .btitle h2 strong { font-weight:normal; color:#9b9b9b; }
        .btitle a { background:url(../images/bg_link_more.gif) no-repeat right top #fff; color:#fff; display:block; float:right; font-size:11px; font-weight:bold; height:23px; line-height:19px; margin-top:-24px; padding-left:17px; text-transform:none; width:213px; position:relative; }
.latest { overflow:hidden; padding:14px 0 0; }
    .pad_bot { padding-bottom:15px; }
    .ins { width:684px; margin-left:-8px; padding:24px 0 0 0; }
    .sites { position:relative; width:220px; float:left; padding: 0 0 16px 8px; }
        .sites a { text-decoration:none; display:block; height:137px; }
        .sites img { padding: 4px 4px 21px; background:url(../images/imposition.jpg) no-repeat 0 0; } 
        .gallery { overflow: hidden; list-style: none; } 
        .gallery li { float: left; background: none!important; margin: 4px 3px 4px 0; } 
        .gallery li.hidden { display: none; } 
        .gallery img { padding: 4px 4px 21px; background:url(../images/imposition.jpg) no-repeat 0 0; } 
        .sites p a { display:inline; height:auto; font-weight:bold; text-decoration:underline; }
        p.act_w a { color:#909090; font-weight:normal; background:url(../images/link_bg.gif) no-repeat; width:132px; height:19px; display:block; text-decoration:underline; padding:1px 0 0 10px; }
        .sites p { padding:5px 0 11px; }
        .sites p.info, .sites p.act_w { padding:0; }
        p.act_w a { color:#909090; font-weight:normal; background:url(../images/link_bg.gif) no-repeat; width:132px; height:19px; display:block; text-decoration:underline; padding:1px 0 0 10px; }
.news { height:233px; background:url(../images/bg_news.png) no-repeat; margin-bottom:-46px; position:relative; padding:0; }
    .clock { height:175px; float: left; width: 131px; padding: 62px 0 0 47px; }
    .news h3 { padding:31px 0 0 13px; width:220px; text-transform:uppercase; float:left; font-size: 16px; }
        .news h3 strong { font-weight:normal; color:#9b9b9b; }
    .arh_news { float:right; display:block; background:url(../images/bg_arch.gif); width:103px; height:19px; margin:24px 134px 0 0; font-weight:bold; padding:3px 0 0 11px; }
    .news ul { padding-top:35px; float: left; }
    .news li { float:left; width:210px; height:155px; background:url(../images/bord.gif) no-repeat 0 4px; padding: 0 1px;  }
    .news p { padding:3px 9px 0; }
    .news .date { background:url(../images/bg_date.gif) no-repeat left 1px; color:#fff; line-height:20px; padding-left: 2px; }
/* Footer
-----------------------------------------------------------------------------*/
#footer { width: 836px; margin:-134px auto 0; height:72px; padding:62px 32px 0; background:url(../images/bg_footer.gif) no-repeat 43px 0; }
.rl { float:left; }
.qvs { float:right; padding-right:55px; }
.counter { float:left; padding-left:228px; }

.pagination { font-size: 14px; text-align: center; padding: 0 0 14px; color: #fff; }
    .pagination span, .pagination a { display: block; width: 18px; padding: 8px 6px; float: left; text-decoration: none; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; margin: 0 6px 0 0; display: inline-block; }
    .pagination span { font-weight: bold; background: #c81916; background: -moz-linear-gradient(top, #c81916 0%, #720c0c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c81916), color-stop(100%,#720c0c)); background: -webkit-linear-gradient(top, #c81916 0%,#720c0c 100%); background: -o-linear-gradient(top, #c81916 0%,#720c0c 100%); background: -ms-linear-gradient(top, #c81916 0%,#720c0c 100%); background: linear-gradient(to bottom, #c81916 0%,#720c0c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c81916', endColorstr='#720c0c',GradientType=0 ); box-shadow: 0 1px 3px #999; -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; }
    .pagination a:hover { background: #f6f6f3; }

.scrollable { position:relative; overflow:hidden; width: 691px; height:224px; }
.scrollable .items { width:20000em; position:absolute; clear:both; }
.items div { float:left; width:691px; }
.scrollable img { float:left; background-color:#fff; }

/*.scrollable .active { position:relative; cursor:default; }*/

.navi { margin: 0 24px 0 0; float: right; height:20px; }
.navi a { width:14px; height:14px; float:left; margin:3px; background:url(../images/navigator.jpg) 0 0 no-repeat; display:block; font-size:1px; }
.navi a:hover { background-position:0 -14px; }
.navi a.active { background-position:0 -28px; } 

.text { font-size: 12px; }
    .text h1 { font-size: 24px; font-weight:normal; }
    .text h2 { font-size: 19px; padding: 12px 0 8px; font-weight:normal; }
    .text h3 { font-size: 18px; padding: 12px 0 8px; color: #666; }
    .text h4 { font-size: 14px; padding: 12px 0 4px; color: #666; }
    .text p { line-height: 21px; padding: 4px 0; }
    .text acronym { color: #b62323; font-weight: bold; cursor: help; }
    .text p.site { text-indent: 0; }
    .text ul, .text ol { line-height: 16px; color: #666; font-size: 12px; padding: 0; margin: 0; }
    .text ol { margin: 0 0 0 20px; list-style: decimal; }
        .text ol li { list-style: decimal; }
        .text ul li { padding: 4px 0 4px 16px; background: url(../images/text_li.jpg) no-repeat 0 8px; }
        .text em, .text i { color: #c81916; } 
        .text strong, .text b { color: #666; } 
    .text table { width: 100%; }
    .text th { font-size: 12px; text-align: left; border-bottom: solid 2px #f6f6f3; padding: 0 6px 4px; color: #666; }
    .text td { border-bottom: solid 1px #f6f6f3; padding: 0 6px; }
    .text td p { font-size: 11px; line-height: 14px; padding: 0 0 12px; }
    
    .text td.price, .product .price span { font-size: 17px; line-height: 21px; color: #c81916; width: 80px; }
        
    .text h3.order { font-family:tahoma; text-align: center; font-size: 15px; padding: 24px 0 12px; }
    .text h3.order a { padding: 6px 24px 10px; color: #fff; background: #c81916; background: -moz-linear-gradient(top, #c81916 0%, #720c0c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c81916), color-stop(100%,#720c0c)); background: -webkit-linear-gradient(top, #c81916 0%,#720c0c 100%); background: -o-linear-gradient(top, #c81916 0%,#720c0c 100%); background: -ms-linear-gradient(top, #c81916 0%,#720c0c 100%); background: linear-gradient(to bottom, #c81916 0%,#720c0c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c81916', endColorstr='#720c0c',GradientType=0 ); border:2px solid #534640; font-size:13px; color:#fff; font-weight:bold; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }

.path, .text span.detail { font-size: 11px; color: #9b9b9b; padding: 0 0 6px; }

.intros {}
    .intros li { width: 32%; float: left; padding: 0 6px 0 0; }
    .intros a { font-size: 12px; padding: 0 0 4px; display: block; font-weight: bold; }
   
.info { padding: 62px 0 0; }  
.product { font-size: 12px; padding: 6px 0 0;  }
.product div { margin-bottom: 20px; }
.prices { font-size: 17px; margin-top: 4px; line-height: 21px; color: #fff; font-family: "PT Sans", sans-serif; font-weight: normal; background: #c81916; background: -moz-linear-gradient(top, #c81916 0%, #720c0c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c81916), color-stop(100%,#720c0c)); background: -webkit-linear-gradient(top, #c81916 0%,#720c0c 100%); background: -o-linear-gradient(top, #c81916 0%,#720c0c 100%); background: -ms-linear-gradient(top, #c81916 0%,#720c0c 100%); background: linear-gradient(to bottom, #c81916 0%,#720c0c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c81916', endColorstr='#720c0c',GradientType=0 ); padding: 2px 6px; border-radius: 8px; box-shadow: 0 1px 3px #999; -moz-border-radius: 8px; -moz-box-shadow: 0 1px 3px #999; -webkit-border-radius: 8px; -webkit-box-shadow: 0 1px 3px #999; }

.products .clear { margin-bottom: 12px; }
.products h2 a { text-decoration: none; color: #000; }
.products h2 a:hover { text-decoration: underline; color: #c81916; }

.products .subcategories { overflow: hidden; }
.products .subcategories li { float: left; width: 25%; background: none!important; text-align: center; font-size: 17px; line-height: 32px; }
.products .subcategories a { text-decoration: none; color: #c81916; }
.products .subcategories a:hover { text-decoration: underline; }

.variants { width: 840px!important; margin: 10px 0 16px; }
.variants td { border: 0; vertical-align: top; }
.variants h3 { font-size: 14px; }
.variants .price td { text-align: center; font-size: 17px; padding-top: 4px!important; line-height: 21px; font-family: "PT Sans", sans-serif; }
.variants .buttons td { text-align: center; font-size: 17px; padding-top: 8px!important; }

.tags { margin: 12px 0 0; background: #f6f6f3; padding: 8px 8px 12px; text-align: center; font-size: 22px; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; }
.anonce { margin: 0 0 12px; }
.anonce p { padding: 0 0 6px; }
.type { margin: 0 0 12px; color: #666; line-height: 16px; }
.tag { margin: 0 0 12px; background: #f6f6f3; padding: 8px 8px 12px; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; text-align: center; }
    .tag a { color: #9b9b9b; margin: 0 4px; white-space: nowrap; }

.mid .center { float: right; }
.error404 { background: url("../images/404.jpg") no-repeat 0 0; height: 248px; color: #534640; font-size: 18px; margin: 0 auto; padding: 77px 26px 0 183px; text-align: center; width: 225px; }
    
 .site { width: 675px; }   
.browser_ct { background: url("../images/browser_ct.png") repeat-x 0 0; height: 32px; margin: 0 80px 0 89px; overflow: hidden; }
.browser_lt { background: url("../images/browser_lt.png") no-repeat 0 0; height: 32px; /*max-width: 614px;*/ }
.browser_rt { background: url("../images/browser_rt.png") no-repeat right 0; height: 32px; }
.siteurl { color: #6D6D6D; font: 9px Verdana,Tahoma,Arial,Geneva,Helvetica,sans-seri; margin: 16px 0 0 2px; text-align: left; }
.browser_lsh { background: url("../images/browser_lsh.png") repeat-y 0; padding-left: 7px; }
.browser_rsh { background: #fff url("../images/browser_rsh.png") repeat-y right; padding-right: 7px; }
.browser_lb { background: url("../images/browser_lb.png") no-repeat 0 0; height: 9px; }
.browser_rb { background: url("../images/browser_rb.png") no-repeat right 0; height: 9px; }
.browser_cb { background: url("../images/browser_cb.png") repeat-x 0 0; height: 9px; margin: 0 60px 0 55px; }    

#share {display: inline-block; padding: 6px 0 0 6px; background: #FFF; }
#share:hover {}
#share a {opacity: 0.5; display:inline-block;vertical-align:bottom;width:16px;height:16px;margin:0 6px 6px 0;padding:0;outline:none; background-repeat: no-repeat; background-image: url(../images/icons.png);}
#share a:hover {opacity: 1}

#contact { padding: 12px 0 0; font-size: 13px; }
    #contact .textbox span.label { width: 120px; float: left; display: block; line-height: 23px; }
    #contact .textbox input, #contact .captcha input, #contact .textbox textarea { font-size: 13px; padding: 4px 6px; border-radius: 4px; color:#666666; background: #f6f6f3; font-family:Arial, Helvetica, sans-serif; border:1px solid #efe8e8; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px; margin: 2px 0 4px;}
    #contact .textbox input.submit { background:#c81916; color:#fff; border:1px solid #534640; font-weight:bold; width: 80px; }
    #contact .textbox textarea { width: 320px; height: 120px; }
    #contact label { width: 520px; margin: 0 0 0 130px; display: block; }
    #contact input.checkbox, #contact input.radio { width: 32px; }
    #contact .captcha input { width: 80px; }

    #contact .captcha img { float: left; padding: 0 10px 0 0; }

ul.last_news, ul.last_news li { color: #000; font-size: 11px; }

.sitemap ul li a { font-family: "PT Sans", sans-serif; font-size: 16px; } 
.sitemap ul ul li a { font-size: 14px; margin: 0 0 0 12px; } 
.sitemap ul ul ul li a { font-size: 12px; margin: 0 0 0 32px; }

.order { font-size: 13px; } 
    .order span.punkt { display: block; width: 52px; height: 52px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; font: 24px/52px "PT Sans", sans-serif; color: #fff; margin: 16px 12px 0 0;  text-align: center; float: left; clear: both; background: #dedede; background: -moz-linear-gradient(top, #dedede 0%, #cccccc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dedede), color-stop(100%,#cccccc)); background: -webkit-linear-gradient(top, #dedede 0%,#cccccc 100%); background: -o-linear-gradient(top, #dedede 0%,#cccccc 100%); background: -ms-linear-gradient(top, #dedede 0%,#cccccc 100%); background: linear-gradient(to bottom, #dedede 0%,#cccccc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#cccccc',GradientType=0 ); } 
    .order .select { padding: 8px 0 0 64px; } 
    .order select, .order .textinput { font-size: 13px; padding: 4px 6px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: solid 1px #dedede; width: 320px; color:#666666; background: #f6f6f3; font-family:Arial, Helvetica, sans-serif; } 
    .order p { overflow: hidden; } 
    
    .order label { width: 520px; margin: 0 0 6px; display: block; }
    .order label em { font-style: normal; width: 120px; display: inline-block; color: #2a2a2a; }
    .order label input { margin: -1px 6px 1px 0; }
    .order .price { color: #c81916; font-size: 14px; }
    .order .descr { line-height: 15px; color: #666; font-size: 12px; margin: 0 0 6px; }
    
    .total_price { font-size: 15px; font-family: "PT Sans", sans-serif; color: #666; position: fixed; }
        .total_price #total { font-size: 24px; color: #c81916; }
        .total_price ul { padding: 0 0 0 16px; }
        .total_price ul li { padding: 2px 0 2px 0; list-style: circle; font-size: 13px; color: #666; }
        .total_price ul li .price { color: #c81916; font-size: 14px; }

    .submit { background: #c81916; background: -moz-linear-gradient(top, #c81916 0%, #720c0c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c81916), color-stop(100%,#720c0c)); background: -webkit-linear-gradient(top, #c81916 0%,#720c0c 100%); background: -o-linear-gradient(top, #c81916 0%,#720c0c 100%); background: -ms-linear-gradient(top, #c81916 0%,#720c0c 100%); background: linear-gradient(to bottom, #c81916 0%,#720c0c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c81916', endColorstr='#720c0c',GradientType=0 ); border:2px solid #534640; padding:6px 20px 7px; font-size:13px; color:#fff; font-weight:bold; cursor:pointer; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; margin: 6px 0 20px 120px; }
    
    .errors, .message { border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; background: #efefef; padding: 7px 10px 9px; margin: 6px 12px 8px 0; }
    .message { background: #00ffd2; font-size: 15px; line-height: 18px; }
    .errors p, .errors p { font-size: 11px; color: #c81916; line-height: 14px; margin: 0; padding: 0; }