* {
  margin:0;
  padding:0;
  border:0;
}

body {
  background:#fff;
  font-family:Helvetica, Tahoma, Verdana, sans-serif;
  font-size:14px;
  color:#000;
  }

#calosc {
  margin:0 auto;
  width:100%;
  text-align:center;
}

a {
  color: #555;
  text-decoration: none;
}

a:hover {
  color: #000;
  text-decoration: underline;
  background: #eee;
}

a p {
  color: #000;
  text-decoration: none;
}

a:hover p {
  color: #555;
  text-decoration: underline;

}

/*
 * TOP
 */
 
#top {
  margin:auto;
  padding:0 auto;
  height:205px;
  text-align:center;
}

#top_tresc {
  margin: auto;
  padding: 0 auto;
  width: 1098px;
  height: 205px;
  background: url('../images/top_tlo.png') right no-repeat;
}

#top_logo {
  float: left;
  width: 576px;
  height: 205px;
  padding: 0px;

}

/*
 * MIDDLE
 * 
 */
 
#middle {
  margin:auto;
  padding:0;
  text-align:center;
  background: #fff;
}

#middle_tresc {
  margin: auto;
  width: 1098px;
  padding: 0;
}

.main_box {
  float: left;
  width: 183px;
  background: url('../images/box_tlo.png');
  background-repeat: repeat-y;
  text-align: left;
}

.main_box_last {
  float: left;
  width: 183px;
  text-align: left;
}

.main_box_naglowek {
  float: left;
  width: 183px;
  height: 215px;

}

.main_box_menu { 
  float: left;
  width: 173px;
  height: 70px;
  padding: 0 0 0 10px;
}

.main_box_tresc {
  float: left;
  width: 173px;
  height: 300px;
  padding: 0 0 0 10px;
}

.main_box_czytaj_wiecej {
  float: left;
  width: 173px;
  padding: 0 0 0 10px;
}

.main_box_czytaj_wiecej a {
  color: #a4a3a3;
  text-decoration: underline;
}

.a_main_box {
  text-decoration: none;
  color: #000;
}
 
 
.box {
  float: left; 
  width: 100%;
  height: 544px;
}

.box_menu {
  float: left;
  width: 135px;
  height: 544px;
  padding: 0 0 0 40px;
}

.box_tresc {
  float: left;
  width: 601px;
  height: 494px;
  padding: 50px 0 0 0;
}
/*
 * BOTTOM
 */
 
#bottom {
  margin:auto;
  padding:0 auto;
  margin-top: 20px;
  text-align: center;
  background-color: #ddd;
  border-top: 4px solid #c4c4c4;
}

#bottom_tresc {
  margin: auto;
  padding: 10px 0;
  width: 1098px;
  text-align:right;
  color: #5b5b5b;
  font-size: 13px;
  font-family: Times New Roman, Verdana, serif;
}

.portfolio {
  float: right;
  width: 65px;
  height: 72px;

} 

.obok_portfolio {
  float: left;
  width: 110px;
  height: 150px;
  border: 0px solid blue;
}



/* 
 * OKNO
 */
#okno {
			position:absolute;
      display: table;
			width: 100%;
			height: 100%;
			margin: 0 auto;
			background: url('../images/pol_tlo2.png');
			z-index:99;

}

#okno_wrapper {

      width: 100%;
      margin: auto;
			display: table-cell;


}
#okno_tresc {
      margin:auto;
      width: 1000px;

			color: #FFF;

			z-index: 999;

}