@import url("hpe.css");

* {font-family: Tahoma; font-size: 12px; margin: 0; padding: 0;}
body {background: url(../images/body_bg.gif) repeat-x; margin: 0; padding: 0;}

img {border: 0; margin: 0; padding: 0;}
.right {float: right;}
.left {float: left;}
.clear {clear: both;}
.hidden {display: none;}
h1 {clear: both; color: #336699; font-size: 24px; line-height: 30px; font-weight: normal; height: 30px; margin-bottom: 15px; position: relative;}

#top {background: url(../images/content_top_bg.gif) no-repeat; height: 214px; width: 100%}

#path {color: #a3b7c3; height: 30px;}
	#path ul {list-style-type: none; margin-left: 26px;}
	#path li.home {background: none; padding: 0px 10px 0px 0px;}
	#path li {background: url(../images/path_separator.gif) no-repeat left; height: 30px; line-height: 30px; float: left; font-size: 10px; padding: 0 10px;}
	#path a {color: #a3b7c3; font-size: 10px; line-height: 30px; text-decoration: underline;}
	#path a:hover {color: #be2b27;}
	
#middle {background: url(../images/content_bg.gif) no-repeat; width: 100%;}
	#container {clear: both; width: 999px; overflow: hidden; } * html #container { overflow: visible; zoom: 1; }
		#left {float: left; padding-top: 10px; width: 218px; overflow: hidden; } * html #left { overflow: visible; zoom: 1; }

		#content {background: url(../images/content.jpg) no-repeat; float: left; position: relative; width: 781px;}
			#content #body {margin: 10px 30px 30px 26px; color: #3A3A3A; line-height: 16px;}
			#content #body div.img {background: url(../images/content_image_box.gif); float: right; margin-left: 20px; margin-bottom: 10px; height: 231px; width: 245px;}
			#content #body div.img img {border: 1px solid #d1dbe1; margin: 11px 12px 0px 12px;}
			#content #body div.img div.text {color: #a3b7c3; font-size: 11px; font-style: italic; height: 45px; margin-left: 12px; overflow: hidden; text-align: left; width: 220px;}
			#content #body p {margin-bottom: 8px;}
			#content #body ul, #content #body ol {margin-left: 25px; margin-bottom: 8px;}
			#content #body ul {list-style-type: none; z-index: -1;}
			#content #body ul li {background: url(../images/ul_li.gif) no-repeat 0px 6px; overflow: hidden; position: relative; padding: 0 10px;}
			#content #body ul.spaces li {margin-bottom: 25px;}
			#content #body a {color: #be2b27; text-decoration: none;}
			#content #body a:hover {text-decoration: underline;}
			#content #body .logo {border: 1px solid #ced9e0; margin: 0px 0px 5px 10px;}
			
			#content #body .video {color: #ffffff; background: url(../images/video_bg.gif) no-repeat; float: left; height: 193px; margin: 0 25px 20px 0; padding: 8px 0 0 9px; width: 285px;}
				#content #body .video .splash {display: block; width: 266px; height: 131px; margin-bottom: 3px; overflow: hidden;}
				#content #body .video div {width: 266px;}
				#content #body .video div.see_video {text-align: right; line-height: 12px;}
				#content #body .video div.video_title {padding-left: 6px;}
				#content #body .video a {color: #ffffff; font-size: 10px; font-weight: bold; text-decoration: none;}
				#content #body .video a:HOVER {text-decoration: underline;}
				#content #body .video p {line-height: 14px; height: 14px; display: block; margin: 0;}
				#content #body .video_back {position: absolute; padding-left: 20px; top: 3px;}
			
			#info_box {background: url(../images/index_info_box.gif) no-repeat; height: 88px; margin: 10px 0px 20px 30px; padding: 20px; text-align: center; width: 360px;}
			
			#gallery {width: 716px;}
				#gallery div {display: inline; float: left; height: 135px; margin-bottom: 10px; margin-right: 6px; width: 173px; display: inline;}
				#gallery a {background: url(../images/gallery_img_bg.gif) no-repeat; display: block; float: left; height: 135px; margin-bottom: 10px; margin-right: 6px; width: 173px;}
				#gallery a img {margin: 6px 0px 0px 9px; width: 155px;}
			
			#content_info_box {float: right; width: 245px; margin-bottom: 5px; margin-left: 10px; z-index: 1000;}
				#content_info_box_top {background: url(../images/content_box_top.gif) no-repeat; font-size: 1px; height: 6px;}
				#content_info_box .body {border-left: 1px solid #D1DBE1; border-right: 1px solid #D1DBE1; background: #ffffff; padding: 10px 20px 10px 20px;}
				#content_info_box .body h2 {color: #336699; font-size: 14px; margin-bottom: 10px;}
				#content_info_box .body div {margin-bottom: 6px;}
				#content_info_box_bottom {background: url(../images/content_box_bottom.gif) no-repeat; font-size: 1px; height: 6px;}
				* html #content_info_box_bottom {background-position: 2px 0;}
				
/* tabele rankingowe */
table.rank {width: 600px; border-collapse: collapse;}
	table.rank td {border-bottom: 1px solid #3A3A3A; padding: 2px;}
	table.rank thead td {font-weight: bold;}
	table.rank tbody td.lp {width: 30px;}
	table.rank tbody td.rank {width: 50px;}