@charset "iso-8859-2";
/* CSS Document */
body { 
	margin: auto;
	font : normal 70% 'Lucida Grande', Tahoma, Helvetica, Arial, sans-serif;
	color: #7a7a7a;
	text-align: center;
	background: #4d4d4d;  
}

div#calosc { 
	margin: auto;
	margin-top: 20px;
	width: 903px;
}

div#top {
  width: 903px;
  height: 60px;
}

div#top_le {
  width: 437px;
  height: 60px;
  float: left;
  background: url(../images/logo.jpg) no-repeat;
}

div#top_pr {
  width: 466px;
  height: 60px;
  float: right;
}

div#menu_top {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 7px;
  width: 903px;
  height: 29px;
}

div#center {
  width: 903px;
  margin-top: 0px;
  padding-top: 0px;
}

div#menu {
  width: 175px;
  float: left;
  background: url(../images/menu/menu_tlo.jpg) repeat;
}

div#baner {
  width: 194px;
  float: left;
  background: #ffffff;
}

div#tresc {
  width: 494px;
  float: right;
  background: url(../images/tresc_tlo.jpg) repeat;
  color: #ffffff;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: justify;
}

div#zajawka {

}

div#inst {

}

div#inst_le {
  float: left;
}

div#inst_pr {
  width:151px;
  hight: 187px;
  float:right;
}

div#inst_rest {
  clear: both;
}

div#tresc1 {
  width: 167px;
  height: 85px;
  float: left;
  background: url(../images/witamy.jpg) no-repeat;
  border: 3px solid #4d4d4d;
}

div#tresc2 {
  width: 308px;
  height: 85px;
  float: right;
  padding-top: 3px;
  padding-left: 12px;
}

div#poleca {
  clear: both;
  text-align: left;
}

div#tresc3 {
  width: 275px;
  height: 139px;
  float: left;  
  padding-right: 12px;
  margin-bottom: 10px;
}

div#tresc4 {
  width: 200px;
  height: 139px;
  float: right;
  background: url(../images/design.jpg) no-repeat;
  border: 3px solid #4d4d4d;
  margin-bottom: 10px;
}

div#tresc5 {
  clear: both;
}

div#portfolio1 {
  text-align: center;
}

div#portfolio1 img {
  border: 3px solid #4d4d4d;
}

div#portfolio2 {
  text-align: center;
}

div#portfolio2 img {
  border: 3px solid #4d4d4d;
}

div#mapa {
  width: 480px;
  height: 200px;
  margin-top: 20px;
  border: 3px solid #4d4d4d;
}

div#koncowki {
  width: 903px;
  margin-top: 0px;
  padding-top: 0px;
}

div#koncowka_menu {
  width: 175px;
  height: 19px;
  float: left;
  background: url(../images/menu/menu_dol.jpg) no-repeat;
}

div#koncowka_banera {
  width: 194px;
  height: 19px;
  float: left;
  background: url(../images/baner/baner_dol.jpg) no-repeat;
}

div#koncowka_tresci {
  width: 534px;
  height: 19px;
  float: right;
  background: url(../images/tresc_dol.jpg) no-repeat;
}

div#profil_firmy {
  margin: auto;
  width: 832px;
  height: 140px;
  background: #7b7b7b;
  clear: both;
  padding-top: 5px;
  padding-left: 12px;
  padding-right: 13px;
}

div#profil_le {
  width: 185px;
  height: 123px;
  float: left;
  background: url(../images/profil.jpg) no-repeat;
  border: 3px solid #4d4d4d;
}

div#profil_pr {
  width: 629px;
  height: 126px;
  float: right;
  text-align: justify;
  color: #4d4d4d;
  padding-top: 3px;
  padding-left: 12px;
}

div#menu_down {
  margin-top: 0px;
  margin-bottom: 20px;
  padding-top: 7px;
  width: 903px;
  height: 29px;
  font-size: 9px;
}

div#kontakt {
  margin-top: 10px;
  margin-right: 30px;
  text-align: right;
}

.msg {
  text-align: center;
  font-weight: bold;
  color: #FFFFFF;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 10px;
}

a {
	color: #ffffff;
	text-decoration: none;
}
a:hover {
	color: #ffffff;
	text-decoration: underline;
}

a.link_menu {
	color: #7a7a7a;
	text-decoration: none;
}

a.link_menu:hover {
	color: #999999;
	text-decoration: underline;
}

div#zoomer
{
	padding: 5px;
	background-color: #F0EFF0;
	border: 1px solid #B0AFB0;
	position: absolute;
	z-index: 1000=;
}