body {background-color:#002d7d;
        
	margin-top:0;}

div#bg {margin:100px auto;
	width: 800px;
	height:1000px;
	border: 1px solid #000 ;
	background-image:url(image/tlo008.jpg);
	z-index:10;}
	
div#bg1 {margin:100px auto;
	width: 800px;
	height:600px;
	border: 0px solid #000 ;
	background-image:url(image/tlonowe4.jpg);
	z-index:10;}	
	
div#top { 
	width: auto;
	height:105px;
	border: 0px solid #000 ;
	background-color:#002d7d;
	margin-top:-140px ;}
div#menu{
  	width:160px;
  	height:auto;
  	margin-left:5px ;
  	margin-top: 70px;
  	float:left;
  	
  	
}
div#menu1{
  	padding:5px;
	width:600px;
  	height:auto;
  	float:left;
  	margin-left:190px;
  	margin-top:-288px;
  	border: 0px solid #FFFF00 ;
  	z-index:100;
	}
#menuprzeb1{padding:1px;
	width:285px;
  	height:auto;
  	float:left;
  	margin-left:5px;
  	margin-top:8px;
  	border: 1px solid #FFFF00 ;
	}
#menuprzeb2{padding:1px;
	width:285px;
  	height:auto;
  	float:right;
  	margin-left:10px;
  	margin-top:8px;
  	border: 1px solid #FFFF00 ;
	}	
		
#menu1 a {display:inline;
	text-decoration:underline;
	font-family:Arial;
	font-size: 1em;
	color:#FFFF00;
	font-weight:bold;
	background-image:none}
	
	
	
#menu1 a:hover{color:red;
	font-size:1em;}	
#menu1 p:first-letter {
  	font-weight:bold;
  	color:#fff;
  	z-index:100;
}

#wstecz a{font-size:0.7em;
          color:#FF7F00; }
#wstecz a:hover{color:red;
        font-size:0.7em;}          
          
 .note {list-style-type:square;
 	list-style-image:url(image/bg1.gif);
	color:#fff;
	font-family:courier  ;
	font-size: .8em;
	margin-top:5px;
	margin-left:25px;
	padding:5px;
	z-index:100;}
	
.note1 {list-style-type:square;
 	list-style-image:url(image/bg1.gif);
	color:#fff;
	font-family:Tahoma  ;
	font-size: .7em;
	margin-top:-250px;
	margin-left:305px;
	padding:5px;
	z-index:100;}	
	
.note2 {list-style-type:square;
 	list-style-image:url(image/bg1.gif);
	color:#fff;
	font-family:Tahoma  ;
	font-size: .7em;
	margin-top:5px;
	margin-left:5px;
	padding:5px 20px;
	width:230px;
	background-image:url(image/tlo0.png);
	z-index:100;}
	
.note2a {list-style-type:square;
 	list-style-image:url(image/bg1.gif);
	color:#fff;
	font-family:Tahoma  ;
	font-size: .7em;
	margin-top:5px;
	margin-left:5px;
	padding:5px 20px;
	width:290px;
	background-image:url(image/tlo0.png);
	z-index:100;}
	
.note3 {list-style-type:square;
 	list-style-image:url(image/bg1.gif);
	color:#fff;
	font-family:Tahoma  ;
	font-size: .7em;
	margin-top:5px;
	margin-left:5px;
	padding:5px 20px;
	width:auto;
	background-image:url(image/tlo0.png);
	z-index:100;}
	
.note4 {list-style-type:square;
 	list-style-image:url(image/bg1.gif);
	color:#fff;
	font-family:Tahoma  ;
	font-size: .7em;
	margin-top:5px;
	margin-left:5px;
	padding:5px;
	width:260px;
	background-image:url(image/tlo0.png);
	z-index:100;}		
		
.note5 {list-style-type:square;
 	list-style-image:url(image/bg1.gif);
	color:#fff;
	font-family:Tahoma  ;
	font-size: .7em;
	margin-top:-350px;
	margin-left:305px;
	padding:5px;
	z-index:100;}
	
.note6 {list-style-type:square;
 	list-style-image:url(image/bg1.gif);
	color:#fff;
	font-family:Tahoma  ;
	font-size: .7em;
	margin-top:-400px;
	margin-left:305px;
	padding:5px;
	z-index:100;}
	
.note6a {list-style-type:square;
 	list-style-image:url(image/bg1.gif);
	color:#fff;
	font-family:Tahoma  ;
	font-size: .7em;
	margin-top:-530px;
	margin-left:240px;
	padding:5px 15px 15px 15px;
	background-image:url(image/tlo0.png);}	
	
.note7 {background-image:url(image/tlo0.png);
	color:#fff;
	font-family:Tahoma  ;
	font-size: .8em;
	margin-top:-10px;
	margin-left:0px;
	padding:5px;
	z-index:100;}
	
.note8 {list-style-type:square;
 	list-style-image:url(image/bg1.gif);
	color:#fff;
	font-family:Tahoma  ;
	font-size: .7em;
	position:relative;
	top:-290px;
	left:305px;
	padding:5px;
	width:290px;
	z-index:100;}
	
.note9 {list-style-type:square;
 	list-style-image:url(image/bg1.gif);
	color:#fff;
	font-family:Tahoma  ;
	font-size: .7em;
	margin-top:5px;
	margin-left:5px;
	padding:5px 20px;
	width:auto;
	
	z-index:100;}								

p {color:#fff;
	font-family:Arial;
	font-size:.8em;
	z-index:100;}
	
.p {color:#fff;
	font-family:Arial;
	font-size:.9em;
	z-index:100;}
h1{color:#FFCC00;
	font-family:courier new  ;
	font-size: 1.1em;	}		
