* {margin: 0; padding: 0}
html body {background: #dfe6d4; font-family: Tahoma; font-size: 12px}
a, a:visited {color: #2581b2;}
a:hover {color: #309ad3; text-decoration: none}
img {border: 0}
h1 {color: #5992D1; font-size: 18px; margin: 0 0 10px 0; font-weight: normal;}
h2 {color: #8ab3df; font-size: 16px; margin: 0 0 10px 0; font-weight: normal;}
h3 {color: #5992D1; font-size: 13px; line-height: 22px; text-transform: uppercase}
h4 {color: #232323; font-family: Tahoma; font-size:20px;font-weight:normal;line-height:20px;padding-top:8px;}
h5 {}
h6 {}
p {margin: 10px 0;}

.shadow {
        left: 0px;
        top: 1px;
        color: #9f9f9f;
        position: absolute;
        z-index: 0;
    }


.h_red {position: relative; z-index: 1; margin-bottom: -40px; margin-right: -5px; display: block; height: 48px; background: url(images/lenta_red.png) right top no-repeat}
.h_red_rev {position: relative; z-index: 1; margin-bottom: -40px; margin-left: -5px; display: block; height: 48px; background: url(images/lenta_red_rev.png) left top no-repeat}
.h_green {position: relative; z-index: 1; margin-bottom: -40px; margin-right: -5px; display: block; height: 48px; background: url(images/lenta_green.png) right top no-repeat}
.h_green_rev {position: relative; z-index: 1; margin-bottom: -40px; margin-left: -5px; display: block; height: 48px; background: url(images/lenta_green_rev.png) left top no-repeat}
.h_blue {position: relative; z-index: 1; margin-bottom: -40px; margin-right: -5px; display: block; height: 48px; background: url(images/lenta_blue.png) right top no-repeat}
.h_blue_rev {position: relative; z-index: 1; margin-bottom: -40px; margin-left: -5px; display: block; height: 48px; background: url(images/lenta_blue_rev.png) left top no-repeat}
.h_violet {position: relative; z-index: 1; margin-bottom: -40px; margin-right: -5px; display: block; height: 48px; background: url(images/lenta_violet.png) right top no-repeat}
.h_violet_rev {position: relative; z-index: 1; margin-bottom: -40px; margin-left: -5px; display: block; height: 48px; background: url(images/lenta_violet_rev.png) left top no-repeat}
.h_pink {position: relative; z-index: 1; margin-bottom: -40px; margin-right: -5px; display: block; height: 48px; background: url(images/lenta_pink.png) right top no-repeat}
.h_pink_rev {position: relative; z-index: 1; margin-bottom: -40px; margin-left: -5px; display: block; height: 48px; background: url(images/lenta_pink_rev.png) left top no-repeat}

ul, ol {padding: 5px 0 30px 20px; }
ul li, ol li {padding: 0 0 10px 0 }

#logo {float: left; margin: 40px 0 0 10%}
#logo_academ {/*float: right; margin: 40px 10% 0 0*/}
#header {height: 209px; overflow: hidden; background: url(images/bg_header.jpg) left top repeat-x}
#bg_header {height: 209px; /*background: url(images/left_top.jpg) right top no-repeat*/}

#right_head {height: 209px;}
#trjapka {display: none; position: absolute; top: 174px; left: 35%}

#auth {width: 270px;height: 209px; background: url(images/head_bg.png) left top repeat-x;float: right}
#auth div {height: 184px; background: url(images/doska_end.png) left top no-repeat; padding: 25px 20px 0 10px; text-align: center; width: 270px}
#auth table {text-align: left; margin:15px 40px; border-collapse: collapse}
#auth table td {padding-bottom: 3px; color: #3A3A3A}
#auth table input {width: 98%}
#auth table input.submit {width: auto}


#menu {clear: left; padding-top: 30px; position: relative; z-index: 1000; margin-right: 25%; text-align: center; }
#menu ul {width: 540px;  padding: 0; margin: 0; //padding-left: 4% }
#menu li {float: left; list-style: none; padding: 0 1%}
#menu li a span.l {padding-left: 8px}
#menu li a span.r {padding-right: 8px}
#menu li.select a span.l { background: url(images/left-menu.gif) left top no-repeat;}
#menu li.select a span.r { background: url(images/right-menu.gif) right top no-repeat;}
#menu li.select a span.c { background: url(images/bg-item-menu.gif) left top repeat-x}
#menu li a {white-space: nowrap}
#menu li a span {float: left; height: 25px; line-height: 25px; cursor: pointer}
#menu li a, #menu li a:visited {color: #fff; text-decoration: none}
#menu li.select a, #menu li.select a:visited {color: #004a00;}
#menu li a:hover {color: #97df8c; text-decoration: none}

.styck-ten {margin-left: 5%; margin-bottom: 0px; padding: 0 7px 7px 0;  background: url(images/block-shadow.png) right bottom no-repeat}
.styck {font-size: 11px; background: #fff; padding: 30px 10px 10px 10px}
.styck-ten h3 {line-height: 35px; height: 48px; padding-left: 0px; color: #fff; text-shadow: 1px 0px 0px #6b6b6b; text-align: center}
.styck ul {padding-bottom: 0; padding-left: 10px}
#news_list {list-style: none; color: #1c5e82}


#main {overflow: hidden; _overflow: visible; height: 1%; background: url(images/top.jpg) right top repeat-x}
#left_col {width: 240px; float: left; padding-top: 10px}
#content { padding: 6px; margin: 0 250px; margin-top: 15px; color: #3a3a3a}
#cont_page { padding: 15px 10px;background: #fff;}
#right_col {width: 240px; float: right; padding-top: 10px;}
#footer {background: url(images/bottom.jpg) left bottom repeat-x; padding: 0 15px}
.left_foot {float: left; margin: 100px 0 0 0; color: #5f5f5f}




html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%; min-width: 1000px; }
#main {padding-bottom: 150px;} 
#footer {position: relative;
    margin-top: -150px; 
    height: 150px;
    clear:both;}
    
    
.clearfix:after {content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides fr om IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide fr om IE-mac */