body {	
	FONT-SIZE:62.5%; 
	text-align: center;
	FONT-FAMILY   : Arial, Sans-Serif; 
	FONT-SIZE     : 12px;
	border: none;
	MARGIN: 0 0 0 0; 
	PADDING: 0 0 0 0;
	background-image: url("template/naglowek_a.jpg"); 
	background-repeat: repeat-x ;
   	background-color: #374346;
	LINE-HEIGHT: 1.5em;
	margin-top: 0px;
	
}

#cal {
	background-image: url("template/naglowek_a.jpg"); 
	background-repeat: repeat-x ;
	background-color: #fff;
	border-bottom: 1px solid #666;


}


.oferta {

	width: 630px;
	float: right;
	margin: 0;
	padding: 0 0 0 0;
	
}

#custom {

	

}

#left {
  float: left;
  width: 270px;
  margin: 0;
  padding: 0 20px 0 0;
  background: #fff;
}

.foto {

	width: 180px;
	float: left;
	
}

.tit {

	width: 450px;
	float: right;
	border-bottom: 1px solid #666;
	padding: 0;
	margin: 0 0 0 0;
	FONT-FAMILY: Tahoma, Arial, Sans-Serif;
}

.tit b {
	font-size: 12px;
	color: #4444ff;

}

.tit a {
	font-size: 12px;
	color: #4444ff;
	font-weight:  bold;

}

.tit p {

	margin: 0;
	padding: 10px 0 10px 0;
	font-size: 11px;
	color: #666;
	FONT-FAMILY: Verdana, Arial, Sans-Serif;
}

.prod {
	font-size: 10px;
	margin: 0;
	pading : 0 0 10px 0;
	height: 50px;
}

.prod a {
	font-size: 10px;
	color: #4444ff;
	font-weight: normal;
}

.dok {

	float: left;
	width: 190px;
	
}

.kto {
	float: right;
	width: 260px;
	text-align: right;
}


#strona{ 
   	text-align: left; 
   	width: 950px;
   	height: auto;
   	padding: 0 0 0 0;
   	margin: 0 0 0 0; 
   	margin-left: auto;
   	margin-right: auto;
   	margin-top: 0px;
	padding-bottom: 40px;
	
} 

#left_navi {

	float: left;
	width:350px;
	height: 70px;

}

#right_navi {

	float: left;
	text-align: left;
	padding: 10px; 0 0 0;
	font-size: 11px;
	FONT-FAMILY: Tahoma, Arial, Sans-Serif;
}



#right_navi p {
	text-align: left;
}


#box_bottom {
	float: right;
	background-image: url('template/tlo_box.gif'); 
	background-repeat: repeat-y;
	width:370px;
}

#zawartosc {
   	float: left;
   	width: 580px;
	margin: 0 0 0 0;
	background-image: url('template/dot_pion.gif');
	background-repeat: repeat-y;
	height: auto;	
	padding: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif; 
	TEXT-ALIGN: left; 
	FONT-SIZE: 12px; 
	color: #666;
}


#top_l {
	background-color: #65615d;
	float: right;
   	width: 185px;
	height: 300px;
   	margin: 0;
	padding: 0;
	color: #fff;
	text-align: left;
}

#top_p a {
	
	color: #dd0000;
	
}

#top_p {
	background-color: #f00;
	float: right;
   	width: 185px;
	height: 300px;
   	margin: 0;
	padding: 0;
	color: #fff;
	text-align: left;
}

#top_p p {

margin: 10px;

}

#top_l p {

margin: 10px 20px 0 10px;

}


#top_lb a {

color: #ccc;

}


#top_pb span {

color: #b10002;
cursor:	pointer;
text-decoration: underline;
}

#top_lb {
	float: left;
   	width: 185px;
	height: auto;
   	margin: 0;
	padding: 0;
	color: #fff;
	text-align: left;
}


#top_pb {
	
	float: right;
   	width: 185px;
	height: auto;
   	margin: 0;
	padding: 0;
	color: #fff;
	text-align: left;
}

#top_pb p {

margin: 10px;

}

#top_lb p {

margin: 10px 20px 0 10px;

}


#box_l_bottom {
	height: auto;
	width: 185px; 
	background-color: #999; 
	float: left;
}


#box_r_bottom {
	height: auto;
	width: 185px; 
	background-color: #d31724; 
	float: right;
}





h1 {
	font-weight: normal;
	FONT-FAMILY:  Arial, Sans-Serif;
	FONT-SIZE: 1.9em;
	TEXT-ALIGN: left;
	COLOR: #fff;
	TEXT-DECORATION: none;
	PADDING-TOP: 16px;
	LINE-HEIGHT: 1.1em;
	font-style: normal;
	margin: 0 10px 0 10px;
}

h2 {
	font-weight: normal;
	FONT-FAMILY:  Arial, Sans-Serif;
	FONT-SIZE: 1.9em;
	TEXT-ALIGN: left;
	COLOR: #fff;
	TEXT-DECORATION: none;
	PADDING-TOP: 16px;
	LINE-HEIGHT: 1.1em;
	font-style: normal;
	margin: 0 10px 0 10px;
}

