@import url("http://portovik.com.ua/styles/reset");

/* INITIAL */
BODY {background:url('http://portovik.com.ua/images/layout/header-background.png') #FFF repeat-x; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:90%;}
A {color:#2c5f9f; text-decoration:underline;}
A:hover {color:#c74802;}

.clear {clear:both; height:1px; overflow:hidden; margin:0;}

	/* Sticky footer*/
HTML, BODY, #wrap {height:100%;}
#wrap {min-width:1000px;}
BODY > #wrap {height:auto; min-height:100%;}
#main {width:100%; padding-bottom:300px;}
#footer {position:relative; margin-top:-300px; min-height:300px; clear:both;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display: inline-block;}

/* HEADER */
#wrap {background:url('http://portovik.com.ua/images/layout/header-light.png') no-repeat 50% 0;}
#header-arrow {height:82px; width:56px; margin-top:265px; background:url('http://portovik.com.ua/images/layout/header-arrow-left.gif') no-repeat; position:absolute;}
#breadcrumbs {margin:242px 0 0 55px; position:absolute;}
	.path {font-size:80%; color:#959dac;}
		.path A {color:#959dac;}
		.path A:hover {color:#c74802;}
	#breadcrumbs H1 {padding:4px 55px 0 0; font-size:230%; color:#a23b02;}
#header {height:315px;}
	#header TABLE {height:315px; width:100%;}
	.header-logo {width:355px; vertical-align:top;}
		.header-logo IMG {margin:39px 0 0 55px;}
	.header-sponsor {width:188px; vertical-align:top;}
		.header-sponsor IMG {margin:42px 40px 0 0;}
	.menu-main {width:100%; vertical-align:top; padding-top:15px;}
		.menu-main UL {margin-top:10px; padding:10px 0 10px 0; border-right:0;}
		.menu-main LI {margin-bottom:10px; padding:4px 15px 0 0; text-align:right; font-size:140%; white-space:nowrap;}
		.menu-main A {padding-right:15px; color:#798399; text-shadow:#f4f6f9 0 1px 0;}
		.menu-main A:hover {color:#c74802;}
		.menu-main STRONG {padding:1px 15px 5px 10px; background:url('http://portovik.com.ua/images/layout/header-menu-active.gif') no-repeat top right; color:#fff6e0; text-shadow:#811c00 0 1px 0;}
		.menu-main STRONG A {padding:0; color:#fff6e0; text-shadow:#811c00 0 1px 0;}
		.menu-main STRONG A:hover {color:#ffdb9b;}
	.menu-sub {padding:24px 50px 0 0; vertical-align:top;}
		.menu-sub UL {padding:10px 0 10px 30px; border-left:1px solid #FFF;}
		.menu-sub LI {padding-bottom:10px; line-height:120%; white-space:nowrap;}
		.menu-sub A {color:#2c5f9f;}
		.menu-sub A:hover {color:#c74802;}
		.menu-sub STRONG {color:#a23b02; font-weight:bold;}

/* CONTENT */
	/* Paginator */
	.paginator {height:50px; margin:15px 0 0 15px; padding-left:35px; background:url('http://portovik.com.ua/images/layout/content-icon-paginator.gif') no-repeat 0 3px; font-size:110%;}
		.paginator STRONG {font-weight:bold; color:#a23b02;}
		.paginator P {padding:5px 0 0 0; font-size:90%; color:#2c5f9f;}

/* FOOTER */
#footer {background:url('http://portovik.com.ua/images/layout/footer-background.png') repeat-x bottom left;}
	.footer-light {min-height:300px; background:url('http://portovik.com.ua/images/layout/footer-light.png') no-repeat bottom left;}
	#footer-sponsors {width:100%; margin-bottom:50px;}
		.general-sponsor {padding:0 16px 0 55px;}
			.general-sponsor H1 {font-size:110%; line-height:130%;}
			.general-sponsor IMG {//margin-left:10px;}
		.other-sponsors {padding-right:15px;}
			.other-sponsors H1 {margin-left: 30px;}
			.other-sponsors H1, .info-partners  H1 {margin-top:4px; color:#5e5e5e;}
		.info-partners {padding-right:55px;}
		.other-sponsors TABLE, .info-partners TABLE {margin:30px 0 0 0px; //background-color:#f5f5d4;}
			.other-sponsors TD, .info-partners TD {text-align:left;}
			.other-sponsors TD {//width:33%;}
			.info-partners TD {//width:50%;}
			.info-partners TD {padding-right: 10px;}
			.info-partners {min-width: 520px;}
			.info-partners ul {margin-top: 20px}
			.info-partners li {float: left;; padding-right: 10px;}
	#copy-fed {width:100%; background:url('http://portovik.com.ua/images/layout/footer-arrow.gif') no-repeat;}
		.copyright {min-width:600px; vertical-align:top;}
			.cr {padding:0 0 20px 90px; font-size:110%;}
			.legal {padding:0 50px 13px 90px; font-size:80%; line-height:120%; color:#4a4a4a;}
			.author {padding:0 0 0 90px; font-style:italic; color:#4a4a4a;}
				.author A {color:#4a4a4a;}
				.author A:hover {color:#c74802;}
		.federations {min-width:320px; padding-right:65px;}
			.federations IMG {margin-left:25px; float:right;}