@charset "utf-8";
/* CSS Document */



body{
	margin:0px;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #100215;
	font-size: 11px;
	color: #FFFFFF;
	background-image: url(bg_repeat.gif);
	background-repeat: repeat-x;
}



.contener{
width:909px;
margin:auto;}



#yes_no{
	width:300px;
	height:50px;
	float:left;
	margin-left:305px;
	margin-top:502px;
	
}

a.yes{
display:block;
float:left;
width:130px;
height:50px;}

a.no{
display:block;
float:right;
width:130px;
height:50px;}

#top{
	width:100%;
	float:left;
	margin-top:3px;
	background-image: url(top.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	height:746px;	
}



a.email{
	display:block;
	width:250px;
	height:20px;
	margin-left:380px;
	margin-top:185px;
	float:left;	display:inline;

}



a.form{
	display:block;
	width:300px;
	height:20px;
	margin-left:260px;
	margin-top:30px;
	clear:both;
	float:left;

}

#menu{
	height:50px;
	width:100%;
	float:right;
	
	}
	
#menu a{
	display:block;
	display:inline;
	height:50px;
	background-repeat:no-repeat;
	float:left;
	font-size: 1px;
	color: #FFFFFF;
}

#menu a:hover{
	background-attachment: scroll;
	background-color: transparent;
	background-repeat: no-repeat;
	height:50px;
	background-position: 0 -50px;
}

a.menu1{
	background-image: url(menu_01.gif);
	width:117px;
}
a.menu2{
	background-image: url(menu_02.gif);
	width:120px;
}
a.menu3{
	background-image: url(menu_03.gif);
	width:123px;
}
a.menu4{
	background-image: url(menu_04.gif);
	width:93px;
}
a.menu5{
	background-image: url(menu_05.gif);
	width:103px;
}
a.menu6{
	background-image: url(menu_06.gif);
	width:97px;
}

a.menu7{
	background-image: url(menu_07.gif);
	width:129px;
}

a.menu8{
	background-image: url(menu_08.gif);
	width:127px;
}

#lang{
width:62px;
margin-top:12px;
margin-right:5px;
float:right;
height:49px;}


#social{
width:137px;
margin-left:20px;
margin-top:20px;
height:68px;
float:left;}

a.pl{
	display:block;
	float:left;
	background-image: url(pl.gif);
	background-repeat: no-repeat;
	width:31px;
	height:49px;
}

a.eng{
	display:block;
	float:left;
	background-image: url(eng.gif);
	background-repeat: no-repeat;
	width:31px;
	height:49px;
}


#main{
width:100%;
float:left;
margin-top:10px;}
#left{
width:548px;
float:left;}

#start_top{
	width:100%;
	float:left;
	background-image: url(start_top.png);
	background-repeat: no-repeat;
	height:33px;
}

#start_down{
	width:100%;
	float:left;
	background-image: url(start_down.png);
	background-repeat: no-repeat;
	height:42px;
}


#start_bg{
	width:510px;
	padding-top:10px;
	padding-right:10px;
	padding-left:28px;
	float:left;
	line-height:16px;
	background-image: url(start_bg.png);
	background-repeat: repeat-y;

}

#start_bg2{
	width:507px;
	margin-left:3px;
	padding-top:10px;
	padding-bottom:20px;
	padding-right:10px;
	padding-left:22px;
	line-height:16px;
	float:left;
	background-image: url(start_bg2.png);
	background-repeat: no-repeat;


}



#start_bg strong{
color: #ff0060;
}

a.start_more{
	display:block;
	float:right;
	width:106px;
	height:22px;
	margin-top:20px;
	}
	
#welcome{
	background-image: url(welcome_pl.png);
	background-repeat: no-repeat;
	width:461px;
	height:18px;
	float:left;
	margin-left:25px;
	margin-top:18px;
}

a{
	color: #ff0060;
}
a:hover{
	text-decoration:underline;
}


a.zawodnicy{
	width:339px;
	height:182px;
	float:right;
	display:block;
	margin-top:-10px;
	background-image: url(zawodnicy_botton_pl.png);
	background-repeat: no-repeat;
}

a.bols{
	width:155px;
	height:60px;
	float:right;
	display:block;
	clear:both;
	margin-top:20px;
	background-image: url(logo_bols.png);
	background-repeat: no-repeat;
	margin-right:78px;
}

a.wyniki{
	width:339px;
	height:182px;
	float:right;
	display:block;
	margin-top:-10px;
	background-image: url(wyniki_botton_pl.png);
	background-repeat: no-repeat;
}

#logos{
	float:left;
	width:903px;
	margin-left:3px;
	margin-top:20px;
	background-image: url(start_logos.png);
	background-repeat: no-repeat;
	height:312px;
}
#logos a{
	display:block;
	float:left;

}
a.sponsor1{
	width:180px;
	height:90px;
	margin-left:360px;
	margin-top:14px;

}

a.sponsor2{
clear:both;
height:105px;
margin-left:130px;
margin-top:14px;
width:165px;
}

