*
{
	margin: 0;
	padding: 0;
}

body 
{
	background:url(../images/tlo2.jpg) repeat-x; 
	font-family: Verdana, Arial;
	color: #000000;
}

img
{
	border: 0;
}

ul
{
	list-style-type: none;
}

a
{
	text-decoration: none;
}

span
{
	font-weight: bold;
	font-size: 110%;
}	

#ramka 
{
	margin: 2px auto;
	width: 948px;
	height: 750px;
	border: 2px solid #B6BCC1;
	padding: 5px; 	
}

#top 
{
	width: 948px;
  	height: 750px; 
	background:url(../images/tlo1.jpg) repeat-x;  
 	position: relative;	
}	

#ramka_menu
{
  	border: 4px solid #336633; 
	border-top: 0;	
	height: 308px;
  	width: 239px;
	margin-left:12px;
	margin-top: -35px; 
}

#menu
{
	margin-left: -16px;
	padding-top: 40px;
  	height: 300px;
  	width: 270px;
}

#menu a
{
	display: block;
	color: #FFF;
	background: #339933;
	text-align: center;
	padding: 10px 0 10px 0;
	font-weight: bold;
	font-family: Times New Roman;
}

#menu a.active
{
	background: #E33B3A;
}

#menu a:hover
{
	background: #34B034;
	color: black;
}

#menu p
{
  	margin-top: 10px;
}

#main
{
   position: absolute;
   left: 305px; top: 180px;
	height: 450px;
  	width: 620px;
  	overflow: auto;
}

#main .prod
{
	text-align: center;
	padding: 0 0 15px 0;
	font-size: 130%;
	font-weight: bold;
}

#main h2
{
	text-align: center;
	padding: 0 0 15px 0;
}

#main ul li
{
	margin: 5px 5px 5px 20px;
	display: block;
	color: #003300;
	font-weight: bold;
}

#torebki td
{
	color: #000000;
	padding-left: 15px;
	padding-top: 5px;	
}

#torebki table
{
	 width: 100%; 
	 height: 100%;  
}

.kolor1
{
	background: #E4E4E7;
}

.kolor2
{
	background: #DBD5D6;
}

#bottom
{  	
	margin: 0;
	padding: 0;
	position: absolute;
	top: 631px;
  	width: 948px;
	height: 128px;
}
 
#stopka
{
	width: 904px;
	color: #B6BCC1;
	margin: 0 auto; 
	font-size: 75%;
	padding-top: 15px;	
} 	

#stopka ul, ul li 
{	
	display: inline;
}

#stopka a
{
	display: inline;
	padding: 20px 5px 20px 5px;	
	color: #B6BCC1;
	letter-spacing: 1px;
}

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

#stopka ul li.left
{
	float: left; 
}

#stopka ul li.center
{
	float: left; 
	padding-left: 200px; 
}

#stopka ul li.right
{
	float: right; 
}

#opony p
{ 
	padding: 5px 0 5px 0;	
}

#kontakt 
{
	margin-left: 80px;	
}

#kontakt p
{
	padding: 10px 0 10px 0;
}	

#kontakt a:hover
{
	text-decoration: underline;
}

#kontakt1
{
	float: left;
}
 
#kontakt2
{
 	float: left;
 	padding-left: 60px;
}