﻿/*
.cleared
Правильный clear для блоков, содержащих float'нутые элементы
*/

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

* html .cleared
{
   display: inline-block;
   height: 1%;
}






html, body, #wrap { height: 100%; }

body > #wrap { height: auto; min-height: 100%; }

#main { padding-bottom: 120px; }  /* must be same height as the footer */

#footer
{
        position: relative;
        margin-top: -120px; /* negative value of footer height */
        height: 120px;
        clear:both;
} 

/* CLEAR FIX*/
.clearfix:after
{
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */







* html { overflow: auto; overflow-x: hidden; }
*
{
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
}

body { overflow: auto; background: #fff url('/images/middle_el.png') repeat-y left; }
#wrap { background: url('/images/middle_er.png') repeat-y right; }
        #main { position: relative; padding-top: 160px; background: url('/images/top_bg.jpg') repeat-x top; }
                #header { height: 160px; position: absolute; width: 100%; top: 0; left: 0; background: url('/images/top_melt.jpg') no-repeat left top; }
                        .Logo { position: absolute; top: 23px; left: 42px; }
                        .Phone { position: absolute; top: 62px; right: 50px; }
                .Frost { background: url('/images/frost.png'); height: 160px; width: 121px; position: absolute; top: 0; right: 0; }
                .Shine { background: url('/images/top_shine.jpg'); height: 400px; width: 17px; position: absolute; top: 160px; left: 0; }
                #main .wrapper { padding: 20px 40px 20px 260px; _height: 650px; min-height: 650px; position: relative; }
                        #main .LeftPanel { position: absolute; left: 20px; top: 15px; width: 190px; }
#footer { background: #d1dae9 url('/images/bottom_bg.png') repeat-x; font-size: .875em; line-height: 1.2em; }
        .DecorBR { height: 120px; width: 30px; position: absolute; top: 0; right: 0; background: url('/images/bottom_cbr.jpg') no-repeat left top; }
        .Copyright { height: 120px; width: 100%; background: url('/images/bottom_tube.jpg') no-repeat left top; padding: 70px 30px 0 270px; }
        .r3 { position: absolute; right: 55px; top: 72px; }
                .r3 img { width: 25px; height: 25px; float: left; margin: 0 7px 0 0; }
                        .r3 a, .r3 a:visited { color: #555; }
                        .r3 a:hover { color: #fd6a1e; }





.Menu { list-style: none; margin: 0 0 40px 20px; ;  font-family:Verdana; font-size:12px; }
        .Menu li { background: url('/images/menu_div.png') repeat-x top; padding: 5px 0 5px 2px; font-weight:bold; }
		.Menu li div{font-weight:normal; padding:5px 0px; display:none;}
                .Menu a, .Menu a:visited {  color: #000; text-decoration: none; *font-size: 0.8em; }
                .Menu a:hover { color: #fd6a1e; }

.Contacts { background: #eaeaea; padding: 15px 10px 15px 20px; font-size: .75em; line-height: 1.2em; }
        .Contacts .header { text-transform: uppercase; }



.Content_flash { padding: 0 20px 15px 20px; }
        table.Flash { margin: 0 auto; width: 85%; border-collapse: collapse; }
                table.Flash td { padding: 0; background: url('/images/flash_bg.png') repeat-x top; text-align: center; vertical-align: top; }
.Content_main { padding: 15px 20px; }
        .Content_main ul { padding: 10px 20px; }
        .Content_main td { padding: 5px; vertical-align: top; }
        .Content_main img { margin: 0 20px 20px 20px; }

.button_QList { position: absolute; top: 20px; right: 20px; }



table.SubNavi { width: 800px; margin: 20px auto; }
table.SubNavi th, table.SubNavi td { padding: 15px; width: 33%; }
table.SubNavi th { text-align: center; padding: 10px 15px; font-size: 1.2em; font-weight: bold; background: #2c4469; }
table.SubNavi th, table.SubNavi th a, table.SubNavi th a:visited { color: #fff !important; }




.Level2 { background: #eaeaea; padding: 10px 40px; text-align: center; margin: 30px 0 10px 0; }
.Level2 table { width: 80%; margin: 0 auto; }
.Level2 td { padding: 10px 10px 0 10px; text-align: left; }
.Level2 ul { list-style: none; padding: 0; font-weight: bold; font-size: .85em; text-transform: uppercase; }
.Level2 li { padding-bottom: 1em; }
.Level2 ul ul { margin-top: .8em; }
.Level2 li ul li { padding-bottom: .8em !important; font-size: .75em; }






.Level3 { background: #eaeaea; padding: 0 10px; text-align: center; margin: 30px 0; }
.Level3 .full { height: 100%; }
.Level3 td.right { width: 25%; }
.Level3 td.right td { text-align: left; padding: 0 0 10px 20px; }
.Level3 th { text-transform: uppercase; padding: 1em 20px; }
.Level3 .active { background: #fff; }
.Level3 td { text-align: center; line-height: .8em !important; }
.Level3 tr.tabs_headers td { padding: 0 4px 8px 4px; }
.Level3 tr.tabs td { height: 1px; padding: 7px 0 13px 0; }
.Level3 tr.tabs a, .Level3 tr.tabs span { padding: 7px 5px 13px 5px; }
.Level3 table { border-collapse: collapse; }
.Level3 table td { padding: 0; }




div.Tbl { text-align: center; padding: 10px 10px 25px 10px; }
        div.Tbl h4 { color: #f00; margin-bottom: 10px; }
        div.Tbl table { margin: 0 auto; }
                div.Tbl td, div.Tbl th { text-align: left; font-family: 'Times New Roman', serif !important; line-height: 1.2em !important; }




.Bread { border-top: 1px solid #e0e0e0; padding: 10px 10px 0 10px; margin: 20px 0 10px 0; font-size: .75em; line-height: 1.2em; }
.Bread table { width: 90%;}
.Bread table td { padding-right: 20px; }
.Bread table td.wide {  margin: 0; }
.Bread ul { list-style: none; padding: 0; font-weight: bold; }
.Bread li { padding-bottom: 1em; }
.Bread li, .Bread a, .Bread a:visited { color: #666; text-decoration: none; }
.Bread a:hover { color: #000; }
.Bread ul ul { font-weight: normal; margin-top: .8em; }
.Bread li ul li { padding-bottom: .8em !important; }





/* Мк.5:9 */
