*{ margin: 0; padding: 0;}

body{
        font-family: Arial;
        color: #000000;
        min-width: 976px;
        font-size: 14px;
        background: url(images/bg1.gif) left top repeat-x;
}

html, body{
        height: 100%;
        min-width: 976px;
}

td{
        vertical-align: top;
}

th{
        font-weight: 100;
}

img{
        border: 0px;
}

form{ margin: 0; padding: 0; }

td {
        font-family: Arial;
        font-size: 13px;
        text-align: left;
}

input, select, textarea {
        font-family: Arial;
        font-size: 12px;
        text-align: left;
}

a{
        color: #0075d0;
        text-decoration: underline;
}
a:hover{
        text-decoration: none;
}

/* =====================================================================*/


/* ØÀÏÊÀ ÑÀÉÒÀ =========================================================*/

#top{
        min-width: 976px;
        height:317px;
        margin: 0 auto;
        padding: 0;
        background: url(images/bg2.gif) left top repeat-x;
}
#top_left, #top_right{
        width:50%;
}
#top_right{
        background: url(images/titler.jpg) left 76px no-repeat;
}
#top_left{
        background: url(images/bg1.gif) left top repeat-x;
}
#top_left img, #top_right img{
        width: 1px;
        height: 1px;
}
#header{
        width:976px;
        height:317px;
        overflow: hidden;
        background: url(images/title.jpg) right top no-repeat;
}

#logo{
        width:      265px;
        height:     76px;
        text-align: left;
        margin:     0px;
        padding:    0px;
        float:      left;
}
#logo img{
        width: 265px;
        height: 76px;
}
#slogan{
        position: absolute;
        left:50%;
        margin-left:-400px;
        top: 45px;
        color: #cccccc;
        font-size: 10px;
        width: 150px;
        text-align: center;
}

#adminicon{
        width: 20px;
        height: 20px;
        margin: 0px;
        padding: 0px;
        position: absolute;
        top:4px;
        left:50%;
        margin-left:-230px;
}

#navicons{
        width:      270px;
        height:     76px;
        margin:     0px;
        padding:    0px;
        float:      right;
        text-align: left;
}

#navicons img{
        margin: 33px 0px 0px 74px;
        width: 11px;
        height: 11px;
}
#menu{
        width:      270px;
        height:     180px;
        margin:     20px 0px 0px 0px;
        padding:    0px;
        float:      left;
        text-align: left;
}
/*
#menu{
        width:      270px;
        height:     150px;
        margin:     20px 0px 0px 0px;
        padding:    0px;
        float:      left;
        text-align: left;
}
*/

#menu a{
        color:           #0075d0;
        font-size:       12px;
        font-weight:     bold;
        text-decoration: underline;
        padding:         0px 0px 0px 15px;
        margin:          0px 0px 7px 3px;
        background:      url(images/arrow.gif) left 5px no-repeat;
        display:         block;
}
#menu a:hover{
        text-decoration:none;
}

#phones{
        width:       200px;
        height:      100px;
        font-size:   17px;
        margin:      30px 0px 0px 0px;
        color:       #000000;
        float:       right;
        font-weight: bold;
        text-align:  left;
}
#phones span{
        text-transform: uppercase;
        font-size: 20px;
}
#phones div{
        margin: auto;
        font-size: 13px;
}
#phones img{
        margin: 25px 0px 0px -20px;
        border: 0;
        width:  auto;
        height: auto;
}

/* ÃËÀÂÍÀß ÒÀÁËÈÖÀ ÊÎÍÒÅÍÒÀ =====================================================*/

#main{
        height: 100%;
        min-width: 976px;
        vertical-align: top;
        display:block;
        text-align: left;
/*        position: relative;
        top: -33px; */
        margin: -27px 0px 0px 0px;
}

/* ÁËÎÊ ÍÀÂÈÃÀÖÈÈ =========================================================*/

