body { 
	 text-align:center; 
	 background: #f5f5f5 url(img/bodygrad.jpg) repeat-x left top;
	}
	
 div#container {
	 position:relative;
	 width:894px;
	 border:0px solid red;
	 margin:0 auto;
	 text-align:left;
	}
	
 div#logo {
	 position:relative;
	 width:799px;
	 height: 58px;
	 background-color:#FFF;
	 margin:0;
	 border: 0px solid blue;
	 }
 div#top {
	 position:relative;
	 width:894px;
	 height: 209px;
	 background: transparent url(img/top.jpg) no-repeat top left;
	 border:0px solid red;
	}

 #danekontakt {
  float:right; 
  position:relative;
  margin: 0;
  padding: 0; 
  top: 22px;
  right: 20px;
  
 }
 
 #cont_list {
   position:relative;
   background-color:#f3f3f3;
   padding: 10px 0 10px 30px;
   margin: 0;
   border: 2px solid #EEE;
   width: 660px;
 }
 #cont_list li{
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   font-weight:bold;
   color:#666;
   padding: 0 0 5px 0; 
 }
 
 div#menu {
	 position:relative;
	 width:799px;
	 height: 59px;
	 border:0px solid red;
	 background-color: #efefef;
	 padding: 0;
	 margin: 0;
	}
	
 ol li{
  list-style-type:none!important;
 }		
 div#menu a{
 	margin: 0px;
	padding: 0px;
	float: left;
	height: 60px;
	}
 div #menu ul {
    margin: 0px;
	padding: 0px;
   }
 div #menu ul li {
	display: inline;
	list-style-type: none;
  }

 div#content {
	 position:relative;
	 width:779px;
	 float: left;
	 padding: 20px 0 0px 20px;
	 border:0px dashed #7F7;
	 background-color: #fdfdfb;
	 margin:0;
	}
 

	
 div#bottom {
	 position:relative;
	 width:779px;
	 height: 24px;
	 color:#FFF;
	 background-color: #b32211;
 	 text-align: right;
	 font-size: 9px;
	 float:left;
 	 padding: 10px 20px 0 0;
    }  
	
* html 	div#bottom {
	 margin-top: -30px;
	 height: 29px;
}
 #fm_informacje {
   padding: 5px 70px 70px 10px ;
   font-size:11px;
 }	

 #fm_informacje .firma_img{
   float: left;
   margin: 20px 20px 10px 0;
   border-width: 0px; 
 }	
 #fm_informacje p {
   margin-top: 16px;
 }

 div#lewy {
   position: relative;
   float: left;
   border: 0px solid red;
   width: 460px;

 }
 
 div#prawy {
   position: relative;
   float: right;
   border: 0px solid blue;
   width: 300px;
   background: #FFF url(img/right_bg.jpg) repeat-x 0 61px;
 }

 #info_skr {
   width: 430px;
   overflow: hidden;
   margin: 10px 0 40px 0px;
 }


 #info_skr p{
   font-family:Verdana;
   font-size:11px;
  }

 div#content h1, .cont_h1{
   margin: 20px 0 15px 0px;
   padding: 0 0 7px 0;
   font-size:15px;
   word-spacing: 2px;
   font-weight: bold;
   color: #555;
   background: transparent url(img/linia.jpg) no-repeat left bottom;
   border-bottom: 0px solid #AAA;
  }
  
  .cont_h1 {
   background-image: none!important;
   border-bottom: 1px solid #AAA!important;
   width:370px; 
  }
  
 div#content h1 a {
  color:#555;
 }  
 .act_skr {
   position: relative;
   padding: 10px 10px 30px 15px;
   text-align: left;
   font-size:11px;   
  }
.act_skr h2{
   position: relative;
   margin: 0px;
   padding: 0px;
   color: #566374;
   font-weight: bold;
   font-size:14px;   
   font-family: Verdana;   
  }
.act_skr p.data{
  color:#AAA;
  font-size:10px;
  }

.act_skr a{
  color:#777;
  }

.act_skr a:hover{ 
 text-decoration: underline;
}

