/******************************************************************************/

@import url("reset.css");

/******************************************************************************/

body { background-color: #FFFFFF; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #4C4C4C; }

a { color: #3BB3D5; text-decoration: underline; }
a:hover { text-decoration: none; }

h1, h2, h3 { margin-bottom: 14px; font-weight: normal; color: #3BB3D5; }
h1 a, h2 a, h3 a { color: #3BB3D5 !important; }
h4, h5, h6 { margin-bottom: 14px; font-weight: bold; color: #000000; }
h1 { line-height: 28px; font-size: 24px; }
h2 { line-height: 22px; font-size: 18px; }
h3 { line-height: 20px; font-size: 16px; }
h4 { line-height: 16px; font-size: 12px; }

input, textarea { background-color: #FFFFFF; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #4C4C4C; }

p { margin-bottom: 14px; }

.clear { clear: both; overflow: hidden; font-size: 0; }

.outer { margin: 0 auto; width: 1000px; }

.column_left { float: left; width: 740px; height: 100%; z-index:15}
.column_right { float: right; width: 250px; height: 100%; }

.header { clear: both; position: relative; height: 110px; z-index: 20; }
.footer { clear: both; margin-bottom: 10px; border-top: 1px solid #3BB3D5; height: 45px; line-height: 45px; }

#logo { position: absolute; top: 18px; left: 0; }

.header .enter { position: absolute; display: block; top: 70px; right: 25px; padding-right: 42px; height: 37px; background: url(../img/enter-bg.jpg) right top no-repeat; line-height: 37px; white-space: nowrap; }

.header .lang { position: absolute; top: 0; right: 347px; }
.header .lang li { float: left; padding: 0 6px 0 6px; }
.header .lang li a { display: block; border-top: 4px solid #FFFFFF; line-height: 19px; }
.header .lang li a.active { border-top: 4px solid #FAB725; }

.header .map { position: absolute; top: 4px; right: 267px; padding-left: 9px; border-left: 1px solid #AAAAAA; line-height: 19px; }

/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/

/*.menu-top { position: absolute; top: 80px; left: 78px; z-index: 2; }

.menu-top ul { display: block; margin: 0; padding: 0; }
.menu-top ul li { float: left; position: relative; margin: 0; padding: 0 11px 0 7px; background: url(../img/menu-top-ar.gif) right center no-repeat; }
.menu-top ul li a { height: 100%; line-height: 14px; color: #01BB02; text-decoration: none; text-transform: uppercase; }
.menu-top ul li a:hover { text-decoration: underline; }

.menu-top ul ul { display: none; position: absolute; z-index: 999; top: -12px; left: 0; border: 1px solid #CCD7CE; border-top: 8px solid #8DBC4D; width: 175px; background: #FFFFFF; }
.menu-top ul li:hover ul, .menu-top ul li.sfHover ul { display: block; }
.menu-top ul ul li { float: none; margin: 0; padding: 0; border-top: 1px solid #CCD7CE; background: none; }
.menu-top ul ul li a { display: block; padding: 4px 0 4px 15px; color: #458A74; text-transform: none; }

.menu-top ul ul ul { display: block; position: relative; top: 0; border: 0; background: #E8F2DB; }
.menu-top ul ul ul li a { padding: 4px 0 4px 25px; background: url(../img/menu-top-ul-ul-ul-li.gif) 17px 10px no-repeat; }*/

.menu-top { position: absolute; top: 80px; left: 78px; z-index: 2; }

.menu-top ul { }
.menu-top ul li { float: left; position: relative; padding: 0 11px 0 7px; background: url(../img/menu-top-ar.gif) right center no-repeat; }
.menu-top ul li a { line-height: 14px; color: #01BB02; text-decoration: none; text-transform: uppercase; }

.menu-top ul ul { position: absolute; z-index: 999; top: -2000px; left: 0; border: 1px solid #CCD7CE; border-top: 8px solid #8DBC4D; width: 175px; background: #FFFFFF; }
.menu-top ul li:hover ul, .menu-top ul li.sfHover ul { top: 14px; }
.menu-top ul ul li { float: none; padding: 0; border-top: 1px solid #CCD7CE; background: none; }
.menu-top ul ul li a { display: block; padding: 4px 0 4px 15px; height: 100%; color: #458A74; text-transform: none; }

.menu-top ul ul ul { position: static; border: 0; background: #E8F2DB; }
.menu-top ul ul ul li { }
.menu-top ul ul ul li a { padding: 4px 0 4px 25px; background: url(../img/menu-top-ul-ul-ul-li.gif) 17px 10px no-repeat; }

/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/

.news-list { }
.news-list-index { float: left; padding: 0 20px 0 25px; width: 335px; background: url(../img/sep.gif) right top repeat-y; }
.news-list ul { }
.news-list ul li { display: inline; height: 100%; }
.news-list ul li a { line-height: 16px; color: #4C4C4C; text-decoration: none; }
.news-list ul li a:hover { color: #3BB3D5; text-decoration: underline; }
.news-list ul li img { float: left; display: block; margin: 0 10px 10px 0; width: 80px; height: 80px; }
.news-list ul li .date { display: block; line-height: 16px; font-size: 11px; font-style: italic; color: #A0A0A0; }

.cafedra { float: left; margin-left: -1px; padding: 0 0 0 20px; width: 320px; background: url(../img/sep.gif) left top repeat-y; }
.cafedra h4 { font-size: 12px; font-weight: bold; color: #000000; }
.cafedra p { line-height: 16px; }

/*
.menu-sub {}
.menu-sub ul { display: none; }
.menu-sub li { display: inline; height: 100%; }
.menu-sub a { display: block; margin-bottom: 1px; background-color: #458A74; background-image: url(../img/menu-sub-l.gif); background-position: left top; background-repeat: no-repeat; line-height: 18px; font-size: 14px; color: #FFFFFF; text-decoration: none; }
.menu-sub a span { display: block; padding: 8px 13px 8px 24px; background-image: url(../img/menu-sub-r.gif); background-position: right top; background-repeat: no-repeat; }
.menu-sub ul a { background-color: #5C9A66; background-image: url(../img/menu-sub-ul-l.gif); }
.menu-sub ul a span { padding-left: 32px; background-image: url(../img/menu-sub-ul-r.gif); }
.menu-sub ul ul a { background-color: #8DBC4D; background-image: url(../img/menu-sub-ul-ul-l.gif); }
.menu-sub ul ul a span { padding-left: 40px; background-image: url(../img/menu-sub-ul-ul-r.gif); }
.menu-sub ul ul ul a { background-color: #A7D963; background-image: url(../img/menu-sub-ul-ul-ul-l.gif); }
.menu-sub ul ul ul a span { padding-left: 48px; background-image: url(../img/menu-sub-ul-ul-ul-r.gif); }
*/
.menu-sub0 {}
.menu-sub0 ul { display: none; }
.menu-sub0 li { display: inline; height: 100%; }
.menu-sub0 a { display: block; margin-bottom: 1px; background-color: #458A74; background-image: url(../img/menu-sub-l.gif); background-position: left top; background-repeat: no-repeat; line-height: 18px; font-size: 14px; color: #FFFFFF; text-decoration: none; }
.menu-sub0 a span { display: block; padding: 8px 13px 8px 24px; background-image: url(../img/menu-sub-r.gif); background-position: right top; background-repeat: no-repeat; }
.menu-sub1 li { display: inline; height: 100%; }
.menu-sub1 a { background-color: #5C9A66; background-image: url(../img/menu-sub-ul-l.gif); }
.menu-sub1 a span { padding-left: 32px; background-image: url(../img/menu-sub-ul-r.gif); }
.menu-sub2 li { display: inline; height: 100%; }
.menu-sub2 a { background-color: #8DBC4D; background-image: url(../img/menu-sub-ul-ul-l.gif); }
.menu-sub2 a span { padding-left: 40px; background-image: url(../img/menu-sub-ul-ul-r.gif); }
.menu-sub3 li { display: inline; height: 100%; }
.menu-sub3 a { background-color: #A7D963; background-image: url(../img/menu-sub-ul-ul-ul-l.gif); }
.menu-sub3 a span { padding-left: 48px; background-image: url(../img/menu-sub-ul-ul-ul-r.gif); }

.content { padding-right: 15px; padding-left: 2px; width: 723px; line-height: 18px; overflow: hidden; }
.content a { color: #29768C; text-decoration: underline; }
.content a:hover { text-decoration: none; }
.content p { line-height: 18px; }
.content ol { margin-bottom: 14px; margin-left: 35px; list-style-type: decimal; line-height: 18px; }
.content ul { margin-bottom: 14px; margin-left: 35px; list-style-type: disc; line-height: 18px; }
.content ol ul, .content ul ul { list-style-type: circle; }

#search { margin-bottom: 5px; padding: 10px 0 10px 0; border-bottom: 1px solid #3BB3D5; }
#search input { border: 0; }
#search .submit { color: #3BB3D5; text-decoration: underline; }
#search .text { padding: 0 5px 0 8px; width: 170px; height: 21px; background: url(../img/search-text-bg.gif) left center no-repeat;_background-attachment: fixed; }

.calendar-block h1 { margin-bottom: 10px; }
.calendar-block p { line-height: 14px; font-size: 11px; }

.calendar-block table.calendar { width: 100%; }
.calendar-block table.calendar td { width: 14%; text-align: center; }
.calendar-block table.calendar td a { display: block; width: 34px; height: 28px; line-height: 28px; }
.calendar-block table.calendar td span { display: block; width: 34px; height: 28px; line-height: 28px; }
.calendar-block table.calendar td .active { background: #FAB721 url(../img/calendar-table-active.gif) center center no-repeat; color: #CA964A; text-decoration: none; }
.calendar-block table.calendar td .important { background: #CA3535 url(../img/calendar-table-important.gif) center center no-repeat; color: #FFFFFF; }

.calendar-block .date { margin: 0 0 5px 0; padding: 4px 0 6px 0; width: 96px; height: 114px; background: url(../img/calendar-date-bg.gif) center top no-repeat; text-align: center; font-weight: bold; color: #000000; }
.calendar-block .date .day { display: block; margin-bottom: 5px; height: 85px; line-height: 85px; font-size: 60px; }
.calendar-block .date .month { display: block; height: 20px; line-height: 20px; font-size: 14px; }
.calendar-block .prev { display: block; padding: 70px 5px 0 5px; height: 28px; line-height: 28px; font-size: 24px; text-decoration: none; }
.calendar-block .next { display: block; padding: 70px 5px 0 5px; height: 28px; line-height: 28px; font-size: 24px; text-decoration: none; }

.links { width: 250px; height: 100%; background: url(../img/links-bg.gif) left top no-repeat; }
.links .inside { padding-right: 10px; height: 100%; background: url(../img/links-bg2.gif) left bottom no-repeat; }

.links h1 { text-align: center; line-height: 34px; color: #29768C; text-transform: lowercase; }

.links ul { margin-left: 25px; padding: 10px 0 20px 0; }
.links ul li { padding: 4px 0 4px 0; }
.links ul li a { font-size: 14px; color: #FFFFFF; }

.email { padding-left: 45px; background: url(../img/letter.jpg) left top no-repeat; line-height: 26px; }

.question_form { width: 95%; }

/******************************************************************************/

#personal-area {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
}
#personal-area .wrap{
	display: block;
	float: right;
	padding-right: 20px;
	background: url(../img/bg-personal-area-link.gif) right center no-repeat;
	text-decoration: none;
	height: 20px;
	line-height: 2em;
}
#personal-area .wrap span {
	border-bottom: 1px dashed #7DA2C6;
}
#personal-area .link, #personal-area .link:hover {
    text-decoration: none;
    border-bottom: 1px dashed #7DA2C6;
    height: 20px;
    line-height: 2em;
}

/* move to \app\module\auth\view\login_form.tpl:
.login-area {
	display: none;
	position: absolute;
	z-index: 999;
	top: 50px;
	right: 0px;
}

.login-area .bg {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	width: 222px;
	height: 185px;
	background: url(../img/login-area-bg.png) left center no-repeat;
	background: expression('none');
// need abs path:	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/login-area-bg.png', sizingMethod='scale');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/app/view/frontend/img/login-area-bg.png', sizingMethod='scale');
}

.login-area .data {
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	padding: 15px 10px 15px 10px;
	width: 202px;
	height: 155px;
}

.login-area table td { padding: 3px 0 3px 0; }

.login-area .ar { padding-left: 20px; background: url(../img/login-area-ar.gif) left center no-repeat; }

.login-area h3 { padding: 3px 0 3px 0; text-align: center; font-size: 12px; font-weight: bold; color: #004990; }

.login-area form label { display: block; padding: 4px 0 4px 0; font-size: 12px; color: #3D3D3D; }
.login-area form label span { float: left; width: 50px; }

.login-area form input { position: relative; margin-right: 2px; vertical-align: middle; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; }
.login-area form select { border: 1px solid #D4D4D4; width: 90%; height: 21px; vertical-align: middle; }
.login-area form .submit { border: 0; background: 0; font-size: 14px; color: #004990; text-transform: uppercase; }
.login-area form .text { padding: 0 6px 0 7px; border: 0; width: 120px; height: 19px; line-height: 19px; background: url(../img/login-area-input-text.gif) left center no-repeat; _background-attachment: fixed; }
*/

/******************************************************************************/


/* .photo_list */

div.photo_list {}
div.photo_list div.item { float: left; width: 33%; height: 200px; font-size: 11px;}

div.photo_list p { margin: 4px 0 4px 0; padding: 0;}

div.photo_list .date { color: #181818;}
div.photo_list .photo { margin-bottom: 4px; width: 128px; height: 89px;}

/* .photo_list_latest */

div.photo_list_latest { padding-left: 7px; height: 100%; }
div.photo_list_latest div.item { float: left; margin: 1px; line-height: 20px; font-size: 11px;}

div.photo_list_latest p { margin: 0; padding: 0;}

div.photo_list_latest .date { color: #181818; }
div.photo_list_latest a { }
div.photo_list_latest .photo { width: 128px; height: 89px; overflow: hidden; }
div.photo_list_latest .user { padding-left: 7px; font-size: 12px; color: #0055A5; }

/* .photo_list_new */

div.photo_list_new { margin-left: -25px; padding-left: 7px; width: 530px; height: 120px; }
div.photo_list_new div.item { float: left; margin: 1px; line-height: 20px; font-size: 11px;}

div.photo_list_new p { margin: 0; padding: 0;}

div.photo_list_new .date { color: #181818; }
div.photo_list_new a { }
div.photo_list_new .photo { width: 128px; height: 89px; overflow: hidden; }
div.photo_list_new .user { padding-left: 7px; font-size: 12px; color: #0055A5; }

#latest_foto h3 { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #0055A5; }

/* .poll */

div.poll{ margin: 0 8px 0 8px; padding: 12px 0 12px 0; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; color: #4F4F4F;}

div.poll form table td{ padding: 2px 0 2px 0; vertical-align: top; font-size: 11px;}
div.poll form .submit2{ float: right; margin: 6px 0 12px 0;}
div.poll h2{ margin: 0; font-size: 16px; font-weight: normal; color: #517A00;}
div.poll h5{ margin: 6px 0 6px 0; line-height: 14px; font-size: 10px; font-weight: normal; color: #73A300;}
div.poll .polls{ float: right; font-size: 11px; color: #4F4F4F;}

/* TABLE.kutep */

table.kutep { line-height: 18px; }
table.kutep th { padding: 4px 8px 4px 8px; border: 1px solid #cccccc; background: #f3f3f3; vertical-align: top; font-weight: normal; color: #000000; }
table.kutep td { padding: 4px 8px 4px 8px; border: 1px solid #cccccc; vertical-align: top; }

#flash_index { width: 737px; height: 373px; }

/* .form-view */

.form-view .text { width: 95%; }

/* .comments-list */

.comments-list { clear: both; height: 100%; }
.comments-list ul { margin: 0; padding: 0; }
.comments-list ul li { margin: 0; padding: 0 0 18px 0; width: 100%; height: 100%; overflow: hidden; list-style-type: none; color: #A0A0A0; }
.comments-list ul li a { line-height: 16px; color: #4C4C4C; text-decoration: none; }
.comments-list ul li a:hover { color: #3BB3D5; text-decoration: underline; }
.comments-list ul li img { float: left; display: block; margin: 0 10px 10px 0; width: 90px; height: 80px; }
.comments-list ul li .date { display: block; line-height: 16px; font-size: 11px; font-style: italic; color: #A0A0A0; }

.comments-list .cname { font-weight: bold; color: #4C4C4C; }
.comments-list .cdate { font-size: 11px; color: #A0A0A0; }
.comments-list .ctext { color: #4C4C4C; }

/* statistics */

.statistics { padding-top: 10px; text-align: center; line-height: normal; }
.statistics img { text-align: center; vertical-align: top; }


/* discount_form */
#discount_form{
	display:none;
}

#discount_form{
	margin: 15px 0;
}
fieldset {

}

.searchbar { 
	margin-top:2px;
    border: 2px solid #c7c7c7; 
	background: #F8F8F8;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
    font: italic 12px Verdana; color: #898989; 
    outline: none; /*Для Chrome и Safari*/
}

.searchbar.active {  
    border: 2px solid #60B3D5; 
}
	
#searchbtn { 
    cursor: pointer;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;     
} 
.searchbtn:hover { 
    background-position: 0 -70px;

}