/*
Design by Evita
http://www.stronki-www.pl
*/

html {
	margin: 0 auto;
	padding: 0 auto;
	}
img {
border: 0;
}
	
body {
 margin: 0 auto;
 padding: 0 auto;
 text-align: center;
 background: #10b047 url('obrazy/tlo.jpg') top center no-repeat;
 font-size: 16px;
 font-weight: normal;
 color: #000000;
 }
p{
text-indent: 20px;
}

h4{ 
font-weight: bold;
color: #CC0000;
text-align:center;
font-size: 20px;
}
h3{
text-align: center
}

a:link {
 text-decoration: underline;
 color: #000000;
}
a:visited {
 text-decoration: underline;
 color: #000000;
}
a:hover {
 text-decoration: underline;
 color: #009900;
}
a:active {
 text-decoration: underline;	
 color: #000000;
}

	
#contrainer{
 width:780px;
 margin: 0 auto ;
 text-align:center;
   }
ol{ 
list-style-image: url('obrazki/punkt.gif'); 
}	
	
#logo {
 background-image: url('obrazy/logo.jpg');
 width:780px;
 height:186px;
 }
 
#polec {
text-align:right;
padding-right:30px;
padding-top: 5px;
}

#logo1 {
 background-image: url('obrazy/logo1.jpg') ;
 width:780px;
 height:253px;
 
 }

 #pasek {
 background-image: url('obrazy/pasek.jpg') ;
 width:780px;
 height:60px;
 }
 #pasek1 {
 background-image: url('obrazy/pasek1.jpg') ;
 width:780px;
 height:60px;
 }
 
 #pasek  ul, ul li {
 list-style: none;
 display: inline;
 }

 #pasek ul {
 float:left;
 vertical-align:bottom;
 }
 
 #pasek ul li {
 vertical-align:bottom;
 float:left;
 }

li.navi1{
 padding-top:5px;
 padding-left:40px;
 padding-right:250px;
 text-align: left;
 } 
li.navi2{
 padding-top:20px;
 text-align:right;
 font-size: 20px;
 font-weight: bold;
 color: #FF0033;
  } 

 #gora{
 background-image: url('obrazy/gora.jpg');
 width:780px;
 height:11px;
 margin-top:5px;
 text-align:top;
 }
 #menu{
 background-color: #10B047 ;
 width:165px;
 text-align:top;
 float:left;
 } 
 <!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

.mouseBeOffMe {
border-top:    0px ; 
border-bottom: 0px ; 
border-left:   0px ; 
border-right: 0px ; 
}
.mouseBeOnMe {
border-top:   0px ;
border-bottom: 0px  ; 
border-left:   8px  solid  #10B047; 
border-right: 0px ;
}
.mouseBeDown {
border-top:    0px;
border-bottom: 0px; 
border-left:   0px; 
border-right:  0px;
}
.mouseBeUp {
border-top:    0px;
border-bottom: 0px; 
border-left:   8px  solid #10B047; 
border-right:  0px;
}

 
#kafel {
 background-image: url('obrazy/kafel.jpg');
 width:615px;
 height:auto;
 text-align:top;
 float: right;
   }
			
	#tresc{
padding: 10px 10px 15px 20px;
text-align: justify; 
}
.style1 {
text-align: center;
}

td{
text-align: center;
padding: 5px 8px 5px 8px;
}
#dol {
 margin: 0 auto;
 background-image: url('obrazy/dol.jpg') ;
 width:780px;
 height:85px;
 text-align: top;
 clear:left;
 clear:right;
 clear:both;
  }
 hr{ 
 width: 250px;
 height: 1px;
 color: #009900;
 text-align: left;
 margin-left:183px;
 }
.navigacja{
 text-align:left;
 padding-left:165px;
 font-variant: small-caps;
 
 }
 
#stopka{
 margin: 0 auto;
 background-image: url('obrazy/stopka.jpg');
 width:780px;
 height:24px;
 text-align: right; 
}

#stopka a {
 text-decoration: underline;
 color: 000000; 
}
#stopka a:hover {
 text-decoration: underline;
 color:  #993333;
 }


#copy { 
 font-size:12px;
 text-align:left;
 padding-left: 175px;
 padding-top: 5px;
 font-weight: normal;
 color: #000000;
 }
 #copy1 { 
 font-size:12px;
 text-align:center;
 padding-top: 5px;
 font-weight: normal;
 color: #000000;
 clear:both;
 }

#box{
float: left;
background: #FFFFFF url('obrazki/obrazek.jpg')  no-repeat;
width:780px;
padding-top: 20px;
}