﻿* {
	margin:0;
	padding:0;
	font-weight:normal;
	}
html {
	height:100%;
	width:100%;	
	font:normal 100.01% Arial, Helvetica, Verdana, sans-serif;	
	}
body {
	width:100%;
	height:100%;
	min-width:940px;	
	min-height:580px;
	font-size:12px;
	line-height:150%;
	color:#666;
	background:#fff;
	position:relative;	
	}
	
body.bgBlack 	{ background:#000; }
body.bgGrey 	{ background:#999; }
#flash {position:relative; width:940px; height:400px; margin:0 0 10px 0;}
#skip-but {text-align:right;}
#skip-but  a { color:#fff;}
#skip-but  a:hover{ text-decoration:underline;}
	
#outer {min-height:100%; height:auto;}
/** Tags *******************************************/		
p {padding:0 0 .7em 0;}

a {
	outline:none; color:#666;	
	text-decoration: none;
	/* border-bottom: #999 solid 1px; */
	padding-bottom: 1px;
	}
	a:hover{
		text-decoration:none; 
		color: #000; 
		/* border-bottom: #000 solid 1px; */
		}

ul,ol {	padding:5px 5px 1.5em 10px;	}
ol {margin-left:10px; padding-left:10px;}
	 li {margin:0 0 0 10px;	padding:2px 0;}
	ol li{margin-left:15px;}

img {border:none;}
h1 { font-size:12px; padding:65px 0  30px 0; color: #444; font-weight: bold; }
	h1 a { color:#63756e; }
h2 {font-size: 14px; padding:0 0 10px 0; color: #444; line-height:1.3em;}
h3 {font-size: 1.5em; padding:7px 0 5px 0;}
h4,h5,h6 {font-size:1em; font-weight: bold;	padding:7px 0 5px 0;}

table {border-collapse:collapse; vertical-align:top; margin:0 0 35px 0;}
	td {padding:2px 10px; margin:0;	border:#ccc solid 1px; line-height:130%;}
	blockquote {font-style:italic;}
table.no-border td{border:none;}

/** CLEAR, FLOAT  ******************/
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */
/***/

/* Simple style blocks ***********************/
.fl_right {float:right;}
.fl_left {float:left; }	
.block {display:block;}
.clear-left {clear:left;}

/** BLOCKS *************/
#logo-holder {text-align:center;width:100%;}
	#logo-holder img {margin-right:20px;}		
			
.fixed-width {width:940px;	margin:0 auto;	position:relative;}
.bottom-space { padding-bottom: 120px }

/** mainContent **/		
.centeredContent {	color:#666;	position:absolute; top:50%; left:0;	width:100%;	margin-top:-200px;}
	.centeredContent h1 {font-size: 12px; text-align:left; padding:0px 0 55px 4px;}
	.centeredContent .col-a {width:316px; padding-left:4px;	float:left;}
	.centeredContent .col-b {width:320px; float:left; margin-left:65px;}
	
	
.col-1 		{ width:140px; 	margin: 0 0 0 0; 	float:left;	}
.col-23456 	{ width:780px; 	margin: 0 0 0 20px; float:left;	}

.col-12 	{ width:300px; 	margin: 0 0 0 0; 	float:left;	}
.col-3456 	{ width:620px; 	margin: 0 0 0 20px; float:left;	}

.cols-1 	{ width:140px; 	float:left;	}
.cols-2 	{ width:300px; 	float:left;	}
.cols-3 	{ width:460px; 	float:left;	}
.cols-4 	{ width:620px; 	float:left;	}
.cols-5 	{ width:780px; 	float:left;	}
.cols-last, .cols-next { margin: 0 0 0 20px; }

.align-to-right { text-align: right }
.date { font-size: 11px }		
		
/* NEWS-LIST  ***/
.news-list {padding-bottom:10em;}
.news-list dt{ font-size: 11px; clear:left; float:left; width:140px; text-align:right;}
.news-list dd {float:left; width:780px;	padding:0 0 10px 20px;	}
	.news-list dd a {color:#666;text-decoration:none;}
	.news-list dd a:hover {	color:#333;	}
	.news-list dd.top-news {font-size:20px;	padding-bottom:20px;}

/* NEWS_CONTENT**/
.news-item { padding-bottom:13em;}
.news-item h2 { position:relative; width:460px; }
.news-item .date { position:relative; margin-top:-55px; display:block; font-size:.9em;}
.news-item .news-content {	position:relative; margin:0 20px 0 0; width:460px; float:left;}
.news-item img.news-img { float:left; display:block; margin-top:0.5em;}
/**********/
	#main-nav{		
		padding:0;		
		list-style:none;		
		font:normal 12px Arial, Helvetica, Verdana, sans-serif;
		line-height:11px;
		letter-spacing:.5px;
		}
		#main-nav li {
			margin:0 0 0 20px;
			padding:21px 0 0 3px;
			float:left;
			width:137px;
			display:inline;
			}
			#main-nav li#logo {	margin-left:0; padding:0;}
			#logo img {	display:block;}
			#main-nav li#logo a {border:none;}
			#main-nav li a {
				display:block;
				text-decoration:none;
				border-bottom:#ccc solid 1px;
				color:#666;
				width:100%;
				padding-bottom:1px;
				padding-left: 1px;
				padding-bottom: 3px;				
				}
			#main-nav li a:hover {
				color:#333;
				border-bottom:#666 solid 1px;
				}
		#main-nav li.active {
			color:#fff;
			background:#999;
			}
/**/
		#main-nav li.active a {
			color:#fff;
			border-bottom:none;
			}
		#main-nav li.active a:hover {
			color:#333;
			border-bottom:none;
			}
		#main-nav li.lev_1 {
			overflow:hidden;
			}
			#main-nav li.lev_1 ul {
				padding:0;
				margin:0 0 0 -3px;
				overflow:hidden;
				display:none;
				}
			#main-nav li.lev_1 span {
				padding:0 0 4px 0;
				}
			#main-nav li.active ul {
				display:block;
				}
			#main-nav li.lev_1 li {
				position:relative;
				margin:0;
				padding:0 3px 0 0;
				background:#FFF;
				overflow:hidden;
				width:137px !important;
				}
				#main-nav li.lev_1 li.active {
					background:#999;
					padding:6px 0 3px 3px !important;
					}
				#main-nav li.lev_1 li.lev_2 a, #main-nav li.lev_1 li.lev_2 a:hover {
					border-bottom:1px solid #999999;
					}
			#main-nav li.lev_1 a {
				margin:0 0 0 -3px;
				padding:0 0 4px 3px;
				}
			#main-nav li.lev_1 ul li a {
				margin:3px 0 0 0;
				padding:3px 0 6px 3px;
				color: #666;
				}
