@charset "utf-8";
body{
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#999999;
background-image:url(/img/tlo.gif);
background-repeat:repeat-x; }  

/*------------------------ogolne modelowanie------------------------*/ 

#wrapper{
width:820px;
position:relative;
margin:auto;
} 

a:visited, a:link, a:active{
color:#FFFFFF;
text-decoration:none;}a:hover {
color:#FFFFFF;
text-decoration:underline;
} 
/*------------------------naglowek------------------------*/ 
#header{
width:820px;
height:223px;
margin:0px 0px 0px 0px;
background-image:url(/img/all/top.jpg);
background-repeat:no-repeat;
border:2px solid #333333;
z-index:1; }

.header_logo{
margin:40px 0px 0px -560px;
z-index:2;
text-align:center;
font-size:12pt;
font-weight:bold;
color:#ffffff;
line-height:20px;}
.header_logo a{
color:#ffffff;}

 /*------------------------menu------------------------*/ 
#menu{
width:820px;
height:30px;
border-left:2px solid #333333;
border-right:2px solid #333333;
border-top:2px solid #333333;
margin:10px 0px 0px 0px; } #menu ul{
	width:820px;
	height:30px;
	list-style-type:none;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height: 25pt;
	
	 }
#menu ul li{
	margin:0px 0px 0px 0px;
	float:left;
	line-height:24px;
	padding:0px 31px 0px 31px;
	font-size:10pt;
	color:#FFFFFF; 
	 height:30px;
 z-index:90;
 background-image:url(/img/all/menu_bg.gif);
	background-repeat:repeat-x;
	border-right:1px solid #333333;}
   #menu ul li:hover{
	 background-image:url(/img/all/menu_bg_h.gif);
 background-repeat:repeat-x;
 height:40px;}

 
#menu ul li a{
	
	color:#FFFFFF; 
	 }

/*---------------------------zawartosc---------------------------*/
#content{
background-color:#000000;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
overflow: auto;  
border-left:2px solid #333333;
border-right:2px solid #333333;
width:820px;
}
/*---------------------------prawa kolumna---------------------------*/
#content .content_right{
width:600px;
margin:0px 0px 0px 0px;
padding:0px ;
float: left;  
}
/*---------------------------lewa kolumna---------------------------*/
#content .content_left{
width:200px;
margin:0px 0px 20px 10px;
padding:0px 0px 0px 0px;
float:left; 
}
/*---------------------------menu---------------------------*/
#content .content_left #menu0 dt {
color:#FFFFFF;
font-weight:bold;
background-image:url(/img/menu/bg.png);
background-position: top left;
background-repeat:no-repeat;
padding:10px 0px 0px 0px;
margin:10px 0px 10px 0px;
cursor:pointer;
height:35px;
line-height: 19pt;
}	  

#content .content_left #menu0 dd {  
background-image:url(/img/menu/left.png);  
background-repeat:no-repeat;  
background-position:left;  
padding:0px 0px 0px 15px;  
line-height:15pt;  
margin:2px 10px 2px 10px;  
border-bottom:1px solid #333333;    }  #content .content_left #menu0 dd a, #content .content_left #menu0 dt a{
color:#FFFFFF;}/*---------------------------katalog---------------------------*/
.chmura{
width:175px;}
.chmura .tag_1 {
font-family:Verdana, Arial,Helvetica,sans-serif
font-size:4pt;
text-decoration:none;
vertical-align:middle;
color: #5d0023;
}

.chmura .tag_2 {
font-family:Verdana, Arial,Helvetica,sans-serif;
font-size:7pt;
text-decoration:none;
vertical-align:middle;
color: #5d0023;
}

.chmura .tag_3 {
font-family:Verdana, Arial,Helvetica,sans-serif
font-size:9pt;
text-decoration:none;
vertical-align:middle;
color: #5d0023;
}

.chmura .tag_4 {
font-family:Verdana, Arial,Helvetica,sans-serif;
font-size:12pt;
text-decoration:none;
vertical-align:middle;
color: #5d0023;
}

.chmura .tag_5 {
font-family:Verdana, Arial,Helvetica,sans-serif
font-size:15pt;
text-decoration:none;
vertical-align:middle;
color: #5d0023;
}

/*---------------------------stopka---------------------------*/#stopka{
width:820px;
text-align:center;
margin:0px 0px 0px 0px;
padding:0px 0px 10px 0px;
border:2px solid #333333;
background-color:#000000;
} 

#stopka a{
color:#666666;
} 
/*-------------------------- main.tml -------------------------------*/

.container {
    width: 600px;
    margin: 10px 0px 0px 0px;
	color:#FFFFFF;
}

.container a{
    
	color:#dd638e;
	font-weight:bold;
}

/*-----------------grafik-----------------*/
.one{
background-color:#CCCCCC;
color:#d8005b;
font-weight:bold;
text-align:center;
}
.two{
background-color:#333333;
text-align: center;
}
.poczatkujacy a:active, .poczatkujacy a:link, .poczatkujacy a:visited{
color:#FFCC00;
font-weight:bold;
}
.poczatkujacy a:hover{
color:#FFCC00;
font-weight:bold;
text-decoration:underline;
}

.poczatkujacy{
color:#FFCC00;
font-weight:bold;
}
.sredni{
color:#66CC00;
font-weight:bold;
}
.sredni a:active, .sredni a:link, .sredni a:visited{
color:#66CC00;
font-weight:bold;
}
.sredni a:hover{
color:#66CC00;
font-weight:bold;
text-decoration:underline;
}
.zawansowany{
color:#f50068;
font-weight:bold;
}
.zawansowany a:active, .zawansowany a:link, .zawansowany a:visited{
color:#f50068;
font-weight:bold;
}
.zaawansowany a:hover{
color:#b5014d;
font-weight:bold;
text-decoration:underline;
}

.techniki {
width:580px;
margin:20px 0px 10px 20px;
}
.techniki ul{
list-style-type:none;
}
.techniki ol{
list-style-type:decimal;
padding:0px 0px 0px 5px;
}
.instruktor{float:left; padding:3px; margin:0px 5px 0px 0px;}

.techniki img{border:1px solid #b5014d; margin:5px;}
#null{border:0px;}#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; top: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: 50%; 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(../../img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../img/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: #000000;
}
#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:800px;
background-color: #000000;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
* html>body .clearfix {
display: inline-block; 
width: 100%;
}

* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}