html, body	{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;}
#ramka{
color:#323232;}
#ramka img{
border:0px;}
#ramka a{
text-decoration:none;}
#ramka a:hover{
text-decoration:underline;}
#ramka div{
margin-top:10px;}
#ramka .howto{
font-size:12x;}
#path{
border:1px solid #323232;
padding:5px;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;}
#path h1{
display:inline;font-size:14px;font-weight:bold;}
#product h1,#ramka h5{
font-size:12px;font-weight:normal;}
/*tabelka z dokumentem*/
.file,.payment{
text-align:center;
border:1px #0000ff solid;
background-color:#ffffff;
margin-bottom:10px;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
}
.file a,.payment a{
display:block;padding:5px;
font: Arial, Helvetica, sans-serif;}
.file *,.payment *{
vertical-align:middle;}
.file a:hover,.payment a:hover{
background-color:#ffffff;
font: Arial, Helvetica, sans-serif;}
/*  kategorie i podkategorie */
#categories {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: bold;}

/* lista produktów w kategorie i podkategorie */
#products{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;}
.howto {
font-size:12px;
font-family: Arial, Helvetica, sans-serif;}
/* wyszukiwarka */
#searcher{
line-height:10px;
font-family: Arial, san-serif, Verdana;
font-size: 12px;
color: #000000;}
/* wyszukiwarka ramka*/
#ramka fieldset{
border:1px solid #dfdfdf;padding:5px;}

#categories ul li {
list-style-type: none;
font-size:16px;
padding: 				10px 10px 10px 10px;
margin: 20px;
border:  				1px solid  #28166F;
transition: box-shadow 0.3s, border 0.3s;
box-shadow:2px 2px 4px grey;
}
.payment input[type="submit"] {
	font-family:			Arial, Helvetica, sans-serif;
font-size:				13px;
color: #F00;
font-weight: 			bold;
text-align: 			left;
padding: 				10px 10px 10px 10px;
margin: 20px;
border:  				1px solid  #28166F;
background:#FFF;
text-align:center;
transition: box-shadow 0.3s, border 0.3s;
  box-shadow:2px 2px 4px grey;
cursor:pointer;
}
.payment input[type="text"] {
	font-family:			Arial, Helvetica, sans-serif;
font-size:				13px;
color: #F00;
font-weight: 			bold;
text-align: 			left;
padding: 				10px 10px 10px 10px;
margin: 20px;
border:  				1px solid  #28166F;
background:#FFF;
text-align:center;
transition: box-shadow 0.3s, border 0.3s;
  box-shadow:2px 2px 4px grey;
cursor:pointer;
}

#products ol li {
font-size:16px;
padding: 				10px 10px 10px 10px;
margin: 20px;
border:  				1px solid  #28166F;
transition: box-shadow 0.3s, border 0.3s;
box-shadow:2px 2px 4px grey;
	
}

#searcher input[type="text"] {
font-family:			Arial, Helvetica, sans-serif;
font-size:				16px;
color: 					#28166F;
font-weight: 			bold;
text-align: 			left;
padding: 				5px 10px 5px 10px;
border:  				1px solid  #28166F;
width:60%; 
position:relative;
transition: box-shadow 0.3s, border 0.3s;
  box-shadow:2px 2px 4px grey;
}

#searcher input[type="submit"] {
	font-family:			Arial, Helvetica, sans-serif;
font-size:				13px;
color: #F00;
font-weight: 			bold;
text-align: 			left;
padding: 				10px 10px 10px 10px;
margin: 20px;
border:  				1px solid  #28166F;
background:#FFF;
text-align:center;
transition: box-shadow 0.3s, border 0.3s;
  box-shadow:2px 2px 4px grey;
cursor:pointer;}
