html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tr, th, td {
	padding : 0; 
	margin : 0; 
} 
ul, ol { 
	list-style : circle; 
	margin-left:30px;
} 
img { 
	border : none; 
}
html { 
	background : #f7f8f9; 
} 
body { 
	font : 12px/18px Tahoma, Arial, Helvetica, sans-serif ; 
	color : #424242;
	text-align: justify;
}
#container {
	width: 980px; 
	margin: 0 auto; 
	position: relative; }
/**-------------------------------------------------------------------------------------**/
h1, h2, h3, h4, h5, h6 { 
	color : #424242; 
} 
h1 { 
	font-size : 15px; 
	line-height : 20px; 
	margin-bottom : 5px; 
} 
h2 { 
	font-size : 15px; 
	line-height : 20px; 
	margin-bottom : 5px; 
} 
h3 { 
	font-size : 18px; 
	line-height : 22px; 
	margin-bottom : 5px; 
} 
h4 { 
	font-size : 16px; 
	line-height : 22px; 
	margin-bottom : 5px; 
} 
h5 { 
	font-size : 16px; 
	line-height : 22px; 
	margin-bottom : 5px; 
} 
h6 { 
	font-size : 15px; 
	line-height : 22px; 
	margin-bottom : 5px; 
}

/**-------------------------------------------------------------------------------------**/
#status-bar-content-top { 
	margin : 0 auto; 
	width : 980px;
	height:75px;
	position:relative;
}
.site_logo {
	position:absolute;
	left:10px;
	top:2px;
	bottom:2px;
}
.site_address a {
	color:#999;
	position:absolute;
	left:70px;
	top:auto;
	bottom:0;
	font-size:20px;
	text-shadow:1px 1px 1px #424242 ;
	filter:dropshadow(color=#e5e5ee,offX=1,offY=0);
	text-decoration:none;
}
.site_address p {
	color:#999;
	text-decoration:none;
}
.working_time-1 {
	color:#999;
	position:absolute;
	right:10px;
	top:10px;
	font-size:15px;
}
.working_time-1 span {
	color:#00F;
}
.working_time-2 {
	color:#999;
	position:absolute;
	right:10px;
	top:25px;
	font-size:15px;
}
.working_time-2 span {
	color:#F00;
}
.working_tephon{
	color:#999;
	position:absolute;
	right:10px;
	top:50px;
	font-size:23px;
}
.working_tephon span {}
/**-------------------------------------------------------------------------------------**/
div#status-bar-content-menu { 
	margin : 0 auto; 
	width : 965px; 
} 
/* NAVIGATION MENU */
#menuNav {
	margin:7px 0; list-style:none;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; 
	letter-spacing:-0.5px;
	font-size:13px;
	width:965px; 
	height:34px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-box-shadow: 0px 3px 3px #cecece;
	-webkit-box-shadow: 0px 3px 3px #cecece;
	box-shadow: 0 3px 4px #8b8b8b;
	border-left:1px solid #b0b0b0;
	border-right:1px solid #b0b0b0;
}

#menuNav li {
	display:block;
	float:left;
	border-right:1px solid #5d5d5d;
	border-left:1px solid #929292;
	width:105px;
	height:34px;
	border-bottom:1px solid #575757;
	border-top:1px solid #797979;
	background-color:#5f5f5f; /* Fallback */
	background:url("images/top-menu-bg-black.jpg") repeat-x;
}

/* Стиль при наведенні курсором */
#menuNav .button:hover {
	background-color:#383838; /* Fallback */
	background:url("images/top-menu-bg.jpg") repeat-x;
}
/* Коли користувач клацає по кнопці, ми просто міняємо вікно вставки */
#menuNav li:not(:last-child):active {
}

#menuNav li a {
	color: #e3e2e2;
	text-decoration:none;
	text-align:center;
	display:block;
	line-height:34px;
	outline:none; 
}

#menuNav li a:hover {
	color: #e3e2e2;
	text-decoration:none;
	text-align:center;
	display:block;
	line-height:34px;
	outline:none; 
}