h1:first-letter {
  	font-size:120%;}
ul, ul li#menu {
  	display: block;
  	list-style: none;
  	margin:0;
  	padding:0;
}
ul#menu {
  	width:160px;
}  
  
 
 li a:link, a:visited  {
	display: block;
	width: 160px;
	text-decoration: none;
	color:#FFFF00; 
	padding-top: 5px;
	font-size:90%;
	font-family:courier new;
	text-align: center;
	font-weight:bold;
	background-image:url(image/tlo0.png);
	margin-top:1px;
	margin-bottom:1px;
	}
#menu li ul {position: absolute;
            margin-left:160px ;
            margin-top:-30px;
            height: 1px;
 overflow:hidden}
 
#menu li:hover ul {
 height:120px}

#menu ul li ul li {color:#FFFF00; background:none #002d7d;}
li a:hover {
	margin-top:1px;
	margin-bottom:1px;
	padding-top: 5px;
	background-image:url(image/tlo.gif);
	color:#fff;
	font-size:90%;
	font-family:courier new;
	text-align: center;
	width: 160px;
	
	font-weight:bold;}
	
.p{font-family:Arial,sans-serif;
   color:#FFFFFF;
   font-size:110%;
   z-index:100;}
.pp{padding:5px;
background-image:url(image/tlo0.png);
width: 270px;
z-index:100;}


.mzriasr{padding:5px;
background-image:url(image/tlo0.png);
width: 320px;
}


.ppp{padding:5px;
background-image:url(image/tlo0.png);
width: auto;
margin-left:160px;
margin-top:30px;
z-index:100;} 
.pppp{text-align:center;
background-image:url(image/tlo0.png);
padding:5px;
width: 340px;
margin-left:100px;
}

#kol{width:200px;
position:relative;
top:-102px;
left:350px;}  

#kol1{width:auto;
position:relative;
top:-80px;
left:0px;}  

 img{border: none;}
.figure {
	margin-left:0px;
	margin-bottom:5px;
	padding:5px;
	display:inline;
	z-index:100;}
	
.obrazek{width: 130px;
	height:90px;
	padding:5px;
	float:left;
	}

.obrazek0{width: 260px;
	height:160px;
	padding:1px;
	float:right;
	margin-top:-7px;
	}	
	
.obrazek1{width: 300px;
	height:144px;
	padding:10px;
	float:right;
	margin-top:7px;
	}
	
.obrazek2{width: 256px;
	height:227px;
	padding:10px;
	float:right;
	position:relative;
	top:-13px;
	left:-10px;
	}
	
.obrazek3{width: 220px;
	height:227px;
	padding:1px;
	float:right;
	top:-13px;
	left:-40px;
	}
	
.obrazek4{width: 595px;
	height:565px;
	padding:10px;
	margin-top:-80px;
	}
	
#flaga a{position:relative;
        top:-20px;
        left:40px;
	z-index:1000;
	padding:0px;
        width:60px;
       height:37px;}
	
#flaga1 a{position:relative;
        top:-62px;
        left:680px;
	z-index:1000;
        width:60px;
        height:37px;
        padding:0px;}
		
	
	
	
.foto {padding:5px;
background-image:url(image/tlo0.png);}
		
.certyfikaty {text-align:center;
		}	
.otoczka {padding:0px;
 	background-image:url(image/tlo0.png);
	 width:auto;
        height:98px;
	 
	 }
	



#menu2 {width: 570px;
	height:auto;
	margin-left:0px;
	margin-top:0px;
	
	text-align:left;
	}
#menu2 a {display:inline;
	background-image:none;}	
		
#menu3{width: 570px;
	height:auto;
	margin-left:0px;
	margin-top:0px;
	z-index:10;
	
	} 
.krs  {  color:#FFCC00;
	font-size:.7em;
	font-family:Arial;
	text-align: center;
	z-index:100;
	}
#menu3 p:first-letter {
  	font-weight:bold;
  	color:#FFCC00;}
  	
.meni{width: 570px;
	height:auto;
	margin-left:0px;
	margin-top:60px;
	margin-bottom:50px;
	}  	

div#menu4{
  	width:160px;
  	height:auto;
  	margin-left:5px ;
  	margin-top: -270px;
  	float:left;


@import "csshover.htc";

h1 { text-shadow: red 0.2em 0.3em 0.2em }


#nav {font-family: "MS Serif", "New York", serif; float:left; font-size:14px; background-color:#33cc33;}

#nav ul {list-style:none; margin:0; padding:0; width:7em;}

#nav ul li {float:left; margin-right:1px; background:none #33CC33; width:145px; position:relative; z-index:1000; border-bottom:1px solid #000;}

#nav ul li a {text-decoration:none; display:block; text-align:center; padding:3px; color:#000;}

#nav ul li a:link {color:#000;}

#nav ul li a:hover {color:#000; background:none #FA833A;}

#nav ul li:hover ul {display:block;}

#nav ul li.last {margin-right:0; width:145px;}

#nav ul li.selected {background:none #FA833A;}

#nav ul li ul {display:none; position:absolute; left:145px; top:-2px; border:1px solid #CCC; border-width:0 1px; width:141px; z-index:1000;}

#nav ul li.last ul {width:145px;}

#nav ul li ul li {background:none #E8E8E8; margin:0; clear:both; width:141px; z-index:1000;}

#nav ul li.last ul li {width:145px;}

#nav ul li ul li a {color:#333; font-weight:normal; text-align:left; border-bottom:1px solid #CCC; font-size:90%;}

#nav ul li ul li a:link {color:#333;}

#nav ul li ul li a:visited {color:#333;}

#nav ul li ul li a:hover {color:#FC813B; background:none white;}

#nav ul li ul li a:active {color:#333;}