/* CSS Document */

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, img, form, fieldset, blockquote {
    margin:0px;
    padding:0px;
    border:0px;
}

* {
    margin: 0;
    padding: 0;
}
input, textarea, select, button {font-family: Tahoma; }
a {text-decoration: underline; }
a:hover {text-decoration: none; }

html {height: 100%; min-width: 1016px; }

body {
    height: auto !important;
    height: 100%;
    min-height: 100%;
    position: relative;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 12px;
    background: #fff;
}

/* ********** WRAPPER ********** */

#wrapper {
    width: 100%;
    padding-bottom: 92px;
}

#wrapper:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

    
    .margin-10 {width: 100%; float: left; margin-top: 10px;}
    .margin-25 {width: 100%; float: left; margin-top: 25px;}
    .margin-50 {width: 100%; float: left; margin-top: 50px;}
    
    .banner {width: 100%; float: left; }

/* ********** HEADER ********** */

#header {
    width: 100%;
    height: 243px;
    float: left;
    background: #074471 url(../img/header_bg.jpg) top center no-repeat;
}

    #header .inner-block {
        width: 980px;
        padding: 0 18px;
        margin: 0 auto;
    }
    
        .header-flash {
            width: 630px;
            height: 243px;
            float: right;
        }
        
        
        #header .left-block {
            width: 350px;
            float: left;
        }
        
            #header .logo {
                float: left;
                display: inline;
                margin: 52px 0 0 20px;
            }
            
            #header .phone {
                float: left;
                display: inline;
                margin: 8px 0 0 110px;
            }


/* ********** MENU ********** */

#menu {
    width: 100%;
    height: 56px;
    float: left;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background: #0b62a1 url(../img/menu_bg.jpg) center repeat-x;
}

    #menu .inner-block {
        width: 998px;
        height: 56px;
        padding-left: 18px;
        margin: 0 auto;
        background: url(../img/menu_bg_left_side.png) center left no-repeat;
    }
    
        #menu ul {
            height: 56px;
            padding-right: 18px;
            float: left;
            list-style: none;
            background: url(../img/menu_bg_right_side.png) center right no-repeat;
        }
        
            #menu ul li {
                height: 56px;
                float: left;
                background: url(../img/menu_elem_bg_left.jpg) top left no-repeat;
            }
        
            #menu ul li a {
                height: 17px;
                float: left;
                padding-right: 18px;
                padding: 17px 25px 22px 25px;
                background: url(../img/menu_elem_bg_right.jpg) top right no-repeat;
                text-decoration: none;
                font-size: 14px;
                color: #fff;
            }
        
            #menu ul li:hover {
                background: url(../img/menu_elem_bg_left_hover.jpg) top left no-repeat;
            }/* IE6 в пролете */
        
            #menu ul li a:hover {
                text-decoration: underline;
                background: url(../img/menu_elem_bg_right_hover.jpg) top right no-repeat;
            }
            
            
            #menu ul li.active {
                background: url(../img/menu_elem_bg_left_hover.jpg) top left no-repeat;
            }/* IE6 в пролете */
        
            #menu ul li.active a {
                text-decoration: underline;
                background: url(../img/menu_elem_bg_right_hover.jpg) top right no-repeat;
            }


/* ********** GREY-INFO ********** */

#grey-info {
    width: 100%;
    height: 49px;
    float: left;
    background: #656565 url(../img/grey_info_bg.jpg) center repeat-x;
}

    #grey-info .inner-block {
        width: 980px;
        padding: 0 18px;
        margin: 0 auto;text-align: center;
    }
    
        #grey-info p {
            margin-top: 16px;
            text-align: center;
            color: #fff;
            font-size: 14px;
        }



/* ********** CONTENT ********** */