/* Округлі кути першого та останнього елемента. Скорочення: Вгорі зліва, вгорі справа, внизу праворуч, внизу зліва.
Ми також видаляємо кордони, так як вони не потребують їх. */
#menuNav li:first-child {
	-moz-border-radius:4px 0 0 4px;
	-webkit-border-radius:4px 0 0 4px;
	border-radius:4px 0 0 4px;
	border-left: none;
}
#menuNav li.forma {
	width: 217px;
}
form#search-form {
	float: right;
	width: 195px;
	height:22px;
	margin: 6px 11px 0 0;
}
form#search-form input[type="text"] {
	background: url("images/search-field.png") no-repeat;
	border:none;
	height:22px;
	padding: 0px 0px 0px 30px;
	width:170px;
}
form#search-form input[type="submit"] {
	display: none;
}

/* Перше зображення - логотип - повинен бути по центру.*/
#menuNav li:first-child a img {
	vertical-align:middle;
	margin-top:6px;
}

#menuNav li:last-child {
	-moz-border-radius:0 4px 4px 0;
	-webkit-border-radius:0 4px 4px 0;
	border-radius:0 4px 4px 0;
	border-right: none;
	/* Ширина останній пункт меню (панель пошуку) більше, ніж інші*/
	width:216px;
}

/* Fade в анімації (Webkit тільки)*/
@-webkit-keyframes showMenu {
	from { opacity: 0; top:-20px; }
	to   { opacity: 1; }
}

#menuNav {
	-webkit-animation: showMenu 1s; 
	position:relative;
}

/**-------------------------------------------------------------------------------------**/
div#status-bar-content-center { 
	margin : 0 auto; 
	width : 980px; 
}
#sidebar {
	width: 100%;
}
#block {
	position:relative;
	width: 980px;
	background: #fdfefe;
	line-height: 16px; 
}
#block-head {
	width: 950px;
	height:420px;
}
#block-wapper {
	width: 950px;
	height:100%;
}
#block .tl {
	height: 19px;
	background: url("images/sidebar-tl.gif") no-repeat top left;
}
#block .tr {
	height: 19px; 
	background: url("images/sidebar-tr.gif") no-repeat top right;
}
#block .bl {
	height: 19px; 
	background: url("images/sidebar-bl.gif") no-repeat bottom left;
}
#block .br {
	height: 19px; 
	background: url("images/sidebar-br.gif") no-repeat bottom right;
}
#block .cl {
	background: url("images/sidebar-cl.gif") repeat-y left;
}
#block .cr {
	padding-left: 17px; 
	background: url("images/sidebar-cr.gif") repeat-y right;
}
#logotip {
	margin:0 auto 0 0;
	height:152px;
}
#text {
	position:absolute;
	top:50px;
	right:20px;
	text-align:right;
	/**margin:0 20px 0 auto; **/
} 
#text h3 { 
	color : #244169; 
	font-family : Arial; 
	font-size : 14px; 
} 
#text h2 { 
	color : #ff0200; 
	font-family : Arial, Gadget, sans-serif; 
	font-size : 20px;
}

/**-------------------------------------------------------------------------------------**/
#left_menu {
	width:250px;
	float:left;
	background-color:#fff;
}
#left_menu .tl {
	height: 19px;
	background: url("images/sidebar-tl.gif") no-repeat top left;
}
#left_menu .tr {
	height: 19px;
	background: url("images/sidebar-tr.gif") no-repeat top right;
}
#left_menu .bl {
	height: 19px;
	background: url("images/sidebar-bl.gif") no-repeat bottom left;
}
#left_menu .br {
	height: 19px;
	background: url("images/sidebar-br.gif") no-repeat bottom right;
}
#left_menu .cl {
	background: url("images/sidebar-cl.gif") repeat-y left;
}
#left_menu .cr {
	padding-left: 17px;
	background: url("images/sidebar-cr.gif") repeat-y right;
}
#heder_menu {
	width:215px;
	height:37px;
	background:url("../images/title_left.jpg") no-repeat;
	background-position:left;
}
#leftNav {
	width:215px;
	height:260px;
}
/* NAVIGATION MENU */
#menu {
	margin:7px 0; 
	list-style:none;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; 
	letter-spacing:-0.5px;
	font-size:13px;
	width:214px;
	height:25px;
	/*box-shadow: 0 3px 4px #8b8b8b;*/
}

