/* CSS Document */

body{
font-family:Tahoma;
font-size:11px; 
margin:0; 
padding:0;
background: #fff url('../images/bgbody.jpg') repeat-x left top;
text-align:center;
color:#333333;

}

table, td, tr{
font-family:Tahoma;
font-size:11px; 


}

a img{
border:none;
}

div img{
text-align:left;
}

p{
text-align:justify;
text-indent:20px;
margin:5px 0 0 0;
line-height:15px;
}

.p_duze{
font-size:13px;
font-weight:bold;
text-align:right;
margin-top:20px;
color:#017173;
}

.p_male{
font-size:13px;
font-weight:normal;
text-align:right;
margin-top:10px;
margin-bottom:10px;
color:#017173;
}

.duze_litery{
font-size:13px;
font-weight:bold;
}

a:link{
color:#3b6e6e;
}


a:visited{
color:#48483f;
}

ul, li{
margin:0;
padding:0;
}

ul{
margin-top:5px;
}

ul.ul_szeroki li{
padding-top:10px;
}

ul.ul_index li, ul.ul_index_en li{
list-style-image: url('../images/ul.gif')
}

ul li{
margin-left:35px;
margin-right:5px;
list-style-image: url('../images/tick.gif')
}



/* --------------Elementy naglówka*------------------*/

#topbar{
display:block; 
margin:auto auto auto auto;
text-align:center;
background: url('../images/bgheader.jpg');
height:182px;
width:955px;
position:relative;
}

#h_logo{
width:133px;
height:104px;
margin: 0 auto;
background: url('../images/h_logo.jpg');
position:absolute;
top:15px;
left:72px;
}

#topmenu{
width:373px;
height:21px;
position:absolute;
top:20px;
left:408px;
text-align:left;
}

#topmenu_en{
width:399px;
height:21px;
position:absolute;
top:20px;
left:408px;
text-align:left;
}

#jezyki{
position:relative;
top:143px;
left:418px;
}

div#jezyki img{
margin: 0 0 0 0;
padding: 0 0 0 0;
border:0px;
display: inline;

}

/* --------------Elementy glówne strony - Container*------------------*/

#container{
width:955px; 
 /* tu chyba jest nie do końca sensownie*/
margin:auto auto auto auto;
background: url('../images/bg.jpg') repeat-y;
text-align:center;
position:relative;

}

#container_img{
width:327px;
height:23px;
text-align:left;
position:relative;
left:65px;
padding-bottom:20px;
}

div.text{
width:684px;
height:auto;
position:relative;
margin-left:46px;
top:10px;
}

#content_left{
width:750px;
position:relative;
float:left;
text-align:left;
}

#line_center{
width:4px;
height:553px;
float:left;
background: url('../images/line111.jpg');

}

/* --------------Elementy glówne strony - Container RIGHT------------------*/


#content_right{
width:199px;
height:620px;
float:right;

}

div#content_right p{
text-align:center;
line-height:9px;
text-indent:0px;
}
 
div#content_right img{
margin-top:20px;
}

p span{
color:gray;
}

#strefa_klienta{
height:550px;
}
/* --------------Boksy------------------*/


#ksiegowosc_box{
  float:left;
  width:207px;
  height:280px;
  background: url('../images/bg_ks.jpg');
  position:relative;
  top:30px;
  left:46px;
  text-align:left;
  margin-right:43px;
  }
  
  #ksiegowosc_box_en{
  float:left;
  width:207px;
  height:280px;
  background: url('../images/bg_en_ks.jpg');
  position:relative;
  top:30px;
  left:46px;
  text-align:left;
  margin-right:43px;
  }
  
  div#ksiegowosc_box p, div#informatyka_box p, div#promocje_box p{
  position:relative;
  top:62px;
  left:13px;
  }
  
  div#ksiegowosc_box ul, div#informatyka_box ul, div#promocje_box ul{
  position:relative;
  top:62px;
  }
  
  div#ksiegowosc_box_en ul, div#informatyka_box_en ul, div#promocje_box_en ul{
  position:relative;
  top:62px;
  width:193px;
  }
  
  
  #informatyka_box{
  float:left;
  width:207px;
  height:280px;
  background: url('../images/bg_inf.jpg');
  position:relative;
  top:30px;
  margin-left:34px;
  text-align:left;
  }
  
  #informatyka_box_en{
  float:left;
  width:207px;
  height:280px;
  background: url('../images/bg_en_it.jpg');
  position:relative;
  top:30px;
  margin-left:34px;
  text-align:left;
  }
  
  #promocje_box{
  float:left;
  width:207px;
  height:280px;
  background: url('../images/bg_pr.jpg');
  position:relative;
  top:30px;
  margin-left:34px;
  text-align:left;
  }
  
  #promocje_box_en{
  float:left;
  width:207px;
  height:280px;
  background: url('../images/bg_en_pr.jpg');
  position:relative;
  top:30px;
  margin-left:34px;
  text-align:left;
  }
  
  .button_wiecej{
  position:absolute;
  top:242px;
  margin-left:39px;
  }
  
  
  /* --------------Elementy containera lewego------------------*/
  
 
  .naglowek{
  width:353px;
  height:57px;
  position:relative;
  left:55px;
  }
  
  .tekst{
  clear:both;
  width:610px;
  position:relative;
  left:82px;
  padding-bottom:30px;
  line-height:17px;
  }
  
  .tekst_srodek{
  width:510px;
  position:relative;
  left:55px;
  line-height:17px;
  }
  
  /*--------------------Menu boczne--------------------------*/
  
  #menu_boczne{
  width:135px;
  position:relative;
  left:10px;
  float:left;
  text-align:left;
  }


  /*---------------------- Elementy środkowe podstron ze środkowym divem------*/

  .content_srodek{
  width:615px;
  position:relative;
  float:left;
  text-align:left;
  }
  
  h1{
  font-size:14px;
  font-weight:bold;
  border-bottom:double 1px #d4d3b4;
  margin-top:25px;
  color:#5F5F5F; 
  
  }
  
  h2{
  font-size:14px;
  font-weight:bold;
  border-bottom:double 1px #d4d3b4;
  margin-top:25px;
  }
  
  /*--------------------Stopka---------------------*/
  
  #footer{
  position:relative;
  display:block;
  width:955px;
  height:40px;
  position:relative;
  text-align:center;
  margin:auto;
  font-size:10px;
  top:30px;
  }
  
  
  .spacer {
  clear:both;
  display:block;
  height:10px;
  }
  
  .lewo{
  float:left;
  margin-left:10px;
  }
  
  .prawo{
  float:right;
  margin-right:10px;
  }
  
  .w3c{
  text-align:right;
  padding-top:30px;
  }