#naglowek {
   	height: 103px;
   	margin: 0px;
	padding: 0px;
	text-align: left;
    }

#sciezka {
   	color: #eee;
	margin: 0px;
	padding: 0px;
	text-align: left;
	height: 18px;
}


a.sciezka {
   text-decoration: none;
   color: #eee;
   FONT-SIZE: 13px; 
}

a.sciezka:hover {
   text-decoration: none;
   color: #eee;
   FONT-SIZE: 13px;
}



#title {
   height: 33px;
	margin: 0px;
	padding: 0px;
	
}


#wynik {
   	
   	margin: 0;
	background-image: url('template/dot_pion.gif');
	background-repeat: repeat-y;
	height: auto;	
	padding: 9px 0 3px 0px;
	font-family: Arial, Helvetica, sans-serif; 
	TEXT-ALIGN: left; 
	FONT-SIZE: 12px; 
	color: #666;
}
#wynik p {
	padding: 0;
	margin: 20px 0 5px 0; 
}

#wynik ul {
	
	padding:  0 0 0 10px;
	margin: 0 0 0 10px;
	line-height: 16px;
	
}

#logo { 
	width: 300px; 
	float:left;
	padding: 10px 0 0 0;
}

#logo img {border: none;}

#navi {
	width: 650px; 
	float:right;
}

#mini_navi {
	text-align: right;
	height: 20px;
}

#menu { TEXT-ALIGN: right; } 

.menu1 {  padding-top: 35px; margin:0; list-style: none; position:relative; font-size: 11px;}

.menu1 li {float:right;  margin-right:1px; background:url(template/dot.gif) repeat-y;   padding:0px 30px 23px 9px;}

.menu1 li a   { display:block; float:left;  color:#99a1a4; text-decoration: none;  font-weight:  bold; text-align:left;  cursor:pointer; }

.menu1 li.current a   { color:#444; }

.menu1 li a:hover {color:#444; }

.menu1 li.current a:hover {color:#444; background:  cursor:default; }





.preload17a {background: url(1/pro_seventeen_1a.gif);}
.preload17b {background: url(1/pro_seventeen_1b.gif);}

.menu17 {padding:5px 0 0 0; margin:0; list-style: none; height:27px; position:relative; background:transparent url(1/pro_seventeen_0c.gif) repeat-x left top; font-size: 12px;}
.menu17 li {float:left; height:24px; margin-right:1px; }

.menu17 li a   {height:24px; display:block; float:left;  line-height:25px; color:#333; text-decoration: none; font-family: arial, verdana, sans-serif; font-weight:  normal; text-align:center; padding:0 0 0 4px; cursor:pointer; background:url(1/pro_seventeen_0a.gif) no-repeat;}
.menu17 li a b {height:24px; float:left; display:block; padding: 0 14px 0px 10px; background:url(1/pro_seventeen_0b.gif) no-repeat right top; font-weight:  normal;}

.menu17 li.current a   {height:27px; color:#000; background:url(1/pro_seventeen_2a.gif) no-repeat;}
.menu17 li.current a b {height:27px; background:url(1/pro_seventeen_2b.gif) no-repeat right top;}

.menu17 li a:hover {color:#000; background: url(1/pro_seventeen_1a.gif) no-repeat;}
.menu17 li a:hover b {background:url(1/pro_seventeen_1b.gif) no-repeat right top;}

.menu17 li.current a:hover {color:#000; background: url(1/pro_seventeen_2a.gif) no-repeat; cursor:default;}
.menu17 li.current a:hover b {background:url(1/pro_seventeen_2b.gif) no-repeat right top;}





#news {width: 270px; text-decoration: none !important; text-align: right; border-top: 2px solid #999;  border-bottom: 2px solid #999;}
#news ul{ list-style-type: none; margin: 0px; padding: 0px; width: 270px; }
#news li{ margin: 0px; padding: 0px; list-style-type: none; }
.list a { background-color: #fff; padding: 3px 0px 3px 0px; border-bottom: 1px solid #ddd; width: 270px; display: block; text-decoration: none !important; color: #696969; }
.list a:hover { background-color: #ddd; text-decoration: none !important; color: #ffffff; }




#naw {
   float: right;   
   width: 250px; 
   height: auto;
   

 
}


#wrap {
	background: url("template/wrap.gif"); 
	color: #7391ab;
	text-align: left;

}

#wrap a {

color: #dddddd;
text-decoration: none;

}

#wrap b {

color: #dddddd;

}

#wrap span {

color: #dddddd;

}

#frends {
	width: 360px;
	margin: 0;
	padding: 0 0 0 0;
	color: #ddd;
	font-weight:  bold;
	border-bottom: 2px solid #999;
}

#wrap p {

	width: 360px;
	margin: 0;
	padding: 20px 0 20px 0;
}

#stopka {
    background-color: #6437c0;
  }
  
  
div.pause {
   clear: both;
   margin: 0;
   padding: 0;
 }




#right {
  float: right;
  width: 330px;
  margin: 0;
  padding: 0;
  background: #fff;
}
#center {
  float: left;
  width: 330px;
  margin: 0;
  padding: 0;
  background: #fff;

}

