@import url("reset.css");

body {color:#fff; background:#1c1c1c url(../images/bg.png); font:12px Arial,Helvetica,'MS Sans Serif',sans-serif}
td,th {color:#fff; font:1em Arial,Helvetica,'MS Sans Serif',sans-serif}
input,textarea,option,select {color:#737373; font:1em Arial,Helvetica,'MS Sans Serif',sans-serif}

/* // ---- typography ---- // */

a {color:#00a8ff; text-decoration:none}
a:hover {color:#fff}

.for-editor a, .smap a, .list-faq a, .view-comments a, .view-presentation a span, .blogs-list a, .r-ar span, .l-ar span, .news-list a, .list-events h4 a {border-bottom:1px dotted}
	.for-editor a:hover, .smap a:hover, .list-faq a:hover, .view-comments a:hover, .view-presentation a:hover span, .blogs-list a:hover, .r-ar:hover span, .l-ar:hover span, .news-list a:hover, .list-events h4 a:hover {background-color:#00a8ff; border-bottom-width:0}

.fBold {font-weight:bold}
.sub-title {font-size:18px; font-weight:normal; padding-bottom:15px}
.sec-title {font-size:16px; padding-bottom:7px}
/* -- ---- typography ---- -- */

#minWidth {position:relative; width:900px; padding:42px 25px 80px; margin:0 auto}

/* // ---- top block ---- // */
.top {padding-bottom:30px}
	.top .logo {float:left; padding:32px 0 0 0; width:240px}
	.top .top-right {float:right; width:560px}
	.b-day {}
		.b-day dd img {border:1px solid #000}
	.icons {float:right; width:150px}
		.icons li {float:right; margin:0 3px 0 13px; padding:0 1px 2px}
			.icons .hr {border-bottom:2px solid #00a8ff}
		.icons span, .icons a {position:relative; display:block; overflow:hidden; height:12px; zoom:1}
		.icons a:hover {text-indent:0}
		.icons em {position:relative; display:block; background-image:url(../images/icons.gif); height:24px}
		.icons a:hover em, .icons .hr em {top:-12px}
		.icons .ico-home {width:11px}
			.icons .ico-home em {background-position:0 0}
		.icons .ico-smap {width:11px}
			.icons .ico-smap em {background-position:-11px 0}
		.icons .ico-mail {width:11px}
			.icons .ico-mail em {background-position:-22px 0}
		.icons .ico-search {width:10px}
			.icons .ico-search em {background-position:-33px 0}
		.icons .ico-broad {width:9px}
			.icons .ico-broad em {background-position:-43px 0}
/* -- ---- top block ---- -- */

/* // ---- navigation ---- // */
.navigation {position:relative; margin-left:-10px; padding-bottom:17px}
	.navigation li {float:left; width:120px; padding-left:10px; text-align:center}
		.navigation li a, .navigation li .hr {position:relative; display:block; background:#295c94 url(../images/nav-right.png) no-repeat 100% 0; height:28px}
			.navigation li span {display:block; color:#fff; line-height:28px; background:url(../images/nav-left.png) no-repeat 0 0; height:28px; padding:0 10px}
		.navigation li em {position:absolute; top:23px; left:0; width:100%; height:12px; background:url(../images/nav-crn.png) no-repeat 50% 0; visibility:hidden}
		.navigation li a:hover, .navigation li .hr {font-weight:normal; text-indent:0; background-color:#3a8fe8; background-position:100% 100%; height:28px}
			.navigation li a:hover span, .navigation li .hr span {background-position:0 100%; height:28px; padding:0 10px}
			.navigation li a:hover em, .navigation li .hr em {visibility:visible}
/* -- ---- navigation ---- -- */

.two-r-col {padding-bottom:25px}
	.two-r-col .col-2 {float:right; width:580px}
	.two-r-col .col-1 {float:left; width:300px}
	.col-small {}
		.col-small .col-1-s {float:left; width:340px}
		.col-small .col-2-s {float:right; width:230px}
.long-col {float:right; width:660px}
	.longcol {}
.side-col {float:left; width:230px}
	.sidecol {padding:0 0 0 19px}

.middle-main {padding-top:23px}
.middle {padding-bottom:15px}

.tp-col {padding-top:5px}

/* // ---- list events ---- // */
ul.list-events {font-size:11px}
	ul.list-events li {padding:0 0 12px 80px; line-height:14px}
	ul.list-events .img-cover, .hevents .img-cover, .blogs-list .img-cover {position:relative; float:left; left:-80px; margin:2px -80px 0 0; border:1px solid #000}
	ul.list-events h3 {color:#ccc; font-size:1em; padding-bottom:4px}
	ul.list-events h4 {font-size:1em; font-weight:normal; padding-bottom:2px}
/* -- ---- list events ---- -- */

/* // ---- radio group ---- // */
.radio-group {background:url(../images/logo-group-bg.png) repeat-y 0 0; border-top:1px solid #151515}
	.radio-group dl {background:url(../images/logo-group-bg-b.jpg) no-repeat 0 100%; padding:4px 10px}
		.radio-group dt {padding-bottom:9px}
		.radio-group dd {text-align:center; padding:12px 0 12px}
		.radio-group a img, .view-logos img {opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50)}
			.radio-group a:hover img, .view-logos a:hover img, .view-logos .selected img {opacity:1; -moz-opacity:1; filter:alpha(opacity=100)}
/* -- ---- radio group ---- -- */

.big-bn {}
	.big-bn img {border:1px solid #000}

.line-bn {position:relative; margin-right:-15px; padding-bottom:15px}
	.line-bn li {float:left; padding-right:10px}
.line-bn-hor {padding:3px 0 9px}
	.line-bn-hor li {padding-bottom:20px}
/* // ---- bottom ---- // */
.bottom {font-size:11px; background:#1f282c url(../images/bottom-brd.png); padding:1px}
	.bottom .vcard {position:relative; background:#1f1f1f url(../images/bottom-bg.jpg); padding:17px 0 19px 0}
	.view-group-logo {position:absolute; top:17px; left:16px}
		.view-group-logo .fn {display:none}
	.view-cont-info {float:right; width:109px; margin-left:60px}
	.bottom .type, .bottom .adr dt {position:relative; float:left; left:-60px; color:#888; text-align:right; margin-right:-60px; width:50px}
		.bottom .type abbr {border-bottom-width:0; cursor:text}
	.bottom .adr {float:right; width:104px}
		.bottom .adr dt {}
/* -- ---- bottom ---- -- */

/* // ---- path ---- // */
.path {position:relative; font-size:11px; width:100%; overflow:hidden; padding-bottom:12px}
	.path li {position:relative; float:left; left:-16px; background:url(../images/ar.gif) no-repeat 0 4px; padding:0 10px 0 16px}
/* -- ---- path ---- -- */

/* // ---- editor styles ---- // */
.for-editor {line-height:16px; text-align:justify}
	.for-editor .img-right, .for-editor .img-left, .for-editor .img-brd {border:4px solid #808080}
	.for-editor .img-left {float:left; margin:3px 19px 3px 0}
	.for-editor .img-right {float:right; margin:3px 0px 3px 19px}
	.for-editor p {padding-bottom:16px}
	.for-editor .dt {color:#ccc; padding-bottom:10px}
	.for-editor .blog-info {color:#ccc}
	.for-editor h2 {position:relative; font-size:14px; font-weight:normal; line-height:18px; padding:5px 0 5px}
	.for-editor h3 {position:relative; font-size:14px; line-height:18px; padding:0 0 2px}
	/* .for-editor h3 {position:relative; margin-left:-10px; font-size:14px; padding-bottom:20px}
	.for-editor h4 {font-size:12px; font-weight:normal}
		.for-editor h4 a {color:#ff009b}
			.for-editor h4 a:hover {color:#0bf} */
	.for-editor ul {padding:0 0 24px 20px}
		.for-editor li {padding:0 0 2px 12px; background:url(../images/li.gif) no-repeat 0 6px}
	.for-editor blockquote {position:relative; color:#bababa; background-color:#171717; margin:0 220px 26px 0; font-style:italic; line-height:18px; padding:20px 20px 7px 20px; zoom:1}
	.for-editor table {width:100%; border-collapse:collapse; border-spacing:0; border-bottom:1px solid #808080; margin-bottom:18px}
		.for-editor table td {padding:6px 20px; vertical-align:top}
		.for-editor table th {background-color:#019edc; font-weight:bold; text-align:left; vertical-align:top; padding:6px 20px}
	.for-editor ul.list-events {padding-left:0; width:50%; text-align:left}
		.for-editor ul.list-events p {padding-bottom:0}
/* -- ---- editor styles ---- -- */

/* // ---- sub navigation ---- // */
.sub-nav {padding:0 0 13px 13px}
	.sub-nav a, .sub-nav .hr {display:block; padding:4px 10px 4px 12px; background:url(../images/ar.gif) no-repeat 0 8px}
	.sub-nav li {clear:both; padding-bottom:7px}
	.sub-nav .here {position:relative; display:block; margin-left:-13px; float:left; color:#fff; font-weight:normal; background:#00a8ff url(../images/ar-b.gif) no-repeat 13px 8px; padding:4px 10px 4px 25px}
		.sub-nav .here span {position:absolute; width:11px; height:11px; background-image:url(../images/n-corns.gif)}
		.w-tl {top:0; left:0; background-position:0 0}
		.w-tr {top:0; right:0; background-position:100% 0}
		.w-bl {bottom:0; left:0; background-position:0 100%}
		.w-br {bottom:0; right:0; background-position:100% 100%}
	.sub-nav ul {clear:both; padding:6px 0 0 10px; margin-bottom:-7px}
		.sub-nav ul a {padding-right:0}
		.sub-nav .hr {color:#fff; font-weight:normal; background-image:url(../images/ar-w.gif)}
/* -- ---- sub navigation ---- -- */

/* // ---- news list ---- // */
.news-list {}
	.news-list li {padding-bottom:17px}
	.news-list .dt {color:#ccc; padding-bottom:3px}
	.news-list h2 {font-size:1em; font-weight:normal; padding-bottom:3px}
	.hevents li {padding-left:80px}
/* -- ---- news list ---- -- */

.forward-back {padding:25px 0 17px}
	.forward-back .l-ar {margin-right:25px}
	.l-ar {background:url(../images/ar-l.gif) no-repeat 0 5px; background-color:transparent !important; border-bottom-width:0 !important; padding-left:12px}
	.r-ar {background:url(../images/ar-r.gif) no-repeat 100% 5px; background-color:transparent !important; border-bottom-width:0 !important; padding-right:12px}

/* // ---- blog list ---- // */
.blogs-list {}
	.blogs-list li {padding:0 0 19px 80px; line-height:16px}
	.blogs-list .img-cover {margin-top:3px}
	.blog-info {padding-bottom:9px}
	.blogs-list h2 {font-size:14px; padding-bottom:1px}
	.blogs-list p {padding-bottom:8px}
/* -- ---- blog list ---- -- */

.view-player {padding-bottom:20px}
.view-presentation {padding:1px 0 20px}
	.view-presentation a {background:url(../images/ico-ppt.png) no-repeat 0 0; padding:1px 0 4px 49px}

/* // ---- comments blocks ---- // */
.view-comments, .leave-comment {border-top:2px solid #909090; padding:15px 0 0 0}
	.view-comments li {padding:0 0 25px 174px; line-height:16px}
	.view-comments .author {position:relative; float:left; left:-174px; width:154px; margin:-1px -174px 0 0; line-height:18px}
.leave-comment {padding-bottom:20px}
/* -- ---- comments blocks ---- -- */

/* // ---- forms styles ---- // */
.form-style {width:386px}
	.form-style .lbl {padding-bottom:2px}
	.form-style .inp, .form-request select {margin-bottom:9px}
	.form-style .inp-text {width:250px}
	.form-style select {width:266px}
	.form-style .btn {zoom:1}
		.form-style .btn input {color:#fff; width:76px; height:24px; line-height:24px; padding-bottom:3px; background:url(../images/btnSend.png); border-width:0}
		.form-style .btn input.activebtn, .form-style .btn input:hover {background-position:0 100%}
	.form-feedback {width:256px}
/* -- ---- forms styles ---- -- */

/* // ---- faq block ---- // */
.list-faq {line-height:18px; padding-bottom:31px}
	.list-faq li {padding-bottom:12px}
	.list-faq .show-content {padding:12px 0 0 0; margin-bottom:-18px}
	.list-faq p {padding-bottom:18px}
/* -- ---- faq block ---- -- */

/* // ---- logos view ---- // */
.view-logos {background:#151515 url(../images/i-map-brd.png); padding:1px; margin-bottom:20px}
	.view-logos table {background:#141414 url(../images/i-map-bg.png); width:100%; border-collapse:collapse; border-spacing:0; height:118px}
		.view-logos td {width:33%; text-align:center; padding:0}
/* -- ---- logos view ---- -- */

.view-map {border:4px solid #808080; margin-bottom:20px}

/* // ---- site map ---- // */
.smap {font-weight:bold}
	.smap li {padding-bottom:11px}
		.smap ul {padding:3px 0 10px 10px; font-weight:normal}
			.smap ul ul {margin-bottom:-3px; padding-bottom:0}
			.smap ul li {padding-bottom:3px}
/* -- ---- site map ---- -- */