#content {
    width: 100%;
    float: left;
    padding: 45px 0 50px;
}

    #content .inner-block {
        width: 980px;
        padding: 0 18px;
        margin: 0 auto;
    }
    
       /* ****** LEFT-COLUMN ****** */
        #left-column {
            width: 203px;
            float: left;
        }
        
            /* BLUE-BLOCK */
           .blue-block {
               width: 203px;
               float: left;
               font-size: 14px;
               background: #135786 url(../img/blue_block_bg_f.png) left repeat-y; /* чтобы тянулааась */
           }
           
               .blue-block-top {
                   width: 100%;
                   height: 9px;
                   float: left;
                   background: url(../img/blue_block_top.png) top center no-repeat;
               }
               
               .blue-block-content {
                   width: 158px;
                   min-height: 166px;
                   float: left;
                   padding: 17px 20px 10px 25px;
                   background: url(../img/blue_block_bg.png) left bottom no-repeat;
               }
               
                   .blue-block p.title {
                       color: #a3dbf3;
                   }
               
                   .blue-block ul {
                       list-style: none;
                       padding-top: 3px;
                   }
                   
                       .blue-block ul li {
                           color: #fff;
                           margin-top: 10px;
                       }
                       
                       .blue-block ul li a {
                           color: #fff;
                       }
               
               .blue-block-foot {
                   width: 100%;
                   height: 18px;
                   float: left;
                   background: url(../img/blue_block_foot.png) bottom center no-repeat;
               }
               
               
           /* BENEFITS */
          .benefits {
              width: 100%;
              float: left;
              margin-top: 20px;
          }
          
              .benefits ul {
                  list-style: none;
              }
              
                  .benefits ul li {
                      width: 203px;
                      height: 50px;
                      float: left;
                      margin-top: 5px;
                      font-size: 14px;
                      background: url(../img/benefit_button.png) center no-repeat;
                  }
                  
                  .benefits ul li a {
                      width: 103px;
                      height: 22px;
                      float: left;
                      padding: 18px 80px 10px 20px;
                      text-decoration: none;
                      color: #08548d;
                  }
                  
				  
				  .zakaz, .activezakaz{
					  margin-bottom: 30px;
					   height:35px !important;
				  }
				  
				  .zakaz a {
				  	 background: url(../img/repair.png) no-repeat;  width: 110px !important;
				  }
				  .zakaz a:hover {
				  	 background: url(../img/repair.png) -213px no-repeat;
				  }
				  .activezakaz a{
				  	 background: url(../img/repair.png) -437px no-repeat;  width: 110px !important;
				  }
				  
                      .benefits a.moika { background: url(../img/benefit_moika.png) right center no-repeat; }
                      .benefits a.himclean { background: url(../img/benefit_himclean.png) right center no-repeat; }
                      .benefits a.tyre { background: url(../img/benefit_tyre.png) right center no-repeat; }
                      .benefits a.shod { background: url(../img/benefit_shod.png) right center no-repeat; }
                      
                      .benefits a:hover {color: #fff; }                    
                      
                      .benefits a:hover.moika { background: url(../img/benefit_moika_hover.png) center no-repeat; }
                      .benefits a:hover.himclean { background: url(../img/benefit_himclean_hover.png) center no-repeat; }
                      .benefits a:hover.tyre { background: url(../img/benefit_tyre_hover.png) center no-repeat; }
                      .benefits a:hover.shod { background: url(../img/benefit_shod_hover.png) center no-repeat; }

                      .benefits ul li.active a {color: #737373; }

                      .benefits ul li.active a.moika { background: url(../img/benefit_moika_active.png) center no-repeat; }
                      .benefits ul li.active a.himclean { background: url(../img/benefit_himclean_active.png) center no-repeat; }
                      .benefits ul li.active a.tyre { background: url(../img/benefit_tyre_active.png) center no-repeat; }
                      .benefits ul li.active a.shod { background: url(../img/benefit_shod_active.png) center no-repeat; }
                      
        
        
        /* HISTORY */
       .history {
           width: 203px;
           float: left;
           margin-top: 25px;
           font-size: 14px;
       }
       
           .history-top {
               width: 100%;
               height: 13px;
               float: left;
               background: url(../img/history_top.png) top left no-repeat;
           }
       
           .history-content {
               width: 151px;
               float: left;
               padding: 15px 25px 15px 25px;
               background: #dcdcdc;
               border-left: 1px solid #c0c0c0;
               border-right: 1px solid #c0c0c0;
           }
           
               .history ul {
                   list-style: none;
                   padding-top: 3px;
               }
               
                   .history ul li {
                       margin-top: 10px;
                       color: #08548d;
                   }
                   
                   .history ul li a { color: #08548d; }
           
           .history-foot {
               width: 100%;
               height: 13px;
               float: left;
               background: url(../img/history_foot.png) bottom left no-repeat;
           }
    
    
    
    /* ****** CONTENT-BLOCK ****** */
   
   #content-block {
       width: 730px;
       float: right;
   }
   
       #content-block h2 {
           font-size: 24px;
           font-weight: normal;
           color: #074878;
           margin-bottom: 10px;
       }
       
       #content-block p {
           color: #212121;
           margin: 10px 0;
           line-height: 17px;
       }
       
       #content-block ul {
           list-style: none;
           padding-top: 5px;
       }
       
           #content-block ul li {
               padding-left: 12px;
               background: url(../img/ul_mark.jpg) left center no-repeat;
               margin-top: 12px 
           }
           
       .slogan-grey {
           width: 272px;
           height: 150px;
           float: right;
           padding: 20px 22px 10px 20px;
           margin: 10px 0 10px 20px;
           background: url(../img/slogan_grey.png) center no-repeat;
       }
       
           #content-block .slogan-grey p {
               font-size: 24px;
               line-height: 34px;
               margin: 0;
           }
    