div.box {
 margin: 0 0 0 20px;
 background: #eee;
 border-bottom: 2px solid #65615d;

}

div.title {
background: #65615d;
color: #eee;
text-align: left;
FONT-SIZE: 14px;
font-weight:  bold;
padding: 3px 3px 3px 10px;
}


div.write {
background: #eee;
color: #444;
text-align: left;
FONT-SIZE: 12px;
padding: 0 10px 10px 10px;
}

div.write p {

margin: 0;
padding: 0 0 10px 0;
border: none;

}

div.box img { 
padding: 0; 
margin: 0;
border: none;

}

/* Regula usuwa w przegladarce Mozilla domyslny górny margines w lewej i prawej kolumnie.*/
div > p {
  margin-top: 0;
}


#bottom { 
   	text-align: right; 
   	WIDTH: 950px;
   	height: auto;
   	PADDING: 0 0 0 0px;
   	MARGIN: 0 0 0 0; 
   	margin-left: auto;
   	margin-right: auto;
   	margin-top: 0px;
	padding-bottom: 10px;
	
} 




#box-image{

   	width: 580px; 
   	float: left; 
  	PADDING: 0px;
   	MARGIN: 0 0 0 0; 
  	
  	
}

#box-image .first {
	margin-right: 10px; 
	margin-bottom: 10px;
	height: 190px;
	overflow: hidden;
}

	img {border: none;}


#box-image ul {
	margin: 0; 
	padding: 0px;
	width: 	580px; 
	float:left;
	}

#box-image li {
	background: #2d3134;
	padding: 10px 0 10px 0;
	width: 180px;
	float: left;
	display: inline;
	text-align: left;
	color: #7391ab;
	margin-left: 0px;
	font-size: 11px;
	FONT-FAMILY: Tahoma, Arial, Sans-Serif;
	text-decoration: none;
	font-style: italic;
}

#box-image li b {
	font-size: 13px;
	FONT-FAMILY:  Arial, Sans-Serif;
	font-style: normal;
}

.status {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 10;
}

#box-image .img {
	position: relative;
	margin: 0 10px 5px 10px;
	width: 160px;
	height: 120px;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	display: block;
	background: #44494D;
}

#box-image img {height: 120px;}
#box-image .status {height: 85px;}

#box-image a {text-decoration: none;color: #c8cacb;}
#box-image a:hover {text-decoration: underline;color: #c8cacb;}


#wrapper {

	padding: 20px 0 0 0;
	text-align: right;
}




table.center {
   	background-color: #fbfbfb;
   	width: 650px;
   	border-collapse: collapse;
     	font-size: 12px;
   	FONT-FAMILY: Verdana, Arial, Sans-serif;
	
}

td.top {
   background-color: #fff;
   
}

td.strzalka {
      text-align: right;
      vertical-align:  middle; 
}

tr.low {
   background-color: #fbfbfb;
}
tr.middle {
   background-color: #f0f0f0;
}

tr.hight {
   background-color: #eaeaea;
}

td.grupa {
   width: 450;
   padding: 0 0 0 10px;
   margin: 0;
    border: solid #ddd 1px;
  
}
td.kategoria {
   width: 450;
   padding: 0 0 0 10px;
   margin: 0;
    border: solid #ddd 1px;
   
}

td.produkt {
    width: 450;
   padding: 0 0 0 10px;
   margin: 0;
    border: solid #ddd 1px;
}

td.doc1 {
   width: 25px;
    margin: 0;
   padding: 0;
   text-align: center;
   border: solid #ddd 1px;
   vertical-align: top;
}

td.doc {
   width: 25px;
   height: 25px;
   margin: 0;
   padding: 0;
   text-align: center;
    border: solid #ddd 1px;
   vertical-align: middle;
}

hr {
   border: none;
   background-color: #bbb;
   color: #bbb;
   height: 1px;   
}

td.tit {
   
   font-size: 12px;
   FONT-FAMILY: Verdana, Arial, Sans-serif; 
   font-weight: bold;
   color: #4444ff;
} 

td.tit a {
   text-decoration: underline;
   color: #4444ff;
   
}

td.tit a:hover {
   text-decoration: none;
   color: #4444ff;
   
}


td.prod {
   font-size: 10px;
   FONT-FAMILY: Verdana, Arial, Sans-serif;
   text-align: right;
   font-style: italic;
} 

td.prod b{
   font-size: 11px;
   font-weight: bold;
   color: #666;
   font-style: normal;
} 

td.foto {
   vertical-align: top;
   padding-right: 10px;
}


td.info {
   font-size: 10px;
   FONT-FAMILY: Verdana, Arial, Sans-serif;
   text-align: left;
   font-style: italic;
} 


td.info a {
      color: #777;
     TEXT-DECORATION: underline;
     font-style: normal;
} 

td.info a:hover {
      color: #777;
     TEXT-DECORATION: none;
     font-style: normal;
}