body {
background: url('../images/tlo.jpg') repeat-x;
text-align: justify;
}

img {
border: 0;
}

h1 {
font-size: 20px;
}

h2 {
font-size: 17px;
}

h3 {
font-size: 13px;
}

#calosc {
width: 1000px;
margin: 0 auto;
}

#header {
width: 1000px;
margin: 0 auto;
background: #ffffff;
overflow: hidden;
height: auto;
}

#logo {
float: left;
background: #ffffff;
width: 530px;
}

#telefon {
float: right;
background: #ffffff;
}

#middle {
background: #7dd0dc;
height: 390px;
width: 1000px;
}

li.active a  {
background: #b5cc02 !important;
}

#middle ul {
list-style: none; /* usuwamy wypunktowanie listy */
padding-left:0;
overflow: hidden;
height: auto;
}

#menu  {
font-family: Arial;
font-size: 12px;
font-weight: bold;
}

#menu li a {
color: #ffffff;
text-decoration:none;
padding: 15px 44px;
background: #7dd0dc;
margin-top: 5px;
}

#menu li, #menu li a {
float:left;
}

#menu li {
position:relative; /* względem tego będziemy pozycjonowali podmenu */
}

#menu li a:hover {
background: #b5cc02;
}

#tresc {
padding: 20px 0;
color: #000000;
font-size: 14px;
overflow: hidden;
height: auto;
}

#tresc ul {
list-style-image: url('../images/li.jpg');
}

#tresc h1 {
font-size: 19px;
color: #00376a;
}

h1 a:link, h1 a:visited {
color: #00376a;
text-decoration: none;
}

h1 a:hover {
color: #b5cc02;
text-decoration: none;
}

#kolumna1 {
width: 300px;
float: left;
clear: none;
}

.right {
float: right;
}

#kolumna2 {
margin-left: 50px;
width: 300px;
float: left;
clear: none;
}

#kolumna3 {
margin-left: 50px;
width: 300px;
float: left;
clear: none;
}

#tresc li {
margin-top: 10px;
}

#kolumna4 {
margin-left: 50px;
width: 650px;
float: left;
clear: none;
}

#lewa {
float: left;
clear: none;
width: 350px;
}

#prawa {
float: left;
clear: none;
}

#footer {
border-top: 4px #7ed0dc solid;
border-bottom: 4px #7ed0dc solid;
margin-top: 20px;
}

#footer-tresc {
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
font-size: 12px;
color: #3ba3c0;
}

#footer a:link, #footer a:visited {
color: #3ba3c0;
text-decoration: none;
font-weight: bold;
}

#footer a:hover {
color: #b5cc02;
text-decoration: none;
font-weight: bold;
}

#copyright {
margin-top: 20px;
height: 30px;
font-size: 11px;
color: #3ba3c0;
}

#copyright1 {
float: left;
}

#copyright2 {
float: right;
}

#copyright  a:link, #copyright  a:hover, #copyright a:visited  {
text-decoration: none;
color: #3ba3c0;
}