/* 
    Document   : main
    Created on : 04.06.2010, 15:19:23
    Author     : Serg
*/

html, body {height: 100%}
h1, h2, h3, h4, h5, h6{margin-bottom: 0}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -54px;
}
.footer, .push-clear {
    height: 54px;
    margin:0 auto;
    width:950px;
    display: block
}

#header{height: 295px; margin-bottom: -13px}
.push-shkaf{height: 60px}
#logo{margin-top: 90px}
#slogan{margin-top: 130px}
#slogan span.abr{color: #6E6E6E; font-size: 14px}
#slogan span.slogan{font-size: 24px}
#device{margin-top: 0}
#panel,#panel h3 , #panel a{color: #FFF;}
#panel-left-bckg{background: transparent url(img/panel-left-bckg.png) no-repeat; height: 247px;width:464px}
#panel-right-bckg{background: transparent url(img/panel-right-bckg.png) no-repeat -31px 0px; height: 247px; width: 486px}
#panel-right-bckg div{margin: 45px 0 0 30px; line-height: 20px}
#panel-right-bckg ul {padding-left:0.85em; list-style-type: none; margin: 0 0 10px}
#panel-right-bckg a:hover, #panel-right-bckg a:focus{text-decoration: none}
#panel-left-bckg, #panel-right-bckg{position: relative; z-index: 2}
ul#menu{
    list-style-type: none;
    margin: 20px 25px;
    padding: 0
}
#menu li{
    position: relative;
    z-index: 20;
    margin-bottom: 19px;
    padding-left: 15px;
    background: transparent url(img/list-img.png) no-repeat left center
}
#menu li:hover, #menu li.current{background: transparent url(img/list-img-hover.png) no-repeat left center}
#menu a{font-size: 12px; font-weight: bold; display: inline-block}
#menu a:hover, #menu li.current a{color: #9ACF16}
#menu a, menu li{position: relative; z-index: 20}

.panel-image{position: relative; float: left; z-index: 5; margin: -258px 0 0 78px}


#main h3, #news h3{color: #9ACF16}
.text-content{padding-left: 10px; font-size: 14px; color: #555}
.text-content a{color: #9ACF16}
.text-content a:hover, .text-content a:focus{text-decoration: none}
.text-content ul li{
    list-style-type: none;
    background: transparent url(img/list-img-hover.png) no-repeat left center;
    padding-left: 10px;
}

.illustration {float:left;margin:0 15px 10px 0;}
.img a{display: block}
.img a > img{border:1px solid #CCCCCC;}

.consult{margin: 10px auto}
.error{margin-bottom: 0; padding: 0}
.text-content ul{padding-left: 1em}
#news h4{margin-left: 5px}
#news h4 a{
    color: #000;
    text-decoration: none;
    display: inline-block;
    border-bottom: 1px dashed #000;
    font-weight: bold
}
#news h4 a:hover, #news h4 a:focus{border-bottom: 1px solid #000}

.footer{font-size: 14px}
#footer-bckg-left{
    background: transparent url(img/footer-left.png) no-repeat;
    width: 88px;
    height: 126px;
    float: left
}
#footer-bckg-right{
    background: transparent url(img/footer-right.png) no-repeat;
    float:left;
    height:155px;
    margin:-29px 0 0 0;
    width:112px
}
.footer-bckg{
    border-top: 2px solid #E2E2E2;
    border-bottom: 2px solid #E2E2E2;
    background: #F7F7F7;
    height: 122px;
    width: 780px
}
.address{width: 300px; margin: 40px 0 0 25px}
.phones{margin: 40px 0 0 60px}
.developed-by{margin-top: 40px}
.developed-by a{color: #000; text-decoration: none}
.developed-by a:hover, .developed-by a:focus{text-decoration: underline}