/**/
			#main-nav li span {
				display:block;
				padding:0 0 3px 0;
				}
			#main-nav li.last {
				width:131px;
				}
		
/** SLIDER GALLERY for images **/
	.sliderGallery {
            overflow: hidden;
			height: 230px;
            position:absolute;
			top:50%;
			left:0;
			margin-top:-130px;
			width: 100%;
			z-index:1;
			}        
			.sliderGallery ul,.sliderGallery .sliderInner {
				position: absolute;
				list-style: none;
				overflow:visible;
				white-space: nowrap;
				padding: 0;
				margin: 0;
				left:0;
				top:0;
				}        
				.sliderGallery ul li {
					display: inline;
					margin:0;
					padding:0;
					}
					
/** Slider with handle **/		
		.sliderHolder{			
            position:absolute;
			top:50%;
			left:0;		
			height: 10px;
			width: 100%;	
			margin-top:100px;			
			}
			.slider {			
				position:relative;
				left:4px;
				width:936px !important;
				height: 10px;
				cursor:pointer;
				border-top:#CCC solid 1px;
				}			
			.handle {
				position: absolute;
				height:7px;
				overflow:hidden;
				width: 30px;
				top: -1px;
				left:0;			
				background:#999;           
				}

/** slider Gallery for text **/			
.sliderGallery table td{
	margin:0;
	padding:0;
	border:none;	
	}	
	.sliderGallery table {
		}
	.sliderGallery table td div {
		white-space:normal;
		overflow:hidden;
		height:200px;
		width:296px;	
		text-align:left;	
		color:#666;
		font:normal 12px/16px Arial, Helvetica, Verdana, sans-serif;
		padding-right:20px;
		padding-left:4px;	
		}			

