*{

  margin: 0;

  padding: 0;

}



a{

  text-decoration:none;

}









div#content{

  float:left;

  text-align:left;

  width:610px;

  margin-left:35px;

}



ul.con{

  margin-left:17px;

  margin-bottom:25px;

}



ol.con{

  margin-left:22px;

  margin-bottom:25px;

}



li{
  color:#454545;
  font: 11px  Arial;
  line-height:16px;
}





p{
  color:#363636;
  font: 11px  Arial;
  line-height:16px;
  text-indent:25px;
  margin-bottom:25px;
  text-align:justify;
}

h1

{
  color:#20364e;
  text-align:left;
  margin-bottom:25px;
  font: 13px  Arial;
  font-weight: bold;
}

.bez
{
  text-indent:0px;
}







input{

margin-top:7px;
margin-bottom:7px;

padding-left:3px;

border: 1px solid #363636;

}



.mark{

color:#20364e;

}



b{
  color:#20364e;
  font-weight: bold;

}



a{

  font-weight: normal;

  color: #D49102;

}

      



input{

  font: 11px Tahoma, Verdana, sans-serif;

  color: #3d5057;

}





































ul#menu {

	background: transparent url('../img_lay/menu.jpg') top left no-repeat;

	position: relative;

	width: 617px;

	height: 90px;

  position: relative;

  float:right;

}



ul#galeria {

  float:right; margin-top:20px; margin-right:65px;

	background: transparent url('../img_lay/galeria.jpg') top left no-repeat;

	position: relative;

	width: 153px;

	height: 38px;

  position: relative;

  float:right;

}



ul#menu li {

	margin: 0;

	padding: 0;

	list-style: none;

	position: absolute;

	top: 0px;

}



ul#galeria li {

	margin: 0;

	padding: 0;

	list-style: none;

	position: absolute;

	top: 0px;

}





ul#menu li, ul#menu a {

	display: block;

	height: 90px;

}



ul#galeria li, ul#galeria a {

	display: block;

	height: 38px;

}



ul#menu li a {

	text-indent: -9999px;

	text-decoration: none;

}



ul#galeria li a  {

	text-indent: -9999px;

	text-decoration: none;

}



#menu-o-firmie   {left: 50px; width: 130px; }

#menu-wspolpraca {left: 180px; width: 145px; }

#menu-oferta     {left: 325px; width: 125px; }

#menu-kontakt    {left: 450px; width: 145px; }



#menu-galeria    {left: 0px; width: 153px; }





#menu-o-firmie a:hover   {background: transparent url('../img_lay/menu.jpg')  -50px  -90px no-repeat;}

#menu-wspolpraca a:hover {background: transparent url('../img_lay/menu.jpg')  -180px -90px no-repeat;}

#menu-oferta a:hover     {background: transparent url('../img_lay/menu.jpg')  -325px -90px no-repeat;}

#menu-kontakt a:hover    {background: transparent url('../img_lay/menu.jpg') -450px -90px no-repeat;}



#menu-galeria a:hover    {background: transparent url('../img_lay/galeria.jpg') 0px -38px no-repeat; }







html, body{ 

  text-align:center;

  font: 11px Tahoma, Verdana, sans-serif;

  color: #3d5057;

  background:url('../img_lay/top_tlo.jpg') top repeat-x; 

  background-color: #D9E5F3;

}



div#kontener{

  width:934px; position: relative; margin: auto; padding:0px; 

}





div#top{

  background: url('../img_lay/top.jpg') top no-repeat; 

  width: 934px;

  height: 258px;

}



div#bottom{

  background: url('../img_lay/bottom.jpg') top no-repeat; 

  width: 934px;

  height: 60px;

}





.right_ramka{

  background: url('../img_lay/right_tlo.jpg') top no-repeat; 

  width:260px;

  height:205px; 

  float:right;

}



.right_ramka img{

  float:left;

  margin-top:28px;

  margin-left:26px;

}





.naglowek{

  clear:both;

  width: 368px;

  height: 65px;

  background: url('../img_lay/naglowek.jpg') top left no-repeat; 

  float:left;

  font: 12px Arial;

  text-align:left;

  font-weight: bold;

  color:#20364e;

}











.left_top{



  width:173px;

  height:220px; 

  background: url('../img_lay/left_top.jpg') top left no-repeat; 

}



.right_bottom{

  float:left;

  width:173px;

  height:220px; 

  background: url('../img_lay/right_bottom.jpg') right bottom no-repeat; 

}





.left_top img{

  float:left;

  margin-top:28px;

  margin-left:26px;

}







img{

border:0px;

}