/* --------------------------- template --------------------------- */
html { height: 100%; color: #666; background: #9FDD76; font-size: 12px; font-family: Tahoma, Verdana, Segoe, sans-serif; }
body { height: auto !important; height: 100%; min-height: 100%; } /* body height 100% */

.page { margin: 0 50px; min-width: 980px; }
.main-container { background: #fff url(images/logo.jpg?1) no-repeat left top; padding: 10px; }
.left-column { float: left; width: 230px; }
.right-column { float: right; width: 230px; }
.main-column { margin: 0 240px; }
.bottom-slider { position: absolute; left: 0; bottom: 0; width: 100%; background: #C2FFAE; padding: 5px 0; }

/* --------------------------- ico --------------------------- */
.ico, .ico-17 { background: url(images/ico/ico.png) no-repeat; }
.ico-17 { width: 17px; height: 17px; vertical-align: top; margin: 0 7px; }
.ico-ru { background-position: 0 0; }
.ico-ua { background-position: -22px 0; }
.ico-en { background-position: -44px 0; }
.ico-arrow-dn { background-position: 0 -20px; }
.ico-more { background-position: 0 -105px; }
.ico-home { background-position: 0 -120px; }
.ico-login { background-position: 0 -136px; }
.ico-registr { background-position: 0 -153px; }
.ico-settings { background-position: 0 -187px; }
.ico-logout { background-position: 0 -170px; }

/* --------------------------- header --------------------------- */
.header { min-height: 155px; margin-bottom: 10px; }
.bg-header { background: url(images/title-ua.png) no-repeat top left; margin-left: 240px; }
a.logo-link { position: absolute; display: block; left: 10px; top: 0; width: 220px; height: 150px; }
.on-line { position: absolute; left: 20px; top: 15px; }

.menu-container { margin-right: 240px; }

ul.top-menu { list-style: none; border: 1px solid #E5E5E5; background: url(images/bg-top-menu.gif) repeat-x; text-align: right; white-space: nowrap; }
ul.top-menu>li { display: inline-block; line-height: 25px; border-left: 1px solid #fff; border-right: 1px solid #ccc; }
ul.top-menu>li>a { display: block; color: #666; padding: 0 10px; }
ul.top-menu li.first { box-shadow: -1px 0 0 0 #ccc; }
ul.top-menu li a.important { background: url(images/bg-top-menu-i.gif?1) repeat-x; color: #fff; }
ul.top-menu li a:hover, ul.top-menu li a.current { color: #088123; text-decoration: none; }
ul.top-menu li a.important:hover { color: #fff; }
ul.top-menu li a.lang { border-right: none; padding-left: 24px; }
ul.top-menu li a.lang:hover { color: #666; }
ul.top-menu li a.lang span { display: inline-block; }
ul.lang-panel { display: none; list-style: none; position: absolute; right: 0; top: 25px; width: 66px;
    background: #F8F8F8; border: 1px solid #E5E5E5; }
ul.lang-panel li { text-align: center; }
ul.lang-panel li a { display: block; padding: 0 5px; color: #666; }
ul.lang-panel li a:hover { background: #fff; }
ul.lang-panel li a span { display: inline-block; }
ul.top-menu li.lang-li:hover ul.lang-panel { display: block; }
.ico-ru, .ico-ua, .ico-en { width: 22px; height: 20px; margin-right: 5px; vertical-align: middle; }
.ico-arrow-dn { width: 10px; height: 5px; margin: 0 0 2px 5px; }

ul.main-menu { list-style: none; border: 1px solid #E5E5E5; background: url(images/bg-main-menu.gif); margin-top: 77px; }
ul.main-menu li { display: inline-block; line-height: 50px; vertical-align: top; }
ul.main-menu li a { display: block; border-left: 1px solid #fff; border-right: 1px solid #ccc; color: #666; font-size: 16px; text-align: center; }
ul.main-menu li a.first { border-left: none; }
ul.main-menu li a.last { border-right: none; }
ul.main-menu li a:hover, ul.main-menu li a.current { color: #fff; text-decoration: none; background: url(images/bg-main-menu-i.gif); }

/* --------------------------- sub menu --------------------------- */
ul.sub-menu { list-style: none; background: url(images/bg-sub-menu.gif) repeat-y; padding: 10px; }
ul.sub-menu li { margin-top: 5px; }
ul.sub-menu a { font-size: 14px; line-height: 15px; color: #4c4c4c; display: block; background-position: 0 -25px; padding: 2px 0 5px 25px;
    border-bottom: 1px solid #E6E6E6; box-shadow: 0 1px 0 0 #B2B2B2; }
ul.sub-menu a:hover, ul.sub-menu a.current { color: #088123; text-decoration: none; background-position: 0 -65px; }
ul.sub-menu a.first { }
ul.sub-menu a.last { border-bottom: none; box-shadow: none; }

/* --------------------------- columns --------------------------- */
.column h2 { color: #fff; background: #008100; text-align: center; font-size: 16px; padding: 2px 0; }
.column h3 { color: #088123; text-align: left; font-size: 14px; line-height: 16px; }
.news-list, .column-panel { background: #C2FFAE; padding: 10px; font-size: 14px; }
.column .date { font-size: 12px; }
.more { line-height: 19px; background: none; border: none; padding: 0; color: #088123; font-size: 14px; }
.more span { display: inline-block; }
.ico-more { width: 16px; height: 15px; margin-left: 5px; vertical-align: middle; }
.column-panel li { margin-left: 10px; margin-bottom: 5px; }

.column select { border: none; border-radius: 0; padding: 2px; background: #C2FFAE; }
table.calendar { width: 100%; margin: 10px 0; }
table.calendar td { border: 1px solid #fff; background: #DBFBDB; text-align: center; width: 30px; height: 30px; font-size: 14px; }
table.calendar td.with-news { background: #008100; }
table.calendar td.with-news:hover { background: #fff; }
table.calendar td.today {  }
table.calendar td a { display: block; width: 30px; line-height: 30px; color: #fff; }
table.calendar td a:hover { color: #008100; text-decoration: none; }

.afisha h3 { margin: 10px 0 5px; }
.afisha img { margin-right: 10px; }

.shuffle-img { text-align: center; }
.shuffle-img img { max-width: 180px; max-height: 180px; margin: 10px 0; }

.vote-tbl td { font-size: 13px; background: transparent!important; }

/* --------------------------- main column --------------------------- */
h1.bg { text-align: center; background: url(images/bg-h1.gif) repeat-x center; }
h1.bg span { display: inline-block; background: #fff; padding: 0 10px; }

ul.page-panel { list-style: none; }
ul.page-panel li { float: left; height: 150px; margin: 0; }
ul.page-panel li.first { width: calc(50% - 10px); padding-right: 10px; border-right: 1px solid #E3E3E3; }
ul.page-panel li.last { width: calc(50% - 10px); padding-left: 9px; }
ul.page-panel li .cont { width: 100%; height: 145px; border-bottom: 5px solid #C2FFAE; }
ul.page-panel li a.title { font-size: 14px; font-weight: bold; }
ul.page-panel li a.title:hover { text-decoration: none; }

.listing
{
    border: none;
    margin: 5px 0;
}
.listing th
{
    background: #DBFBDB;
    padding: 3px;
    font-weight: bold;
    border-bottom: 1px solid #A0FC86;
}
.listing td
{
    border-bottom: 1px solid #A0FC86;
    background: #DBFFCE;
    padding: 5px 7px;
}
/* --------------------------- form --------------------------- */
table.form
{
}
.form td
{
    vertical-align: top;
    padding: 3px;
}
td.formErr
{
    vertical-align: top;
    color: #FF0000;
}
.form th
{
    border-bottom: 1px solid #C0C0C0;
    padding-top: 15px;
}
form
{
    margin: 0;
}
textarea, input, select
{
	background: #FFFFFF;
	border: 1px solid #B8B8B7;
	padding: 3px;
}
textarea.err, input.err, select.err
{
	background-image: url(images/bg-input-err.gif);
	border-color: #F7ADAD;
}
input[type=submit] { font-family: Tahoma, Verdana, Segoe, sans-serif; }
.button
{
	border: none;
	background: #008100;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
	box-shadow: 1px 1px 2px 1px #bbb;
}
.button:hover { background: #039B03; }
.radio
{
	font-size: 11px;
	background: transparent;
	border: none;
}
.formNote, .form-err
{
    font-size: .85em;
    font-weight: normal;
    font-style: italic;
    margin-left: 250px;
}
.form-buttons-panel { margin: 30px 0 50px 170px; }
.row-field { margin-bottom: 10px; }
.row-field label { display: block; float: left; width: 220px; }
.form-err, .err-color { color: #DB0301; }
.form h3 { margin-left: 100px; }
.row-field label .formNote, .form h3 .formNote { margin-left: 0; }
.field-container { margin-left: 250px; }

/* --------------------------- footer --------------------------- */
.footer { margin-top: 10px; padding-top: 10px; border-top: 10px solid #c2ffae; font-size: 11px; }
.footer .left-column { border-right: 1px solid #E3E3E3; }
.footer .right-column { border-left: 1px solid #E3E3E3; font-size: 12px; padding-left: 10px; width: 220px; height: 290px; }
.footer a { color: #666; }
.copyright { font-size: 14px; }
.footer strong { color: #088123; font-weight: normal; }
.footer h2 { font-weight: normal; font-size: 12px; color: #088123; background: none; text-align: left; }
.footer p { margin-bottom: 5px; line-height: 12px; }
.footer ul { list-style: none; margin-left: 0; line-height: 11px; }
.footer ul li { margin: 0 5px 5px 0; }

/* --------------------------- login form --------------------------- */
.user-panel { text-align: right; }
.user-panel a { }
#guest-bar, #user-bar { padding: 2px 10px 0 0; }
#login-form
{
    position: absolute;
    top: 1px;
    width: 206px;
    padding: 5px 10px;
    background: #F8F8F8;
    border: 1px solid #B8B8B8;
    border-radius: 5px;
    box-shadow: 2px 2px 3px 1px #aaa;
}
#login-form a { font-size: .9em; }
#login-form label { display: inline-block; font-size: 1.1em; margin-top: 4px; }
#login-form .input { display: inline-block; font-size: .9em; }
#login-form .button { margin: 10px 5px 5px 5px; display: inline; }
#login-footer a { margin: 0 10px; }
/* --------------------------- map --------------------------- */
.div_map { margin-left: 20px; }
.div_map a { display: block; }
/* --------------------------- misc --------------------------- */
.branch-line { padding: 5px 0; }
.branch-line a { text-decoration: none; }
a.ico-home { display: inline-block; width: 16px; height: 16px; }

.lineH
{
    border-bottom: 1px solid #DBD3C0;
}
/*  .v-line { background: url(images/v-line.gif) repeat-y top left; }   */
.v-line { border-left: 2px solid #AAAAAA; }
.alertText, .okText
{
    font-size: 11pt;
    font-weight: bold;
    text-align: left;
    font-family: Arial;
    padding-top: 20px;
}
.alertText
{
    color: #950000;
}
.alertTextSmall
{
    color: #D50301;
    font-weight: bold;
    text-align: center;
}
.okText
{
    color: #000000;
    text-align: center;
}
.lineList
{
	font-size: 90%;
	margin-bottom: 7px;
}
.lineList a
{
	color: #4D82FF;
	text-decoration: none;
	margin: 0 3px;
}
.lineList a:hover
{
	color: #000000;
	text-decoration: none;
}
.lineList span { margin: 0 3px; }
a.button-link
{
	font-size: 1.1em;
	border: 1px solid #56472A;
	background-color: #fff;
	color: #000;
	font-weight: bold;
	padding: 2px 5px;
	text-decoration: none;
	margin: 0 3px;
}
a.button-link:hover { color: #760505; background: #FADBDB; border: 1px solid #760505; }

/* ---------------------------------------- comment --------------------------------- */
.commentList { margin-top: 30px; }
.oneComment { padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #A0FC86; }
.commentTitle { font-size: 14px; margin-bottom: 5px; }
.commentInfo { font-style: italic; float: left; width: 142px; }
.commentNote { margin-left: 152px; }
.commentAdmin
{
    padding: 10px 0 0 10px;
    margin-top: 10px;
    font-style: italic;
    border-top: 1px dashed #DAD2C5;
}
div.voteBar
{
    border: 1px solid #C0C0C0;
    background: #EEEEEE;
    font-size: 6px;
    margin: 3px 0;
}
.star { color: red; font-weight: bold; }