@import url("reset.css");

body,html {height:100%}
body {color:#36404a; background-color:#27313a; font:14px Tahoma,Verdana,'MS Sans Serif',sans-serif}
td,th {color:#36404a; font:1em Tahoma,Verdana,'MS Sans Serif',sans-serif}
input,textarea,option,select {color:#000; font:1em Tahoma,Verdana,'MS Sans Serif',sans-serif}

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

a {color:#495561; text-decoration:underline}
a:hover {color:#fff; text-decoration:none}

.fBold {font-weight:bold;}

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

#minWidth {position:relative; min-width:1000px; height:auto !important; height:100%; min-height:100%; background:url(../img/bg.jpg) no-repeat 50% 50%}

.mih {display:block; font-size:1px; width:1px; height:650px; visibility:hidden}

/* // ---- main page ---- // */
.butil {position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden}
	.butil i {position:absolute; top:50%; left:50%; margin-top:-413px; margin-left:-175px; width:322px; height:833px; background:url(../img/vis-but.jpg)}
	.butil .but-1 {margin-top:-364px; margin-left:-184px; width:336px; height:734px; background:url(../img/vis-but-1.jpg)}

.date-start {position:absolute; top:50%; left:50%; margin-left:-265px; margin-top:-87px; width:315px; height:137px; color:#98a4b1; font-size:10px; text-transform:uppercase; background:#4b5764 url(../img/date-bg.jpg); padding:38px 0 0 215px}
	.date-start .i-p {float:left; color:#4c5765; font:bold 11px Arial,Helvetica; text-transform:uppercase; width:43px; height:21px; background:url(../img/date-ip.png); border-width:0; margin-right:7px; text-align:center; padding-top:7px}
	.date-start .year {float:left; color:#4c5765; font:bold 11px Arial,Helvetica; text-transform:uppercase; width:50px; height:21px; background:url(../img/date-ip-4.png); border-width:0; margin-right:7px; text-align:center; padding-top:7px}
	.date-forms {padding-top:7px; padding-bottom:2px}
	.date-start dl {padding-top:12px}
		.date-start dl dt {float:left; padding-right:9px}
		.date-start dl dd {float:left; color:#fff; padding-right:10px}
		.date-start dl dd label {position:relative; display:block; padding-left:18px}
		.date-start dl dd .f-cb {}
		.date-start dl dd a {color:#fff}
	.date-copyright {position:absolute; left:0; width:530px; color:#505d6b; font:11px Arial,Helvetica; text-transform:none; text-align:center; bottom:-33px}
	.date-copyright a{color:#495561}
	.date-start .date-logo {position:absolute; top:36px; left:35px; padding-top:12px; width:146px; height:89px; border-right:1px solid #7f8790}
/* -- ---- main page ---- -- */

.navigation {position:relative; z-index:5; margin:-35px auto 0; width:1000px; height:35px}
	.navigation div {position:relative; float:right; right:50%; height:35px; font-size:1px}
	.navigation ul {position:relative; float:left; z-index:1; right:-50%; height:23px; background:#3f4b55 url(../img/navigation-bg.png); padding-top:12px}
	.navigation li {float:left; color:#fff; font:bold 10px Arial,Helvetica; text-transform:uppercase; padding:0 16px}
		.navigation li a {color:#fff; text-decoration:none}

h1, .m-title {color:#495561; font-size:33px; text-transform:uppercase; line-height:normal; padding-bottom:13px}

.logo {position:absolute; left:40px; top:31px}
	.logo img {background-image:url(../img/logo-png-p.png)}

.copyright {position:absolute; right:6px; bottom:16px; width:12px; height:271px; font-size:1px}
	.copyright i {position:absolute; top:0; left:0; width:12px; height:271px; background-image:url(../img/copyright.png)}
	.copyright .cpeople {position:absolute; top:0; left:0; width:12px; height:76px; background-image:url(about:blank)}

/* // ---- company page ---- // */
.company-container {position:absolute; left:50%; margin-left:130px; width:18%; top:50%; margin-top:-150px}
.company-container-i {position:relative; margin-right:-130px; line-height:18px}
.company-container-i p {padding-bottom:18px}
.company-nav {position:absolute; top:50%; margin-top:-141px; left:50%; margin-left:-450px; width:280px; font-size:20px; font-weight:bold; text-transform:uppercase}
	.company-nav li {padding-top:4px}
	.company-nav .lq {position:absolute; right:100%}
	.company-nav a {color:#495561; text-decoration:none}
		.company-nav a:hover, .company-nav .current {color:#fff}
/* -- ---- company page ---- -- */


/* // ---- press page ---- // */
.press-page {}
	.press-page .l-col-2, .press-page .l-col-1 {position:absolute; width:320px; left:50%; top:50%; margin-top:-80px}
		.press-page .l-col-2-i, .press-page .l-col-1-i {line-height:18px}
	.press-page .l-col-1 {margin-left:-440px}
	.press-page .l-col-2 {margin-left:130px}
/* -- ---- press page ---- -- */

/* // ---- club page ---- // */
.club-page {}
	.club-page .l-col-2, .club-page .l-col-1 {position:absolute; width:320px; left:50%; top:50%; margin-top:-150px}
		.club-page .l-col-2-i, .club-page .l-col-1-i {line-height:18px}
	.club-page .l-col-1 {margin-left:-440px}
	.club-page .l-col-2 {margin-left:130px}
/* -- ---- club page ---- -- */

.inpress-page .l-col-2, .inpress-page .l-col-1 {margin-top:-150px}

.events-main {font-size:18px; line-height:20px; text-transform:uppercase}
	.events-main a {text-decoration:none}
	.events-main .dt {color:#495561; font-size:13px; padding-top:8px; padding-bottom:12px}
	.events-main .content {font-size:15px; text-transform:none; line-height:18px}
	.events-main p {padding-bottom:10px}
	.events-main h3 {color:#495561; font-weight:normal}

.events-list {font-size:15px; line-height:18px; text-transform:uppercase; padding-bottom:4px}
	.events-list li {padding:14px 0}
	.events-list a {text-decoration:none}
	.events-list .current {color:#fff}
	.events-list .dt {color:#495561; font-size:13px; padding-top:7px}

.ars {position:relative; margin-left:-3px; font-size:1px}
	.ars a {display:block; float:left; width:21px; height:21px}
	.ars .l {background-image:url(../img/ar-l.png)}
	.ars .r {background-image:url(../img/ar-r.png)}

.for-editor {}
	.for-editor p {padding-bottom:11px}
	.for-editor .all {font-weight:bold; font-size:13px}