/* CSS Document */

@font-face { 
 
font-family: "A.C.M.E. Secret Agent";
src: url("acmesa.TTF") 
}

HR{
color: #fff;
background-color:#fff;
width:80%;
}



body{
	margin:0px;
	padding:0px;
	background:#FFFFFF ;
	font-family: "Arial"; 
	background : url(images/www.jpg); 
}



.pds{
	width:831px;

	margin:0 auto;
	position:relative;
	background-color:#FFFFFF;
	background : url(images/tlo.jpg); 
}

.baner
{
width : 830px;
height : 204px;
}

.topbar
{
width : 831px;
height : 36px; 
background-repeat : no-repeat ;
background : url(images/topbar.jpg); 
background-repeat : no-repeat ;
font-Family:"A.C.M.E. Secret Agent";
font-size:20px;
font-weight:bold;
color:#FFFFFF;
padding-top:5px;
}

a.top:Active,a.top:Visited,a.top:Link{

font-Family:"A.C.M.E. Secret Agent";
font-size:18px;
font-weight:bold;
color:#FFFFFF;
	text-decoration: none;

}

a.top:Hover{
font-Family:"A.C.M.E. Secret Agent";
font-size:18px;
font-weight:bold;
color:#FF8101;

	text-decoration: none;

}

.menu_poz{
padding-left:50px;
padding-top:5px;
font-size:24px;
font-family: "BritComics Normal";

}



.lewa{
float:left;
border: 0PX solid #Ff0000;
color:#000000;
width:200px;
margin-left:20px;
}

.menu_pion{
padding-top:20px;
font-family:"Arial Unicode";
width:200px;
text-align:center;
font-size:18px;
font-weight:bold;
border:0px solid #da12ed;
}

a.kategoria:Active,a.kategoria:Visited,a.kategoria:Link{
	font-family:"Arial Unicode";
	color:#000000;
		font-weight:bold;
	text-decoration: none;
	font-size:18px;
}

a.kategoria:Hover{
	font-family:"Arial Unicode";
	color:#FFFFFF;
		font-weight:bold;
	text-decoration: none;
	font-size:18px;
}

.tytul{
font-size:24px;
font-weight:bold;
padding:5px;
color:#808080;
}

.tresc{
padding:5px;
MARGIN-LEFT:0PX;
MARGIN-RIGHT:10PX;
float:left;
border: 0PX solid #Ff0000;
width: 580px;


background-repeat: no-repeat;
}

.main{
float: left;
width:831px;
background : url(images/tlo.jpg); 
}

.bottom
{
float:left;
width : 831px;
height : 23px; background-repeat : no-repeat ;
background : url(images/bottom.jpg); 
}


.produkt{
width: 270px;
height:200px;
margin:5px;
padding:2px;
border:2px solid #808080;
color:#808080;
float:left; 
}

.pr_t_op{
float:left;
width: 140px;
height:130px;
font-size:10px;
padding-left:4px;

}

.pr_tytul{
font-weight:bold;
font-size:12px;
color:#505050;
}

.pr_opis{
font-weight:none;
font-size:10px;
color:#808080;
}

.pr_prawa{
width: 124px;
height:130px;
float:left;
}

.pr_zdjecie{

position:relative;
width: 120px;
height: 120px;
overflow:hidden;
margin: 2px 2px 2px 2px;
border: 1px solid #ddd;
float:left;
text-align:center;
}

.pr_cena{
float:left;

font-size:16px;
text-align:center;
width:100%;
}

.pr_koszyk{
float:left;
margin-top:3px;
font-size:16px;
text-align:center;
width:100%;
}

.pr_rama{
float:left;
margin-top:3px;
font-size:16px;
text-align:center;
width:100%;
}

.produkt_prawa{
width: 124px;
height:130px;
float:left;
}

TD{

font-size:11px;
padding:3px;
 }
 
 INPUT:focus{
 background-color:#CACACA;
 }