html, body {
margin: 0px;
padding: 0px;
background-color: #cecece;
border: 0px;
background-image: url(img/tlo.jpg);
}

a:link {color: #4c6fb5; text-decoration: none;}
a:visited {color: #4c6fb5; text-decoration: none;}
a:hover {color: #C86000; text-decoration: none;}
a:active {color: #4c6fb5; text-decoration: none;}
a.head{color:#4c6fb5; font-size: 11px; text-decoration:none; font-family: Verdana, sans-serif;}
a.head:hover{color:#C86000; font-size: 11px; text-decoration:none; font-family: Verdana, sans-serif}

#container {
width: 900px;
height: 1200px;
margin: 0px;
padding: 0px;
background-color: #fff;
}

#zerowy {
width: 900px;
height: 0px;
margin: 0px;
padding: 0px;
background-color: #fff;
}

#top {
width: 900px;
height: 225px;
margin: 0px;
padding: 0px;
}

#mid {
clear: both;
width: 900px;
height: 818px;
margin: 0px;
padding: 0px;
}

#left {
float: left;
width: 303px;
height: 818px;
margin: 0px;
padding: 0px;
}


#main {
float: left;
width: 417px;
height: 818px;
margin: 0px;
padding: 0px;
overflow: hidden;
}

#main2 {
float: left;
width: 417px;
height: 818px;
margin: 0px;
padding: 0px 0px 0px 0px;
background-image: url(img/03_main1.jpg);
}

#main3 {
float: left;
width: 417px;
height: 818px;
margin: 0px;
padding: 0px 0px 0px 0px;
border: 0:
}

#main4 {
float: left;
width: 417px;
height: 345px;
margin: 0px;
padding: 0px;
border: 0px:
}

#maintext {
float: left;
width: 400px;
height: 818px;
margin: 0px;
padding: 0px 0px 0px 0px;
}

#right {
float: left;
width: 180px;
height: 818px;
margin: 0px;
padding: 0px;
}


#bottom {
clear: both;
width: 900px;
height: 157px;
margin: 0px;
padding: 0px;
}


.text {text-align: left; font-size: 11px; font-family: tahoma, sans-serif; color: #000000; line-height: 140%;}
.text333 {text-align: left; font-size: 11px; font-family: tahoma, sans-serif; color: #333333; line-height: 140%;}
.textj {text-align: justify; font-size: 11px; font-family: tahoma, sans-serif; color: #000000; line-height: 140%;}
.text1 {text-align: center; font-size: 11px; font-family: tahoma, sans-serif; line-height: 140%;}
.text2 {font-size: 11px;font-weight: bold; font-family: tahoma, sans-serif; line-height: 140%;}
.text2a {font-size: 11px;font-weight: bold; font-family: tahoma, sans-serif; color: #7e7e7e; line-height: 140%;}
.text3 {text-align: left; font-size: 12px; font-weight: bold; font-family: tahoma, sans-serif; color: #000000; line-height: 140%;}
.text4 {font-size: 12px; font-family: tahoma, sans-serif; color: #7e7e7e; line-height: 140%;}
.tytul {font-size: 16px; font-family: verdana, sans-serif; color: #7e7e7e; line-height: 140%;}
.tytul2 {font-size: 14px; font-family: verdana, sans-serif; color: #7e7e7e; line-height: 140%;}
.lead {font-size: 11px; font-weight: bold; font-family: Verdana, sans-serif; line-height: 140%;}

.clear {clear: both;}

.schemat1 { padding: 0px 2px 2px 0px;}
.fotka1 {float:left; margin: 0px; width: 230px; height: 325px; padding: 0px; }
.fotka2 {float:left; margin: 0px; width: 230px; height: 200px; padding: 0px; }
.fotka3 {float:left; margin: 0px; width: 230px; height: 220px; padding: 0px; }
.fotka4 {float:left; margin: 0px; width: 230px; height: 270px; padding: 0px; }

.fot1 {border: 1px solid black;}
.fot2 {float:left; margin-top: 4px; margin-right: 8px;  margin-bottom: 2px;  margin-left: 0px; border: 1px solid black; }
.fot2a {float:left; margin-top: 0px;  margin-right: 2px;  margin-bottom: 0px; margin-left: 0px; border: 1px solid black; }
.fot2b {float:left; margin-top: 0px;  margin-right: 4px;  margin-bottom: 0px; margin-left: 0px; border: 1px solid black; }
.fot3 {float:right; margin-top: 4px;  margin-right: 0px;  margin-bottom: 2px; margin-left: 8px;  border: 1px solid black
; }
.fot4 {float:center; margin-top: 4px;  margin-right: 8px;  margin-bottom: 2px; margin-left: 8px;  border: 1px solid black; }
.fot4b {float:center; margin-top: 4px;  margin-right: 8px;  margin-bottom: 2px; margin-left: 8px; }

.fot4a {float:center; width: 575px; margin-top: 4px;  margin-right: 8px;  margin-bottom: 2px; margin-left: 8px;  border: 1px solid black; }
.wstaw1 {float:left; margin-top: 4px; margin-right: 8px;  margin-bottom: 4px;  margin-left: 0px; font-size: 10px; font-family: Verdana, sans-serif; line-height: 120%; text-align: center;}
.wstaw2 {float:right; margin-top: 4px; margin-right: px;  margin-bottom: 4px;  margin-left: 8px; font-size: 10px; font-family: Verdana, sans-serif; line-height: 120%; text-align: center;}
.sesja {float:left; padding: 0px 0px 2px 2px; margin: 0px;}
.sesja2 {clear:both; padding: 0px 0px 2px 2px; margin: 0px;}

.clearfix:after {
content: ”.”;
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-table;}
/* Lewy ukośnik ukrywa kod przed przeglądarką IE dla komputerów Mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* koniec hacka */
