*{
  margin: 0;
  padding: 0;
}




img{
border:0px;
}

body{      
 background-color:#cff0ff; 
}

div#kontener{
  background: url('../img_lay/tlo_bottom.png') bottom repeat-x;
  display: block;  
  width: 100%;
  background-color:#f9fdff;
  position: relative;
  margin: auto;
}

div#tlo_top{
  background: url('../img_lay/tlo_top.png') top repeat-x;
  text-align:center;
  width: 100%;
}

div#top{
  background: url('../img_lay/baner_top.png') top no-repeat; 
  width: 852px;
  height: 231px;
  margin: auto;
}

div#content{  
  background: url('../img_lay/bottom.png') bottom no-repeat;
  width: 852px;
  margin: auto;
}



ul#menu {
	position: relative;
	width: 850px;
	height: 42px;
	padding: 0;
  position: relative;
  margin: auto;
}

ul#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0px;
}

ul#menu li, ul#menu a {
	display: block;
  background:transparent;
  list-style-type:none;
	height: 42px;
}

ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;	
}

#menu-glowna {left: 16px; width: 153px; }
#menu-oferta {left: 190px; width: 145px; }
#menu-technologie {left: 360px; width: 180px; }
#menu-wspolpraca {left: 565px; width: 138px; }
#menu-kontakt {left: 722px; width: 115px; }





#col2na2{
  float:left;
  width:531px;
  text-align:left;
  margin:60px 0 80px 31px;
  min-height:400px;
}


#col1na3{
  float:left;
  width:250px;
  text-align:left;
  margin:60px 0 80px 20px;
  min-height:400px;
  
}

#col2na3{
  float:left;
  width:250px;
  text-align:left;
  margin:60px 0 80px 31px;
  min-height:400px;
 
}

#col3na3{
  float:left;
  width:250px;
  text-align:left;
  margin:60px 20px 80px 31px;
  min-height:400px; 
}




#baner_kontener{
  position: relative;
  overflow: hidden;
  float:right;
  width:250px;
  height:231px;
  text-align:left;
}

.baner{
  position: absolute;
  top: 250px;
  width:250px;
  margin:35px 0px 0px 0px;
  height:231px;
}  


#bottom{
  width:100%;
}

#bottom .left{
  float:left;
  color:#6a6a6a;
  margin-bottom:35px;
  font: 11px Arial, sans-serif;
  color: #404040; 
}

#bottom .right{
  float:right;
  color:#6a6a6a;
  margin-bottom:35px;
  font: 11px Arial, sans-serif;
  color: #404040; 
}


a.logo_duze{
  border: 1px solid #E5E5E5; 
  width: 168px; 
  height:120px; 
  text-align: left; 
  float:left; 
  margin-bottom:10px;
}


a.logo_duze:hover{
  background: url('../img_lay/tlo_duze.png') top no-repeat; 
  border: 1px solid #bbdff1; 
}


a.logo_male{
  border: 1px solid #E5E5E5; 
  width: 123px; 
  height:86px; 
  text-align: left; 
  float:left; 
  margin-bottom:10px;
}


a.logo_male:hover{
  background: url('../img_lay/tlo_male.png') top no-repeat; 
  border: 1px solid #bbdff1; 
}       




textarea{
  overflow:auto;
  height:70px;
}

input.text-input, select, textarea {
  border-bottom-left-radius: 4px 4px;
  border-bottom-right-radius: 4px 4px;
  border-top-left-radius: 4px 4px;
  border-top-right-radius: 4px 4px;
  -moz-border-radius:4px 4px 4px 4px;
  background:url("../img_lay/bg_field.gif") repeat-x scroll left top #FFFFFF;
  border:1px solid #D5D5D5;
  padding:6px;
}

input, textarea{
  width:200px;
  font: 11px Arial, sans-serif;
  color: #404040; 
  margin:0 15px;
  margin-bottom:15px;
}


b,strong{
color:#205a8c;
}



h1{

  padding:0 15px;
  font: 14px Tahoma;
  color: #004684;
  line-height: 16px; 
  letter-spacing: 1px; 
  margin-bottom:5px;   
}

h2{
  clear:both;
  padding:0 15px;
  font: 11px Tahoma;
  color: #5ba9c4;
  line-height: 16px; 
  letter-spacing: 1px; 
  margin-bottom:20px;  
  border-bottom:1px solid #e5e5e5; 
  padding-bottom:15px;
}

h3{

  padding:0 15px;
  font: 12px Tahoma;
  color: #004684;
  line-height: 16px; 
  letter-spacing: 1px; 
}

h4{
  clear:both;
  padding:0 15px;
  font: 10px Tahoma;
  color: #000000;
  line-height: 16px; 
  letter-spacing: 1px; 
  margin-bottom:15px;  
}

.img  
{
  border:1px solid #e5e5e5;  
  margin-left:15px;
  margin-bottom:15px;
}

.img_left  
{
  float:left;
  border:1px solid #e5e5e5;  
  margin-left:15px;
  margin-bottom:15px;
  margin-right:15px;
}

.przycisk
{
  margin-left:15px;
  margin-bottom:15px;
}

p{    
  padding:0 15px;
  font: 11px Arial;
  /*text-align:justify;*/
  color: #404040; 
  line-height: 16px; 
  word-spacing: 1px;  
  margin-bottom:15px;   
}

label{
  padding:0 15px;
  font: 11px Arial, sans-serif;
  color: #404040; 
  line-height: 16px; 
  word-spacing: 1px;  
  margin-bottom:10px;   
  display:block;
}

ul, ol{
  font: 11px Arial, sans-serif;
  color: #404040; 
  margin:0px;
  padding:0px;
  margin-bottom:20px;
}

ol{margin-left:17px; margin-right:15px;}
ul{margin-left:15px; margin-right:15px;}

ul li{
  line-height: 16px; 
  background:url("../img_lay/punkt.png") no-repeat 0px 3px;
  list-style-type:none;
  padding-left:20px;
  list-style-position:outside;
}

ol li{
  line-height: 16px; 
  list-style-position:outside;
  padding-left:0px;
}

a {
  text-decoration:none;
  color: #004684; 
}

li a {
  text-decoration:none;
  color: #004684; 
}