.act_skr ul li{ 
list-style-type: disc;
 
}

 .linkskr{
  color:#777;
  word-spacing: 5px;
  font-size:11px;
  float: right;
  margin-top: 20px;
   }

 #prawy #logowanie {
   background:#c12d0f url(img/logowanie.jpg) no-repeat top left;
	height: 190px;
	width: 300px;
	position:relative;
 }

 #prawy #logowanie form{
  font-size: 10px;
 }
 form fieldset{
  border-width: 0px;
 }
 #prawy #logowanie form #login {
   position:absolute;
   left: 86px;
   top:85px;  
   color:#777;
   border: 1px solid #999;
}

 #prawy #logowanie form #pass {
   position:absolute;
   left: 86px;
   top: 110px;
   color:#777;
   border: 1px solid #999
}

 #prawy #logowanie form #butt {
   position:absolute;
   left: 201px;
   top:111px;
   background: #666 url(img/zaloguj.jpg) no-repeat top left;
   border: none;
   width:19px;
   height: 16px;
}

 .katalog_skr {
   height: 194px;
   width: 295px;
   overflow: hidden;
 }
 .katalog_skr img { 
  float:left;
  width:100px;
  } 
 
 .katalog_skr h2{
   position: relative;
   float:left;
   font-weight: bold;
   color:#425776;
   font-size:12px;
   margin: 0 0 10px 5px;
   padding: 0 0 10px 0;
   background: url(img/malalinia.jpg) no-repeat bottom left;
   letter-spacing: normal;
   width: 180px
 }

 .katalog_skr p{
   position: relative;
   float:left;
   font-size:9px;
   width: 180px;
   color:#777;
   margin: 0 0 0 5px  ;
 } 
 .katalog_skr a{
   position: relative;
   float:right;
   padding-right: 15px;
   font-size:10px;
   color:#777;
 }
 
   #kp_menu {
	background: #ae0b0c url(img/szukaj.jpg) no-repeat top left ;
    width: 280px;
	float: left;	
	color:#FFF;
	font:normal 14px verdana;
	padding:0;
	position: relative;
	margin: -20px 0 0 -20px;
  }

  * html #kp_menu {
	margin: -20px 0 0 -10px;
  }

