* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 13px;
    line-height: 16px;
    font-family: Verdana, sans-serif;
    color: #656565;
	background: #fff;
    text-align: justify;
}

.cl { font-size: 0; line-height: 0; height: 0; clear: both; }

a img { border: 0; }
a { color: #557FFF; text-decoration: none; }
a:hover { text-decoration: underline; cursor: pointer;}

.left { float: left; display: inline; }
.right { float: right; display: inline; padding-top:12px; padding-right:12px;} 
.right2 { width:400px; float: right; display: inline; padding-top:38px;} 
.right3 { width:600px; float: right; display: inline; padding-top:0px;}
.right4 { width:936px; float: right; display: inline; padding-top:0px;}
.notext {font-size: 12px; color:#BFBFBF; float: left; padding-left: 40px; padding-top: 30px}

.center {display: block; margin: 0 auto;}

.shell {margin: 0 auto; width: 946px;}

#header {background: url(images/ozdoba3.jpg) repeat-x 0 0; height: 103px;}

h1#logo {float: left; padding-right: 40px; padding-top: 20px;}
h1#logo a {background: url(images/logos.png) no-repeat 10px 0; display: block; width: 230px; height: 73px;}

h2 {font-family: "Verdana", sans-serif; font-size: 18px; line-height: 23px; }
h3 {font-family: "Verdana", sans-serif; font-size: 14px; color: #5A5A5A;}
h4 {font-family: "Verdana", sans-serif; font-size:14px; color: #5A5A5A}

#navigation {float: right; padding-top: 41px;}
#navigation ul {list-style-type: none;}
#navigation ul li {display: inline; float:left; padding-right: 2px;}
#navigation ul li a {background: url(images/.gif) no-repeat 0 0; padding-left: 15px; height: 27px; display: block; float: left; color: #fff; font-family: tahoma, sans-serif; color: #D4D4FF; font-size: 14px;}
#navigation ul li a span {background: url(images/.gif) no-repeat right 0; padding-right: 15px; height: 21px; display: block; float: left; padding-top: 4px; line-height: 14px;}
#navigation ul li a:hover, #navigation ul li.active a {text-decoration: none; background-image: url(images/nav-hover1.gif); color: #343434;}
#navigation ul li a:hover span, #navigation ul li.active a span {background-image: url(images/nav-hover1.gif);}

#heading {background: #fff url(images/heading-bg.png) repeat-x center 1px; padding:15px 0;}
.heading-cnt { float: left; width: 390px; padding-top: 6px; padding-left: 8px; }
.heading-cntt {float: left; width: 450px; padding-top: 6px; padding-left: 8px;}
.heading-cnt2 {float: left; width: 250px; padding-top: 6px; padding-left: 8px;}
.heading-cnt3 {float: left; width: 280px; padding-top: 6px; padding-left: 8px;}
.heading-cnt4 {float: left; width: 936px; padding-top: 6px; padding-left: 8px;}
#heading h2 { padding-bottom: 10px; color:#5bb745; font-family: Microsoft Sans Serif; font-size: 18px;}
#heading p {padding-bottom: 16px;text-indent:20px;}

#features {background: url(images/ziel.png) repeat-x 0 0; height: 100px; padding-top: 5px;}
.features-cnt {background: url(images/cnt111.png) no-repeat 0 0; height: 88px; padding-left: 10px; }
.feature {width: 220px; float: left; padding-top: 6px; padding-right: 15px;}
.less-padding {padding-right: 14px; }
.no-padding {padding-right: 0 !important;}
.feature h2 {font-size: 14px; font-family:"Lucida Handwriting"; color: #FFFFFF; padding-bottom: 5px;}
.feature img {padding-right: 6px; padding-top:4px; }
.feature p {text-align:left; float: left; width: 100px; font-size: 12px; line-height: 15px; color: #fff; height: 88px;}
.feature p span {padding-bottom: 4px; padding-top: 8px; display: block; font-size: 14px; color: #AFFF2D; font-weight: bold;}
.feature a.more {background: url(images/more.gif) no-repeat 0 0; display: block; float: left; width: 24px; height: 11px;}

#main {background: #e9e9e9; padding-top: 15px;padding-left: 28px; padding-bottom: 20px;}
#main h3 {padding-bottom: 7px;}
#main a {font-weight: bold; color: #96a120; text-decoration: underline; font-size: 11px;}
#main a:hover {text-decoration: none;}
#main a.rss {background: url(images/rss.gif) no-repeat 0 0; width: 11px; height: 11px;}
.link-margin { margin-right: 10px; margin-left: 2px; }
.first-column {width: 297px; float: left; padding-right: 24px;}
.middle-column {width: 312px; float: left; padding-right: 9px; color: #787878; font-family:"Verdana"; font-size: 12px}
.last-column {width: 270px; float: left; padding-left: 8px;}

ul.news {list-style-type: none; padding-bottom: 8px; color: #787878; font-family:"Verdana"; font-size: 12px}
ul.news li {background: url(images/newsitem-b.gif) repeat-x 0 bottom; padding-top: 6px; padding-bottom: 7px;}
ul.news li small {color: #606d0f; font-size: 11px;}
ul.news li small.grey {color: #656565;}

.contacts {font-size: 12px; }


#footer {background: #e9e9e9 url(images/footer.gif) repeat-x 0 0; padding-top: 15px; padding-bottom: 50px;}
#footer ul {list-style-type: none; float: left; padding-left: 19px; background: transparent;}
#footer ul li {display: inline; float: left; padding-right: 9px;}
#footer ul li a {text-decoration: underline; color: #6e6e6e; font-size: 10px;}
#footer ul li a:hover {text-decoration: none;}
#footer p.copy {float: right; font-size: 10px; color: #6e6e6e; padding-right: 10px;}

.pics {
   /* wartości te powinny być conajmniej takie jak rozmiary zdjęć */
   height: 513px; /* szerokość elementu HTML gdzie osadzone są zdjęcia */
   width: 270px; /* wysykość elementu HTML gdzie osadzone są zdjęcia */
   padding: 0;
   margin: 0;
}

.pics img {
   padding: 1px;
   border: 3px solid #E1E1E1;
   background-color: #eee;
   /* rozmiary zdjęć */
   width: 513px; /* szerokość wyświetlanych zdjęć */
   height: 270px; /* wysokość wyświetlanych zdjęć */
   top: 0;
   left: 0
} 

.pics2 {
   /* wartości te powinny być conajmniej takie jak rozmiary zdjęć */
   height: 167px; /* szerokość elementu HTML gdzie osadzone są zdjęcia */
   width: 167px; /* wysykość elementu HTML gdzie osadzone są zdjęcia */
   padding: 0;
   margin: 0;
}

.pics2 img {
   padding: 0px;
   border: 0px solid #E1E1E1;
   background-color: #eee;
   /* rozmiary zdjęć */
   width: 167px; /* szerokość wyświetlanych zdjęć */
   height: 167px; /* wysokość wyświetlanych zdjęć */
   top: 0;
   left: 0
} 

