@CHARSET "UTF-8";


* {margin:0;padding:0; font-size: 12px; border: none; } 

BODY { font-family: Arial, Verdana, Tahoma; background: #001b2b; color: #b3b3b3;  }
TABLE { border-collapse: collapse; }

DIV { display: block; position: relative; }

A { text-decoration: none; color: #91cbe3;}

H1 {
	font-family: "Elektra Light Pro", Verdana;
}

H2,H3,H4,H5 {
	font-family: Verdana;
}

.clear { clear: both; }


.followUs { color: White; position: absolute; right: 5px; top: 26px; opacity: 1.0; font-weight: bold;}
.followUs IMG { margin: 2px 1px; } 

#header { width: 980px; margin: auto; padding: 30px 0; }

#main-block { overflow: hidden; width: 980px; margin: auto; padding: 50px 0px; }
#main-block .icon {
	float: left;
}
#main-block .details { float: left; width: 580px; height: 235px; padding: 0px 70px; }
#main-block H1 { font-size: 29px; font-weight: normal; color: white; line-height: 31px; padding-bottom: 20px; }
#main-block A:hover H1 { color: #91cbe3; }
#main-block span {  color: White; opacity: 0.7; font-size: 13px; line-height: 18px; }
#main-block .read-more-wrap { position: absolute; left: 0; width: 122px; padding-top: 5px; height: 21px; background: url('/i/index/read-more-bg.png') no-repeat; }
#main-block .read-more { font-size: 13px; color: #6dc6eb; text-decoration: underline; opacity: 0.7; }
#main-block .read-more:hover { color: #c1e5f4; }
#main-block .comments { 
	position: absolute; left: 0; top: 5px;
	background: url('/i/comments-cnt-cloud.png') 0 3px no-repeat; padding-left: 21px;
	 }
#main-block .comments A { font-size: 11px; color: #6dc6eb; opacity: 0.7; text-decoration: underline; }
#main-block .comments A:hover { color: #c1e5f4; }
#main-block .hr { position: absolute; top: 13px; left: 100px; height: 1px; width: 425px; background-color: #004366; opacity: 0.7;}


#lenta-block { background: #000000; overflow: hidden; padding: 20px 0; }
#lenta-inner { width: 980px; margin: auto; }

.lenta-item { overflow: hidden; float: left; width: 312px; position: relative; min-height: 100px;}
.lenta-item .left { float: left; width: 67px; height:72px; display: block;}
.lenta-item .left img.icon { display: block; }
.lenta-item .descr { float: left; width: 215px; padding: 0px 0px 0px 20px; font-size: 11px; }
.lenta-item H2 { padding-bottom: 10px; line-height: 16px; }
.lenta-item H2 A { font-size: 15px; color: #91cbe3; font-weight: normal;}
.lenta-item H2 A:hover { color: #3a85a4; }
.lenta-item SPAN { display: block; }
.lenta-item .comments { padding: 9px 0; }
.lenta-item .comments A { color: #6dc6eb; opacity: 0.7; text-decoration: none; }
.lenta-item .comments A:hover { opacity: 1; color: #c1e5f4; }
.lenta-item .comments span { text-decoration: underline; display: inline;}

.lenta-item-sep { width: 22px; height: 115px; float: left; }

#extended-block { width: 980px; margin: auto; padding: 10px 0 30px 0; overflow: hidden; }
#extended-header { height: 35px; padding-top: 10px;}

.extended-list-separator { width: 22px; float: left; }
.extended-list-item { width: 312px; float: left; overflow: hidden; min-height: 200px;}
.extended-list-item .icon { padding: 5px 10px 3px 0; }
.extended-list-item H4 { color: #ffffff; font-size: 15px; line-height: 23px; padding: 10px 0; }
.extended-list-item H4 SPAN { font-size: 15px; }
.extended-list-item A:hover SPAN { text-decoration: underline; }

.extended-list-item UL { list-style: none; }
.extended-list-item LI { padding: 1px 0px 1px 0px; line-height: 20px;}
.extended-list-item LI A { font-size: 11px; color: #84f2ff; opacity: 0.6;}
.extended-list-item LI A:hover { color: #3a85a4; }

.extended-list-item LI.separator { border-bottom: 1px solid #224555; }

.extended-list-item LI.first { display: block; overflow: hidden; border: none; padding: 0 0px 11px 0; margin-bottom: -15px; }
.extended-list-item LI.first A { font-size: 14px; color: #91cbe3; opacity: 1.0; }
.extended-list-item LI.first A:hover { color: #3a85a4; }

/**
 * LOGO
 ***************************************************/
.logo { display: inline-block; margin: 0 58px 0 0;}
.logo div, .logo img, .logo span {display: block; width: 194px; height: 42px; color: #fff; text-decoration: none; font-size: 24px; position: relative;}
.logo a {display: block; outline: none; width: 224px; height: 77px; position: relative;}
.logo div {padding: 9px 17px 26px 13px;}
.logo a:hover {background: url(/i/logo-hover.png) no-repeat;}

/**
 * Footer
 ***************************/

.footer {
	width: 980px;
	margin: auto;
	padding: 40px 0 20px 0;
	overflow: hidden;
	zoom: 1;
	font-family: Trebuchet MS;
}

.footer .copyright {
	float: left;
	font-size: 11px;
	color: #5c6d77;
}

.footer .contacts {
	float: right;
	font-size: 11px;
	color: #46697d;
}

/* Navigation
======================================= */
/*
.nav { position: absolute; right: 0px; top: 25px; width: 676px; height: 42px; background: url(/i/nav.png) no-repeat; margin: 9px 0 0; padding: 16px 0 0 15px;}
.nav-green {background: url(/i/nav-green.png) no-repeat;}
.nav-grey {background: url(/i/nav-grey.png) no-repeat;}
.nav a {display: block; outline: none;}
.nav a span {display: block;}
.nav-separator {width: 1px; padding: 2px 0;}
.nav-separator span {display: block; height: 20px; width: 1px; background: url(/i/nav-separator.png) no-repeat;}
.nav-center a {padding: 6px 3px 0; height: 18px;}
.nav-left {padding: 0 0 0 11px;}
.nav-right {padding: 0 10px 0 0;}
.nav-left a {width: 9px; height: 24px;}
.nav-right a {width: 9px; height: 24px;}
.nav-current-left a {background: url(/i/nav-current-left.png) no-repeat !important;}
.nav-current-center a {background: url(/i/nav-current-center.png) repeat-x !important; padding-left: 7px; padding-right: 7px;}
.nav-current-right a {background: url(/i/nav-current-right.png) no-repeat !important;}
.nav-green .nav-current-left a {background: url(/i/nav-left-green.png) no-repeat !important;}
.nav-green .nav-current-center a {background: url(/i/nav-center-green.png) repeat-x !important; padding-left: 7px; padding-right: 7px;}
.nav-green .nav-current-right a {background: url(/i/nav-right-green.png) no-repeat !important;}
.nav-current-left, .nav-current-right {padding: 0;}
.nav-separator-current span {background: none !important;}
.hover .nav-left a {background: url(/i/nav-left.png) no-repeat;}
.hover .nav-center a {background: url(/i/nav-center.png) repeat-x;}
.hover .nav-right a {background: url(/i/nav-right.png) no-repeat;}*/