@import url("reset.css");

body,html {height:100%}
body {color:#333; background-color:#f5f5f5; font:13px "Trebuchet MS", Helvetica, sans-serif}
td,th {color:#333; font:1em "Trebuchet MS", Helvetica, sans-serif}
input,textarea,option,select,button {color:#000; font:1em "Trebuchet MS", Helvetica, sans-serif}

/* // ---- typography ---- // */

a {color:#333; text-decoration:underline}
a:hover {color:#e00}

.c-r {color:#e00}

.m-title {position:relative; color:#111; font:bold 24px 'Calibri','Trebuchet MS',Helvetica; text-tr ansform:uppercase; margin:0 0 20px -25px}

/* -- ---- typography ---- -- */

#minWidth {min-width:1000px; height:auto !important; height:100%; min-height:100%}

/* // ---- top ---- // */
.top {background-color:#fff}
	.top-i {position:relative; z-index:3; width:980px; margin:0 auto; padding-bottom:15px}
.logo {padding:25px 0 17px 30px}
/* -- ---- top ---- -- */

/* // ---- navigation ---- // */
.b-navigation {float:left; width:660px; padding:0 0 0 41px; white-space:nowrap}
	.b-navigation li {float:left; padding-left:1px; text-transform:uppercase}
	.b-navigation a, .b-navigation .hr {display:block; color:#111; font-weight:normal; padding-right:12px; background:url(../img/nav-bg.png) no-repeat 100% -50px; text-decoration:none; height:25px; line-height:24px}
		.b-navigation span {display:block; background:url(../img/nav-bg.png) no-repeat 0 -50px; padding-left:12px; height:25px}
		.b-navigation a:hover {background-position:100% 0}
			.b-navigation a:hover span {background-position:0 0}
		.b-navigation .hr, .b-navigation a.hr:hover {color:#fff; background-position:100% -25px; background-color:#e00}
			.b-navigation .hr span, .b-navigation a.hr:hover span {background-position:0 -25px}
/* -- ---- navigation ---- -- */

/* // ---- lang bar ---- // */
.b-lang-bar {position:relative; float:left; width:100px; overflow:hidden; padding-top:3px}
	.b-lang-bar li {position:relative; float:left; left:-1px; background:url(../img/lang-brd.gif) no-repeat 0 3px; padding:0 10px 0 11px}
	.b-lang-bar a img {-moz-opacity:0.32; opacity:0.32; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=32); -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=32)'}
	.b-lang-bar a:hover {text-indent:0}
		.b-lang-bar a:hover img {-moz-opacity:1; opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'}
/* -- ---- lang bar ---- -- */

/* // ---- search ---- // */
.b-search {position:relative; float:right; width:172px; right:19px; background:url(../img/search-bg.png); height:27px; margin-top:-1px}
	.b-search .i-p {float:left; border-width:0; background-color:transparent; padding:4px 1px 5px 10px; height:18px; width:137px; outline:none}
	.b-search .btn {position:relative; top:6px; right:9px; float:right; overflow:hidden; width:14px; height:15px}
		.b-search .btn input {position:relative}
		.b-search .btn .hover, .b-search .btn input:hover {top:-15px}
/* -- ---- search ---- -- */

/* // ---- middle ---- // */
.middle {background:url(../img/middle-bg.png) repeat-x 0 0; border-top:1px solid #bdbdbd; padding-bottom:140px}
	.middle-i {position:relative; z-index:3; width:980px; margin:0 auto; padding:30px 0 0}
	.b-md-sec {position:relative; z-index:3; width:925px; padding:24px 0 10px 55px; margin:0 auto; height:auto !important; height:176px; min-height:176px}
		.b-md-sec .l-col-1 {float:left; width:510px}
		.b-md-sec .l-col-2 {float:right; width:358px}

.md-pt {position:absolute; z-index:1; left:50%; margin-left:-491px; margin-top:-416px; width:982px; height:416px; background:url(../img/main-events-bg.png)}
/* -- ---- middle ---- -- */

.bd-l {position:relative; display:block; z-index:1; height:3px; margin-top:-3px; font-size:1px; margin-top:-32013px; padding-top:32010px; overflow:hidden}
	.bd-l-i {position:absolute; top:3px; height:32010px; right:0; width:100%; min-width:1200px}
	.bd-l-i i {position:absolute; top:0; left:0; height:32010px; width:10px; background-color:#f00; -moz-opacity:0.8; opacity:0.8; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80); -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'}

/* // ---- main events ---- // */
.b-main-events, .b-sec-events {position:relative; margin-bottom:18px}
	.b-main-events .b {position:absolute; z-index:1; left:-1px; bottom:0; width:982px; height:416px; background:url(../img/main-events-bg.png)}
	.b-main-events h2 {color:#111; font:bold 18px 'Calibri','Trebuchet MS',Helvetica; text-transform:uppercase; padding:0 0 14px 30px}
	.b-main-events-i {position:relative; z-index:3; padding:0 0 37px}
	.b-main-events .navigator {float:right; font-size:10px; padding-right:59px; padding-top:6px}
		.b-main-events .navigator li {float:left; padding-right:1px}
		.b-main-events .navigator span {position:relative; z-index:3}
		.b-main-events .navigator a {position:relative; display:block; color:#797979; width:16px; height:17px; line-height:15px; padding-right:1px; overflow:hidden; text-align:center; text-decoration:none}
			.b-main-events .navigator a i {position:absolute; top:0; left:0; width:17px; height:51px; background:url(../img/navigator.png)}
			.b-main-events .navigator a:hover {color:#fff; text-indent:0}
				.b-main-events .navigator a:hover i {top:-17px}
			.b-main-events .navigator .current {color:#fff; text-indent:0}
				.b-main-events .navigator .current i {top:-34px !important}
	.b-main-events .bs, .b-sec-events .bs {position:absolute; top:-2px; left:67px; width:736px; height:329px; background:url(../img/main-scroll-bg.png)}


.b-scroll-events {position:relative; padding-left:70px}
	.b-scroll-events .ar {position:absolute; width:35px; height:62px}
		.b-scroll-events a.ar:hover {text-indent:0; margin-top:-62px; clip:rect(62px auto auto auto); height:124px}
	.b-scroll-events .ar-l {left:17px; top:126px; background:url(../img/ar-l.png) no-repeat}
	.b-scroll-events .ar-r {left:818px; top:126px; background:url(../img/ar-r.png) no-repeat}
	.b-scroll-events .event-btns {font:14px 'Calibri','Trebuchet MS',Helvetica; left:822px; bottom:-7px}
		.b-scroll-events .event-btns li {padding-bottom:4px}
	.b-scroll-events-i, .b-sec-events-i {position:relative; z-index:3; font:16px 'Calibri','Trebuchet MS',Helvetica; width:728px; height:321px; overflow:hidden}
		.b-scroll-events-i .place, .b-events-ul .place, .b-sec-events-i .place {font-size:14px; font-style:italic; padding-bottom:13px; padding-top:5px}
		.b-scroll-events-i .place big, .b-events-ul .place big, .b-sec-events-i .place big {font-size:18px; font-weight:bold}
		.b-scroll-events-i ul {width:10000px}
			.b-scroll-events-i ul li {position:relative; float:left; width:363px; height:301px; padding:21px 35px 0 330px; background-position:0 0; background-repeat:no-repeat}
		.b-scroll-events-i h3, .b-sec-events-i h3 {font-size:22px; font-weight:bold; padding-right:40px; padding-bottom:11px}
			.b-scroll-events-i h3 a, .b-sec-events-i h3 a {color:#111; text-decoration:none}
				.b-scroll-events-i h3 a:hover, .b-sec-events-i h3 a:hover {color:#e00}
		.b-scroll-events-i p, .b-events-ul p, .b-sec-events-i p {padding-left:25px; padding-bottom:21px}
		.b-scroll-events-i .brd, .b-events-ul .brd, .b-sec-events-i .brd {display:block; width:19px; height:4px; font-size:1px; background-color:#e10000}
		.b-scroll-events-i .label, .b-events-ul .label, .b-sec-events-i .label {position:absolute; top:24px; right:14px}
	.b-sec-events {position:relative; margin-right:-316px; padding-left:15px; margin-bottom:28px}
		.b-sec-events .bs {left:12px}
	.b-sec-events-i {background-position:0 0; background-repeat:no-repeat; padding:22px 30px 0 331px; width:367px; height:299px}
	.b-sec-events .event-btns {left:753px; bottom:-3px}
/* -- ---- main events ---- -- */
	.event-btns {position:absolute; font:14px 'Calibri','Trebuchet MS',Helvetica; width:139px}
	.event-btns a {position:relative; display:block; color:#fff; padding:0 0 0 34px; height:36px; line-height:35px; overflow:hidden; text-decoration:none}
		.event-btns a:hover {color:#fff; text-indent:0}
			.event-btns a:hover .be {top:-36px}
	.event-btns span {position:relative; z-index:3}
	.event-btns i {position:absolute}
	.event-btns .ic {z-index:2; left:7px; width:22px; background:url(../img/event-ic.png) no-repeat}
	.event-btns .ic-1 {top:5px; height:21px}
	.event-btns .ic-2 {top:-11px; height:37px; clip:rect(21px auto auto auto)}
	.event-btns .ic-3 {top:-32px; height:59px; clip:rect(37px auto auto auto)}
	.event-btns .be {z-index:1; left:0; top:0; width:139px; height:72px; background:url(../img/event-oth.png)}
	.event-btns .be-1 {background-image:url(../img/event-reg.png)}

/* // ---- main middle ---- // */
.b-main-middle {padding:0 16px 0}
	.b-main-middle .l-col-1 {float:left; width:310px}
	.b-main-middle .l-col-2 {float:right; width:614px}

.s-title {color:#0babed; font:bold 18px/31px 'Calibri','Trebuchet MS',Helvetica; text-transform:uppercase}
	.s-title span {position:relative; z-index:3; float:left; padding:0 18px 0 14px; height:31px}
	.s-title .cr {z-index:-1; height:32px; background:url(../img/stitle-crn.png) no-repeat}
	.s-title .c-tl {width:100%; left:-14px; clip:rect(auto auto auto 12px); padding-right:3px}
	.s-title .c-tr {left:-12px; width:12px}

.b-brd {position:relative; z-index:1; margin-left:-2px; background:url(../img/brd-bg.png) no-repeat 0 0; padding:15px 30px 0 24px}
	.b-brd .p-tr {position:absolute; margin-left:100%; top:0; left:-12px; width:12px; height:66px; background:url(../img/brd-tr.png)}
/* -- ---- main middle ---- -- */

.b-briefly {}
	.b-briefly p {padding-bottom:18px}

.b-serv-wrap {position:relative; margin-right:-40px}
	.b-serv-wrap h3 {position:relative; margin-left:-9px; margin-bottom:2px}
	.b-serv-wrap h3 .t-md {display:block; border-left:1px solid #cdeffd; border-right:1px solid #cdeffd; background-color:#e7f8ff; padding:0 12px 2px}
	.b-serv-wrap h3 .htp, .b-serv-wrap h3 .hbt {position:relative; display:block; margin:0 4px; height:3px; border-top:1px solid #cdeffd; background-color:#e7f8ff; font-size:1px}
	.b-serv-wrap h3 .hbt {border-bottom:1px solid #cdeffd; border-top-width:0}
	.b-serv-wrap h3 .htp i, .b-serv-wrap h3 .hbt i {position:absolute; background:url(../img/ttl-crn.png) no-repeat}
	.b-serv-wrap h3 .htp .l {top:-1px; left:-4px; width:4px; height:4px}
	.b-serv-wrap h3 .htp .r {top:-1px; margin-left:100%; left:-4px; width:8px; height:4px; clip:rect(auto auto auto 4px)}
	.b-serv-wrap h3 .hbt .l {top:-4px; left:-4px; width:4px; height:8px; clip:rect(4px auto auto auto)}
	.b-serv-wrap h3 .hbt .r {top:-4px; margin-left:100%; left:-4px; width:8px; height:8px; clip:rect(4px auto auto 4px)}
	.b-serv-wrap ul {padding-left:24px; padding-bottom:2px; line-height:18px}
		.b-serv-wrap ul li {background:url(../img/li.gif) no-repeat 0 9px; padding:0 0 7px 20px}
	.b-serv-wrap .more {clear:both}

.b-serv-col {float:left; padding:0 16px 0 15px; width:264px}

/* // ---- bottom ---- // */
.bottom-pt {position:relative; z-index:1; margin-top:-131px; height:130px; border-top:1px solid #e8e8e8; background-color:#fff; min-width:1000px}
.bottom {position:relative; color:#666; font-size:12px; line-height:16px; z-index:10; height:111px; width:980px; margin:-130px auto 0; padding-top:19px}
	.bottom .l-col-1 {float:left; width:205px; padding-left:17px; padding-right:20px; text-transform:uppercase}
	.bottom .l-col-2 {float:left; width:200px; padding-right:11px}
	.bottom .l-col-3 {float:left; width:220px}

.b-address {color:#666}
	.b-address li {position:relative; width:122px;}
	.b-address .label {position:absolute; top:2px; left:122px; border-left:1px solid #ed0000; padding-left:10px; line-height:1em; white-space:nowrap}
	.b-address a {color:#666}
		.b-address a:hover {color:#e00}
	.lepshey {float:right; width:80px; height:31px; background:url(../img/lepshey.png); margin-right:20px; overflow:hidden; text-indent:-999em}
		a.lepshey:hover {text-indent:0; background-position:0 100%}
/* -- ---- bottom ---- -- */

.link-top {position:relative; z-index:4; color:#e00; font-size:12px; width:963px; margin:0 auto; text-align:right; padding:20px 17px 10px 0}
	.link-top a {color:#e00; text-decoration:none; border-bottom:1px dashed}
		.link-top a:hover {color:#333}
	.link-top .back-to {float:left; margin:0; padding-bottom:0; padding-left:17px}
		.link-top .back-to a {border-bottom-width:0; text-decoration:underline}

/* // ---- for editor ---- // */
.for-editor {line-height:18px;}
	.for-editor h2 {color:#0babed; font:bold 18px 'Calibri','Trebuchet MS',Helvetica; text-transform:uppercase; padding:15px 0 10px}
	.for-editor p {padding-bottom:18px}
	.for-editor ul {padding:0 0 11px 20px}
		.for-editor ul li {background:url(../img/li.gif) no-repeat 0 9px; padding:0 0 7px 21px}
	.for-editor .more {margin-left:0}
/* -- ---- for editor ---- -- */

.big-ph {position:relative; width:316px; height:199px; margin-top:4px; margin-bottom:15px}
	.big-ph .p {position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/frm-big.png)}

.b-small-ph {}
	.b-small-ph li {position:relative; float:left; width:151px; height:109px; margin:0 14px 14px 0}
	.b-small-ph .p {position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/frm-sm.png)}

/* // ---- events ul ---- // */
.b-events-ul {position:relative; margin-right:-416px; font:13px 'Calibri','Trebuchet MS',Helvetica; padding-bottom:23px}
	.b-events-ul .i {position:relative; z-index:2; width:370px; height:200px; padding:21px 27px 0 331px; background-repeat:no-repeat; background-position:0 0}
	.b-events-ul .pat {position:absolute; top:9px; left:13px; width:736px; height:229px; background:url(../img/events-pat.png)}
	.b-events-ul li {position:relative; padding:11px 16px 12px}
	.b-events-ul li:hover, .b-events-ul .hover {padding:10px 15px 11px; border:1px solid #dbdbdb; background-color:#e7e7e7}
		.b-events-ul li:hover .pat, .b-events-ul .hover .pat {margin-left:-1px; margin-top:-1px}
		.b-events-ul li:hover ul.event-btns, .b-events-ul .hover ul.event-btns {display:block}
	.b-events-ul h3 {font:bold 20px 'Calibri','Trebuchet MS',Helvetica; padding-bottom:9px}
		.b-events-ul h3 a {color:#111; text-decoration:none}
			.b-events-ul h3 a:hover {color:#e00}
	.b-events-ul .place {padding-bottom:6px}
	.b-events-ul p {padding-bottom:15px}
	.b-events-ul ul.event-btns {left:767px; bottom:4px; display:none}
		.b-events-ul ul.event-btns li {padding:0 0 4px; margin:0; border-width:0}
/* -- ---- events ul ---- -- */

.b-archive-list {font-size:13px; font-weight:bold}
	.b-archive-list small {font-size:11px; line-height:11px; font-weight:normal; font-style:italic}

ul.b-partners {position:relative; padding:0 20px 30px 0; margin:0 -190px 0 0}
	ul.b-partners li {display:-moz-inline-stack; display:inline-block; padding:0 10px 15px 0; margin:0px -4px 0 0; background-image:none; width:142px; vertical-align:top !important}
	ul.b-partners li.bb {width:172px;}
	ul.b-partners .ph {background-color:#fff; border:1px solid #bcbcbc; text-align:center; margin-bottom:4px; padding:3px; margin-top:5px}
	ul.b-partners .i {position:relative; padding:18px 0 0}
	ul.b-partners small.nt {position:absolute; top:0px; left:0; color:#666; text-transform:uppercase; line-height:9px; font-size:10px}
	ul.b-partners h3 {font-size:12px; line-height:18px; font-weight:normal}
		ul.b-partners h3 a {color:#e00}

.back-to {position:relative; margin-left:-25px; color:#e00; font:14px Arial,Helvetica; margin-top:-17px; padding-bottom:25px}
	.back-to a {color:#e00; font:12px 'Trebuchet MS',Helvetica}
		.back-to a:hover {color:#333}

/* // ---- forms ---- // */
.b-forms {position:relative; margin-right:-100px; padding-left:60px; padding-bottom:20px}
	.b-forms th {white-space:nowrap; padding:3px 10px 5px 0; vertical-align:top}
	.b-forms td {padding-bottom:5px; vertical-align:top}
	.b-forms .i-p {background:#fff url(../img/ip-bg.png) no-repeat 0 0; border:1px solid #c9cdcf; padding:2px 1px 3px 15px; width:335px}
	.b-forms textarea.i-p {height:68px}
	.b-forms .star {position:absolute; color:#e00; margin-left:5px; margin-top:4px}
	.b-forms .btn {cursor:pointer; cursor:hand; color:#fff; font:14px/34px 'Calibri','Trebuchet MS',Helvetica; padding-bottom:3px; width:92px; height:36px; border-width:0; background:url(../img/btn-send.png) no-repeat 0 0; margin-top:10px}
		.b-forms .btn:hover {background-position:0 -36px}

.b-forms-inn	{ padding:13px 0 20px 270px; background:#e5e5e5; margin:15px 0}		
.b-forms-inn .btn {cursor:pointer; cursor:hand; color:#fff; font:14px/34px 'Calibri','Trebuchet MS',Helvetica; padding-bottom:3px; width:200px; height:36px; border-width:0; background:url(../img/btn-send2.png) no-repeat 0 0; margin-top:10px}
		.b-forms-inn .btn:hover {background-position:0 -36px}		
		
		
/* -- ---- forms ---- -- */

.pp-viewer {position:absolute; z-index:999; top:0; left:50%; margin-left:-247px; width:494px}
	.pp-viewer .close {position:absolute; width:13px; height:13px; background:url(../img/i-close.png); right:17px; top:10px; font-size:1px}
	.pp-viewer-i {background:url(../img/pp-viewer-tp.png); padding:13px 14px 4px 8px}
	.pp-viewer .pp-bt {display:block; height:16px; font-size:1px; background:url(../img/pp-viewer-bt.png)}
	.pp-viewer-i h2 {color:#0babed; font:bold 18px 'Calibri','Trebuchet MS',Helvetica; text-transform:uppercase; padding:0 4px 10px}
	.pp-viewer-i h3 {font-size:18px; font-weight:normal}
	.pp-viewer-i .b-forms {padding:15px 0 0; margin-right:0; background-color:#e9e9e9}
		.pp-viewer-i .b-forms .tr-event td {padding-top:0; padding-right:10px}
		.pp-viewer-i .b-forms .tr-event th {padding-top:4px}
		.pp-viewer-i .b-forms .tr-event small {color:#333; font-size:12px; line-height:16px}
		.pp-viewer-i .b-forms table {width:100%}
		.pp-viewer-i .b-forms table td {}
		.pp-viewer-i .b-forms th {width:1%; padding-left:25px}
		.pp-viewer-i .b-forms .i-p {width:255px}
		.pp-viewer-i .b-forms .ta td {padding-bottom:16px}
		.pp-viewer-i .b-forms .brd {padding:7px 10px 14px}
			.pp-viewer-i .b-forms .brd i {position:relative; display:block; background-color:#fff; font-size:1px; overflow:hidden; height:1px; border-top:1px solid #cacaca}
		.pp-viewer-i .b-forms .btn-tr td {background-color:#fff; padding-top:17px}
			.pp-viewer-i .b-forms .btn-tr .btn {margin-top:0}

.b-event-editor {padding-right:190px}

TABLE.tbl	{}
TABLE.tbl	TH	{ font-size:10px; font-weight:bold; padding:7px 7px; background:#e5e5e5; text-transform:uppercase; color:#444}
TABLE.tbl	TD	{ font-size:12px; padding:7px 7px; vertical-align:top; border-bottom:1px solid #d1d1d1}
TABLE.tbl TR#off TD	{ background:#none;}
TABLE.tbl TR#on TD	{ background:#fefefe; cursor:pointer;bor der-top:solid 1px #c7b990;bor der-bottom:solid 1px #c7b990}


DIV.sec-menu	{ margin:-15px 0 20px -25px}
DIV.sec-menu	A	{ padding-right:15px}
DIV.sec-menu	A.active	{ color:#d50000}

H2.inn-title	{color:#111; font:bold 20px 'Calibri','Trebuchet MS',Helvetica; padding-top:0; margin-top:0}

.inn-bann	{ margin-bottom:15px}
.inn-part	{ margin-bottom:5px; margin-right:15px; padding:10px; background:#fff; border:1px solid #e1e1e1}
.driv-dop	{ color:#999999}
