body {height:auto !important; height: 100%; min-height: 100%; min-width: 1004px; font-size: small; font-family: Tahoma, Verdana, Helvetica, sans-serif; color: #000; padding-bottom: 40px; line-height: 1.2em;  }

/* Bar */
.l-bar, .l-page {padding-left: 3%; padding-right: 3%;}
.l-bar {padding-top: 0.5em; padding-bottom: 0.5em; border-style: none none solid none; border-bottom-width: 1px }
.h-bar {padding: 0 20px;}
.l-bar li {padding: 0 1em;}
.l-bar a {text-decoration: underline; color: #333;}
.b-bar-menu, .b-header-info {float: left;}
.b-bar-menu ul {margin-left: -1em; overflow: hidden;}
.b-bar-menu li {border-style: none none none solid; border-left-width: 1px; display: inline; float: left; margin-left: -1px;}
.b-bar-menu li.star {padding-left: 32px; background: url('images/icons/star.gif') no-repeat 10px 50%; }
.b-bar-user, .b-header-menu {float: right;}
.b-bar-user ul {margin-left: -1em; overflow: hidden;}
.b-bar-user li {border-style: none none none solid; border-left-width: 1px; display: inline; float: left; margin-left: -1px;}

/* Page Header */
.l-header {height: 40px; font-size: 14px; font-weight: bold; position: relative; z-index: 999;}
.b-header-info {line-height: 30px; padding-top: 10px; padding-left: 20px;}
.b-header-info a {color: #fff; text-decoration: none;}

/* Page Main */
.l-main{overflow:hidden;}

.b-main-header {position: relative;}
.b-main-header-theme {height: 142px; width: 100%;}

/* Page Main Logo*/
.b-main-logo {float: left; font-size: 140%; font-weight: bold; padding-left: 20px; padding-top: 4px; line-height: 40px;}
.b-main-logo span {height: 40px; vertical-align: middle; display: block; float: left; margin-right: 5px;}

/* Page Main Search*/
.b-main-search {float: right; position: relative; padding-right: 20px;}
.b-main-search form {display: block; padding-top: 8px; float: left;}
.b-main-search-input {font-size: 14px; padding: 5px 2px; width: 200px; -moz-border-radius: 4px; -webkit-border-radius: 4x;}
.b-main-search-button {font-size: 14px; padding: 3px 6px;}
.b-main-search span {display: block; float: left; padding: 12px 30px 10px 55px; font-size: 12px;}
.b-main-search button {margin: 0 0 0 5px;}

/* Page Main ADV*/
.b-main-adv {border-style: solid none none none;  border-top-width: 1px; position: absolute; left: 0px; width: 100%; bottom: 0px; height: 87px;}
.b-main-adv-banner {float: left; width: 19.9%; text-align: center; position: relative; margin-top: -2px; padding-top: 4px;}
.b-main-adv-banner div {width: 180px; height: 80px; overflow: hidden; margin: 0 auto;}
.b-main-header-birds {position: absolute; left: 35%; bottom: 86px; width: 120px; height: 40px;}

/* Page Content */
.b-main-content {padding: 10px 20px;}
.l-content__r {float: right; width: 180px; padding-right: 1px; overflow: hidden;}
.l-content__l {margin-right: 190px;}
.h-content__l {overflow: hidden; padding: 0 1px;}
.b-main-content .sec-banner{margin-bottom: 10px;}


/* Page Footer */
.l-footer {position: relative; padding: 10px 20px; clear: both;}
.l-footer a {color: #000;}
.b-footer-copyright {float: left; width: 600px;}
.b-footer-counter {float: right; width: 180px;}
.b-footer-adv {font-size: 85%; color: #333; clear: both;}
.b-footer-adv a {text-decoration: none; color: #9F9F9F;}
.b-footer-counter {position: absolute; bottom: 16px; right: 20px; width: 300px;}
.b-footer-counter .counter {float: right; padding: 4px 0 0 4px;}

/* Foter Menu */
.b-footer-menu li {display: block; float: left; width: 14%;}
.b-footer-menu li a {font-weight: bold; line-height: 2em; text-decoration: none;}
.b-footer-menu li li {width: 100%; margin-bottom: 0.5em;}
.b-footer-menu li li a {font-weight: normal; line-height: 1em; text-decoration: underline; padding-right: 1em;}

/* Overlay */
#pop-city {width: 300px;}
#overlay {height: 450px;}
#overlay .b-external-content {height: 387px;}

.b-pop {display: none; border-style: solid; border-width: 10px; -moz-border-radius: 8px; -webkit-border-radius: 8px; z-index: 9999; width: 400px; text-align: left;}
.b-pop-body {padding: 10px; border-width: 1px; border-style: solid; position: relative;}
.b-pop-header {margin: -11px; margin-bottom: 10px; padding: 10px; border-width: 1px; border-style: solid; font-size: 20px;}
.b-pop .close {position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; cursor: pointer;}

/* Picture Overlay */
/* the overlayed element */
.b-pop-image {display: none; z-index: 10000; /* styling */ background-color: #333; width: 675px; min-height: 200px; border: 1px solid #666; /* CSS3 styling for latest browsers */ -moz-box-shadow: 0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000;} /* close button positioned on upper right corner */
.b-pop-image .close {background-image: url(images/close.png); position: absolute; right: -15px; top: -15px; cursor: pointer; height: 35px; width: 35px;} /* the large image. we use a gray border around it */
#img {border: 1px solid #666;} /* "next image" and "prev image" links */
.b-pop-image .next, .b-pop-image .prev { /* absolute positioning relative to the overlay */position: absolute; top: 40%; border: 1px solid #666; cursor: pointer; display: block; padding: 10px 20px; color: #fff; font-size: 11px; /* upcoming CSS3 features */ -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.b-pop-image .prev {left: 0; border-left: 0; -moz-border-radius-topleft: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0;}
.b-pop-image .next {right: 0; border-right: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0;}
.b-pop-image .next:hover, .b-pop-image .prev:hover {text-decoration: underline; background-color: #000;} /* when there is no next or previous link available this class is added */
.b-pop-image .disabled {visibility: hidden;} /* the "information box" */
.b-pop-image .info {position: absolute; bottom: 0; left: 0; padding: 10px 15px; color: #fff; font-size: 11px; border-top: 1px solid #666;}
.b-pop-image .info strong {display: block;} /* progress indicator (animated gif). should be initially hidden */
.b-pop-image .progress {position: absolute; top: 45%; left: 50%; display: none;} /* everybody should know about RGBA colors. */
.b-pop-image .next, .b-pop-image .prev, .b-pop-image .info {background:#333 !important; background: rgba(0, 0, 0, 0.6) url(/images/h80.png) repeat-x;}

/* Page Corner */
.b-page-coner-top-left {font-size: 0; height: 8px; margin-left: 8px; margin-right: 8px;}
.b-page-coner-top-right, .b-page-coner-bottom-right {float: right; height: 8px; position: relative; right: -8px; width: 8px;}
.b-page-coner-bottom-left {height: 8px; margin-left: 8px; margin-right: 8px;}


/* Content Block */
.l-content-block__l {float: left; width: 69%;}
.h-content-block {padding-right: 10px;}
.l-content-block__r {float: right; width: 30%;}
.b-line-content {padding: 0 1px 10px 1px; position: relative; overflow: hidden;}
.b-rss {position: absolute; top: 20px; right: 10px; background: url('images/icons/rss.gif') no-repeat left 50%; padding-left: 20px;}

/* Select Theme */
.b-theme-select img {float: left; margin: 0 10px 10px 0;}

.near_image {position: relative; margin: 10px; padding: 10px;}

.block_info {border: 1px solid #F5DBC9; padding: 10px; margin: 10px 0px;}

.center {text-align: center;}

.margin_bottom {margin-bottom: 10px;} /* стили для описания табов  */ /* обрамление */

div.css-overtab {background-color: #ffbf00; border: 1px solid #ffa300; border-bottom: none; padding-top: 4px; padding-left: 4px;} /* root element for tabs  */

ul.css-tabs {margin:0 !important; padding: 0; height: 30px; border-bottom: 1px solid #ffa300;} /* single tab */

ul.css-tabs li {float: left; padding: 0; margin: 0; list-style-type: none;} /* link inside the tab. uses a background image */

ul.css-tabs a {float: left; font-size: 13px; display: block; padding: 5px 30px; text-decoration: none; border: 1px solid #ffa300; border-bottom: 0px; height: 18px; background-color: #fff6dd; color: #777; margin-right: 2px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; position: relative; top: 1px;}

ul.css-tabs a:hover {background-color: #fefef8; color: #333;} /* selected tab */

ul.css-tabs a.current {background-color: #fff; border-bottom: 2px solid #fff; color: #000; cursor: default;} /* tab pane */

div.css-panes div {display: none; border: 1px solid #ffa300; border-width: 0 1px 1px 1px; min-height: 150px; padding: 15px 20px; background-color: #fff;}