/* ********** FOOTER ********** */

#footer {
    width: 100%;
    height: 92px;
    float: left;
    background: #353535 url(../img/footer_bg.jpg) top center no-repeat;
    position: absolute;
    bottom: 0;
}

    #footer .inner-block {
        width: 980px;
        padding: 25px 18px 0;
        margin: 0 auto;
    }
    
        #footer .left-block { float: left; }
        
        #footer .right-block {
            float: right;
            color: #fff;
            text-align: center;
        }
        
        #footer .right-block p { margin-bottom: 5px; }



/* ********** FOR TABLE.HTML ********** */

.grey-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

    .grey-table tr.table-title {
        font-size: 14px;
        background: #5a5a5a url(../img/table_title_bg.jpg) top repeat-x;
    }
    
        .grey-table tr.table-title td {
            border-left: 1px solid #fff;
            color: #fff;
            padding: 14px 15px;
        }
        
    
    .grey-table tr td {
        padding: 24px 15px 0;
        border-left: 1px solid #acacac;
        text-align: center;
    }
    
        .grey-table tr td span {
            font-weight: bold;
            color: #074878;
        }
        .grey-table tr td span.title {
            font-size: 18px;
            font-weight: normal;
            color: #5c5c5c;
        }
    
        .grey-table tr td:first-child {
            text-align: left;
            border: none; 
        }

        
/* ********** FOR REQUEST.HTML ********** */

.request-table {
    width: 500px;
    border-collapse: collapse;
    margin: 10px auto;
    color: #212121;
}    

    .request-table tr td {
        padding: 10px 10px 0;
    }

    .request-table tr td:first-child {
        text-align: right;
    }
    
    .request-table input {
        width: 310px;
        height: 20px;
        padding: 5px 8px 0;
        background: #084c7d;
        border: none;
        color: #fff;
        font-size: 12px;
    }

        .input-small {
            width: 57px;
        }
        
    .request-table textarea {
        width: 310px;
        height: 100px;
        padding: 8px;
        background: #084c7d;
        border: none;
        font-size: 12px;
        color: #fff;
        overflow-y: hidden;
    }

    
    .button-block {
        
    }        
        
        .request-button {
            width: 326px;
            height: 48px;
            background: url(../img/request_button.png) center no-repeat;
            border: none;
            font-size: 14px;
            color: #08548d;
            cursor: pointer;
        }
        
            .request-button:hover { background: url(../img/request_button_hover.png) center no-repeat; }
             .active .request-button { color: #737373; background: url(../img/request_button_active.png) center no-repeat; }