/*
---------------------------------------------
 Design & Code (c) Wild Moose Justyna Walczak
---------------------------------------------
*/
.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 */

* { margin: 0; padding: 0; /* border: 0; */}
html { width: 100%; height: 100%;}
body { font-size: 100%; line-height: 120%; color: #4c4948; background-color: #fff; font-family: Tahoma, Helvetica, sans-serif;}
html, body, div, span, applet, object, iframe {outline: 0;}
a { text-decoration: none;}
a:focus { outline: 0;}
h1, h2, h3, h4, h5, h6 { line-height: 40px; margin: 0px; color: #fff;}
h1, h2 { font-size: 18px; text-transform: uppercase;}
p, .kol_l ul li { font-size: 12px; margin: 10px 40px 10px 17px;}
ul, li { list-style-type: none; font-size: 12px; }
a img { border: 0;}

.panel    { width: 100%;margin: 0 auto; padding: 0; position: relative;}
.top      { background: #fff url(img/naglowek_bg.jpg) 0 0 repeat-x;}
.zaw      { padding-top: 14px; background: #FF9D26 url(img/holder_bg.jpg) 0 0 repeat-x;}
html> .zaw { padding-top: 14px; background: #e79b35 url(img/holder_bg.jpg) 0 0 repeat-x;}

.naglowek { width: 980px; height: 91px; margin: 0 auto; background: #fff url(img/naglowek_bg.jpg) 0 0 repeat-x;}
.dol      { background-color: #e28021;}
.holder   { width: 980px; margin: 0 auto; background: transparent url(img/dol_bg.png) 50% 100% no-repeat;}
.lewa     { width: 360px; float: left; margin: 0px; padding-top: 280px; position: relative; background: transparent url(img/lewa_bg.jpg) 0 0 no-repeat; color: #fff;}
.lewa span{ padding: 300px 0 10px; text-align: center; color: #fff; font-size: 28px; line-height: 40px;}
.lewa span a{ color: #fff; font-size: 20px; line-height: 40px;}

.prawa    { width: 620px; float: right; background-color: transparent;}
.naglowek a.logo  { float: left; width: 207px; height: 91px; background: url(img/logo.jpg) 0 0 no-repeat;}
.naglowek span  { float: left; width: 400px; height: 51px; margin-left: 200px; padding: 30px 0 10px; color: #411ea4; text-align: center; font-size: 18px;}
.naglowek span a{ display: block; color: #e68f21;}
.menu     { width: 600px; height: 32px; margin: -8px 0 0; padding: 0 10px; background: transparent url(img/menu_bg.png) 0% 0% no-repeat;}
.menu a   { font-size: 12px; color: #fff; margin: 0 5px; line-height: 25px;}

.kol_l, .kol_p { margin-top: 20px;}
.kol_l { width: 403px; float: left; background: transparent; color: #150c30/*#1f1247*/;}
.kol_l p { margin-left: 10px;}
.kol_l p strong { color: #6728d1;}
.kol_l p a { color: #6728d1;}
.kol_l p a:hover { text-decoration: underline;}
.kol_l a.wiecej { display: block; width: 49px; height: 19px; margin-left: 200px; color: #fff; background: url(img/wiecej.gif) 50% 50% no-repeat;}
.kol_l a.wiecej:hover { text-decoration: underline;}
.kol_p { width: 217px; float: right; background: transparent; color: #fff;}
.kol_p .tlo { padding: 10px; background: #6728d1 url(img/prawa_bg.jpg) 0 0 repeat-x;}
.pudla { margin-top: 20px; padding-bottom: 140px; background: transparent url(img/pudla.jpg) 100% 100% no-repeat;}

.wiecej { background-color: #4c4948; color: #fff; font-size: 11px; display: block; width: 100px; margin: 20px 0 0 150px; text-align: center; padding: 4px 5px;}
.wstep  { display: block; background-color: #ffeed5; margin: 0 30px 0 0; padding: 10px;}
.wstep p{ color: #4c4948;}

.stopka { width: 970px; position: relative;  margin: 0 auto; color: #f1c99a; padding: 10px 0; text-align: right; font-size: 10px; text-align: left;}
.stopka p { width: 40%; float: right; margin: 0px;}
.stopka .menu_dol { width: 60%; text-align: right;}
.stopka a { color: #f1c99a;}
.stopka a:hover { text-decoration: underline;}


table { width: 96%; margin: 20px 0; padding: 10px; border: 0; background-color: #f1ad47; font-size: 12px;}
table th { padding: 5px; font-weight: normal; background-color: #f4d686; text-align: left; border-bottom: 1px solid #f7e292;}
table td { padding: 8px 5px; margin: 10px 40px 10px 0;}
table td.cena { color: #5400a2; font-weight: bold; text-align: center;}


form                   { margin: 0 10px 0 0; display: block; padding: 20px 0; background-color: #f1ad47;}
fieldset               { width: 90%; margin: 0; padding: 0 0 0 10px;  border: 0px;}
legend                 { color: #5400a2; font-weight: bold; font-size: 12px; vertical-align: middle; margin: 0;}
input, textarea, label { width: 100%; display: block; font-size: 12px; vertical-align: middle; margin: 0; color: #1f1247;}
input, textarea        { margin: 5px 0; padding: 5px; border-width: 1px; border-color: #dcddd8; border-style: solid;}
form p label           { color: #1f1247; font-size: 10px;}

form div p { float: left;}
form div p.radio,
form div p.radio input,
form div p.radio label { width: 20px; border: 0px;}
form .submit  { width: 80px; margin-left: 160px; padding: 5px; background-color: #9052f5; color: #fff; font-size: 11px; font-weight: bold; cursor: pointer; border: 0;}
.dziekujemy   { margin: 20px 60px 20px 10px; font-size: 16px; color: #fff;}
iframe        { margin: 20px auto; display: block; border: 4px solid #9291a1;}