/*//////////////////////////////////////////////////////////////////*/
   dl {
     margin:10px 0;
   }
   #kp_menu dl {
    margin: 12px 0;  
  }   
   #kp_menu dl dt{
     margin:12px 0 0 0;
	 padding: 0 0 3px 0;
	 position: relative;
	 left:20px;
	 width: 230px;
 	 background: transparent url(img/menubottom.jpg) no-repeat bottom left; 
  }

  #kp_menu dl dt a{
   font:bold 16px Arial; 
   color:#FFF;  
  }
    
  #kp_menu dl dd{
     margin:12px 0 0 0; 	 
	 padding: 0 0 3px 35px;
	 position: relative;
	 border-bottom: 1px solid #cd6b6a;
	 width: 200px;
	 cursor:pointer;
     font:normal 11px Arial;
  }  

  #kp_menu dl dd ol li a{
    color: #FFF;
	font:normal 11px Arial;
	display:block;
	width: 200px;
  }
  #kp_menu dl dd ol li a:hover{
    color: #FFF;
	text-decoration:underline;
  }  
  #kp_menu dl dd ol {
   border-top: 1px solid #cd6b6a;
   padding: 2px 0 0 33px;
  }
   
   
   
  .grupa {
    margin: 0;
	padding: 0 0 0 20px;
	display: none;
  }
  * html .grupa {
    margin: 0;
	padding: 0 0 0 15px;
  }
  .sub_cat{
   float:left!important;
   width: 200px;
   padding: 30px 30px 2px 30px;
   font-size:10px;
   font-weight:bold;
  }
  
  #kp_content {
	float: left;
	width: 497px;
	min-height: 480px;
	margin: -20px -10px -20px 0px ;
	padding-bottom: 80px;
	position:relative;
	/*background-color:#FFF;*/
	overflow:hidden;
   }
   * html #kp_content {
     padding-bottom: 160px;
   }
  #kp_content #streatch {
  height: 400px;
  }
  .katalog_pozycja {
   border: 0px solid red;
   margin:20px;
   padding:0px;
   
 }
 .katalog_pozycja img { 
  float:left;
  position: relative;
  top: 10px;
  margin: 0;
  padding: 0;
  width: 100px;
  height: 100px;
  border: 1px solid #999;
  background:#FFF url(img/brak.jpg) no-repeat center center  
  } 
 
   .katalog_pozycja a {
   padding: 0;
   margin: 0;
   }
   
   .katalog_pozycja a img.spc {
    position:relative;
	width: 18px;
	height: 19px;
	padding: 4px 4px 0 0 ;
	float:left;
	border-width: 0px;
	background-image:none;
  }
 .katalog_pozycja h2{
   float:left;
   font-weight: bold;
   color:#425776;
   font-size:12px;
   margin: 10px 0 10px 5px;
   padding: 0 0 10px 0;
   background: url(img/malalinia.jpg) no-repeat bottom left;
   letter-spacing: normal;
   width: 250px;
 }

 .katalog_pozycja p {
   float:left;
   font-size:9px;
   width: 310px;
   color:#888;
   margin: 0px 5px 40px 5px  ;
 } 

 #kp_search {
    clear: both;
	padding-top: 40px; 
	position: relative;
   }

 #kp_search select, #kp_search input {
    font-size: 12px;
	font-weight: normal;
	font-family: Arial;
	background-color: #FFF;
	color:#444;
    border: 1px solid #FFF;
	width: 210px;
	margin: 3px 20px;
	text-transform:capitalize;	
} 

 #kp_search .button_szukaj {
  width: 20px;
  background: #FFF url(img/zaloguj.jpg) no-repeat center left ;
  margin: 3px 20px 3px 0px;
  border: none;
  float: right;
  height: 19px;
 } 

 #kp_search .input_szukaj {
   width: 119px;
   float: right;
   margin: 3px 0px 0 20px;
 } 
 #kp_search table {
   font-size: 10px;
   border-bottom: 0px solid white;
   color:#FFF;
  } 
  
  #aktualnosci {
   padding: 0px 20px 0px 0;  
  }
  
 .przewijarka {
   position: relative;
   text-align: center;
   font-size: 10px;
   padding: 40px 0 0 0;
   clear: both;
   border: 0px solid red;
   } 
   
  .przewijarka b {
     font-size:11px;
     letter-spacing:0;
     cursor: default;
	}
   .przewijarka a {
      color:#999;
	  margin: 3px;
      letter-spacing:0;
  }
  
  #centruj {
    position: relative;
    width: 765px;
	padding: 0px 0 0 0;
    text-align:center;
	margin: 40px 0 60px 0; 
  } 
  
  #litery {     
    border-bottom:1px solid #777; 
    width: 549px;
	height: 17px;	
	margin: 0 auto;
  }
  
   #litery  a{
    display:block;
	float:left;
	margin:0;
	font-size:10px;
	font-weight:bold;
	color:#666;
	position:relative;
 	width: 21px;
	cursor:default;
	outline: 0px;
	}
	
	#litery a:hover{
	 background-color:#DDD;
	 color:#000;
	}
	
	#litery a:active{
	 background-color:#999;
	 color:#F00;
	 outline: 0px;
     }
	 
	.trybologia_elem, .porady_elem{
   	  padding: 0 10px 40px 30px;
	}
	
	.trybologia_elem p:first-letter{
      font-size: 22px;
	  font-weight:bold;
	  text-transform:capitalize;
	 }

	.trybologia_elem p{
	  text-indent: 25px;
	  padding: 0 30px 0 40px;
	  font-size:12px;
	  color:#333;
	  font-family:Arial;
	  }
	  
	.trybologia_elem h2 {
	    text-transform:capitalize;
	    font-size:16px;
		color:#444;
		padding: 12px 35px 3px 5px;
	    border-bottom: 1px solid #666;
		display:inline;
	 }
	.porady_elem a{
	  color:#444;
	} 
   .porady_elem p{
	  text-indent: 15px;
	  padding: 0 30px 0px 30px;
	  font-size:12px;
	  color:#333;
	  font-family:Arial; 
	  border-bottom: 0px solid #888888;
	  }
	  
	.porady_elem h2 {
	    font-size:14px;
		color:#444;
		font-weight:bold;
		padding: 12px 35px 3px 5px;
		display:inline;     
	 }	 
	 
	 #po_tr_lnk {
	   display:block; 
	   text-align:right; 
	   font-weight:bold; 
	   color:#888; 
	   float:right;
	   font-size:10px; 
	   padding: 0 50px 0 0;
	   outline: 0px;
	  }
      
	 .specyfikacja1, .specyfikacja2 {
	     display:block;
	     color:#555;
		 background:#E7E7E7 url(img/pdf.gif) no-repeat top left;
		 text-decoration:underline;
		 padding: 3px 10px 5px 24px!important;	
		 margin: 12px 0 0 0 !important;
		 border:0px solid red;   
	   }
	 .specyfikacja2 {
		 margin: 3px 0 0 0 !important;
	   }	   
 
	 #link_trybol, #link_porady, #link_kp {
		 float:left;
		 top: 40px;
		 left: 160px;
		 font-weight:bold;
		 font-size:13px;
		 position:absolute;
		 padding-left: 17px;
		 text-transform:capitalize;
		 background: transparent url(img/point.gif) no-repeat 0px 1px;
		 height: 20px;
	 }  
	 #link_trybol:hover, #link_porady:hover, #link_kp:hover {
		 background-image: url(img/active.gif);
		 color:#333;
	 }	 
	 #link_porady {
		 top: 10px;
		 left: 150px;
	 }	   
	 #link_kp {
		 top: 70px;
		 left: 150px;
	 }	 
	 
	 #tryb_ramka {
	 position:relative;
	 float:left;
	 width:400px;
	 height: 200px;
	 background: transparent url(img/trybologia.jpg) no-repeat 0 0;
	 }	 

	 .news_menu {
	  background: url(img/menu_news.jpg) repeat;
	  border: 1px solid #CCC;
	  width: 759px;
	 }

	 .news_menu p {
	 font-size: 11px;
	 line-height: 30px;
	 margin: 0px 10px 0px 10px;
	 }
	 
    .news_menu a {
	 color: #333;
	 }
	 
    .news_menu a:hover {
	 text-decoration: underline;
	 }