/* RinX rinx@inbox.ru */

html, body {background: url('../images/bg_head2.jpg') repeat-x center top; min-width: 100%; min-height: 100%; width: 100%; height: 100%; margin:0; padding:0;}
#container {text-align:left; background: url('../images/bg_head1.jpg') no-repeat left top; min-width: 1250px; width: 100%; min-height: 100%; height: 100%; position :relative;}
html>body #container {height: 100%;}
    #airplane{z-index:2; position: absolute; top:12px;  left:27.5%; width: 612px; height: 308px; background: url('../images/airplane.png') no-repeat;}
    
    #clouds-top{z-index:1; position: absolute; top:0;  left:49%; width: 362px; height: 52px; background: url('../images/clouds.png') no-repeat;}
    #clouds-bottom{z-index:1; position: absolute; top:216px;  left:52%; width: 362px; height: 104px; background: url('../images/clouds.png') no-repeat left bottom;}
    
    #logotype{cursor: pointer; z-index:3; position: absolute; top:30px;  left:152px; width: 210px; height: 58px; background: url('../images/logotype.png') no-repeat;}
    
    #container h1{z-index:3; position: absolute; top:119px;  left:146px; width: 214px; height: 60px; text-indent:-9999px; background: url('../images/slogan.png') no-repeat;}
    
    #texmenu {z-index:10; position: absolute; top:65px; right:118px; list-style:none; padding:0; margin:0; height: 10px;}
        #texmenu li{ float:left; margin:0; padding:0px 25px 0px 25px; height: 10px; font-size:0;}
            #texmenu li a{height: 10px; display:block; text-decoration:none;text-indent:-9999px; font-size:0;}
            #texmenu  #tm_main a{ width: 11px; background: url(../images/texmenu.gif) no-repeat left top;}
            #texmenu  #tm_email a{ width: 13px; background: url(../images/texmenu.gif) no-repeat -11px top;}
            #texmenu  #tm_sitemap a{width: 17px; background: url(../images/texmenu.gif) no-repeat right top;}

    #container #content {background: url('../images/bg_head3.jpg') no-repeat right top; width: 100%; min-height: 100%; height: 100%; position :relative;}
    html>body #container #content {height: auto;}

        #container #pagebody { padding:363px 0 140px 0; overflow: hidden; width:100%;}

            #left-column {float:left; width:22%; position:relative; padding:40px 0 0 144px; }
                
                #top-menu{position: absolute; top:275px; height:100px; left:144px; z-index:5; padding: 0; margin:0; list-style-type: none; list-style: none;}
                    #top-menu li{ width:280px; padding:0; height:44px;  margin:0;background: url(../images/bg_list.png) no-repeat left center; display: block;}
                        #top-menu li a{outline: none; padding:13px 0 0 50px; height:35px; background: url(../images/icon.png) no-repeat left top; display:block;}
                    #top-menu .last a{ height:39px; background: url(../images/icon.png) no-repeat left bottom;}
                
                #main-menu{ position: absolute; right:134px; top:283px; z-index:9; margin:0; padding:0; height:29px; background:#FFF;}
                    #main-menu li {display:inline; font-size:16px; margin:0;height:29px;  list-style: none; float:left; }
                    #main-menu li a{float:left; text-decoration: none; font-size:16px; height:22px; display:block;padding: 4px 16px;}
                    #main-menu li a span{padding-bottom:2px; background: url(../images/line.gif) repeat-x left bottom;}
                    #main-menu li a:hover{text-decoration:none; background:#0E67AB; color:#FFF;}
                    #main-menu li a:hover span{background:none;}
                    
                    #main-menu #mm-current a{text-decoration:none; background:#0E67AB; color:#FFF;}
                    #main-menu #mm-current a span{background:none;}
                    
                    
                    
                #left-menu{margin:0 0 50px 0; padding: 0;}
                    #left-menu li{color:#136AAF; margin:0 0 17px 0; padding: 0; list-style: none;}
                    #left-menu li ul{margin-top:17px;}
            
                #feedback {margin-bottom:50px;}
                    #feedback dl {margin:0;} #feedback dl dt {font-weight:normal;margin:0;} #feedback dd {margin:0;}
                    #feedback p, #feedback  h2{text-align:center; background:none;}
                    #feedback .fb-email{clear:left; float:left; padding:4px 5px 0 0;}
                    #feedback input{vertical-align:top; width:166px; margin-bottom:10px;}
                    #feedback {font-size:12px;}
                    #feedback textarea{width:269px; height:113px; margin-bottom:10px;}
                
                #left-column address {font-size:12px; font-weight:normal; font-style:normal;}
                #left-column address big{font-size:14px; color:#0C66A9; font-weight:normal; font-style:normal;}
                #left-column address span b{font-size:20px; font-weight:normal; color:#0C66A9;}
                #left-column address span {font-size:12px; line-height:1.5; color:#0C66A9;}
                
                
            #center-column { width:54%; padding:0 100px 0 50px; float:left;  position:relative;}
                .main-text {margin:0 0 48px 0;}
                .main-text h2{margin:0; padding:0; background:none; text-indent:0;}
                .left-col{  margin-bottom:40px; float:left; width:45%; margin-right:5%; }
                .right-col{ margin-bottom:40px; float:right;  width:45%;  margin-left:5%;}
                .right-col h2, .left-col h2{ background: url('../images/bg_h2.gif') no-repeat left 2px; text-indent:34px;}
                .top-separator{height:40px;}
                
                .order {clear:both; margin-bottom:40px;}
                .order dt{clear:left; float:left; width:330px; padding-right:20px;}
                .order .order-textarea{clear:both; float:none; width:95%;}
                .order .order-textarea textarea{width:580px;}
                .order dd{  }
                .order .subcontent{padding-left:50px; width:280px;}
                .order .width-big{ width:585px;}
                
                .order2 {clear:both; margin-bottom:40px;}
                .order2 dt{clear:left; font-weight:bold; float:left; width:310px; padding-right:20px;}
                .order2 .order-textarea{clear:both; float:none; width:95%;}
                .order2 .order-textarea textarea{width:580px;}
                .order2 dd{  }
                .order2 .subcontent{padding-left:50px; width:260px;}
                .order2 .width-big{ width:585px;}
    
    
    #footer {background: url('../images/bg_foot2.jpg') repeat-x center top; position: relative; min-height: 132px; height: 132px; margin-top: -132px;}
        #footer #foot {background: url('../images/bg_foot1.jpg') no-repeat; min-height: 132px; height: 132px;}
            #footer #foot2 {background: url('../images/bg_foot3.jpg') no-repeat right top; min-height: 76px; height: 76px; padding:56px 0 0 146px; color:#fff;}
            #footer #foot2 a{text-decoration:none; color:#fff;}
                #footer #foot2 a:hover{text-decoration:underline;}
                
                #counters{position: absolute; top:46px; height:76px; right:146px; width:300px;}
                #footer #foot2 #counters img{margin:0 10px 10px 0;}

.input-button{cursor: pointer; background: url('../images/button.gif') no-repeat; color:#FFF; border:0; height:29px; width:124px !important;}

.clearfix:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix {display:block; clear:both; font-size:0;}

.red span{color:#FF0000;}
#left-menu span a{color:#FF0000;}
.red {color:#FF0000;}