/*strona */

html, body 
	{
	margin-top:5px;
	   margin-right:30px;
	   margin-left:30px;
	   background-color:#C0C0C0;
    }
    #CONTAINER 
	{
	
	background-color:#C0C0C0;

	
	}
	

    #HEADER{
    width:100%;
    height:100%;
	 float:inherit;
	 background-color: #7575FF;
	
	
	} 
	 
	 #HeaderLewa{
	 width:25%;
	 height:210px;
	 background-color: #7575FF;
	 float:left;
	 }
	 
	 
	 #HeaderPrawa{
	 width:70%;
	 height:210px;
	 background-color: #7575FF;
	 float:inherit;
}
    

     #SRODEK
	{
	width: 100%;
	margin-top:2px;
	}

    #LEWA{
	margin-top:2px;
    width:25%;
    height: 100%;
	float: left;
	
	background-color:#808080;
	 } 
    
    #PRAWA{
	margin-top:2px;
        width:74%;
        height: 100%;
		float: right;
		background-color:#808080;
	}
		

 .obramowanie{background:#7575FF}
 .gora1, .dol1{background: #C0C0C0}
 .gora1 div, .dol1 div{height: 1px; background: #7575FF; overflow: hidden}
 .z11{margin: 0 6px}
 .z21{margin: 0 3px}
 .z31{margin: 0 2px}
 div.z41{margin: 0 1px;height:3px}
 
 
  .cala_ramka{background: #808080}
 .gora, .dol{background: #C0C0C0}
 .gora div, .dol div{height: 1px; background: #808080; overflow: hidden}
 .z1{margin: 0 6px}
 .z2{margin: 0 3px}
 .z3{margin: 0 2px}
 div.z4{margin: 0 1px;height:3px}





h1{ font-size:21px;
	font-family: Franklin Gothic;
	color:#444444;
	margin-left:10px;
}



h2{ font-size:17px;
	font-family: Franklin Gothic;
	color:#444444;
	margin-left:10px;
	line-height:150%;
}


h5{ font-size:22px;
	font-family: Franklin Gothic;
	font-weight:900;
}

h4{ 
	font-family: Franklin Gothic;
	color:#444444;
	margin-left:10px;
	line-height:150%;
}



   



	


/*MENI*/

#navcontainer
{
background: #808080;
width: 100%;
margin-top:1;

padding: 1em 0;
font-family: georgia, serif;







}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 90%;
}



ul#navlist li a
{
display: block;
width: 100%;
padding: 0.5em 0 0.5em 2em;
border-width: 2px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #f3c168;
text-decoration: none;
background: #808080;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{


}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #F2BE5E;
background: transparent;
border-width: 5px;
border-color: #999999 white white #999999;


}


#active:hover li { display: block; }
#active li { display: none; }

