@charset "windows-1251";

/*
        Made by IT Studio
		www.itstudio.ru
*/


* {
	margin: 0;
}

	html, body,
	table, td,
	form,
	h1, h2, h3, h4, h5, h6,
	p,
	ol, ul {padding: 0; margin: 0}
	

html {height:100%}


img, table, td {border: 0}
body, td, th {font: 100%/1.3 Tahoma, Helvetica, sans-serif; color: #4c4c4c ;}
html, body {height:100%}
table {border-collapse: collapse;}

/*img.png {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src=/i/img.png)}*/

a:link {color: #065b89;}
a:visited {color:#065b89}  
a:hover {color:#065b89; text-decoration:none;}

#inner a:link { color:#417799;}
#inner a:hover { color:#ed1c24; text-decoration:underline;}
#inner a:visited { color:#8a62a4;}

hr {height: 0px; border: 0; border-top: 1px solid #a2b3be; font-size:1px; line-height:0px;}

h1, h2, h3 {margin:0.5em 0 0.5em 0; font-style:normal; font-weight:normal; color:#336d92; line-height:1em;}

h1 {font-size: 200%;}
h2 {font-size: 180%;}
h3 {font-size: 140%;}

p {margin-bottom: 1em}

ul {margin: 0em 0 1em 20px; padding:0; list-style-image:url(../i/li.gif); *list-style-image:url(../i/li-ie.gif); }
ul li {margin-bottom:8px;}
ul ul {margin-bottom:0; margin-top:8px;}
ol {padding: 0em 0 1em 40px}

.blur {color: silver}
.focus {color: black}
address {font-style: normal}
.clear {clear:both; font-size:1px; height:0px; line-height:0px; }
.bold {font-weight:bold;}
.small {font-size:85%}

body { background:#fff url(../i/bg-body.png) repeat-x top; margin:0; padding:0; position:relative; height:100% }	

.page-bg {background:url(../i/bg-page.png) no-repeat -400px top;}

.left-col {width:40px;}
.middle-col { width:50%}
.right-col { width:50%}

.my-height {height: 1px; *height: auto}
.my-height-max {height: auto; *height: 50%}

.page-karkas { width:100%; font-size:85%; height:150px}

.header td {vertical-align:top;}
#inner .header td.middle-col {padding-left:40px}
#inner .header a:hover {text-decoration:none;} 
img.header-padding  {height:30px}

    .nav-menu{ position:relative; width:239px; height:38px; padding:15px 0 0 0;}
        .nav-menu ul { width:117px; height:23px; margin:0; padding:0; list-style-image:none; list-style:none;}
        .nav-menu ul li{ float:left; width:23px; height:23px; margin:0; padding:0; margin-right:10px;}  
        .nav-menu ul .selected { background:url(../i/nav-active.png);}
        .nav-menu ul li a, .nav-menu ul li b {display:block; width:23px; height:23px; background:url(../i/nav-icons.gif) no-repeat;}       
        .nav-menu ul li a.home-icon { background-position:-1px -2px;} 
        .nav-menu ul li b.home-icon { background-position:-1px -2px;}  
        .nav-menu ul li a.mail-icon { background-position:-51px -2px;}
        .nav-menu ul li b.mail-icon { background-position:-51px -2px;}        
        .nav-menu ul li a.search-icon { background-position:-76px -2px;}
        .nav-menu ul li b.search-icon { background-position:-76px -2px;}
        .nav-menu ul li a.map-icon { background-position:-26px -2px;}
        .nav-menu ul li b.map-icon { background-position:-26px -2px;}
            
	.logo {}
                
	.slogan { color:#666666; font-family:Arial Black, Helvetica, sans-serif; padding-top:5px; padding-bottom:0.8em}
	
    .login-panel {font-size:80%; margin-top:55px;}
	    .login-panel table {margin:0 auto;}
        .login-panel table td {vertical-align:top; padding:0 10px}
        .login-panel table .inputs td {vertical-align:middle; padding:0 10px 0 0}
        .login-panel .labels-top td { vertical-align:bottom; height:20px;}
        .login-panel .name {font-size:130%;}
        a.reg { color:#336d92 !important;}
        a.why { color:#666666 !important;}
        a.forgot { color:#ed1c24 !important;}        
        button.enter {background:none; padding:0; border:none; width:76px; height:26px; position:relative; top:-1px;}
        .rounded-inp {background: url(../i/input-header-bg.png) left center no-repeat; padding:0; margin-right:10px;}
            .rounded-inp div {background:url(../i/input-header-right.png) right center no-repeat; position:relative; right:-10px; }
            .rounded-inp input {background:none; border:none; padding:0 10px 0 0; margin:3px 0; color:#666666; font-size:14px;}
    
    .page-nav-bar {padding:0 40px 20px 40px; font-size:80%}
    	.page-nav-bar a {color:#333333 !important; padding:1px 3px 3px ;}
        .page-nav-bar a:hover {color:#ed1c24 !important;}
	    .page-nav-bar a.home {background:#fbdc4e;}
	    .page-nav-bar .divider {padding:0 3px; font-size:120%; line-height:1em; color:#ed1c24; position:relative; *top:2px;}
    
    
    
    
    .rubrikator {}
	    .rubrikator .top { width:100%; height:77px;}
        .rubrikator .top td {background:#336d92;}
        .rubr-corner {background: transparent url(../i/category-arms.png) no-repeat top right; min-width:56px; vertical-align:top; position:relative;}
        .rubr-corner img { width:56px; height:77px;}
        .rubrikator .top td.title {color:#FFFFFF; font-size:150%; font-family:Arial Black, Helvetica, sans-serif; line-height:1em; width:40%; xpadding-left:10px; }
		.search-block {width:60%; padding:0 0 0 20px}
        .search-block table { width:100%;}
        .search-block table td { color:#FFFFFF;}
        .search-block .q-search-label {font-style:italic; font-family:Arial, Helvetica, sans-serif; font-size:90%; padding:0 0 5px 10px;}
        .search-block .clear-label {text-align:right; font-size:90%;  padding:0 10px 5px 0px;}
        .search-block .clear-label a {border-bottom:1px dotted white; color:#FFFFFF !important; text-decoration:none; padding:0 1px 1px 1px}
        .top .search-block .clear-label a:hover {border-bottom:none; padding-bottom:2px;}
    	.rubr-search {background: url(../i/input-categories-bg.png) no-repeat left center; padding:0; margin-bottom:-1px;}
            .rubr-search div { background:url(../i/input-categories-right.png) no-repeat right center; padding-right:20px; position:relative;}
            .rubr-search input {background:none; border:none; padding:0 10px 0 10px; margin:5px 0; color:#666666; font-size:16px; width:100%;}
        .rubr-search-btn { margin-left:5px; *margin-left:25px;}
	        .rubr-search-btn button { background: none; border:none; outline:none; width:31px; height:31px; padding:0; cursor:pointer}
            .rubr-search-btn button:outline {border:none;}
            .rubr-search-btn button:active {border:none;}
		
        #inner .search-block {width:auto; padding:0 0 0 0px; margin-bottom:25px; margin-top:-15px;}
            #inner .search-block table { width:75%;} 
            #inner .search-block table td { color:#4c4c4c;} 
            #inner .search-block .q-search-label { padding:0 10px 0px 0; font-style:normal;}
            #inner .rubr-search {background: url(../i/inner-search-bg.png) no-repeat left center;; margin-bottom:0px;}
            #inner .rubr-search div { background:url(../i/inner-search-right.png) no-repeat right center;}
            #inner .rubr-search-btn {margin-bottom:-4px;}
            #inner .rubr-search-btn button { background: none; border:none; outline:none; width:29px; height:29px; padding:0; cursor:pointer}

    .rubrikator .content {xbackground:#336d92; padding:25px 0px 0 0px; position:relative;}
        .arm { position:absolute; width:60px; height:97px; background:url(../i/category-arms-2.png) no-repeat; 
        right:0px;  *right: expression( this.parentNode.offsetWidth % 2 ? -1 : 0 ); top:190px;}
        .content-corner {background:#fff url(../i/decor/category-t-r.png) no-repeat right top; width:50px; height:40px; position:relative; margin-top:-113px; right:5px;  }        .arrow { background-color:#336d92;}
        
    .rubrikator .bottom { height:55px; background:url(../i/decor/category-b.gif) repeat-x bottom;}
	    .rubrikator .bottom .left {background:url(../i/decor/category-b-l.png) no-repeat left bottom; height:55px; width:56px;}
        .rubrikator .bottom .right {background:url(../i/decor/category-b-r.png) no-repeat right bottom;  height:55px; width:56px;}
    
    .columns ul {list-style:none; list-style-image:none; padding:0; margin:0; font-size:90%;}
    #inner .columns ul {font-size:100%}
	    .columns ul li { margin-bottom:10px;}
        .columns ul li a {}
        .columns ul li a:hover { color:#ed1c24; text-decoration:underline;}
        
    .columns { width:100%}
    	.columns .one { vertical-align:top; width:48%}
        .columns .divider { width:4%;}
    
    td.right-box {background:url(../i/category-man.png) no-repeat top left; padding:0 75px 25px 85px}
    #inner td.right-box {padding:0 75px 95px 40px}
    div.right-box {min-height:300px; height:auto !important; height:300px;}

    
        
        .rounded-box .top { background:url(../i/decor/dotted-horz.gif) repeat-x top left; position:relative; height:10px; font-size:1px; line-height:0px;}
            .rounded-box .top .left {position:relative; left:-20px; padding-right:10px; background:url(../i/decor/dotted-t-l.gif) no-repeat top left; height:10px;}
            .rounded-box .top .right {position:relative; right:-10px; background:url(../i/decor/dotted-t-r.gif) no-repeat right top; height:10px; }
        .rounded-box .content-l {background:url(../i/decor/dotted-vert.gif) repeat-y left top; position:relative; left:-20px;}
        .rounded-box .content-r {background:url(../i/decor/dotted-vert.gif) repeat-y right top;position:relative; right:-10px; }
        .rounded-box .bottom { background:url(../i/decor/dotted-horz.gif) repeat-x left bottom; position:relative; height:10px; font-size:1px; line-height:0px;}
            .rounded-box .bottom .left {position:relative; left:-20px; padding-right:10px; background:url(../i/decor/dotted-b-l.gif) no-repeat left bottom;height:10px;}
            .rounded-box .bottom .right {position:relative; right:-10px; background:url(../i/decor/dotted-b-r.gif) repeat-y  right bottom; height:10px; }
		
        .cart-box { margin:0 10px 20px 70px}                
            .cart-box .cart-link {background:url(../i/cart-icon.gif) no-repeat left center; padding:5px 0 5px 38px; margin-left:15px; font-size:100%;}
            .cart-box .cart-link .empty {color:#cccccc}
            .cart-box .cart-link a {color:#336d92; font-weight:bold;}
        #inner .cart-box { margin:0 70px 40px 20px} 
        
        .menu { margin:0 0 25px 60px;}
            .menu .top { height:25px; width:100%;}
                .menu .top .left { width:25px; height:25px; background:url(../i/decor/blue-t-l.gif) no-repeat;}
                .menu .top .center { width:100%; background:#e1f2f5;}
                .menu .top .right { width:25px; height:25px; background:url(../i/decor/blue-t-r.gif) no-repeat;}
            .menu .bottom {height:25px; width:100%;}
                .menu .bottom .left {width:25px; height:25px; background:url(../i/decor/blue-b-l.gif) no-repeat;}
                .menu .bottom .center {width:100%; background:#e1f2f5 url(../i/decor/blue-b.gif) repeat-x;}
                .menu .bottom .right {width:25px; height:25px; background:url(../i/decor/blue-b-r.gif) no-repeat;}            
            .menu .content { background: #e1f2f5 url(../i/decor/blue-r.gif) repeat-y right;}
            .menu ul {list-style:none; list-style-image:none; font-size:90%; margin-bottom:-10px; margin-top:-5px; padding:0 0 0 30px; margin-left:0;}
                .menu ul li { margin-bottom:10px;}
                .menu ul li a {padding:0 0 0 15px; line-height:1em }
                .menu ul li.selected a {color:#ed1c24 !important; background:url(../i/menu-hover.gif) repeat-y left top;}
                .menu ul li a:hover { background:url(../i/menu-hover.gif) repeat-y left top; color:#ed1c24 !important; text-decoration:none !important;}
                .menu ul li a:visited {color:#336d92 !important}
                .menu ul li.selected a:visited {color:#ed1c24 !important;}
                .menu ul li b {padding:0 0 0 15px; line-height:1em}
                .menu ul li.selected b {color:#ed1c24 !important; background:url(../i/menu-hover.gif) repeat-y left top;}
                .menu ul li.selected ul { margin:10px 0 0 15px; padding:0; font-size:100%}
                .menu ul li.selected ul li {}
                .menu ul li.selected ul li a {color:#336d92 !important; background:none}
                .menu ul li.selected ul li a:visited {color:#336d92 !important;}
                .menu ul li.selected ul li a:hover {background:url(../i/menu-hover.gif) repeat-y left top; color:#ed1c24 !important; text-decoration:none !important;}
                .menu ul li.selected ul li b {color:#ed1c24 !important; background:none} 
                .menu ul li.selected ul li.selected a {color:#ed1c24 !important; background:url(../i/menu-hover.gif) repeat-y left top !important;} 
                .menu ul li.selected ul li.selected a:visited {color:#ed1c24 !important;}
                .menu ul li.selected ul li.selected b {color:#ed1c24 !important; background:url(../i/menu-hover.gif) repeat-y left top;} 
        #inner .menu { margin:0 60px 25px 10px;}
          
        .contacts-block {margin:35px 10px 30px 10px; font-size:85%;}
            .contacts-block .prefix { padding-right:7px; color:#999999;}
            .contacts-block .phones { color:#333333; font-family:Arial Black, Helvetica, sans-serif; font-size:160%;}
            .contacts-block a.mailto {font-family:Arial Black, Helvetica, sans-serif; font-size:130%;}
        
		.special { margin:0 10px 0 20px; font-size:90%; }
	        .special h3 {color:#ed1c24; font-family:Arial Black, Helvetica, sans-serif; font-size:150%; padding-left:10px}
	        .special h3 a {color:#ed1c24 !important;}
        	.special .content-l {line-height:1.5em; padding:5px 0 5px 20px; }
        	.special .text {margin-right:-20px;}
            .special .date { color:#999999;}
            .special .title {font-size:115%; margin-bottom:5px;margin-right:-20px;}
    
    .company td { background:#336d92; color:#FFFFFF}
	    .company .left-shade { background:#336d92 url(../i/category-shade-left.png) repeat-y right;}
        .company .text {background:#336d92 url(../i/category-shade-right.png) left top no-repeat; padding:35px 40px 45px 35px; vertical-align:top; font-size:85%;}
        .company .text table td {background:none;}
        .company .text .title {font-size:160%; font-family:Arial Black, Helvetica, sans-serif; padding-bottom:10px;}
        .company .text .about {padding-bottom:10px}
        .company .text .prefix { padding-right:7px;}
        .company .text .phones { color:#fbdc4e; font-family:Arial Black, Helvetica, sans-serif; font-size:160%;}
        .company a { color:#fbdc4e !important;}
        .company a.mailto {font-family:Arial Black, Helvetica, sans-serif; font-size:130%; color:#FFFFFF !important;}
        .company a.address {font-size:130%; margin-left:10px;}
    
    .bricks-top {background:url(../i/footer-bricks-top.jpg) no-repeat center bottom !important;}
    #inner .bricks-top {background:url(../i/footer-bricks-inner-top.jpg) no-repeat center bottom !important;}
    #inner .bricks-top.additional {background:url(../i/footer-bricks-top.jpg) no-repeat center bottom !important;}
    .bricks-bottom {background:url(../i/footer-bricks-bottom.jpg)  no-repeat center top !important;}
    
    .page-content { background:url(../i/inner-content-shade.gif) no-repeat right 2.9em;}
    .page-content .title { background:url(../i/inner-title.png) no-repeat right top; padding:5px 40px;
    	color:#fff; font-family:Arial Black, Helvetica, sans-serif; font-size:180% }
    .page-content-bottom {background:url(../i/inner-content-bot-shade.gif) repeat-x bottom; height:35px;}
    .page-content-bottom div {background:url(../i/inner-content-b-r.gif) no-repeat right bottom; height:35px;}
    .page-content .box {padding:35px 40px 0 40px} 
    .page-content .box img.pic {border:1px solid #ccc;}
    
    ul.zakaz-tabs { list-style:none; list-style-image:none; padding:0; margin:-25px 0 25px 0;}
	    ul.zakaz-tabs li { float:left; padding:10px;}
        ul.zakaz-tabs li a { padding:2px 5px;}
        ul.zakaz-tabs li.selected b { background:#eef2f4; font-weight:normal; padding:2px 5px;}
        ul.zakaz-tabs li.selected a { background:#eef2f4; font-weight:normal; padding:2px 5px; color:#417799 !important}
        
    
table.user { margin-bottom:1em}
table.user td { padding:6px 10px 6px 10px; border-bottom:1px solid #e6e6e6; font-size:90%;}
table.user .z1 td{ border-bottom:2px solid #065b89; background:#eef2f4;  color:#000; padding:8px 10px 8px 10px;}

table.zakaz { margin-bottom:1em; font-size:80%; margin-left:-8px; margin-right:-8px;}
table.zakaz td { padding:6px 8px 6px 8px;}
table.zakaz .z1 td{ border-bottom:2px solid #065b89; background:#eef2f4; color:#000000;}

table#cart-table td { padding:10px 12px 10px 12px !important;}
table#cart-table .z1 td { padding:20px 12px 15px 12px !important;}

table.user-info {}
table.user-info td {padding:3px 10px 3px 0; font-size:90%;}
table.user-info button.save {padding:3px 10px; *padding:3px 0; margin-top:10px;}
table.user-info .forgot {font-size:115%;}

.page-nav { font-family:Arial, Helvetica, sans-serif !important;font-size:100%; padding-top:15px;}
.page-nav-text {display:block; float:left; padding:3px 6px;  font-size:80%}
.page-nav  a { padding:2px 6px; display:block; float:left; margin-right:3px;}
.page-nav  b { color:#4c4c4c; padding:2px 6px; font-weight:bold; display:block; float:left; background:#fbdc4e; margin-right:3px;} 

.rounded-input { background:url(../i/input-custom-bg.png) no-repeat left center; margin-right:16px; *margin-right:32px; }
.rounded-input div { background:url(../i/input-custom-right.png) no-repeat right center; position:relative; right:-16px;}
.rounded-input div input {background: none; border:none; padding:5px 10px 5px 8px; *padding:5px 0px 5px 8px; width:100%; position:relative; left:-16px; *left:-10px}
.rounded-input div select {background:none; border:none; margin:3px 0; width:235px; background:#fff;}
 
a.adobe {background: url(../i/adobe.png) no-repeat left 0.20em; padding-left:30px; display:block; }
a.new-window { padding-right:22px;}
a.new-window i  {background:url(../i/new-window.gif) no-repeat right top; width:20px; height:13px; position:absolute; margin-right:-20px; }
a.download {background:url(../i/download.gif) left center no-repeat; padding:10px 0pt 13px 20px; font-size:100%; }

a.delete-item {text-decoration:none; font-weight:bold; font-size:1px; line-height:0em; outline:none; color:#fff; outline:none;
background:url(/i/del.gif) no-repeat top center; display:block; width:11px; height:11px; }
a.delete-item:hover {background-position:bottom center; color:#fff;}
   
.footer { font-size:80%; color:#94999c;}
   .footer-table { width:100%; height:190px;}
   #inner .footer-table { margin-left:40px;}
   .footer-table .address {color:#999999; vertical-align:top; padding-top:50px; padding-right:20px; }
   .footer-table .copyright {font-size:110%; padding-bottom:7px;}
       #itstudio { width:250px; vertical-align:top; padding-right:20px; padding-top:50px }		
            #itstudio .vcard {margin:0px 14px 0 15px; font-size:100%; text-align:left; }
            #itstudio .it-image {width:34px;height:37px; position: relative; top:2px; padding-right:5px; }
            #itstudio .it-image img {position: relative; top:3px; *top:2px }
            #itstudio p {padding: 0 0 0 0 !important; margin: 0 !important; white-space:nowrap; color:#999999;}
            #itstudio p a{color:#999999 !important; text-decoration:none !important;}
            #itstudio p a:hover{color:#999999 !important;}	
            #itstudio td {line-height: 110%}
            #itstudio a.url {color:#336d92 !important; text-decoration:underline;}
            #itstudio a:hover.url {text-decoration:none;}
    
div.right-box {max-width:500px; width:expression((document.documentElement.clientWidth||document.body.clientWidth) > 1300? "501px" : "auto") }
div.text-about {max-width:550px; width:expression((document.documentElement.clientWidth||document.body.clientWidth) > 1300? "551px" : "auto") }

    tr.troff td {background-color:#FFF;}
	tr.tron  td {background-color:#fefae4;}
    tr.trset td {background-color:#fef5c6;}

.goods-sub { margin-bottom:30px; margin-left:-10px;}
	.goods-sub ul {font-size:12px; padding:0; margin:0; *width:100%;}
	.goods-sub ul li {padding:0 10px; border-right: 1px solid #bfccd6; float:left; display:block; *white-space:nowrap; margin-bottom:12px; line-height:1.2em; }
	.goods-sub ul li.last {border:0;}
	.goods-sub ul li a {display:inline; text-decoration:underline }
	.goods-sub ul li a:hover { text-decoration:none !important }
	
.newsList {}
	.newsList .pic { padding-right:20px;}
	.newsList .news_padding {width:100%;}
	.newsList .date {color:#000; font-size:85%;}
	.newsList h3 {font-size:110%; margin:0 0 5px 0; font-weight:bold;}
	.newsList .text {margin-bottom:30px;}

.page-bg  {min-width: 998px;  width:expression((document.documentElement.clientWidth||document.body.clientWidth) < 998? "997px" : "auto")}	
.error {color:red !important; font-size:85%}

#message_block {display:none; position:absolute; z-index:1000; font-size:180%; background:#fff; width:100%; padding:10px 0 0 0; text-align:center; 
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85); /* IE 5.5+*/
	-moz-opacity: 0.85; /* Mozilla 1.6 и ниже */
	-khtml-opacity: 0.85; /* Konqueror 3.1, Safari 1.1 */
	opacity: 0.85; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}