/* CSS Document */
body{
	background:url(images/bg.png) #2f0502;
	background-repeat:repeat-x;
	background-position:left top;
	color:#FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size:10px;
	margin-top:0px;
	overflow-x:hidden;
}
a { outline:none;
	text-decoration:none;
	font-weight:normal; 
	color:#FFF;
}
a img { 
	border:none; 
}
#tlo{
	height:100%;
	width:100%;
	background-image:url(images/pattern.png);
	background-repeat:repeat;
	background-position: 51% 39%;
}
#page{
	margin:auto;
	width:1000px;
	min-height:1300px;
	overflow:hidden;
}
#top{
	width:100%;
	height:108px;
	overflow:hidden;
	float:left;
	z-index:95;
}
#logo{
	position: absolute;
	margin-left:132px;
	float:left;
    z-index: 96;
}
#logohover{
	position: absolute;
	margin-left:132px;
	z-index: 95;
	float:left;
}
#top ul, #top ul li {
	display:block;
	list-style:none;
	margin-left:2px;
	padding:0;
	float:left;
}
#top ul{
	position: absolute;
	height:14px;
	background-image:url(images/gray.png);
	background-position:top left;
	background-repeat:repeat;
	padding:5px;
	width:218px;
	margin-left:617px;
	margin-top:48px;
	z-index:100;
}
#top ul li {
	display: inline;
	white-space: nowrap;
	text-shadow:1px 1px 0px #2c2c2c;
}
.separator{
	width:17px;
	color:#671c11;
	text-align:center;
}
.menu {
	position:absolute;
	margin-left:0px;
	margin-top:0px;
	background-image:url(images/menubelka.png);
	background-position:top left;
	width:800px;
	height:52px;
	z-index:90;
	padding:0 ;
	padding-top:1px;
	float:left;
}
.menu li {
	float: left;
	list-style: none;
	z-index:90;	
	height: 52px;
}
.menu li a {
	outline: none;
	z-index: 90;
	display: block;
	float: left;
	height: 52px;
	width:92px;
	overflow: hidden;
	background-position:top left;
	background-repeat:no-repeat;
}
#aktualnosci, #s_aktualnosci{
	margin-left:30px;
}
#aktualnosci:hover, #s_aktualnosci{
	background-image:url(images/a1.gif);
	-moz-box-shadow:0px 0px 10px #292929;
	box-shadow:0px 0px 10px #292929;
	-webkit-box-shadow:0px 0px 10px #292929;
}
#oklubie, #s_oklubie{
	margin-left:14px;
}
#oklubie:hover, #s_oklubie{
	background-image:url(images/a2.gif);
	-moz-box-shadow:0px 0px 10px #292929;
	box-shadow:0px 0px 10px #292929;
	-webkit-box-shadow:0px 0px 10px #292929;
}
#galeria, #s_galeria{
	margin-left:9px;
}
#galeria:hover, #s_galeria{
	background-image:url(images/a3.gif);
	-moz-box-shadow:0px 0px 10px #292929;
	box-shadow:0px 0px 10px #292929;
	-webkit-box-shadow:0px 0px 10px #292929;
}
#download, #s_download{
	margin-left:16px;
}
#download:hover, #s_download{
	background-image:url(images/a4.gif);
	-moz-box-shadow:0px 0px 10px #292929;
	box-shadow:0px 0px 10px #292929;
	-webkit-box-shadow:0px 0px 10px #292929;
}
#klubowicze, #s_klubowicze{
	margin-left:28px;
}
#klubowicze:hover, #s_klubowicze{
	background-image:url(images/a5.gif);
	-moz-box-shadow:0px 0px 10px #292929;
	box-shadow:0px 0px 10px #292929;
	-webkit-box-shadow:0px 0px 10px #292929;
}
#dojazd, #s_dojazd{
	margin-left:25px;
}
#dojazd:hover, #s_dojazd{
	background-image:url(images/a6.gif);
	-moz-box-shadow:0px 0px 10px #292929;
	box-shadow:0px 0px 10px #292929;
	-webkit-box-shadow:0px 0px 10px #292929;
}
#forum, #s_forum{
	margin-left:8px;
}
#forum:hover, #s_forum{
	background-image:url(images/a7.gif);
	-moz-box-shadow:0px 0px 10px #292929;
	box-shadow:0px 0px 10px #292929;
	-webkit-box-shadow:0px 0px 10px #292929;
}
#baner{
	position:relative;
	width:800px;
	height:377px;
	margin-left:59px;
	margin-top:64px;
	float:left;
	z-index:90;
}
#otoczka{
	position:relative;
	background-image:url(images/otoczka.png);
	width:904px;
	height:490px;
	margin-left:41px;
	margin-top:-64px;
	z-index:91;
	float:left;
}
#JNwK{
	float:left;
	margin-top:-15px;
	margin-left:130px;
}
#plakaty{
	position:absolute;
	margin-top:11px;
	margin-left:0px;
	-moz-box-shadow:0px 0px 10px #292929;
	box-shadow:0px 0px 10px #292929;
	-webkit-box-shadow:0px 0px 10px #292929;
}
#srodek{
	width:832px;
	height:600px;
	float:left;
	margin-top:-11px;
	margin-left:83px;
	background-image:url(images/gray.png);
}
#srodektresci{
	width:832px;
	height:555px;
	float:left;
	margin-top:40px;
	margin-left:83px;
	background-image:url(images/gray.png);
}
#lewy{
	height:531px;
	width:410px;
	float:left;
	margin-left:22px;
}
#prawy{
	height:495px;
	width:300px;
	background-image:url(images/smok.png);
	background-position:top left;
	float:left;
	margin-left:1px;
	padding:20px 15px 20px 50px;
	color:#a5a5a5;
}
#prawy h3{
	color:#ff3600;
	font-size:15px;
	margin-top:10px;
	padding:0;
	font-weight:normal;
	text-shadow:1px 1px 0px #000;
}
#dol{
	width:832px;
	min-height:170px;
	float:left;
	margin:10px 83px;
}
#dol #kol{
	width:225px;
	height:100%;
	margin:0px 25px;
	float:left;
	color:#b2b2b2;
}
#dol #kol h3{
	font-size:15px;
	margin-top:0;
	padding:0;
	font-weight:normal;
	color:#FFF;
	text-shadow:1px 1px 0px #000;
}
#fadehover {
	position: relative;
}
#oddajglos{
	position:absolute;
	display:block;
	overflow:visible;
	margin-left:600px;
	margin-top:320px;
	z-index:92;
	float:right;
}
.oddajno{
	color:#777;
	font-weight:bold;
	text-shadow: 1px 1px 0px #000;
	font-size:12px;
	
}
.oddajno:hover{
	color:#FF3600;
}
.QOverlay {
	background-color: #000000;
	z-index: 9999;
}
.QLoader {
	background-color: #a51e0b;
	height: 5px;
}
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
.nivoSlider a.nivo-imageLink {
	position:absolute;
	margin-top:0px;
	margin-left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}