#menu li {
	display:block;
	margin:2px 0 2px 0;
	border-right:1px solid #b0b0b0;
	border-left:1px solid #b0b0b0;
	width:214px;
	height:25px;
	border-bottom:1px solid #b0b0b0;
	border-top:1px solid #b0b0b0;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-box-shadow: 0px 3px 3px #cecece;
	-webkit-box-shadow: 0px 3px 3px #cecece;
	/*Градієнт для кнопки. Генерується на сайті http://gradients.glrzad.com/ */
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e7e7e7), color-stop(0.5, #e1e1e1), color-stop(0.51, #e9e9e9), color-stop(1, #f9f9f9));
	background-image: -moz-linear-gradient(center bottom, #e7e7e7 0%, #e1e1e1 50%, #e9e9e9 51%, #f9f9f9 100%);
	background-color:#fff; /* Fallback */
	background:url("images/menu-bg.jpg") repeat-x;
}

/* Стиль при наведенні курсором */
#menu li:hover {
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3F3F3F), color-stop(0.5, #383838), color-stop(0.51, #434343), color-stop(1, #555555));
	background-image: -moz-linear-gradient(center bottom, #3F3F3F 0%, #383838 50%, #434343 51%, #555555 100% );
	background-color:#383838; /* Fallback */
	/* Створення тонкого внутрішнього світіння при наведені */
	-moz-box-shadow: inset 0 0 5px 5px #535353;
	-webkit-box-shadow: inset 0 0 5px 5px #535353;
	box-shadow: inset 0 0 5px 5px #535353;
	background:url("images/menu-bg-black.jpg") repeat-x;
}

/* Коли користувач клацає по кнопці, ми просто міняємо вікно вставки */
#menu li:active {
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3F3F3F), color-stop(0.5, #383838), color-stop(0.51, #434343), color-stop(1, #555555));
	background-image: -moz-linear-gradient(center bottom, #3F3F3F 0%, #383838 50%, #434343 51%, #555555 100% );
	background-color:#383838; /* Fallback */
		
	-moz-box-shadow: inset 0 1px 2px 2px #000;
	-webkit-box-shadow: inset 0 1px 2px 2px #000;
	box-shadow: inset 0 1px 2px 2px #000;
}

#menu li a {
	color: #424242;
	text-decoration:none;
	text-align:center;
	display:block;
	line-height:25px;
	outline:none; 
}

#menu li a:hover {
	color: #fff;
	text-decoration:none;
	text-align:center;
	display:block;
	line-height:25px;
	outline:none; 
}

/* Fade в анімації (Webkit тільки)*/
@-webkit-keyframes showMenu {
	from { opacity: 0; top:-20px; }
	to   { opacity: 1; }
}

#menuNav {
	-webkit-animation: showMenu 1s; position:relative;
}

/**-------------------------------------------------------------------------------------**/
#content {
	float: right;
}
#block_main {
	width:100%;
	background-color:#FFF;
}
#block_main .tl {
	height: 19px;
	background: url("images/sidebar-tl.gif") no-repeat top left;
}
#block_main .tr {
	height: 19px; background: url("images/sidebar-tr.gif") no-repeat top right;
}
#block_main .bl {
	height: 19px; background: url("images/sidebar-bl.gif") no-repeat bottom left;
}
#block_main .br {
	height: 19px; background: url("images/sidebar-br.gif") no-repeat bottom right;
}
#block_main .cl {
	background: url("images/sidebar-cl.gif") repeat-y left;
}
#block_main .cr {
	padding-left: 17px; background: url("images/sidebar-cr.gif") repeat-y right;
}
#block_main a {
	color:#424242;
	text-decoration: underline;
}
#block_main a:hover {
	text-decoration: blink;
}
#content_text {
	padding: 5px 20px 10px 5px;
	width:935px;
}
#div-h {
	width:100%;
	border-bottom:#F00;
	border-bottom-color:#F00;
	border-bottom-style:solid;
}
/**-------------------------------------------------------------------------------------**/
#promos {
	width: 980px;
	height: 155px; 
	margin: 0 auto 0 2px;
	padding-bottom: 10px; 
	clear: both; 
	color: #76797c; 
}
#promos img { 
	float: left; 
	border-width: 0; 
	margin: 0 9px 0 0;
}
#promos img.last {
	margin: 0; 
}

