html, body, div, img, h1, h2, h3, p, form, input, select, textarea, {margin: 0;padding: 0;}

html, body {width: 100%; height: auto;}
.body {background: #dadee1;}

body, div {font: 11px Arial, Tahoma, Verdana; color: #333;}

a img, img {border: none;}
a, a:hover {text-decoration: none;}
a {color: #003366;}
a:hover {color: #00ADEF;}

input, textarea, select {font: 12px Arial, Tahoma, Verdana; padding: 1px; color: #000000; padding: 1px 1px; border: 1px solid #999; width: 200px;}
textarea {height: 165px;}

a.subm {display: block; padding: 2px 22px 2px 22px; color: #fff; float: left; background: #527BB9;}
a.subm:hover {background: #00ADEF; color: #fff;}

a.search {display: block; padding: 2px 22px 2px 22px; color: #fff; background: #527BB9; float:right;}
a.search:hover {background: #00ADEF; color: #fff;}

.star {color: #00ADEF;}

input.default_input {width: 70%;}

h1, h2, h3 {font-family: Arial, Tahoma, Verdana; color: #7D7D7D;}
h1 {font-size: 20px; font-weight: normal; padding: 25px 0 10px 0;}
h2 {font-size: 18px; font-weight: normal; padding: 15px 0 10px 0;}
h3 {font-size: 16px; font-weight: normal; padding: 10px 0 10px 0;}

.f {margin-top: 0px !important; padding-top: 0px !important;}

.spacer {height: 1px; width: 100%; clear: both;}
.wrap {width: 100%;}

.w49 {width: 60%;}

.s5 {height: 5px;}
.s10 {height: 10px;}
.s15 {height: 15px;}
.s20 {height: 20px;}
.s40 {height: 40px;}

.container {width: 770px; background-color: #ffffff; height: 100%; min-height: 100%; position: relative;}
.s-container {background:#ffffff; background-repeat: repeat-y; height: 100%;}

.rel {position: relative;}.abs {position: absolute;}.fl {float: left;}.fr {float: right;}.ac {text-align: center;}.ar {text-align: right;}

.wrap, .header {width: 100%;}

/* header */
.header {height: 100px; background: #dadee1 url('/images/header_bg_logo-star.jpg') no-repeat; position: relative;}
.logo {width: 150px; height: 35px; position: absolute; top: 34px; right: 20px; z-index: 9; display: none;}
.logo-m {width: 96px; height: 70px; position: absolute; top: 17px; left: 38px; display: none;}
.site-name {display: block; position: absolute; top: 1px; left: 170px; height: 15px; width: 100px; font-size: 10px; text-decoration: none; padding-left: 11px; background: url('/images/i-site-name.gif') 0 5px no-repeat; color: #333333;}
.site-name:hover, .site-name-on {color: #00ADEF; background: url('/images/l-menu-on.gif') 0 5px no-repeat;}

.ad {background: #D7DCE6; padding: 10px; position: absolute; right: -47px; z-index: 50;}
/* /header */

/* menu */
.m-link ul li a, .m-link ul li a:hover {text-decoration: none;}
.m-link ul li a {color: #333333;}
.m-link ul li a:hover {color: #00ADEF;}

.main-menu ul, .top-menu ul, .bottom-menu-l ul, .bottom-menu-r ul {width: 100%; margin: 0; padding: 0;}

.main-menu {width: 600px; height: 20px; position: absolute; bottom: 0; right: 0; background: #F0F0F0 url('/images/bg-grey.gif') 0 100% repeat-x;}
.main-menu ul li {float: left; display: block; padding: 0; margin: 0; background: url('/images/menu-main-li.gif') 100% 0 no-repeat; height: 20px; list-style: none;}
.main-menu ul li a, .main-menu ul li a:hover {display: block; padding: 3px 9px 3px 9px;}
.main-menu ul li.on {background: #fff url('/images/menu-main-li.gif') 100% 0 no-repeat;}

.top-menu {position: absolute; top: 0; right: 0; width: 350px; height: 16px; background: #F0F0F0 url('/images/bg-menu-top.gif') 100% 0 no-repeat; padding-left: 1px;}
.top-menu ul li {float: left; display: block; padding: 0; margin: 0; height: 16px; font-size: 10px; background: url('/images/menu-top-li.gif') 4px 3px no-repeat; list-style: none;}
.top-menu ul li a {display: block; padding: 1px 14px 1px 19px;}

.bottom-menu-l, .bottom-menu-r {height: 27px;}
.bottom-menu-r {position: relative; right: 0px;}

.bottom-menu-l ul li, .bottom-menu-r ul li {float: left; display: block; padding: 0 10px; margin: 0; margin-top:7px; font-size: 10px; height: 14px; border-right: 1px solid #333333; list-style: none;}
.bottom-menu-r ul li {float: right;}
.bottom-menu-l ul li a, .bottom-menu-r ul li a {display: block; padding: -1px 0 0 0; color: #333333;}

.sub-menu {width: 100%; border-top: 1px solid #DDDDDD; margin-top: 36px; background-color: #FFFFFF;}
.sub-menu a, .sub-menu a:hover {padding: 2px 0 2px 18px; display: block; border-bottom: 1px solid #DDDDDD; text-decoration: none; width: 160;}
.sub-menu a {background: url('/images/i-site-name.gif') 7px 6px no-repeat; color: #003366;}
.sub-menu a:hover {background: #ECECEC url('/images/l-menu-on.gif') 7px 6px no-repeat; color: #00ADEF;}

.sub-menu a.on, .sub-menu a.on:hover {background: #fff; color: #00ADEF; font-weight: bold; padding-left: 7px !important;}
.sub-menu a.on-p, .sub-menu a.on-p:hover {background: none; color: #000; font-weight: bold; padding-left: 7px !important;}
.sub-menu a.on-p:hover {color: #00ADEF; background: #ECECEC;}

.sub-menu a.on-s {background: url('/images/l-menu-on-s.gif') 7px 6px no-repeat; color: #00ADEF; font-weight: bold;}
.sub-menu a.on-s:hover {background: #ECECEC url('/images/l-menu-on.gif') 7px 6px no-repeat; color: #00ADEF;}
.subs-menu a.on-i {background: url('/images/l-menu-on-s.gif') 16px 6px no-repeat; color: #00ADEF;}
.subs-menu a.on-i:hover {background: #ECECEC url('/images/l-menu-on.gif') 16px 6px no-repeat; color: #00ADEF;}

.subs-menu a {background: #f8f8f8 url('/images/i-site-name.gif') 16px 6px no-repeat;}
.subs-menu a:hover {background: #ECECEC url('/images/l-menu-on.gif') 16px 6px no-repeat;}
.subs-menu a, .subs-menu a:hover {padding-left: 27px !important;}
.subs-menu a.on, .subs-menu a.on:hover {font-weight: normal; padding-left: 27px !important; background: #ECECEC url('/images/l-menu-on.gif') 17px 6px no-repeat;}

a.on-g, a.on-g:hover {background: #fff url('/images/l-menu-on.gif') 7px 6px no-repeat; color: #00ADEF; padding-left: 18px !important; font-weight: bold;}
a.on-ss, a.on-ss:hover {background: url('/images/l-menu-on-s.gif') 7px 6px no-repeat; padding-left: 18px !important;}
a.on-ss:hover {background: #fff url('/images/l-menu-on.gif') 8px 6px no-repeat;}

.subss-menu a, .subss-menu a:hover, .subss-menu a.on, .subss-menu a.on:hover {padding-left: 39px !important; background-position: 27px 6px !important;}
.subsss-menu a, .subsss-menu a:hover, .subsss-menu a.on, .subsss-menu a.on:hover {padding-left: 47px !important; background-position: 39px 6px !important;}

.second-menu {width: 120px; float: left;}
.second-menu ul {margin: 0; padding: 0; position: relative; left: -1px; border-bottom: 1px solid #ccc;}
.second-menu li {margin: 0; padding: 2px 10px; list-style: none; border: 1px solid #ccc; border-bottom: none; font-size: 11px; background: #FFFFFF;}
.second-menu li.on {background: #fff; border-left: 1px solid #fff !important; font-weight: bold;}
/* /menu */

/* news */
.n-pic {width: 85px; float: left;}
.n-ann {width: 140px; float: left;}
/* /news */

/* content */
.second-content {width: 435px; float: left; border: 1px solid #ccc;}
.second-content-pad {padding: 10px 10px 30px 10px;}

p {padding-bottom: 12px; margin: 0px 0px 0px 0px; text-align: full;}
p.small {margin: 7px 0 0 0; color: #999999;}
p.grey {padding-bottom: 5px; margin: 7px 5px 0 10px; color: #999999;}
p.nopad {padding-bottom: 0px; margin: 0px 0px 0px 0px; text-align: full;}

.c-pad {padding: 16px 20px; margin-top: 35px; height: 100%;}

small {font-size: 10px;padding: 0 0 0 0; color: #999999;}
big {font-size: 12px;}

.cursor {cursor: pointer; cursor: hand;}
span.cursor {text-decoration: underline;}
.red {color: #ff0000;}
p.max textarea {width: 100%;}
.l-menu, .l-menu:hover {display: block; padding: 0 0 0 9px; text-decoration: none;}
.l-menu {background: url('/images/l-menu.gif') 0 5px no-repeat;}
.l-menu:hover {background: url('/images/l-menu-on.gif') 0 5px no-repeat;}

.l-menu {font-size: 11px;}

.l-column, .l-m-column, .c-m-column, .r-m-column, .sec-content {float: left; background: #fff;}

.l-column {width: 170px;}
.sec-content {width: 600px; background: #fff;}
.l-m-column {width: 170px;}
.c-m-column {width: 346px; height: 100%;}
.r-m-column {width: 230px; padding-bottom: 20px;}

.l-m-pad {padding: 15px 10px 0 25px;}
.c-m-pad {padding: 15px 30px 0 5px; height: 100%;}
.r-m-pad {padding: 15px 0 0 0;}

.content, .content div, .content table {font-size: 12px;}

hr {height: 0px; border: 0px solid #D5DEDE; border-top-width: 1px; margin: 5px 0;}

.desc {border: 1px solid #ddd; border-collpase: collapse; border-right: none; border-bottom: none!important; color: #666666;}
.desc tr td.lefts, .desc tr td.left {text-align: left; padding-left: 10px; color: #666666; font-weight: normal;}
.desc tr td.lefts {background: none !important;border-right: 1px solid #999; font-weight: normal !important; color: #ddd; text-align: center;}
.desc th {font-size: 11px; padding: 3px; padding-left: 10px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; color: #666666; font-weight: bold; background: #f8f8f8; text-align: left;}
.desc tr td {font-size: 11px; padding: 3px; padding-left: 5px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}

.desc tr td.left {border-right: 1px solid #ddd;}

.descs {border: 1px solid #ddd; border-width: 1px 1px 1px 1px; border-collpase: collapse; border-bottom: none !important;}
.descs tr td.l, .descs th {background: #F0F0F0; color: #666666; font-weight: bold;}
.descs tr td.l {text-align: left;}
.descs th, .descs tr td {font-size: 11px; padding: 5px; border: 1px solid #ddd; border-width: 0px 0px 1px 1px;}
.descs tr td {text-align: left;}
.descs {margin-top: 3px;}

.class-auto {float: left; font-size: 11px !important; width: 150px; margin-right: 46px;}
.class-auto img {display: block; margin: 5px 0;}
.class-auto img.cl {display: block; float: left;}
.class-info {float: left; width: 390px; margin-left: 10px; padding-top: 5px; font-size: 11px !important;}
.class-info p {margin: 2px 0 10px 0;}
.class-info b {color: #666;}
.c-last {margin-right: 0px !important;}

.auto-img {float: left; padding: 14px 15px 0 0;}
.auto-d {float: left;}
.auto-d b {color: #666;}
.auto-d .ser {color: #627F9C;}

ul.a-dop {margin: 5px 0 0 0; padding: 0; width: 400px; border-top: 1px solid #ccc;}
ul.a-dop li {color: #666; margin: 0; padding: 1px 5px 2px 5px; list-style: none; font-size: 11px; border-bottom: 1px solid #ccc;}
ul.nopad li {color: #666; margin: 0px; padding: 0px; list-style: square; font-size: 11px;}

.nowrap {white-space: nowrap;}

.search-pad {padding: 15px 10px;}

li.sear {margin-bottom: 15px;}
/* /content */

/* nav */
.navigation {padding-left: 33px;}
.navigation span {display: block; float: left; padding: 3px 10px 4px 10px; background: #FFFFFF; margin-right: 10px;}
.navigation span a, .navigation span a:hover {color: #0380B7;}
.navigation span.on {background: #0380B7; color: #ffffff;}

p.back {position: relative; left: -9px !important; color: #4584BC;}
p.back span {color: #D9DADC; margin: 0 10px;}
/* /nav */

/* footer */
.footerspacer {height: 30px;}
.footer {height: 27px; clear: both; position: absolute; bottom: 0; left: 0; background: #dadee1 url('/images/footer_bg_logo-txt.jpg') no-repeat; width: 100%;}
/* /footer */

.roll {   width: 380px; background: #f0f0de;  height: 100px; border: dashed 1px black;}
.lnk{text-decoration: underline; color: #527BB9;}
.roolt { height: 80px; margin: 10px; width: 250px; float:left;}
.butt { float:left; width: 100px; margin-top:10px;}o-repeat; width: 100%;}
/* /footer */

.roll {   width: 380px; background: #f0f0de;  height: 100px; border: dashed 1px black;}
.lnk{text-decoration: underline; color: #527BB9;}
.roolt { height: 80px; margin: 10px; width: 250px; float:left;}
.butt { float:left; width: 100px; margin-top:10px;}
@font-face { font-family: "Rubl"; src: url(http://www.panavto-yug.ru/css/rouble.eot); }
.rouble {font-family: "Rubl"; src: url(http://www.panavto-yug.ru/css/rouble.eot);}
.typeface-js, h1, h2, .. {visibility: visible !important;}