.sliderGallery table td.empty div{	
	padding:0;
	width:auto;
	}

/** gradient images **/
div.grad-img {position:absolute; top:50%; height:200px;	margin-top:-130px; z-index:2;}
#left-grad {left:0;	}		
#right-grad {right:0;}
	
/** CONTECTS *******/
.contact-form .input-text{width:211px; margin:0 0 10px 0; padding:5px; color:#222; font:normal 12px/14px Arial, Helvetica, Verdana, sans-serif;}
.contact-form .submit {	padding:1px 3px;}
.contact-form textarea {width:216px; height:84px; font:normal 12px/14px Arial, Helvetica, Verdana, sans-serif;	padding:2px 0 0 5px; color:#222;}
	.contact-form textarea, .contact-form .input-text {
		border-top: #ccc solid 1px;
		border-right: #ccc solid 1px;
		border-bottom: #ccc solid 1px;
		border-left: #ccc solid 1px; 
		background:#ffffff;
		}	
		.contact-form textarea:focus, .contact-form .input-text:focus {
			border-top: #ccc solid 1px;
			border-right: #ccc solid 1px;
			border-bottom: #666 solid 1px;
			border-left: #ccc solid 1px; 
			}	
.contact-form label{display:block; margin-bottom:10px; clear:left;}
	.contact-form label span{display:block; float:left;	padding-right:6px; width:88px;}		
	
/** FOOTER *********/
#footer {width:100%; clear:both; height:0px; position:relative;}

#second-nav { 
	padding:0 0 5px 0; margin:0; 
	float:left; width:140px;	
	background:#999; 
	list-style:none;
	font-size: 12px; line-height:11px; letter-spacing:.5px;
	overflow:hidden; position:absolute; bottom:0; left:0;
	}
	#second-nav li {
		margin:1px 0 0 0;	
		padding:0 0 0 0; 
		color:#fff; 
		clear:left; 
		width:100%; 
		float:left;
		}
		#second-nav li a { 
			color:#666; 
			text-decoration:none; 
			background:#fff; 
			display:block;	
			width:100%;	
			padding:5px 2px; 
			height:100%; 
			float:left;
			}
			#second-nav li a:hover {
				color:#333;
				}
			#second-nav li.active {
				padding:6px 2px 5px 2px; 
				height:1em;
				}
			#second-nav li.active a { 
				display:inline; 
				padding:0; 
				background:none; 
				color:#fff; 
				float:none;
				}
			#second-nav li.active a:hover {
				color:#ddd;
				}

#footer-copyright {	width:300px; text-align:right; color:#666; position:absolute; bottom:0; right:0px; padding-bottom:3em;}
	#qub { position:absolute; bottom:0; right:0; width:88px; height:31px; overflow:hidden; }	
	#qub img {display:block; position:relative;  }
	
div.sliderGallery table td div.in{	position:relative !important;}

	
/* Language **/
div.lang {
	position: relative;
	height: 100px;
	}
	div.lang a, div.lang span {
		position:absolute;
		top: 65px;
		}
		div.lang a.uk{
		/*	left: 0;
		*/	right: 2em;
			}
		div.lang a.en {
		/*	left: 2em;
		*/	right: 0;
			}
		div.lang a.selected, div.lang a:hover {
			color: #999;
			}
div.uk, div.en {

	}

.centeredContentUp {margin-top:-243px !important;}
p.startpage {padding: 0; margin: 0 auto; width: 624px;}
p.startpageUp {margin-top: -3px;}
a.aleft {margin-right: 10px;}
p.startpage span {height:36px;padding-top:12px;}
p.startpage span a {border-bottom:1px solid #ccc !important;display:block;width:50%;}
p.startpage span a:hover {border-bottom:1px solid #666 !important;}
a.aright {margin-left: 10px;}
.movetop {
	margin-top: -220px !important;
	}