/**-------------------------------------------------------------------------------------**/
#footer {
	clear: both;
	width:955px;
	border-top:#f0f0f0;
	border-top-style:groove;
	padding: 10px 10px; 
	color: #999; 
	overflow: hidden; 
	font-size: 9pt; 
	line-height: 14px;
}
#footer .right {
	float: right;
}
div#baner { 
	position : absolute; 
	left: 300px;
	right:300px; 
	background : #f7f8f9; 
	width : auto; 
} 
/**-------------------------------------------------------------------------------------**/
div#calendar  {
	width : 690px;
	height:600px;
}
/**-------------------------------------------------------------------------------------**/
.myTable { 
	border-left : 1px solid #888; 
	border-top : 1px solid #888; 
} 
.myTable td, .myTable td.ak { 
	border-right : 1px solid #888; 
	border-bottom : 1px solid #888; 
	padding : 4px 5px 5px; 
} 
.myTable td.ak { 
	background-color : #676767; 
	color : #fff; 
	padding : 9px 5px 9px 8px; 
} 
/**-------------------------------------------------------------------------------------**/
#about {
	width:570px;
	float:left;
	padding-right:10px;
}
/**-------------------------------------------------------------------------------------**/
#slider { height: 400px;  }
.slider-holder {
	position: relative; 
	width: 950px; 
	height: 420px; 
	overflow: hidden;
}
.slider-holder ul  {
	position: relative; 
	list-style: none outside none; 
	overflow: hidden; 
	margin: 0 0;
}
.slider-left {
	position: relative; 
	float: left; 
	display: block; 
	width: 440px; 
	height: auto; 
	overflow: hidden;  
	padding: 0 5px 0 5px;
}
.slider-left ul li {
	position: relative; 
	height: 420px; 
	width: 440px; 
	color: #424242;
}
.slider-left dd {
	margin:0 0 0 10px;
	font-style: inherit; 
}
.slider-left .jcarousel-clip { 
	position: relative; 
	width: 440px; 
	height: 420px; 
}
.slider-left ul li h2 { 
	font-size: 24px; 
	line-height: 24px; 
	font-weight: normal; 
	font-family: "Lucida Sans", Arial, Sans-serif; 
	margin-bottom: 6px; 
	margin-top: 10px ; 
	text-align:left; 
}
.slider-right { 
	position: relative; 
	float: right; 
	display: inline; 
	width: 500px; 
	height: 420px; 
	overflow: hidden;
}
.slider-right ul li, 
.slider-right .jcarousel-clip { 
	position: relative; 
	width:500px; 
	height: 420px; 
}
.slider-right ul li img { 
	margin-top: 1px; 
}
.slider-nav { 
	position: absolute; 
	bottom: 5px; 
	left: 800px; 
	z-index: 5; 
}
.slider-nav a { 
	float: left; 
	display: inline; 
	width: 20px; 
	height: 20px; 
	background: url("images/slider-nav.gif") no-repeat 0 0; 
	font-size: 0; 
	line-height: 0; 
	text-indent: -4000px; 
	margin-right: 5px;  
}
.slider-nav a:hover,
.slider-nav a.active { 
	background-position: right 0; 
}

/**-------------------------------------------------------------------------------------**/

/**-------------------------------------------------------------------------------------**/
/* move the main wapper to the right side */
.lof-snleft .lof-main-wapper{
	margin-left:auto; 
	margin: 0 10px 0 10px; 
	clear:both;
	height:905px; 
	float:right;
}
.lof-slidecontent{
	position:relative; 
	overflow:hidden; 
	border: none;	
	width:100%; 
	height:100%;
}
/*.lof-slidecontent .preload{	height:100%; width:100%; background:#e3e2e2; position:absolute;	top:0;	left:0;	z-index:100000;	color:#e3e2e2;	text-align:center}
.lof-slidecontent .preload div{	height:100%; width:100%;}*/
/* main flash */
.lof-main-wapper{
	margin-right:auto;	
	overflow:hidden; 
	padding:0;	
	height:100%; 
	width:630px; 
	position:relative;	
	overflow:hidden;
} 
.lof-main-wapper .lof-main-item{ 
	overflow:hidden; 
	padding:0px; 
	margin:0px; 
	height:100%;  
	width:100%; 
	position: absolute; 
}
/* move the navigator to the left  side */
.lof-snleft .lof-navigator-outer{
	left:0; 
	top:0; 
	right: auto; 
	height: auto;  
	float:left;
}
.lof-snleft .lof-navigator .active{
	background:url("../images/arrow-bg.gif") center right no-repeat;
}
.lof-snleft .lof-navigator li div{
	margin-left:inherit;
	margin-right:18px; 
	padding-right:10px; 
}
.lof-snleft .lof-navigator li.active div{
	margin-left:inherit; 
	margin-right:18px; 
	background:url("../images/grad-bg.gif"); 
}
/* item navigator */
ul.lof-navigator{ 
	top:0px; 
	padding:0; 
	margin:0;
	/*position:absolute;*/ 
	width:100%; 
	height: auto; 
}
ul.lof-navigator li{ 
	cursor:hand; 
	cursor:pointer; 
	list-style:none; 
	width:100%; 
	padding:0; 
	margin:0; 
	overflow:visible; 
}
.lof-navigator-outer{ 
	position:absolute; 
	right:0; 
	display:block; 
	top:0; 
	z-index:100;
	height: auto;  
	width:305px; 
	overflow: visible; 
	color:#e3e2e2; 
}
.lof-navigator li.active{ 
	background:url("../images/arrow-bg.png") no-repeat scroll left center; 
	color:#e3e2e2; 
}
.lof-navigator li:hover{ 
	height:80px;
}
.lof-navigator li h3{
	color:#e3e2e2;	
	font-size:100%;	
	padding:15px 0 0 !important;
	margin:0;
}
.lof-navigator li div{
	background:url("../images/transparent_bg.png");	
	color:#e3e2e2;	
	height:100%; 
	/*position:relative;*/	
	margin-left:15px;	
	padding-left:15px;	
	border-top:1px solid #E1E1E1;
}
.lof-navigator li.active div{
	background:url("../images/grad-bg.gif");
	color:#e3e2e2;
}
.lof-navigator li.active h3{
	color:#e3e2e2;
}
#rotator {
	width: 900px; 
	height: 445px; 
	position: relative; 
	background: #ffffff;
}
#rotator > div {
	position: absolute; 
	overflow: hidden;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
