/* CSS Document */

html {
height:100%;
background-color:#222;
background-image:url(img/web_bcg.gif);
background-repeat:repeat-x;
}

body {
	margin:0;
	padding:0;

	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	}

	
h1 {
	margin:0;
	padding:0;

	font: 22px Arial, Helvetica, sans-serif;
	color: #FF8200;

	letter-spacing: 0.05em;
	}


h2 {
	margin: 10px 0 15px 5px;
	margin-top:25px;	/*zdublowana warosc*/
	
	font: 18px Arial, Helvetica, sans-serif;
	color: #000;

	letter-spacing: 0.05em;
	}



h3  {
	margin-top:25px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 5px;
	padding:0;
	
	font: 16px Arial, Helvetica, sans-serif;
	color: #000;
	
	font-weight:bold;
	letter-spacing: 0.05em;
	}


h4,h5 {
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-bottom:0;

}

h5 {
margin-left:10px;
}

h5 + p {
margin-top:0;
margin-left:10px;
}

ul {
margin-left: 0;
padding-left: 15px;
}

ul li {
	list-style:square;
}

ol li {
margin-top:6px;
}

table {
margin-left:15px;
margin-right:15px;
margin-top:10px;
margin-bottom:20px;
}

td {
width:240px;
border-bottom: 1px dashed #CCCCCC;
}

tr:hover, tr:active {
background-color:#F5F5F5;
}


acronym, abbr {
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	cursor: help;
}

blockquote {
	margin-left:25px;
	padding-left:10px;
	background-image:url(img/quotes.gif);
	background-repeat: no-repeat;
	background-position: 5px top;
	color: #666666;
}

blockquote h3{
	margin-left:15px;
	color: #999999;
}

.autor {

	margin:10px;
	text-align:right;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	letter-spacing: 0.1em;
	}
	
.list_column {
display:block;
width:95%;
float:left;
}	
	
.bold {
font-weight:bold;
}

.smallfonts {
font-size:0.7em;
}

.externall {
	background-image: url(img/exter.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right:12px;
}

.uczestnicy {
margin:0;
padding:0;
background-color:#F8F8F8;
border-top:1px dashed #CCCCCC;
border-bottom:1px dashed #CCC;
position:relative;
margin-bottom:20px;
}

.uczestnicy h3 {
margin-top:10px;
}

.uczestnicy p  {
margin-left:5px;
}

.uczestnicy li {
margin-left:8px;
}


.uczestnicy img {
margin-top:15px;
padding:10px;
float:right;
}


.todo {
background-color:#fffff7;
border: 1px solid #F2F2F2;
color:#4fb118;
padding:10px;
font-size:0.8em;
clear:both;
}


#box {
	margin: 0 auto;
	padding: 0 6px 0 10px;
	width:745px;
	background-color:#ff6600;
	position:relative;
	background-image: url(img/box_bcg.gif);
	background-repeat: no-repeat;
	background-position: bottom;

}

#me {
margin: 0 auto;
width:730px;
color:#FFFFFF;
font-size:10px;
padding:3px;
text-align:right;
padding-right:20px;

}

#me a {
text-decoration:none;
border-bottom: 1px dotted #666666;
color:#CCCCCC;
}

#header {
	height:30px;
	color:#FFFFFF;
	padding-top:6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
}

#header h1 {
margin:0;
padding:0;
color:#FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
}

#greenball{
position:absolute;
right:0;
top:0;
background-image:url('img/greenball.gif');
width:84px;
height:60px;
}

#menu {
margin:0;
padding:0;
padding-top:7px;

height:80px;
	
	background-image:url(img/menu_bacgroung.gif);
	background-position:top;
	background-repeat:no-repeat;

	background-color:#FFFFFF;
}

	#menu li {
	display:block;
	width:113px;
	height:70px;
	padding:10px 5px 0;
	float:left;
	list-style-type: none;

	background-color:#FFF;
	background-repeat:no-repeat;
	background-position:bottom;
	
	font: 22px Arial, Helvetica, sans-serif;
	color: #FF8200;
	letter-spacing: 0.1em;
	
	border-left: 1px dashed #999;
	}

	#menu li:hover {
	position:relative;
	/*z-index:5;  do przyszlego wykorzystania w rozwijanym menu */
	}

	#menu a {
	display:block;
	width:100%;
	height:100%;
	text-decoration: none;
	color: #FF8200;
	}
/* Rozwijane menu test
#menu li ul {
	position: absolute;
	left: -999em;
}

#menu li:hover ul {
	left: auto;
	z-index:1;
	margin:0;
	padding:0;
}

#menu li:hover ul li {
margin:0;
padding:0;
font-size:10px;
z-index:1;
height:13px;
}

 koniec rozwijane menu test*/
	#menu_klub {
	background-image:url(img/menu_klub.gif);
	}
	
	#menu_szkolenia {
	background-image:url(img/menu_szkolenia.gif);
	}
	
	#menu_splywy {
	background-image:url(img/menu_splywy.gif);
	}
	
	#menu_wyprawy {
	background-image:url(img/menu_wyprawy.gif);
	}
	
	#menu_zdjecia {
	background-image:url(img/menu_zdjecia.gif);
	}			
	
	#menu_linki {
	background-image:url(img/menu_linki.gif);
	}

	#menu a:active, #menu a:hover, #menu a:focus {
	color:#000000;
	}

	#menu li:first-child {
	border: none;
	}
		
	#menu li:hover a {
	color:#000000;
	}

	#menu li:hover, #menu li:active, #menu li.select {
	margin-top: -15px;
	padding-top: 11px;
	border-top:#FFF solid 14px;
	color: #000000;
	}


