html, body {background: #595959; padding: 0; margin: 0; height: 100%; font-family: Arial, sans-serif; font-size: 12px; color: #666;}

div#cont {background: #fff; width: 980px; margin: 0 auto; min-height: 100%; padding: 0 20px;}
* html div#cont {height: 100%;}
div._noimage {background:silver}
a, a:active {text-decoration: underline; outline: 0; color: #f60;}
a:visited {color: #936; text-decoration: underline;}
a:focus, a:hover {text-decoration: none; outline: 0; color: #f60;}
a img, a:active img, a:visited img, a:hover img, a:focus img {border: 0; outline: 0;}

ul, ol {margin: 0 0 20px; padding: 0;}
ul li {margin: 0 0 10px 15px; padding: 0; line-height: 18px;}
ul li.doc {background: url('../img/file_ext/doc.gif') no-repeat; list-style-type: none; padding: 0 0 10px 36px; margin: 0;}
ul li.ppt {background: url('../img/file_ext/ppt.gif') no-repeat; list-style-type: none; padding: 0 0 10px 36px; margin: 0;}
ul li.pdf {background: url('../img/file_ext/pdf.gif') no-repeat; list-style-type: none; padding: 0 0 10px 36px; margin: 0;}
ul li.avi {background: url('../img/file_ext/avi.gif') no-repeat; list-style-type: none; padding: 0 0 10px 36px; margin: 0;}
ul li.mp3 {background: url('../img/file_ext/mp3.gif') no-repeat; list-style-type: none; padding: 0 0 10px 36px; margin: 0;}
ul.more li {font-weight: bold;}
ol li {margin: 0 0 10px 20px; padding: 0; line-height: 18px; color: #333; font-weight: bold;}
ol li a {font-weight: normal;}

.clear {clear: both;}
.line {border-bottom: 1px dotted #c3c3c3; margin: 0 0 20px;}
form {padding: 0; margin: 0;}
ins {text-decoration: none;}
p {margin: 0; padding: 0 0 1em;}

h1 {font: bold 18px Arial; color: #f60; margin: 0; padding: 0 0 1em 20px; width: 700px;}
h2 {font: bold 14px Arial; color: #75b336; margin: 0; padding: 0 0 1em;}
h3 {font: bold italic 12px Arial; color: #333; margin: 0; padding: 0 0 1em;}
h4 {font: bold 11px Arial; color: #333; margin: 0; padding: 0 0 1em;}
h5 {font: bold 12px Arial; color: #74b235; margin: 0; padding: 0 0 1em;}

/* TOP */
.top {position: relative; margin: 0 auto; padding: 0 0; height: 200px; clear: both; background: url('../img/top.php') no-repeat;}
.tel {font: bold italic 28px Arial; color: #000;}
.tel span {font-weight: normal;}
.top .tel {position: absolute; bottom: 40px; right: 37px;}
.logo {position: absolute; top: 29px; left: 31px;}

.menu {background: #7fbf3d url('../img/menu.gif') repeat-x; height: 41px; font: 14px Arial; color: #fff; padding: 0 12px; margin: 0; letter-spacing: -1px;}
.menu a {color: #fff; text-decoration: none;}
.menu div {position: relative; float: left; padding: 12px 8px 0; height: 28px;}
.menu div div {float: none; padding: 0;}
.menu div.m-right {position: relative; float: right; padding: 0;}
.menu div.m-right div {padding: 12px 8px 0; float: right;}
.menu div.m-right div div {float: none; padding: 0;}
.menu div.m-right div.sel div {background: url('../img/sel.gif') no-repeat center top; width: 100%; height: 7px; position: absolute; bottom: 0; left: 0;}
.menu div.sel,
.menu a:hover div {background: #7dca30 url('../img/menu-sel.gif') repeat-x;}
.menu div.sel div,
.menu a:hover div div {background: url('../img/sel.gif') no-repeat center top; width: 100%; height: 7px; position: absolute; bottom: -1px; left: 0;}
.menu span {position: relative; float: right; top: 10px; right: 5px;}

.sub_menus {height: 25px; position:relative; background: url('../img/sub-menu.gif') repeat-x; padding:11px 0 0 15px}

.sub-menu-height {height: 25px;}

.sub-menu {height: 25px; color: #ccc; margin: 0; letter-spacing: -1px;  position:absolute; width:100%; display:none}
div.we_are_here .sub-menu {display:block}
.sub-menu span {padding: 0 5px; color: #666;}
.sub-menu a {color: #666; text-decoration: none;}
.sub-menu .sel, .sub-menu .sel a {color: #f60;}

/* CENTER */
.center {margin: 0; line-height: 1.5em; clear: both; padding: 20px 0 0;}

#main h1 {color: #74b235; padding: 0 0 1em; width: auto;}

.left {position: relative; float: left; width: 688px; border: 1px solid #efefef; background: url('../img/left.png') repeat-y; margin: 0 20px 20px 0; padding: 20px 10px 5px 20px;}
.left .big-art {position: relative; float: left; width: 370px; padding: 0 20px 0 0;}
.big-art img {margin: 0 0 20px;}
.left .small-art {position: relative; float: left; width: 290px;}
.small-art .one {padding: 0 0 20px; min-height: 90px; position: relative; border-bottom: 1px dotted #c3c3c3; margin: 0 0 25px;}
.small-art .one a, .small-art .one a:active, .small-art .one a:visited {text-decoration: none;}
.small-art .one a:hover, .small-art .one a:focus {text-decoration: underline;}
.small-art .one h5, .small-art .one p {padding: 0 0 0 100px;}
.small-art .one img {position: absolute; left: 0; top: 0;}
.small-art input {color: #fff; font: bold 14px Arial; background: url('../img/but.png') no-repeat; width: 114px; height: 28px; border: 0; cursor: pointer; padding: 0; margin: 0 0 20px 100px;}
ul.services {font: bold 14px Arial; margin: -8px 0 10px;}
ul.services li {margin: 0 0 10px 15px;}
img.main {margin: 15px 0 0 68px;}

.left .pic {position: relative; float: left; width: 110px;}
.left .text {position: relative; float: left; width: 510px;}
.left .text img {margin: 0 0 10px;}
.left .text .left_img {float:left; margin:0 0 0 -110px;}
.left .text div.left_img {}

.block {background: #dceee8; padding: 20px; color: #333; margin: 10px 0 55px;}

.schedule {width: 100%; margin: 0 0 20px;}
.schedule th {background: #931b6f; font: bold 14px Arial; color: #fff; padding: 30px 20px; text-align: left;}
.schedule td {width: 70px; padding: 10px 20px; background: #e3cdf9; color: #639; height: 70px; text-align: center;}
.schedule td.descr {width: 250px; background: #639; color: #fff; text-align: left;}
.schedule td.lite {width: 250px; background: #639; color: #fff; text-align: left; background: #96c;}
.schedule td p {padding: 0;}
.schedule td.bottom {background: #931b6f; height: 20px; padding: 0;}

.gallery {margin: 0 0 30px; position: static;}
.gallery div {position: relative; display: block; float: left; width: 100px; height: 100px; margin: 20px 20px 0 0; background: #f9f9f9; text-align: center;}
.gallery div div {display: table-cell; float: none; margin: 0; vertical-align: middle; //  height: auto; margin-top: expression((parentNode.offsetHeight - this.offsetHeight)<0 ? "0" : (parentNode.offsetHeight - this.offsetHeight)/2 + "px");}
.gallery div.clear {float: none; width: 100%; height: 0; margin: 0; background: none;}
.text .gallery div img {margin: 0;}

.form {padding: 0 0 20px;}
.form table {margin: 0 0 10px;}
.form td {padding: 3px 20px 3px 0;}
.form td input {width: 160px;}
.form td span {color: #f60;}
.form h4 {margin: 30px 0 0;}
.form p {padding: 0 0 8px;}
.form input.but {color: #fff; font: bold 14px Arial; background: url('../img/but.png') no-repeat; width: 114px; height: 28px; border: 0; cursor: pointer; padding: 0; margin: 30px 0 0;}
textarea {width: 350px; height: 120px;}

.open {display: block;}
.close {display: none;}

.pager {padding: 25px 0 15px;}
.pager span {color: #333; font-weight: bold;}
.pager span.prev {padding: 0 5px 0 0;}
.pager span.next {padding: 0 0 0 5px;}


.right {position: relative; float: left; width: 220px; padding: 0 0 20px; margin: -10px 0 0;}
#main .right {margin: 0;}
.info {padding: 20px 0 10px 20px; border-bottom: 1px dotted #c3c3c3; margin: 0 0 25px;}
.info h2 {color: #693;}
.info p {line-height: 18px;}

.menu-art {background: #79ba38; border: 1px solid #79ba38; padding: 20px 8px; margin: 0 0 20px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.menu-art div {padding: 10px; background: url('../img/menu-art.gif') repeat-x left bottom; font-weight: bold; color: #fff;}
.menu-art div.sel {background: #95c861 url('../img/menu-art.gif') repeat-x left bottom;}
.menu-art a {color: #fff; text-decoration: none;}
.menu-art p {padding: 0 0 0 10px; background: url('../img/menu-art2.gif') no-repeat left 7px;}

.spacer {height: 200px; display: block; clear: both;}
.text .spacer {height: 20px;}

#error {position: relative; background: url('../img/error.jpg') repeat-y; color: #000;}
#error .error {padding: 180px 0 0 20px; width: 450px;}
#error h1 {font: 28px/28.8px Arial; color: #333; padding: 0 0 5px;}
#error h2 {font: 18px/28.8px Arial; color: #333; padding: 0;}
#error p {font: 14px/28.8px Arial;}
#error .tel {padding: 30px 0;}

.footer {background: #fff; width: 980px; position: relative; margin: -200px auto 0; height: 179px; padding: 10px 0; background: #fafafa; border-top: 1px solid #ddd;}
.menu-bottom {width: 410px; position: relative; float: left; border-right: 1px dotted #c8c8c8; height: 180px;}
.menu-bottom a {color: #76b338;}
.menu-bottom .menu-l {position: relative; float: left; width: 180px; padding: 45px 40px 0;}
.menu-bottom .menu-r {position: relative; float: left; width: auto; padding: 45px 0 0;}
.footer p {padding: 0 0 8px;}
.footer h5 {color: #76b338;}
.contacts {width: 310px; position: relative; float: left; border-right: 1px dotted #c8c8c8; height: 180px;}
.contacts div {padding: 45px 30px 0;}
.contacts p.phone {font-size:14px; font-weight:bold}
.autor {width: auto; position: relative; float: left; padding: 35px 40px;}
.autor img {margin: 0 0 14px;}
div.plugin_anno_item {min-height:100px}