#navigation{
        width:          778px;
        height:         26px;
        margin:         27px 0px 0px 0px;
        color: #ffffff;
        font-size: 12px;
        font-weight: bold;
        background:     #1d7dd5 url(images/navigation.jpg) left top repeat-x;
        border-bottom:  solid 1px #0c61b0;
        vertical-align: top;
}
#navigation div{
        padding: 4px 0px 0px 13px;
}
#navigation a{
        color: #ffffff;
}
#navigation strong{
        font-weight: bold;
        position: relative;
        top: 1px;
}
#navigation span{
        width:      4px;
        margin:     0px 5px 0px 5px;
        background: url(images/arrow_navigation.gif) left 5px no-repeat;
}

/* ÁËÎÊÈ (ëåâàÿ ÷àñòü) =============================================*/

#left{
        width:       212px;
        text-align:  left;
        padding: 0px 8px 0px 0px;
}
#right{
        width:       212px;
        text-align:  left;
        padding: 0px 0px 0px 8px;
}

.block{
        color:       #067d96;
        width:       203px;
        margin:      0;
        padding:     3px 0px 10px 0px;
        text-align:  left;
        border:      solid 1px #dee2e7;
        border-top:  0;
        font-size:   12px;
}
.block p{
        margin: 5px 6px 4px 12px;
}

.brands_title, .faq_title{
        width:       205px;
        height:      45px;
        overflow:    hidden;
}
.brands_title span, .faq_title span{
        color:       #ffffff;
        font-weight: bold;
        font-size:   12px;
        display:     block;
}
.brands_title{
        background:  #3575CA url(images/block_brands.jpg) left top no-repeat;
        margin:      14px 0px 0px 0px;
}
.faq_title{
        background:  #3575CA url(images/block_faq.jpg) left top no-repeat;
        margin:      18px 0px 0px 0px;
}
.brands_title span{
        padding:      19px 0px 0px 17px;
}

.faq_title a{
        color: #ffffff;
        text-decoration: underline;
}
.faq_title a:hover{
        text-decoration: none;
}
.faq_title span{
        padding:     22px 0px 0px 17px;
}
.faq div{
        margin:     12px 8px 10px 10px;
}
.faq div span{
        background: url(images/arrow_faq.gif) left 6px no-repeat;
        margin:     0px 4px 0px 0px;
}

#adv{
        width:       205px;
        height:      299px;
        background:  url(images/block_adv.jpg) left top no-repeat;
        overflow:    hidden;
        margin:      18px 0px 0px 0px;
        padding:     18px 0px 10px 0px;
        color:       #767e82;
        font-size:   12px;
        font-weight: bold;
        text-align:  center;
}
#adv a{
        text-decoration: none;
}

.contacts{
        background:  url(images/block_contacts.jpg) center 4px no-repeat;
        margin:      20px 0px 0px 0px;
        border-top:  solid 1px #dee2e7;
}
.contacts span{
        color:       #838f9b;
        padding:     130px 7px 0px 7px;
        display:     block;
        text-align:  center;
}
.sos{
        margin:      25px 0px 5px 0px;
        border-top:  solid 1px #dee2e7;
        text-align: center;
        padding: 10px 0px 5px 0px;
}


/* ÁËÎÊÈ (ïðàâàÿ ÷àñòü) =============================================*/

.diagnostic_title, .repair_title, .prevent_title, .modern_title{
        width:       205px;
        margin:      0px 0px 0px 0px;
        overflow:    hidden;
}
.contacts_title{
        height:      55px;
        background:  #FFFFFF url(images/block_contacts.jpg) no-repeat left top;
}
.diagnostic_title{
        height:      56px;
        background:  url(images/block_diagnostic.jpg) left top no-repeat;
}
.repair_title{
        height:      61px;
        background:  #3575CA url(images/block_repair.jpg) left top no-repeat;
        margin-top: 7px;
}
.prevent_title{
        height:      45px;
        background:  #3575CA url(images/block_prevent.jpg) left top no-repeat;
        margin-top: 16px;
}
.modern_title{
        height:      45px;
        background:  #3575CA url(images/block_modern.jpg) left top no-repeat;
        margin-top: 18px;
}

.diagnostic_title a, .repair_title a, .contacts_title, .prevent_title a, .modern_title a{
        color:       #ffffff;
        font-weight: bold;
        font-size:   13px;
        display:     block;
}
.contacts_title a{
        padding:     31px 0px 0px 17px;
}
.diagnostic_title a{
        padding:     31px 0px 0px 17px;
}
.repair_title a{
        padding:     35px 0px 0px 17px;
}
.prevent_title a{
        padding:     16px 0px 0px 17px;
}
.modern_title a{
        padding:     14px 0px 0px 17px;
}