a.sponsor3{

width:90px;
height:90px;
margin-left:25px;
margin-top:25px;
}

a.sponsor4{
	
width:90px;
height:80px;
margin-left:24px;
margin-top:20px;
}

a.sponsor5{
width:77px;
height:88px;
margin-left:35px;

margin-top:15px;
}

a.sponsor6{
width:102px;
height:98px;
margin-left:30px;

margin-top:15px;
}

a.sponsor7{
	width:113px;
	
	height:70px;
margin-left:5px;
margin-top:10px;
	
}


a.sponsor8{
clear: both;
    height: 66px;
    margin-left: 20px;
    margin-top: 15px;
    width: 82px;

}

a.sponsor9{
width:152px;
height:55px;
margin-left:5px;
margin-top:18px;

}

a.sponsor10{
    height: 70px;
    margin-left: 5px;
    margin-top: 10px;
    width: 120px;

}


a.sponsor11{
width:142px;
height:70px;
margin-left:5px;
margin-top:10px;
}
a.sponsor12{
width:97px;
height:70px;
margin-left:5px;
margin-top:10px;
}

a.sponsor13{
width:97px;
height:70px;
margin-left:25px;
margin-top:10px;
}



#footer{
	background-image: url(footer.gif);
	background-repeat: repeat-x;
	height:53px;
	padding-top:7px;
	width:100%;
	float:left;
	margin-top:20px;
	font-size: 11px;
}
#footer a{
	font-size: 11px;
	padding-left:3px;
	padding-right:3px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover{
text-decoration:underline;}

#footer strong{
	font-weight: normal;
	color: #403544;
}

#center{
	width:873px;
	margin-top:20px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:50px;
	line-height:16px;
	float:left;
	background-image: url(center.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}



h2{
font-size:16px;}
.Container {
  position: absolute;
  top: 50px; left: 100px;
  width: 400px;
  height: 400px;
  background: #FFF url(images/container_background.gif) no-repeat;
}
#Scroller-1 { 
  overflow: hidden;
  position:relative;
  float:left;
  margin-top:20px;
  width: 840px;
  height: 400px;
}
#Scroller-1 p {
	margin: 0;
	padding: 10px 0px;
		font-size: 11px;
	text-indent: 20px;
	color: #FFFFFF;
}
.Scroller-Container {
  position: absolute;
  top: 0px; left: 0px;
}
#Scrollbar-Container {
  position: relative;
  float:right;
  margin-right:15px;
}

.Scrollbar-Track {
	width: 20px;
	height: 400px;
	position: absolute;
	top: 36px;
	left: 4px;
	background-color: transparent;
	background-image: url(scrollbar_track.gif);
	background-repeat: repeat-y;
	background-position: center center;
}
.Scrollbar-Handle {
  position: absolute;
  width: 20px; height: 53px;
}



#sklad{
width:100%;
float:left;
margin-top:20px;}

#sklad table{
	border-collapse:collapse;
		border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

#sklad td{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-top:10px;
	border-bottom-color: #403544;
}

.newster {
	border:1px solid #403544;
	color:#CCCCCC;
	font-family:Tahoma;
	font-size:11px;
	height:20px;
	margin:10px 0 0 10px;
	padding:5px 0 0 15px;
	text-decoration:none;
	width:340px;
	background-color: #100215;
}

.textarea {
border:1px solid #403544;
color:#CCCCCC;
background-color: #100215;

font-family:Tahoma;
font-size:11px;
height:100px;
margin:10px 0 10px 10px;
padding:5px 0 0 15px;
text-decoration:none;
width:340px;
}

.button_add{
	border:1px solid #403544;
	color:#FFFFFF;
	padding:3px;
	margin:10px 0 10px 10px;
	background-color: #2d0a39;
	font-size: 11px;
	font-family: Tahoma, arial;
	font-weight: bold;
}

.kategorie_item {
float:left;
margin:5px;
width:200px;
}

.img2 {
border:1px solid #7e7382;
display:block;
float:left;
padding:1px;
}

.img_gallery {
	border:0px solid #201A22;
	padding:4px;
	background-color: #403544;
}

.kategorie_txt {
background-color:#000000;
color:#FFFFFF;
float:left;
height:32px;
margin-left:2px;
margin-top:-32px;
opacity:0.8;
text-align:left;
width:200px;
}

.kategorie_txt a{
	color: #FFFFFF;
	padding-left:5px;
	text-decoration: none;
}

a.link:hover{
text-decoration:underline;}
a.link{
text-decoration:none;}


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

#player_out{
width:400px;
margin:5px;
float:left;
}

#player{
width:400px;
float:left;}

#player_txt{
width:100%;
float:left;
text-align:center;
margin-top:5px;}


#user_link{
width:100%;
float:left;
padding-bottom:20px;
margin-top:30px;
text-align:center;}

#user_link a{
padding-left:15px;
padding-right:15px;}

.row{
width:100%;
float:left;}