html, body {margin:0; padding:0; background-color: #fafaf5;}

#strona {
margin: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
width: 1200px;
background-color: transparent;
}


#header {
  background-color: #0050AA;
  text-align:center;
  height:74px;
  margin:0;
  padding:0;
  width: 100%;
}

#header .tresc {
  background-color:transparent;
  height:64px;
  margin:0 auto;
  padding:5px;
  width: 1190px;
  text-align:left;
}


.N1-1 {
font-family : Calibri, 'Arial', sans-serif;
font-weight : normal;
font-size : 18px;
color : #F2F2F2; 
font-style : normal;
}


#N2 {
background-color: transparent;
width: 1200px;
height: 100px;
}

#N3 {
background-color: transparent;
width: 1200px;
height: 120px;
overflow: hidden;
float: left;
}



#footer {
  background-color: #0050AA;
  clear:both;
  height:74px;
  text-align:center;
  width: 100%;
  margin: 0px;
  padding:0;
}

#footer .tresc {
  background-color:transparent;
  color:#F2F2F2;
  font-family: Calibri, Arial, sans-serif;
  font-size:16px;
  font-style:normal;
  font-weight:normal;
  height:20px;
  text-align:right;
  width: 1170px;
  margin: 0 auto;
  padding:15px;
}

#BL {
float : left;
overflow: hidden;
width: 300px;
height: 330px;
background-color:#fff;
}

#BR {
float: right;
overflow: hidden;
width: 150px;
height: 330px;
background-color: #f8c300;
}

 
#Kafelki {
background-color:transparent;
float: left;
width: 720px;
height: 330px;
padding: 0 15px 0 15px;
line-height: 22px;
font-family : Calibri, 'Arial', sans-serif;
font-weight : normal;
font-size : 24px;
color : #F2F2F2; 
font-style : normal;
text-align: center;

}

#kafelek1 {
background-color: #ff9955;
text-align: center;
width: 150px;
height: 50px;
padding-top: 100px;
float: left;
margin: 0 15px 0 15px;

}

a.k:link {color: white; text-decoration: none; font-weight: normal;}
a.k:visited {color: white; text-decoration: none; font-weight: normal;}
a.k:hover {color: #D3D3D3; text-decoration: none; font-weight: none;}
a.k:active {color: white; text-decoration: none; font-weight: normal;}

#kafelek2 {
background-color: #FFCC00;
text-align: center;
width: 150px;
height: 50px;
padding-top: 100px;
float: left;
margin: 0 15px 15px 15px;

}

#kafelek3 {
background-color: #e80525;
text-align: center;
width: 150px;
height: 50px;
padding-top: 100px;
float: left;
margin: 0 15px 15px 15px;
}

#kafelek4 {
background-color: #0050aa;
text-align: center;
width: 150px;
height: 50px;
padding-top: 100px;
float: left;
margin: 0 15px 15px 15px;
float: left;
}

#kafelek5 {
background-color: #8a4a53;
text-align: center;
width: 150px;
height: 50px;
padding-top: 100px;
margin: 15px 15px 0 15px;
float: left;
}

#kafelek6 {
background-color: #A92895;
text-align: center;
width: 150px;
height: 50px;
padding-top: 100px;
margin: 15px 15px 0 15px;
float: left;
}

#kafelek7 {
background-color: #008080;
text-align: center;
width: 150px;
height: 50px;
padding-top: 100px;
margin: 15px 15px 0 15px;
float: left;
}

#kafelek8 {
background-color: #3898ff;
text-align: center;
width: 150px;
height: 50px;
padding-top: 100px;
margin: 15px 15px 0 15px;
float: left;
}

.box { width:400px; float:left; font-family:calibri, sans; font-size:30px; text-align:center; height:30px; padding:35px 0; color:#0050AA;}

.clear {clear:both;}