#banner {
position:relative;
}

	#banner_top {
	position:absolute;
	top:-40px;
	z-index:2;
	}

	img {
	border: none;
	}

	#blacha_index {
	display:block;
	position:absolute;
	right: -36px;
	top: 275px;
	width:172px;
	height:173px;
	background-image:url(img/blacha.gif);
	z-index:6;
	}

	#blacha {
	display:block;
	position:absolute;
	right: -36px;
	top: 50px;
	width:172px;
	height:173px;
	background-image:url(img/blacha.gif);
	z-index:6;
	}

#site_nav {
	width:520px;
	background-color: #FF6500;
}

#site_nav input {
float:right;
}

#site_nav ul{
 margin:0;
 list-style:none;
 color:#F5F5F5;
 font-size: 10px;
 text-transform: uppercase;
 height:20px;
 padding-top: 8px;
 padding-right: 0;
 padding-left:0px;
 padding-bottom: 1px;
 letter-spacing: 0.05em;
}

#site_nav  a {
	color:#F5F5F5;
	text-decoration: none;
}

		#site_nav a:hover, #site_tree a:active {
	color:#FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	}

	#site_nav li {
display:inline;
padding:0;
margin:0 2px 0 0;
}

		#site_nav li:before { content:">> ";}
		#site_nav li:first-child:before {content: "";}



#nav {
padding:0;

float:right;
width:205px;
background-color:#333;
background-image:url(img/nav_top_bacground.gif);
background-position:left top;
background-repeat:no-repeat;
color:#FFFFFF;
margin-right:-6px;
margin-top:-20px;


}

#nav a {
text-decoration:none;
color:#CCCCCC;


display:block;
width:100%;
height:100%;
}

#nav a:hover {
color:#FFF;
}

#nav h1, #nav p {
padding: 8px; 
padding-left:13px;
font: 14px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-transform:uppercase;
color:#F8F8F8;
letter-spacing:0.5em;
margin:0;
text-align:left;
}

#nav ul {
margin:0;
padding:0;
padding-left:30px;
list-style:square;
margin-bottom:10px;
}

#nav ul p {
margin:0;
padding:0;
}

#nav ul li {
	margin:0;
	padding:0;
	padding-bottom:3px;
	list-style:none;
	/*	list-style-image:url(img/pos.gif);*/
	border-bottom:#666666 1px dashed;
	}


#nav li.active   {
background-color:#464646;
border-top:#666 1px dashed;
}

#nav.descriprion {
font-size:9px;
color:#999999;
}

#nav li:hover {
background-color:#262626;
}

#nav .sponsorzy li {
padding-top:2px;
padding-bottom:2px;
list-style:none;
border-bottom:none;
}

#nav .sponsorzy img {
border:none;
}

#nav .sponsorzy li:hover {
background-color:#333;
}

#content {
width:490px;
min-height:120px;
padding:15px;
color:#000000;
background-color:#FFFFFF;
background-image:url(img/content_bacground.gif);
background-position:top;
background-repeat:no-repeat;
font-size: 1em;
}



#content a {
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FF8200;
	border-bottom-color: #026fa7;
	color:#026fa7;
}

#content a:visited {
color:#999999;
border-bottom-color:#999;
}

#content a:active, #content a:hover {
	background-color:#FF8200;
	background-color:#026fa7;
	color: #FFFFFF;
	border-bottom-color:#FF8200;
	border-bottom-color:#026fa7;
}


#footer {
	clear:both;
	height:30px;
	background-color: #FF6600;
	background-image: url(img/footer_bacgrounf.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:10px;
}


#footer img {
padding-right:10px;
border:none;
float:left;
}

.text_center, .paragraf {
text-align:center;
}

.headerdiscription {
font-size:10px;
padding:0;
margin:0;
margin-bottom:30px;
}

.webbanner {
margin-top:20px;
margin-bottom:20px;
}

.webbanner a, .webbanner a:hover, .webbanner a:active, .webbanner a:focus {
text-decoration:none;
border:none
}

.webbanner img {
display:block;
margin:0 auto;
border:none;
outline:1px solid #CCCCCC;
}



table.godzinki td{
width:auto;
border-bottom: 1px dashed #CCCCCC;
}

#sbox {
display:block;
right:10px;;
position:absolute;
top:2px;
border:none;

}


.news, .sepbox {
display:block;
position:relative;

margin-top:15px;
margin-bottom:20px;
background-color:#fff;
background-image:url(img/kreseczki.gif);
background-repeat:repeat-x;
background-position:bottom;
border: 1px solid #F4F4F4;
padding:10px;
}

	.news:hover, .sepbox:hover {
	background-color:#fff;
	background-image:url(img/kreseczkih.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	border: 1px solid #edf8fe;
	}

	.boxfolio h2, .boxfolio h3, .boxfolio h4, .sepbox h2, .sepbox h3, .sepbox h4  {
	margin:0 !important;
	}
	

	
	.boxfolio p, .sepbox p {
	font-size:12px;
	padding-bottom:5px;
	}
	
	
	
	.boxfolio li:hover, .sepbox li:hover {
	background-color:#FFFFFF;
	outline:1px solid #CCCCCC;
	}

#sbox label {
display:none;
}

#sbox fieldset {
border:none;
}