/* Layout Stylesheet */ 

body {
 margin:20px;
 background-image: url(images/patern.gif);
 background-attachment: fixed;
 background-color:#BBBBBB;
 color: #333333;
 text-align:center;
 padding:0;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 }
h1,h2,h3,h4,h5,h6{
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 }

#kontener {
 text-align:left;
 border:1px solid #000000;
 width:750px;
 margin:auto;
 }

 
#naglowek{
 height:100px;
 color: #333333;
 background-color:black;
 }
img {
border:none;
}
 
#menu {
 height:20px;
 background: #FAA012;
 color: #333333;
 border-top:1px solid black;
 border-bottom:1px solid black;
 }
#navcontainer a {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	}

 #navcontainer{
	margin: 0;
	padding: 0 0 0 0;
	}

#navcontainer ul{
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	}

#navcontainer li{
	display: block;
	margin: 0;
	padding: 0;
	float: right;
	width: auto;
}

#navcontainer a{
	color: white;
	display: block;
	width: auto;
	text-decoration: none;
	background: #FAA012;
	margin: 0;
	padding: 2px 8px 3px 8px;
	font-weight: bolder;
	}

#navcontainer a:hover{
	 background: #2E8B57;
 	color: white ; 
	}
/* 88888888888888888888 koniec menu 88888888888888888888888888*/
#zawartosc {
 position:relative;
 background:Silver;
 color: #333333;
 width:100%;
 padding:0;
 }
 
/*$$$$$$$$$$$$$$$$$$$$$$$$$$lewaStrona &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/
#lewa {
 float:left;
 background-color:silver;
 color: #333333;
 width:160px;
 text-align:left;

 }
 
#sitemap{
 margin-left:2px;
 padding-left:2px;
 padding-top:40px;
 text-align:left;
  }

#sitemap a {
 color:black;
 background-color:silver;
 text-decoration:none;
 margin-left:2px;
 padding-left:2px;
 }
#sitemap a:hover{
 color:#008801;
 background-color:silver;
 text-decoration:underline;
 }
 
 #sitemap h1{
  margin-top:-10px;
  margin-bottom:-15px;
  padding-left:0px;
  font-size:.9em;
  }
#sitemap ul{
 	list-style: none;
	padding-left:0px;
	margin-left:0px;
	}
#sitemap li{
	list-style: none;
	}	

 #butony{
 	border: 1px dotted white;
	width:90%;
	padding:5px;
	margin:auto;
	}
	
 /* 3333333333333333333  treść         3333333333333333333333333333333*/
#text {
 width:585px;
 background:#ffffff;
 color: #333333;
 border:solid #000000;	
 border-width:0 0 0 1px;
 text-align:justify;
 padding-bottom:20px;
 
 }


#stopka {
 height:25px;
 background:#c0c0c0;
 color: #333333;
 border-top:solid 1px black;
 margin:0;
 text-align:center;
 padding-top:5px;
 text-transform:  uppercase;
 font-weight:bolder;
 font-size:0.75em;
 }
a.stopka{
 color:black;
 background-color:silver;
 text-decoration:none;
 }
 
 a.stopka:hover{
 text-decoration:underline;
 color:red;
 background-color:silver;
 }
 
 .temat{
    height:30px;
	padding-top: 25px;
	padding-bottom: 25px;
	border-bottom: dashed 1px #696969;
	background-color: #C7D6E9;
	}
 .rozdzial {
 margin-top:25px;
 margin-bottom:25px;
 text-decoration:underline;}
 
h1, h2, h3,h4, h5, h6, p {
 	margin:0;
 	padding:15px;
 	}
h1 {
 	font-size:1.4em;
 	}
h2 {
 	font-size:1.3em;
 	}
h3{
	 font-size:1.2em;
 }
h4{
 font-size:1em;
 text-decoration: underline;
 margin-bottom:-10px;
 } 
h5{
 font-size:.9em;
 }
h6{
 font-size:0.85em;
 margin-top:-10px;
 }
 
p:first-letter {
 font-size: 120%; 
 font-weight: bold;
 color:#006400;
 }
  
div#powrot{
 text-align:right;
 padding-right:10px;
 margin-right:10px;
 }
 
 div#powrot a {
 	color:#2E8B57; 
	font-weight: bolder;
	font-size:0.8em;
	text-decoration:none;
	}
	
#powrot a:hover{
	border-bottom:1px dotted #2E8B57; 
	}
	
.rys{
    margin:0;
 	padding:15px;
 	text-decoration:none;
 	font-size:90%;
 	}
 	
.rzad{ /*dla poszczególnych rzędów plazów i gadów (czasem jako tytuł lewego menu)*/
  font-size:0.9em;
  font-weight:bolder;
  text-decoration:underline;
  padding-top:30px;
 }
.rodzina {/*dla poszczególnych rodzin plazów i gadów*/
  font-size:0.9em;
  font-weight:bolder;
  padding-top:15px;
  padding-bottom:5px;
}

.toplista {
 color:white;
 font-weight:bolder;
 text-decoration:none;
 display:block;
 width:60px;
 background:maroon;
 height:20px;
 padding:2px;
 }
 
 #reklama {
 margin-top:30px;
 margin-bottom:10px;
 }
 
#galeria ul{
 list-style-type: none;
  }

#galeria li {
 display:block;
 }
#galeria img {
   border: 1px solid #333300;
   }
   
#galeria h2{
text-align:left;
}
#galeria h6{
 margin-bottom:30px;}
 
.copy {
 font-size:10px;
 text-align:center;}

#literatura {
 list-style-image: url(/images/arrow.gif);
 padding-right:10px;
 line-height:20px;
 }
  
#literatura li{
 cursor:pointer ;
 }
 
 #literatura li:hover{
 color:red;
 text-decoration:underline;
 }
 
#lista {
 padding-right:30px;
 line-height:20px;
  text-align: justify;
 
 }
.hminus{
margin-bottom:-20px;}

/*mapa strony*/

#mapastrony h1,h2,h3 {
	margin-bottom:-10px;
	text-decoration: underline;
	}

	
#mapastrony h1 {
	font-size:1.6em;
	
}
#mapastrony h2 {
	font-size:1.2em;
}
#mapastrony h3 {
	font-size:0.9em;
}
#mapastrony a {
	text-decoration:none;
	color:black;
}

#mapastrony a:hover {
	text-decoration:underline;
	color: #2E8B57;
	}
/*koniec*/
#dystans100 {
    height:100px;}
    
    /*formularz*/
    
input.tekst {
   color: #00008B;
   background-color: #FFFFBD;
   border: 1px inset #00008B;
   width:300px;
}
input.przycisk {
   color: black;
   }
   
form {
   padding-top:30px;
   }

form p {
   margin: 0px;
   padding: 20px;
   padding-top: 5px;
   }
form p label {
   float: left;
   width: 30%;
   font: bold 0.9em Arial, Helvetica, sans-serif;
}

textarea{
   color: #00008B;
   background-color: #FFFFBD;
   border: 1px inset #00008B;
   width: 300px;
   height: 100px;
}

acronym{
  border-bottom:dotted 2px red;}
 
.left{
  text-align:left;}
#email{
   background-color: #FFFFBD;
   border: 1px inset #00008B;
   width:300px;}