/*
---------------------------------------------
 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: #F6F6F6 url(img/bgg.jpg) 0 repeat-y; font-family:  Verdana, Helvetica, sans-serif;}
html, body, div, span, applet, object, iframe {outline: 0;}
a { text-decoration: none;}
:focus { outline: 0;}
h1, h2, h3, h4, h5, h6 { line-height: 40px; margin: 0 20px;}


.panel { width: 980px; background: #F6F6F6 /*url(img/panel_bg.jpg) 0 repeat-y*/; margin: 0 auto; padding: 0 0 50px; position: relative;}
/*.kol_lewa { width: 330px; float: left; background-color: #fff;}*/
.kol_lewa { background-color: #fff; float:left; margin: 0 0 0 -9670px; position:relative; width: 9999px;}
.lewa_bg { float: right; width: 330px; margin: 0; padding: 0}

.kol_prawa { width: 650px; float: right; background-color: #F6F6F6;}
.top { height: 160px; width: 100%;}
.baner { height: 300px; border-top: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1;}

.kol_lewa .baner { width: 330px; background: #Fff url(img/lewa_baner.jpg) no-repeat;}
.telefony { height: 270px; padding: 20px; background: #F6F6F6 url(img/kon_bg.jpg) 0 repeat-x; color: #fff; text-align: center;}
.telefony .stg_nag { color: #fff; padding-bottom: 40px; background: transparent url(img/tel.gif) 50% 100% no-repeat;}
.telefony h1 { margin: 0 auto; font-size: 30px;}
.telefony h1 a { display: block; font-size: 16px; color: #fff;}
.telefony strong { color: #4c4948;}



.wycena { height: 156px; padding: 20px; background: #F6F6F6 url(img/wycena_bg.jpg) 0 repeat-x; color: #fff; text-align: center;}
.wycena .stg_nag { color: #fff; padding-bottom: 20px;}
.wycena p { margin: 0 10px 0 130px; font-size: 13px; font-weight: bold; text-align: right; color: #F1F7FD;}


.kol_prawa .top { background-color: #F6F6F6;}
.kol_prawa .baner { width: 650px; background: #F6F6F6 url(img/prawa_baner.jpg) right no-repeat;}


.menu_top { height: 45px; text-align: right;}
.menu_top a, .menu_oferta a { color: #4c4948; margin: 0 10px; font-size: 11px;}
.menu_top a:hover { text-decoration: underline;}

.menu_oferta { height: 50px; text-align: left;}
.menu_oferta a { display: block; float: left; width: auto; padding: 4px 10px; margin: 0 10px; background-color: #f6f6f6; font-size: 14px; font-weight: bold;}
.menu_oferta a:hover { background-color: #ffffff;}
.menu_oferta a.on { background-color: #ffffff; color: #ef852f;}

.haslo { display: block; height: 80px; background: #f6f6f6 url(img/haslo.jpg) 50% 50% no-repeat; text-indent: -9999px; color: #f6f6f6;}

.zaw { width: 610px; padding: 20px;}
.zaw.bialy { background-color: #fff; font-size: 12px;}
.zaw.bialy p { margin: 20px;;}
.kol_1, .kol_2 { padding-bottom: 80px; text-align: right;}
.kol_1.link, .kol_2.link { padding: 0px;}
.kol_1 { width: 260px; float: left; margin-right: 20px;}
.kol_2 { width: 260px; float: right; background: transparent;}
.kol_2.auto { background: transparent url(img/auto.jpg) 100% 100% no-repeat;}
.kol_1 li, .kol_2 p { text-align: left; margin-left: 10px; font-size: 12px;}
.kol_1 ul li { list-style-type: disc; list-style-position: inside;}
.kol_2 p { margin: 10px;}


.wiecej { background-color: #4c4948; color: #fff; font-size: 11px; display: block; width: 100px; margin: 20px 0 0 150px; text-align: center; padding: 4px 5px;}
.kol_1 .wiecej, .kol_2 .wiecej { margin: 0px 0 0 150px;}
.stg_nag { display: block; font-size: 16px; color: #d69e40; margin: 10px 0; text-align: left;}

.stopka { width: 970px; position: relative;  margin: 0 auto; color: #96959f; padding: 10px 0; text-align: right; font-size: 10px; text-align: left; border-top: 1px solid #d3d3d2;}
.stopka p { width: 40%; float: right;}
.stopka .menu_dol { width: 60%; text-align: right;}
.stopka a { color: #b0afae;}
.stopka a:hover { text-decoration: underline;}

table { width: 100%; margin: 20px auto; border: 0;}
table td { padding: 5px; background-color: #333339; text-align: center;}

.form_kont    { background-color: transparent;}
.form_kont form { margin: 0; display: block; padding-bottom: 20px;}
.form_kont input,
.form_kont textarea,
.form_kont label { width: 400px; display: block; font-size: 12px; vertical-align: middle; margin: 0;}
.form_kont input,
.form_kont textarea { margin: 5px 0; padding: 5px; border-width: 1px; border-color: #dcddd8; border-style: solid;}
.form_kont label    { color: #9f9f9f; font-size: 10px;}
.form_kont p        { clear: both;}
.form_kont .submit  { width: 80px; margin-left: 160px; padding: 5px; background-color: #9f9f9f; color: #fff; font-size: 11px; font-weight: bold; cursor: pointer;}
.form_kont sup      { color: red; font-size: 8px;}
.dziekujemy { margin: 20px 60px 20px 10px; font-size: 13px; color: #ed832d;}
iframe      { margin: 20px auto; display: block; border: 4px solid #9291a1;}