/*
---------------------------------------------
 Design & Code (c) Wild Moose Justyna Walczak
---------------------------------------------
*/

* { margin: 0; padding:0; border: 0;}
html { width: 100%; height: 100%;}

.clear       { clear: both; height: 1%;}
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear       { display: inline-block;}
/* Hides from IE-mac \*/
* html .clear{ height: 1%;}
.clear       { display: block;}
/* End hide from IE-mac */

body { font: normal 100% Verdana, Arial, Helvetica, sans-serif; background: #4d5b38 url(img/bgg.jpg) top repeat-x;}

a, 
a:hover, 
a:visited { text-decoration: none;}
h2 { height: 24px; margin: 30px 0; padding: 6px; font: bold 80% Arial, Helvetica, sans-serif; color: #6d814e; font-size: 16px;}
p  { position: relative; font-size: 12px; line-height: 150%;}

/**/
#kontener { width: 920px; margin: 0; padding: 0; background: transparent url(img/bg.jpg) top repeat-x;}

#kol-l  { position: relative; width: 470px; margin: 0; padding: 0 10px 100px 0; float: left; background-color: #5c6351;}

#kol-l .rama     { position: relative; width: 470px; margin: 0 auto; padding-bottom: 100px; top: 10px; background: #fff url(img/spinka.jpg) 0% 0% repeat-y;}

#kol-l .zaw      { width: 425px; margin-left: 25px; padding: 10px;}
#kol-l .zaw .wiz { position: relative; margin: 20px; padding: 10px; background: #fff url(img/sep-wiz.jpg) bottom repeat-x;}
#kol-l .zaw .wiz p   { padding-left: 20px; background: transparent url(img/star.jpg) 0% 10% no-repeat; color: #4a4e45; font-size: 12px;}
#kol-l .zaw .wiz span { display: block;}
#kol-l .zaw .wiz span a { font-size: 11px; color: #4D2256;}
#kol-l .zaw .wiz span a:hover { color: #7b717b;}

#kol-r  { position: relative; width: 440px; margin: 0; padding: 0; float: right; background: transparent url(img/pani.jpg) 100% 0% repeat-x;}


#kol-r .pani  { width: 440px; height: 50px; margin: 0; }

#kol-r .rek { margin: 5px 0;}
#kol-r .rek a { position: relative; display: block; width: 264px; height: 174px; margin: 0 auto; padding: 10px;}
#kol-r .rek a:hover { }
#kol-r .rek p { color: #fff; font-size: 60%; margin: 0 0 4px 0;}

#kol-r h2 { height: 30px; margin: 0px; padding: 0; color: #fff; font-size: 120%;}
#kol-r .zaw { padding: 9px 0 26px 0;}
#kol-r .zaw.woj { position: relative; width: 420px; height: 160px; padding: 10px;}
#kol-r .zaw.woj a { line-height: 20px; margin: 5px; padding: 5px; font-size: 12px; color: #fff;}
#kol-r .zaw.woj a:hover { background-color: #4d5b38;}

#kol-l .zaw.top { height: auto; background: transparent url(img/rog.jpg) 100% 0% no-repeat;}
#kol-l .zaw.top h1 { line-height: 100px; margin-left: 30px; color: #d30208; font-size: 120%;}
#kol-l .zaw.top a  { color: #d30208;}
#kol-l .zaw.top a:hover  { color: #6d814e;}

#stopka-zew         { width: 100%; height: 100px; margin: 40px 0 0 0;}
#stopka-zew #stopka { width: 900px; padding: 10px; border-top: 1px solid #cce1b8;}
#stopka p           { margin: 30px 0 0 0; font-size: 10px; font-weight: normal; line-height: 170%;}
#stopka p, #stopka a, #stopka a:hover { color: #cce1b8;}