@charset "UTF-8";
/* CSS Document 
Shlyapnikov Denis
*/

/*GLOBALS*/
html {
	height:100%;
    background: url(bg.gif) repeat-y center top #efeacb;
	}
    
body {height:100%; width: 100%; background: url(main.jpg) repeat-x left top; font: normal 12px/14px Tahoma; color:#636363; margin:0px; padding:0px;}
img {margin:0px; padding:0px; border:0px;}
a {text-decoration: underline; font: normal 12px/14px Tahoma; color:#7ebd42;}
a:hover {text-decoration: none;}
div{font: normal 12px/14px Tahoma; color:#636363; margin:0px; padding:0px;}

.clear {clear: both; line-height: 0; height: 0;}
.minclear {clear: both; height:0px; font-size: 1px; line-height: 0;}

div, span, object, h1, h2, h3, h4, h5, h6, em, font, img, small, strong, b, u, i, center, ol, ul, li, fieldset, label, 
table, caption, tbody, tr, th, td, body, html {margin: 0; padding: 0; border: 0; outline: 0; }
td {vertical-align: top;}
h1 {margin: 10px 0; padding: 0; color:#f58f0a; font: normal 16px/18px Tahoma; text-transform: uppercase;}
h2,h3,h4,h5,h6 {margin: 10px 0; padding: 0; color:#4b4b4b; font: normal 16px/18px Tahoma;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5,h6 {font-size: 12px}

table.table0 {border-collapse: collapse;}
table.table0 td {padding:5px; border: none;}

table.table1 {border-collapse: collapse;}
table.table1 tr:hover {background: #edfedc;}
table.table1 td {padding:5px; border: 1px solid #dadada;}

table.table2 {border-collapse: collapse;}
table.table2 tr:hover {background: #edfedc;}
table.table2 td {padding:5px; border: 1px solid #dadada;}
table.table2 th {padding:8px 5px; border: 1px solid #dadada; background-color: #79b43f; color: #fff; text-align: left; font-family: Arial; font-style: normal;}

/*FORM INPUT*/
form.form {padding:0; margin:0}

.itext {border:0;}
.ibut {cursor: pointer; border:0;}

/*IE6 line fix*/
.minclear,
    {font-size: 1px; line-height: 0; height:0}

/*STRUCTURE*/
#main {min-height:100%; height:auto !important; height:100%; margin:0 auto; position:relative; min-width: 990px; background: url(body.jpg) no-repeat center 67px;}
    #main .left {width: 245px; float: left; padding:55px 0 0 12px;}
    #main .content {float:left; width: 680px; padding:0px 0 0 30px;}

    #main .box {width: 990px; margin: 0 auto;}
    #main .pen {position: absolute; top:219px; left:50%; margin-left:-15px; width: 502px; height: 30px; background: url(pen.jpg);}
    
    #main .box .content p {padding:10px 0; margin:0;}
    
    #main .box .content ul {margin-left:25px}
    #main .box .content ol {margin-left:25px}
    #main .box .content ul li {}
    
    .tt {background: url(tt.gif) no-repeat left top; padding:13px 0 7px ; font: normal 16px/18px Tahoma; color:#f58f0a; text-transform: uppercase; margin:22px 0 6px 17px}
    
/*SITE ICO*/
.siteico {position: absolute; top:319px; left:50%; margin-left:-395px; width: 75px; height: 10px;}
    .siteico a {display: block; position: absolute; top:0; width: 12px; height: 10px;}
    .siteico a.home {left:0;}
    .siteico a.feedback {left:32px;}
    .siteico a.sitemap {right:0;}

/*LOGO*/
.logo {position: absolute; top:94px; left:50%; margin-left:-343px; width: 309px; height: 138px}
    .logo a {display: block; width: 309px; height: 138px;}
    
/*PHONE*/
.phone {position: absolute; top:157px; left:50%; margin-left:314px; font:bold 21px/24px Tahoma; color:#fff; text-align: right;}
    .phone span {font-size: 16px;}
    
/*LEFT MENU*/
ul.left_menu {width: 215px; padding: 0 0 0 17px;}
    ul.left_menu li {list-style-type: none; width: 215px; background: url(left_menu_li.gif) repeat-x left bottom; padding:4px 0 5px;}
    ul.left_menu li a {display: block; width: 215px; font: normal 13px/15px Arial; color:#656664; text-decoration: none;}
    ul.left_menu li a span {display: block; padding:4px 5px 4px 13px; background: url(top_menu.gif) no-repeat left center;}
    
    ul.left_menu li a:hover,
    ul.left_menu li.active a
        {background: url(left_top.jpg) no-repeat left top; color:#fff}
    
    ul.left_menu li a:hover span,
    ul.left_menu li.active a span
        {background: url(left_bottom.jpg) no-repeat left bottom;}
        
/*TOP MENU*/
ul.top_menu {float:right; height: 22px; margin-top:26px}
    ul.top_menu li {list-style-type: none; float:left; height: 22px; padding-right:16px}
    ul.top_menu li a {display: block; float:left; height: 22px; padding:0 8px 0 3px; color:#535050; font: normal 11px Tahoma; text-transform: uppercase; text-decoration: none;}
    ul.top_menu li a span {display: block; float:left; background: url(top_menu.gif) no-repeat left center; height: 18px; padding:4px 0 0 11px; cursor: pointer;}
    
    ul.top_menu li.active a,
    ul.top_menu li a:hover
        {background: url(top_menu_r.gif) no-repeat right center; color:#fff}
        
    ul.top_menu li.active a span,
    ul.top_menu li a:hover span
        {background: url(top_menu_l.gif) no-repeat left center;}
 
/*ON-LINE*/
.online {float:right; margin:15px 0 0; width: 253px; padding:0 0 0 30px}
    .online a {background: url(online.gif) no-repeat left bottom; display: block; width: 133px; text-align: right; padding:14px 0 1px; font: bold 12px Tahoma; color:#0b8e4d; text-decoration: none; text-transform: uppercase;}
    .online a:hover {text-decoration: underline;}
    
/*CLOCK*/
.clock_and_CO {text-align: center; margin:20px 0}
    .clock_and_CO img {margin:10px 0}
    
/*DESC*/
.desc {padding:70px 0 0; height: 185px;}
    .desc div {padding:7px 0 3px 21px; margin:0; background: url(gal.png) no-repeat left top; font: normal 12px Tahoma; color:#fff;text-transform: uppercase;}
    .desc div.desc-1 {margin-left:500px}
    .desc div.desc-2 {margin-left:515px;}
    .desc div.desc-3 {margin-left:530px}

/*COUNTERS*/
.counters {text-align: center;}
    .counters img {margin:1px}
 
/*PHONE TOP*/
.phone_top {position: absolute; top:68px; right:3%; margin-right:10px; width: 300px; text-align: right; font:italic 22px/24px "Trebuchet MS"; color:#ef2727;}

/*NEWS*/
.shownews {padding:10px 0 0 17px}
    .shownews a {color:#ffaf00; font: normal 13px/14px Arial;}
    .shownews .desc_news {padding:7px 0 14px; font: normal 11px/12px Arial; color:#7b7b7b;}
    a.more {font: normal 11px Arial; color:#7ebd42; background: url(news_more.gif) no-repeat left center; padding-left:15px}


/*FOOTER*/
.footer {position: absolute; bottom: 0px; width: 100%; left:0; height: 153px; z-index: 2; background: url(footer.jpg) no-repeat center bottom} 
    .spfooter {clear: both; height: 155px;}
    
    .footer .phone {float:left; padding: 0 0 0 99px; font:italic 13px/15px "Trebuchet MS"; color:#8a8b8b; margin-top:35px}
    .footer .phone b {display: block; font:bold 25px/30px "Trebuchet MS"; color:#b5b5b5; font-style: italic;}
    
    .footer .copy {font:normal 11px/17px Tahoma; color:#727171; padding:44px 35px 0 0; text-align: right;}
    .footer .copy span {font-size: 12px;}
    .footer .copy a {font:normal 11px/17px Tahoma; color:#7ebd42}
    
    .footer .footer_title {text-align: center; color:#959292; padding:46px 0 0; color:#959292; font: normal 10px Tahoma}