#rotator > div > div { 
	padding: 10px 10px 5px 10px; 
}
#rotator .active-1 {
	width: 635px; 
	height: 445px;
}
#rotator .non-active-2 { 
	left: 650px;
	height: 40px; 
	width: 295px;
}
#rotator .non-active-3 { 
	top: 45px; 
	left: 650px; 
	height: 40px; 
	width: 295px; 
}
#rotator .non-active-4 {
	top: 90px; 
	left: 650px; 
	height: 40px;
	width: 295px; 
}
#rotator .non-active-5 {
	top: 135px; 
	left: 650px; 
	height: 40px; 
	width: 295px;
}
#rotator .non-active-6 {
	top: 180px; 
	left: 650px; 
	height: 40px; 
	width: 295px; 
}
#rotator .non-active-7 { 
	top: 225px; 
	left: 650px; 
	height: 40px;
	 width: 295px; 
 }
#rotator .non-active-8 {
	top: 270px; 
	left: 650px; 
	height: 40px; 
	width: 295px; 
}
#rotator .non-active-9 { 
	top: 315px; 
	left: 650px; 
	height: 40px; 
	width: 295px; 
}
#rotator .non-active-10 {
	top: 360px; 
	left: 650px; 
	height: 40px; 
	width: 295px; 
}
#rotator .non-active-11 {
	top: 405px; 
	left: 650px; 
	height: 40px; 
	width: 295px; 
}
#rotator .non-active-2, #rotator .non-active-3, #rotator .non-active-4, #rotator .non-active-5, #rotator .non-active-6, #rotator .non-active-7, #rotator .non-active-8, #rotator .non-active-9, #rotator .non-active-10, #rotator .non-active-11 {
	cursor: pointer;	
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4); 
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.4); 
	box-shadow: 0 0 10px rgba(0,0,0,0.4);
	background:#676767;
	border: 2px solid #fff;
}
#rotator .non-active-2:hover, #rotator .non-active-3:hover, #rotator .non-active-4:hover, #rotator .non-active-5:hover, #rotator .non-active-6:hover, #rotator .non-active-7:hover, #rotator .non-active-8:hover, #rotator .non-active-9:hover, #rotator .non-active-10:hover, #rotator .non-active-11:hover { 
	cursor: pointer;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4); 
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.4); 
	box-shadow: 0 0 10px rgba(0,0,0,0.4);
	background:#373737;
	border: 2px solid #fff;
}
#rotator .non-active-2 h1, #rotator .non-active-3 h1, #rotator .non-active-4 h1, #rotator .non-active-5 h1, #rotator .non-active-6 h1, #rotator .non-active-7 h1, #rotator .non-active-8 h1, #rotator .non-active-9 h1, #rotator .non-active-10 h1, #rotator .non-active-11 h1 {
	color:#FFF;
}