.nivo-caption {
	position:absolute;
	margin-left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	margin-left:0px;
}
.nivo-nextNav {
	right:0px;
}
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
	padding-left: 55px;
	}
.nivo-controlNav a.active {
	font-weight:bold;
}
#slider {
	float:left;
	z-index:80;
	position:relative;
/*	margin: 0px 30px 60px 0px;*/}
#slider img {
	float:left;
	z-index:80;
	position:absolute;
	margin-top:0px;
	margin-left:0px;
	display:none;
}
#slider a {
	border:0;
}
.nivo-controlNav {
	position:absolute;
	margin-left:18%;
	margin-top:525px;
}
/*.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:-10px 0;
}*/
.nivo-directionNav a {
	display:block;
	width:32px;
	height:34px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-32px 0;
	margin-right:10px;
}
a.nivo-prevNav {
	margin-left:10px;
}
#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 10px;
	color: #fff;
	padding: 4px 6px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}
	.coda-slider-wrapper { float:left; margin-top:30px; margin-left:65px; background-image:url(images/gray.png); padding-top:20px }
	.coda-slider { color:#FFFFFF; text-shadow: 1px 1px 0px #333 }
	.coda-slider-no-js .coda-slider { height: 550px; overflow: auto !important; padding-right: 20px }
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 775px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0px 15px }
	.coda-nav-left a { background-image:url(images/arrowleft.png); background-repeat:no-repeat; min-width:31px; min-height:34px }
	.coda-nav-right a { background-image:url(images/arrowright.png); background-repeat:no-repeat; min-width:31px; min-height:34px }
	.coda-nav ul li a.current { background-image:url(images/buttonhover.gif); color:#FFF; -moz-box-shadow:0px 0px 5px #292929; box-shadow:0px 0px 5px #292929; -webkit-box-shadow:0px 0px 5px #292929; }
	.coda-slider .panel-wrapper { padding: 20px }
	.coda-slider p.loading { float:left; margin-left:300px; margin-top:100px }
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline; width:100% }
	.coda-nav ul li a { color: #FF3600; display: block; float: left; margin-right: -0px; padding: 4px 38px; font-size:14px; text-shadow: 0px 0px 5px #000,0px 1px 0px #000; background-image:url(images/button.gif) }
	.coda-slider-wrapper { clear: both; overflow-x:hidden }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left; margin-top: 60px }
	.coda-nav-left a, .coda-nav-right a { display: block }