/* ÊÎÍÒÅÍÒ =========================================================*/

#content{
        padding: 0px 0px 0px 0px;
        width: 936px;
}

#content h1{
        height: 25px;
        margin:  0px 0px 10px 0px;
        padding: 5px 10px 0px 10px;
        font-family: Tahoma;
        font-size: 16px;
        color: #586165;
        background: #f0f3f6 url(images/title.gif) right top no-repeat;
        border-bottom: solid 1px #dfe3e7;
}

#content ul, #content ol{
        padding-left: 25px;
}

#content ul li{
        margin: 5px 0px 7px 0px;
}

#content p{
        margin: 10px 10px 10px 10px;
        text-align: justify;
}

#content h2, #content .h2{
        height: 25px;
        margin:  0px 0px 10px 0px;
        padding: 5px 10px 0px 10px;
        font-family: Tahoma;
        font-size: 15px;
        font-weight: bold;
        color: #586165;
        background: #f0f3f6 url(images/title.gif) right top no-repeat;
        border-bottom: solid 1px #dfe3e7;
}

#content h3, #content h4{
        font-size: 13px;
        font-weight: bold;
        margin:5px 0px 3px 10px;
}

#content .bold{
        font-weight: bold;
}

#content .details{
        text-transform: lowercase;
        margin: -7px 10px 0px 10px;
        padding: 0;
        float: right;
        font-size: 11px;
}

#content .right{
        text-align: right;
}
#content .small{
        font-size: 11px;
}

#content .date{
        text-transform: lowercase;
        margin: 0px 0px 0px 0px;
        text-align: right;
        width: 100%;
        font-weight: bold;
        font-size: 11px;
        position: relative;
        top: 3px;
        display: block;
}

#content div.title{
        height: 18px;
        color: #FFFFFF;
        font-weight: bold;
        padding: 4px 0px 5px 10px;
        margin: 5px 0px 0px 0px;
        background: #FAFAFA url(images/titles.gif) left top repeat-x;
        border: solid 1px #4c4ca6;

}

#content ul.list{
        padding: 0px 0px 0px 40px;
        margin: 0px 10px 0px 10px;
}
#content ul.list li{
        margin: 0px 0px 0px 0px;
}

#content .list_block1{
        padding: 2px 15px 13px 40px;
        background-color: #DDEEFF;
        margin: 0px 0px 2px 0px;
}

#content .list_block2{
        padding: 2px 15px 13px 10px;
        background-color: #FFFFFF;
}

#content img.faq{
        width: 30px;
        height: 30px;
        margin:5px 10px 30px 5px;
        float: left;
}

#content .illustration{
        margin: 0px 0px 20px 10px;
        border: 0;
        float: right;
}

#content ul.navilist{
        padding: 0px 0px 0px 10px;
        margin: 0px 10px 0px 10px;
}
#content ul.navilist li{
        padding: 0px 0px 0px 20px;
        margin:  5px 0px 5px 0px;
        list-style: none;
        font-size: 12px;
        background: url(images/map_arrow.gif) left 3px no-repeat;
}
#content div.info{
        font-size: 11px;
        color:#666666;
        margin: 0px 13px;
}


/* Òàáëèöû öåí è òàáëèöû ñ èíôîðìàöèåé ================================*/

#content .pricelist, #content .pricetab, #content .tabinfo{
        width: 760px;
        margin: 15px 0px 15px 10px;
}
#content .pricelist td.title, #content .pricetab td.title, #content .tabinfo td.title{
        color: #000000;
        font-weight: bold;
        padding: 4px 0px 0px 15px;
        background-color: #f0f3f6;
        text-align: center;
        vertical-align:middle;
}
#content .pricelist td, #content .pricetab td, #content .tabinfo td{
        border-bottom: solid 1px #dfe3e7;
        height: 25px;
        padding: 4px 3px 4px 7px;
}
#content .pricelist th, #content .pricetab th{
        text-align: right;
        font-weight: 100;
        padding: 4px 5px 4px 3px;
        border-bottom: solid 1px #dfe3e7;
}
#content .pricelist th{
        width: 100px;
}
#content .pricetab th{
        width: 60px;
        border-left: solid 1px #dfe3e7;
}
#content .tabinfo td{
        border-left: solid 1px #dfe3e7;
        border-right: solid 1px #dfe3e7;
}

