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


#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;
}


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

#N1 {
background-color: #505050;
margin-top: 0px;
width: 1200px;
height: 80px;
width: auto;
}

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

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

#stopka {
background-color: #0050AA;
height: 50px;
clear: both;
width: 100%;
font-family : 'Calibri', 'Arial', sans-serif;
font-weight : normal;
font-size : 16px;
color: #F2F2F2; 
font-style: normal;
text-align: right;

}

#left {
float:left;
width:300px;
}

#Kafel1 {
overflow: hidden;
height: 130px;
padding-top: 200px;
width: 300px;
background-color: #ff9955;
font-family : Calibri, 'Arial', sans-serif;
font-weight : normal;
font-size : 36px;
color : #F2F2F2; 
font-style : normal;
text-align: center;

}

#Kafel2 {
overflow: hidden;
height: 130px;
padding-top: 200px;
width: 300px;
background-color: #FFCC00;
font-family : Calibri, 'Arial', sans-serif;
font-weight : normal;
font-size : 36px;
color : #F2F2F2; 
font-style : normal;
text-align: center;

}

#Kafel3 {
overflow: hidden;
height: 130px;
padding-top: 200px;
width: 300px;
background-color: #e80525;
font-family : Calibri, 'Arial', sans-serif;
font-weight : normal;
font-size : 36px;
color : #F2F2F2; 
font-style : normal;
text-align: center;

}

#Kafel4 {
overflow: hidden;
height: 130px;
padding-top: 200px;
width: 300px;
background-color: #0050aa;
font-family : Calibri, 'Arial', sans-serif;
font-weight : normal;
font-size : 36px;
color : #F2F2F2; 
font-style : normal;
text-align: center;

}


#Kafel5 {
overflow: hidden;
height: 130px;
padding-top: 200px;
width: 300px;
background-color: #8a4a53;
font-family : Calibri, 'Arial', sans-serif;
font-weight : normal;
font-size : 32px;
color : white ; 
font-style : normal;
text-align: center;
}

#Kafel6 {
overflow: hidden;
height: 130px;
padding-top: 200px;
width: 300px;
background-color: #A92895;
font-family : Calibri, 'Arial', sans-serif;
font-weight : normal;
font-size : 32px;
color : white ; 
font-style : normal;
text-align: center;
}




#Kafel8 {
overflow: hidden;
width: 300px;
height: 130px;
padding-top: 200px;
background-color: #3898ff;
font-family : Calibri, 'Arial', sans-serif;
font-weight : normal;
font-size : 36px;
color : #F2F2F2; 
font-style : normal;
text-align: center;
}

#Tekst {
line-height: 140%;
float: right;
overflow: hidden;
width: 870px;
background-color: #fafaf5;
font-style : normal;
text-align: center;
font-family : Calibri, 'Arial', sans-serif;
font-weight : normal;
font-size : 18px;
color: #696969; 
font-style : normal;
text-align: left;
}


h1 {
font-size : 32px;
color : #505050; 
font-style : normal;
text-align: right;
text-decoration: underline;

}

h2 {
color : #505050;
font-size : 20px;
}

h2.right {
color : #505050;
font-size : 24px;
text-align: right;
}


.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:0;
  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: yellow;
}

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

}

a:link {color: grey; text-decoration: none;}
a:visited {color: grey; text-decoration:none; }
a:hover {color: black; text-decoration: underline; }
a:active {color: blue; text-decoration: none; } 

a.r:link {color: black; text-decoration: none;}
a.r:visited {color: black; text-decoration:none; }
a.r:hover {color: red; text-decoration: underline; }
a.r:active {color: blue; text-decoration: none; } 

ul {line-height: 0.75cm;}

p.center {
text-align: justify;
}

.menu_dol {
text-align: right;
font-family: Arial, sans-serif;
font-size: 11px;
color: #958C8C;
clear: both;
}

.baner {
	width:290px; 
	background-color: pink; 
	margin: 10px 0; 
	padding: 5px; 
	height:100px;
	
	font-family : Calibri, 'Arial', sans-serif;
font-weight : normal;
font-size : 20px;
color : #F2F2F2; 
font-style : normal;
text-align: center;
	
	}

.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;}