h3 {
			margin: 0;	
			padding: 12px 0 0 0;
			font-size: 13px;
			text-shadow: 0px 1px 1px #000;
		}
		div#feature_list {
			width: 780px;
			height: 388px;
			overflow:hidden;
			position:relative;
			left:20px;
		}
		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}
		ul#tabs {
			left: 0;
			z-index: 2;
			width: 320px;
		}
		ul#tabs li {
			font-size: 10px;
			font-family: Verdana;
			text-shadow: 0px 1px 1px #000;
		}
		ul#tabs li img {
			padding: 5px;
			border: none;
			float: left;
			margin: 3px 10px 0 0;
		}
		ul#tabs li a {
			color: #FFF;
			text-decoration: none;	
			display: block;
			padding: 0px;
			height: 55px;
			outline: none;
		}
		ul#tabs li a:hover {
			text-shadow: 0px 0px 5px #000;
		}
		ul#tabs li a.current {
			background:  url('images/feature-tab-current.png');
			color: #FF3600;
		}
		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}
		ul#output {
			right: 0;
			width: 482px;
			height: 387px;
			position: relative;
		}
		
		/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxTopLeft{width:25px; height:25px; background:url(images/border1.png) no-repeat 0 0;}
    #cboxTopCenter{height:25px; background:url(images/border1.png) repeat-x 0 -50px;}
    #cboxTopRight{width:25px; height:25px; background:url(images/border1.png) no-repeat -25px 0;}
    #cboxBottomLeft{width:25px; height:25px; background:url(images/border1.png) no-repeat 0 -25px;}
    #cboxBottomCenter{height:25px; background:url(images/border1.png) repeat-x 0 -75px;}
    #cboxBottomRight{width:25px; height:25px; background:url(images/border1.png) no-repeat -25px -25px;}
    #cboxMiddleLeft{width:25px; background:url(images/border2.png) repeat-y 0 0;}
    #cboxMiddleRight{width:25px; background:url(images/border2.png) repeat-y -25px 0;}
    #cboxContent{background:#fff; overflow:hidden;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:#fff url(images/loading.gif) no-repeat 5px 5px;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444; font-size:12px}

/*
  The following fixes a problem where IE7+ replaces a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft{background:url(images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(images/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}