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

/*
---------------------------------------------
 reset
---------------------------------------------
*/
html,body,div,p,ul,ol,li,h1,h2,h3,h4,h5,pre,form,p,button,img { margin: 0; padding: 0; border: 0;}
ul,li { list-style-type: none;}
a { outline: none;}
button span,a span,li span { display: none;}
* { 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; color: #2f2d29; background: #fff url(img/bg_n.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: #000f2e; font-size: 16px;}
p  { position: relative; font-size: 12px; line-height: 150%; margin: 10px 0 0 10px;}

/**/
#kontener { width: 850px; margin: 0 auto; text-align: left;}

#nag { position: relative; display: block; height: 159px; border-top: 1px solid #fff;}
#nag h1 { height: 77px; margin-top: 26px; margin-left: 0; display: block; cursor: pointer;}
#nag a { display: block; width: 350px; height: 103px; color: #fff;}
#nag a:hover { color: #663455;}

#kol-l           { position: relative; width: 510px; margin: 0 40px 0 0; float: left;}
#kol-l .zaw      { padding: 9px 0 26px 0; background-color: #f3f2f3;}
#kol-l .zaw .wiz { position: relative; width: 450px; height: auto; margin: 0 auto; padding: 8px 10px; background: #f3f2f3 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: #7b717b; font-size: 12px;}
#kol-l .zaw .wiz span { display: block;}
#kol-l .zaw .wiz span a { font-size: 11px; color: #e38cc3;}
#kol-l .zaw .wiz span a:hover { color: #7b717b;}

#kol-r .rek { margin: 27px 0 0 0;}
#kol-r .rek a { display: block; width: 264px; height: 174px; margin: 0 auto; padding: 10px; background-color: #f3f2f3;}
#kol-r .rek a:hover { background-color: #e38cc3;}
#kol-r .rek p { color: #bdb8ad; font-size: 60%; margin: 0 0 4px 0;}
      
#kol-r      { width: 300px; float: left;}

#kol-r .zaw { padding: 9px 0 26px 0; background-color: #f4e6ef;}
#kol-r .zaw.woj { position: relative; padding: 8px 0 9px 0;}
#kol-r .zaw.woj a { width: 250px; height: 15px; margin: 0 auto; padding: 8px; display: block; background: #f4e6ef url(img/sep-woj.jpg) bottom repeat-x; font-size: 12px; color: #663455;}
#kol-r .zaw.woj a:hover { color: #d85caa;}

#kol-l .zaw.top { height: 174px; margin: 10px auto; padding: 10px 0; background: #fff url(img/top.jpg) 50% 50% no-repeat; color: #fff;}
#kol-l .zaw.top h2 { height: 24px; margin: 20px; padding: 0; color: #fff; font-size: 120%;}
#kol-l .zaw.top p  { margin: 0 250px 0 20px; font-size: 11px;}
#kol-l .zaw.top a  { color: #fff;}
#kol-l .zaw.top a:hover  { color: #000f2e;}

#stopka-zew         { width: 100%; height: 100px; margin: 40px 0 0 0; text-align: center;}
#stopka-zew #stopka { width: 850px; margin: 0 auto; text-align: left; border-top: 1px solid #d9d7da;}
#stopka p           { margin: 30px 0 0 0; font-size: 10px; font-weight: normal; line-height: 170%;}
#stopka p, #stopka a, #stopka a:hover {color: #8f8a7c;}