/* ÏÎÄÂÀË =====================================================================================*/

#footer{
        width: 976px;
        vertical-align: top;
        margin: 20px 0px 0px 0px;
}

#footer td.break{
        height: 10px;
        background-color: #f0f3f6;
}


#counters{
        width: 206px;
        padding: 15px 0px 0px 0px;
        text-align: center;
}

#copyright{
        width: 370px;
        padding: 15px 5px 15px 15px;
        color: #333333;
        font-size:11px;
        text-align: left;
}

#bottom_menu{
        width: 380px;
        padding: 15px 0px 15px 0px;
        color: #333333;
        line-height: 150%;
        font-size:11px;
        text-align: left;
}

#bottom_menu a{
        padding: 0px 0px 0px 20px;
        margin:  0px 0px 3px 0px;
        font-size:11px;
        background: url(images/map_arrow.gif) left 3px no-repeat;
        display: block;
}

.techinfo{
        width: 100%;
        height: 25px;
        text-align:right;
        padding: 0px 10px 5px 20px;
        color:#444444;
        font-size: 10px;
}

/* ================================================================================*/

.hr{
        height: 1px;
        background: url(images/hr.gif) left top repeat-x;
        margin: 10px 0px 10px 0px;
        clear: both;
}

/* ÊÀÐÒÀ ÑÀÉÒÀ ====================================================================*/

ul.map_tree {
        margin:  15px 0px 0px 0px;
        padding: 0;
}

.map_tree li{
        list-style: none;
        margin:  10px 0px 10px 0px;
        padding: 0;
        height:25px;
        background: url(images/hr.gif) left bottom repeat-x;
}

.map_tree li a{
        text-decoration: none;
        padding: 0px 0px 0px 18px;
        background: url(images/map_arrow.gif) left 2px no-repeat;

}
.map_tree li a:hover{
        text-decoration: underline;
}

/* ÔÎÐÌÛ ==============================================================*/

.userform{
        border: 0;
        width: 530px;
        font-family: Tahoma;
        font-weight: normal;
        margin: 0px 0px 0px 10px;
}
.userform td{
        padding: 10px;
        vertical-align: top;
        color: #111111;
}
.userform td input{
        width: 330px;
}
.userform td textarea{
        width: 330px;
        height:200px;
}
.userform td input.checkbox{
        width: 30px;
}
.userform td input.button{
        width: 150px;
        border: 1px solid #222222;
         background-color:#0258B9;
        color: #FFFFFF;
        cursor: pointer;
        text-align:center;
}
.userform td input.link{
        border: 0;
        width: 120px;
        text-align: center;
        cursor: pointer;
        background-color: #FFFFFF;
        color: #42599F;
}

.userform td .tip{
        border: 0;
        height: 20px;
        text-align: right;
        font-weight: bold;
        color: #AA0000;
}

/* ================================================================================*/

.userinfo{
        width: 205px;
        margin: 10px 0px 50px 10px;
}

div.warning{
        color: #42599F;
        font-weight: bold;
        text-align: center;
}

div.warning_info{
        color: #aa0000;
        font-weight: bold;
        text-align: center;
        font-size: 13px;
        margin: 15px 10px;
        border: dashed 1px #3CC1EE;
}

/* ================================================================================*/

#lightbox{
        background-color:#eee;
        padding: 10px;
        border-bottom: 2px solid #666;
        border-right: 2px solid #666;
        }
#lightbox a{
        text-decoration: none;
        font-size: 1em;
        }
#lightboxDetails{
        font-size: 0.8em;
        padding-top: 0.4em;
        }
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;}
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
        background-color: #333;
        background-color: transparent;
        background-image: url(images/overlay.png);
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}

/* ================================================================================*/

/*Opera Hack*/
@media all and (min-width: 0px) {

}