@import 'reset.css';
@import 'typography.css';

html, body{
	margin:0px;
	padding:0px;
	height:100%;
    background: #90867E url(/images/bg-1.jpg) 50% 731px;
	}
body{
}
.clear{
	font-size:1px;
	height:1px;
	overflow:hidden;
	clear:both;
	}

a:link{
    color: #fff8ac;
    text-decoration: underline;
}
a:visited{
    color: #cecece;
}
a:hover{
    color: #CEF6FF;
    text-decoration: underline;
}
a:active{
    color: #fff8ac;
    text-decoration: none;
}

a.local, a.local:visited{
    text-decoration: none;
    color: #fff8ac;
    border-bottom: 1px dashed;
    cursor: pointer;
}
a img{
	border:0px;
	}

img.border, .border img{
	border: 9px solid #667379;
	}
.nobr{
    white-space: nowrap;
}
#decor1{
    width: 50%;
    height: 731px;
	height: 800px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(/images/bg-decor-1_2.jpg) repeat-x right top;
}
#decor2{
    width: 50%;
    height: 731px;
	height: 1140px;
    position: absolute;
    left: 50%;
    top: 0;
    background: url(/images/bg-decor-2-2.jpg) repeat-x left top;
}
#main, #footer{
    width: 980px;
    margin: 0 auto;
    
} 
#main{
	min-height:100%;
    background: #415158 url(/images/bg-content.jpg);
    position: relative;
}

    #header{
        background: url(/images/bg-header.jpg) no-repeat;
        width: 980px;
        height: 460px;
        height: 560px;
        position: relative;
        z-index: 2;
	}
        #header #logo{
            position: absolute;
            top: 21px;
            left: 45px;
        }
        #header #flash-spark{
            position: absolute;
            left: 342px;
            top: 0;
        }
        #header #menu-langs{
            background: url(/images/bg-langs.jpg) no-repeat;
            position: absolute;
            left: -11px;
            top: 11px;
            width: 59px;
            height: 138px;
            padding-top: 1px
        }
            #header #menu-langs li{
                display: block;
                margin: 0 6px 1px;
            }
            #header #menu-langs li.ru{
                margin-top: 50px;
            }
                #header #menu-langs li img{
                    display: block;
                    padding: 10px;
                }
        #header .regions, #header .order {
            position: absolute;
            top: 0;
            right: 0;
        }
            #header .regions .area{
                		background-image: url(/images/map/cheboxary-y.gif);
                		background-image: url(/images/map/engels-y.gif);
                		background-image: url(/images/map/kazan-y.gif);
                		background-image: url(/images/map/nabchelny-y.gif);
                		background-image: url(/images/map/penza-y.gif);
                		background-image: url(/images/map/samara-y.gif);
                		background-image: url(/images/map/saransk-y.gif);
                		background-image: url(/images/map/saratov-y.gif);
                		background-image: url(/images/map/togliatti-y.gif);
                		background-image: url(/images/map/ufa-y.gif);
                		background-image: url(/images/map/ulyanovsk-y.gif);
            }
            #header .regions .area li{
                position: absolute;
            }
                #header .regions .area li img.name{
                    position: absolute;
                }
                #header .regions .area li span{
                    display: none;
                }
                #header .regions .area li#cheboxary-marker{
                	left: 91px;
                	top: 50px;
                }
                	#header .regions .area li#cheboxary-marker img.name{
                		background-image: url(/images/map/cheboxary-w.gif);
                		left: -30px;
                		top: -3px;
                		width: 44px;
                		height: 8px;
                	}
                	#header .regions .area li#cheboxary-marker a:hover img.name{
                		background-image: url(/images/map/cheboxary-y.gif);
                	}
                #header .regions .area li#engels-marker{
                	left: 64px;
                	top: 89px;
                }
                	#header .regions .area li#engels-marker img.name{
                		background-image: url(/images/map/engels-w.gif);
                		left: -10px;
                		top: 14px;
                		width: 33px;
                		height: 8px;
                	}
                	#header .regions .area li#engels-marker a:hover img.name{
                		background-image: url(/images/map/engels-y.gif);
                	}
                #header .regions .area li#kazan-marker{
                	left: 94px;
                	top: 58px;
                }
                	#header .regions .area li#kazan-marker img.name{
                		background-image: url(/images/map/kazan-w.gif);
                		left: 3px;
                		top: 0px;
                		width: 29px;
                		height: 8px;
                	}
                	#header .regions .area li#kazan-marker a:hover img.name{
                		background-image: url(/images/map/kazan-y.gif);
                	}
                #header .regions .area li#nabchelny-marker{
                	left: 120px;
                	top: 59px;
                }
                	#header .regions .area li#nabchelny-marker img.name{
                		background-image: url(/images/map/nabchelny-w.gif);
                		left: 9px;
                		top: 4px;
                		width: 80px;
                		height: 8px;
                	}
                	#header .regions .area li#nabchelny-marker a:hover img.name{
                		background-image: url(/images/map/nabchelny-y.gif);
                	}
                #header .regions .area li#penza-marker{
                	left: 67px;
                	top: 69px;
                }
                	#header .regions .area li#penza-marker img.name{
                		background-image: url(/images/map/penza-w.gif);
                		left: -26px;
                		top: 5px;
                		width: 24px;
                		height: 8px;
                	}
                	#header .regions .area li#penza-marker a:hover img.name{
                		background-image: url(/images/map/penza-y.gif);
                	}
                #header .regions .area li#samara-marker{
                	left: 86px;
                	top: 77px;
                }
                	#header .regions .area li#samara-marker img.name{
                		background-image: url(/images/map/samara-w.gif);
                		left: -13px;
                		top: 14px;
                		width: 30px;
                		height: 8px;
                	}
                	#header .regions .area li#samara-marker a:hover img.name{
                		background-image: url(/images/map/samara-y.gif);
                	}
                #header .regions .area li#saransk-marker{
                	left: 72px;
                	top: 63px;
                }
                	#header .regions .area li#saransk-marker img.name{
                		background-image: url(/images/map/saransk-w.gif);
                		left: -33px;
                		top: 1px;
                		width: 33px;
                		height: 8px;
                	}
                	#header .regions .area li#saransk-marker a:hover img.name{
                		background-image: url(/images/map/saransk-y.gif);
                	}
                #header .regions .area li#saratov-marker{
                	left: 62px;
                	top: 82px;
                }
                	#header .regions .area li#saratov-marker img.name{
                		background-image: url(/images/map/saratov-w.gif);
                		left: -34px;
                		top: 8px;
                		width: 33px;
                		height: 8px;
                	}
                	#header .regions .area li#saratov-marker a:hover img.name{
                		background-image: url(/images/map/saratov-y.gif);
                	}
                #header .regions .area li#togliatti-marker{
                	left: 86px;
                	top: 71px;
                }
                	#header .regions .area li#togliatti-marker img.name{
                		background-image: url(/images/map/togliatti-w.gif);
                		left: 7px;
                		top: 7px;
                		width: 38px;
                		height: 8px;
                	}
                	#header .regions .area li#togliatti-marker a:hover img.name{
                		background-image: url(/images/map/togliatti-y.gif);
                	}
                #header .regions .area li#ufa-marker{
                	left: 108px;
                	top: 82px;
                }
                	#header .regions .area li#ufa-marker img.name{
                		background-image: url(/images/map/ufa-w.gif);
                		left: 8px;
                		top: 6px;
                		width: 18px;
                		height: 8px;
                	}
                	#header .regions .area li#ufa-marker a:hover img.name{
                		background-image: url(/images/map/ufa-y.gif);
                	}
                #header .regions .area li#ulyanovsk-marker{
                	left: 85px;
                	top: 64px;
                }
                	#header .regions .area li#ulyanovsk-marker img.name{
                		background-image: url(/images/map/ulyanovsk-w.gif);
                		left: 6px;
                		top: 6px;
                		width: 43px;
                		height: 8px;
                	}
                	#header .regions .area li#ulyanovsk-marker a:hover img.name{
                		background-image: url(/images/map/ulyanovsk-y.gif);
                	}
                

        #header .order {
            padding: 0 16px;
        }
        #header #form-search{
            position: absolute;
            left: 802px;
            top: 170px;
        }
            #form-search input.text{
                background: transparent none;
                border: 1px solid #909090;
                color: #484848;
                vertical-align: middle;
                padding: 1px 2px;
                width: 132px;
                font-style: normal;
            }
            #form-search input.text.placeholder{
                font-style: italic;
                color: #909090;
            }
            #header #form-search input.text:focus{
                color: #484848;
                border: 1px solid #484848;
            }
            #form-search input.submit{
                background: url(/images/icon-search.gif) no-repeat center;
                border: 0 none;
                padding: 2px 11px 2px 2px;
                height: 11px;
                vertical-align: middle;
                cursor: pointer;
            }
        #header #h1_welding{
            position: absolute;
            left: 65px;
            top: 237px;
            margin: 0;
        }
        #header #ul_welding{
            position: absolute;
            left: 65px;
            top: 283px;
            padding-left: 32px;
            padding-top: 16px;
            font-weight: bold;
            color: #FFF/*8AA*/;
            width: 200px;
        }
        
        #header #h1_other{
            position: absolute;
            left: 65px;
            top: 487px;
			top: 509px;
            margin: 0;
        }
        #header #ul_other{
            position: absolute;
            left: 65px;
            top: 533px;
			top: 563px;
            padding-left: 40px;
            padding-top: 16px;
            width: 200px;
            font-weight: bold;
            color: #FFF/*8AA*/;
        }
        #header #ul_welding ul, #header #ul_other ul{
            padding-left: 25px;
            font-size: 0.9167em; /* 11px */
            line-height: 1.2em; 
        } 
        #header #ul_welding li, #header #ul_other li, #content ul li{
            background: url(/images/bg-li.png) no-repeat left top;
            padding-left: 20px;
            margin-left: -20px;
            margin-bottom: 0.1em;
        }
            #header #ul_welding ul li, #header #ul_other ul li, #content li ul li{
                background: url(/images/bg-li-li.png) no-repeat left top;
                padding-left: 15px;
                margin-left: -15px;
            }
                
        #header #ul_welding li, 
        #header #ul_other li{
            margin-bottom: 0.3em;   
        }
        #header #ul_welding li a, 
        #header #ul_other li a{
            font-weight: normal;
        }
        #header #ul_welding li a:link, 
        #header #ul_other li a:link{
            color: #FFF8AA;
        }
        #header #ul_welding li a:visited, 
        #header #ul_other li a:visited{
            color: #FFF8AA;
        }
        #header #ul_welding li a:hover, 
        #header #ul_other li a:hover{
            color: #FFF;
        }
        #header #ul_welding li a:active, 
        #header #ul_other li a:active{
            /**color: #FFF8AA;-*/
        }
        #header #ul_welding li.active a{
            font-weight: bold;
        }
            #header #ul_welding li.active ul li a, #header #ul_other li.active ul li a{
                    font-weight: normal;
                    color: #FFF8AA;
                }
        #menu-main{
            position: absolute;     
            left: 396px;
            top:  244px;   
			top:  274px;
    	}
        
            #menu-main ul{
                    width: 580px;
                    white-space: nowrap;
            	}
            
                #menu-main ul li{
                    display: inline;
            	}
                
                    #menu-main ul li a img{
                        background: url(/images/016.png) left top;
                	}
                    #menu-main ul li a:hover img{
                        background-position: left bottom;
                    }
                    #menu-main ul li img{
                        padding: 0 44px;
                    }
        #header .products{
            position: absolute;
            left: 355px;
            top:  280px;
        }
            #header .products ul {}
                #header .products ul li{
                    float: left;
                    width: 190px;
                    text-align: center;
                    padding: 0 5px;
                }
                    #header .products ul li img{
                        display: block;
                        margin: 0 auto -40px;
                        height: 172px;
                    }
    #content{
        color: #fffce0;
        /**overflow: hidden;*/
        position: relative;
        z-index: 1;
    }
    
        #content h1{
            color: #fff8ac;
            margin: 0.5em 0; 
        }
        #content h2{
            margin-top: 0;
    	}
        #content h3{
        
        	}
        #content h4{
        
        	}
        #content h5{
        
        	}
        #content h6{
        
        	}
        
        #content p{
        
        	}
        #content a{
        
        	}
        #content .textwrap h1 a{
            color: #fff8ac;
        }
        #content ul{
            padding-left: 50px;
            margin-bottom: 1.4167em;
            color: #cef6ff;
            
    	}
        
            #content ul li{
                margin-bottom: 0.1ex; 
        	}
            #content ul li.no-marker{
                background-image: none;
                 
        	}
                #content ul li ul{
                
                	}
                
                    #content ul li ul li{
                    
                    	}
                    
                        #content ul li ul li ul{
                        
                        	}
                        
                            #content ul li ul li ul li{
                        
                        	}
        
        #content .column-left{
            float: left;
            padding-top: 192px;
            padding-bottom: 127px;
            width: 319px;
            background: url(/images/bg-column-left.jpg) no-repeat;
        }
            #content .column-left .container{
                margin: 0 30px 0 51px;
                
            }
            #content .column-left .first{
                border-top: 4px solid #bd3d37;
                margin-bottom: 0;
				margin-top:5px;
            }
            #content .column-left .banners{
                padding-top: 2em;
            }
            #content .column-left .last{
                
            }
            #content .column-left .bnnr{
                border: 8px solid #6C777D;
            }
            #content .news ol li{
                margin-bottom: 2em; 
                list-style-type: none;
            }
            #content .textwrap ol.news{
                margin-left: 0;
                padding-left: 0; 
            }
            #content .textwrap ol.news  li{
                list-style-type: none;
            }
            #content .news h1{
                color: #fff;
                margin: 0.5em 0; 
            }
            #content .news h2, #content .textwrap .news h3{
                color: #fff8aa;
                margin: 0 0 1ex 0;
            }
            #content .news .date{
                color: #cef6ff;
                margin: 0;
            }
        #content .textwrap{
            float: left;
            /*margin-bottom: -10000px;
            padding-bottom: 10117px;*/
            padding-bottom: 117px;
            width: 661px;
            background: url(/images/bg-column-right.jpg) no-repeat;
        }
            #content .textwrap .container{
                margin: 0 50px 0 30px;
                border-top: 4px solid #fad13f;    
            }            
            #content .textwrap h1, #content .textwrap h2, #content .textwrap h3, #content .textwrap h4{
                color: #fff8ac;
            }
            #content .textwrap ol{
                padding-left: 50px;
            }
            #content .textwrap ol li{
                list-style-type: decimal;
            }
            #content .textwrap .good, #content .textwrap .good h3{
                color: #CEF6FF;
            }
            #content .textwrap .bad, #content .textwrap .bad h3{
                color: #FFB4B4;
            }
            #content .textwrap p.gallery{
                /*margin-right: -55px;*/
                /*text-align: center;
                background: #fff;*/
            }
                #content .textwrap p.gallery img{
                    float: left;
                    margin: 0 18px 18px 0;
                }
        #content .tbl-nice{
            background: #fff url(/images/005.jpg) repeat-y;
            margin:  0 -50px 0 -30px;
            padding: 0  50px 0  30px;
            width: 100%;
            color: #3A4145;
        }
            #content .tbl-nice .tbl-top{
                background: url(/images/014.jpg) repeat-x top;
                margin:  0 -50px 0 -30px;
                padding: 0  50px 0  30px;
                width: 100%;
            }
            #content .tbl-nice .tbl-bottom{
                background: url(/images/013.jpg) repeat-x bottom;
                margin:  0 -50px 0 -30px;
                padding: 0  50px 0  30px;
                width: 100%;
            }
            #content .tbl-nice table{
                width: 100%;
                border-spacing: 4px 0;
            }
                #content .tbl-nice table td, #content .tbl-nice table th{
                    padding: 0.9em 0;
                }
                #content .tbl-nice table thead{
                    color: #464E52;
                }
                    #content .tbl-nice table thead th{
                        border-bottom: 2px solid #E5C03A;
                        text-align: left;
                        vertical-align: middle;
                        padding: 1ex 1em 1ex 0;
                    }
                    #content .tbl-nice table thead td{
                        
                    }
                #content .tbl-nice table tbody{
                    vertical-align: top;
                }
                    #content .tbl-nice table tbody th{
                        vertical-align: inherit;
                        border-bottom: 1px solid #C8C8C8;
                        text-align: left;
                    }
                    #content .tbl-nice table tbody td{
                        border-bottom: 1px solid #C8C8C8;
                        vertical-align: inherit;
                    }     
                    #content .tbl-nice table tbody .last td, #content .tbl-nice table tbody .last th{
                        border-bottom: 0;
                    }
                #content .tbl-nice table caption{
                    border-bottom: 2px solid #E5C03A;
                    padding: 1em 1em 1em 0;
                    text-align: left;
                    font-weight: bold;
                    margin-left: 4px;
                }
            #content .textwrap blockquote{
                border-top: 1px solid #E5C03A;
                border-bottom: 1px solid #E5C03A;
                margin-left: 34px;
                margin-right: -50px;
                padding: 1em 65px 1em 36px;
                color: #cef6ff;
            }
        #content .with-image{
            background: #fff url(/images/005.jpg) repeat-y;
            margin:  0 -50px 0 -30px;
            padding: 0  50px 0  30px;
            width: 100%;
            color: #3A4145;
            margin-bottom: 1.4167em;
        }
            #content .with-image .wi-top{
                background: url(/images/013.jpg) repeat-x top;
                margin:  0 -50px 0 -30px;
                padding: 0  50px 0  30px;
                width: 100%;
            }
            #content .with-image .wi-bottom{
                background: url(/images/013.jpg) repeat-x bottom;
                margin:  0 -50px 0 -30px;
                padding: 20px  50px 20px  30px;
                width: 100%;
                overflow: hidden;
            }
                #content .with-image img.image{
                    float: left;
                    margin-right: 20px;
                    padding: 9px;
                    background: url(/images/015.png);
                }
         #content .clear#last{
             /**margin-top: -10000px;*/
         }
#footer{
    height: 107px;
    margin-top: -107px;
    position: relative;
    z-index: 3;
    color: #8aa8b6;
}
    #footer .creator{
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 0 0 30px 100px;
        color: #adb1a0;
    }
        #footer .creator img{
            position: absolute;
            bottom: 0;
            left: 26px;
        }
        #footer .creator p{
            position: relative;
        }
        #footer .creator a{
            color: #adb1a0;
        }
    
    #footer #copyright{
        position: absolute;
        right: 45px;
        bottom: 45px;
    }

.plashka{
	border-top: 1px solid #fad13f;
	border-bottom: 1px solid #fad13f;
	margin: 0px 0px 10px 0px;
}
.plashka img{
	margin: 27px 40px 20px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}
.plashka p{
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 10px 0px;
}