/*
---------------------------------------------
 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: #333333; background: #fff url(img/bg_szary.jpg) 0 0 repeat-x; font-family:  Tahoma,  Helvetica, sans-serif;}
html, body, div, span, applet, object, iframe {outline: 0;}
a { text-decoration: none;}
a:focus { outline: 0;}
a img { border: 0;}
p span { text-decoration: underline;}
p { margin: 0px 40px 0px; padding: 0px; font-size: 12px; text-align: justify;}
h1, h2, h3, h4, h5, h6 { line-height: 40px; margin: 20px 40px; padding: 0; text-transform: uppercase; font-size: 12px; color: #002069;}
p span { text-decoration: underline;}

.panel{ width: 100%; margin: 0 auto; padding: 0; position: relative; background: transparent;}
.gora { width: 980px; height: 55px; margin: 0 auto; background: transparent;}
.panel.top { background: transparent;}
.panel.dol { background-color: #f8f8f8;}
.top  { width: 980px; height: 202px; margin: 0 auto; background: transparent url(img/bg_top.jpg) 0 0 no-repeat;}
.sg  { background-image: url(img/bg_top_sg.jpg);}
.ip  { background-image: url(img/bg_top_sg.jpg);}
.ks  { background-image: url(img/bg_top_ks.jpg);}
.up  { background-image: url(img/bg_top_up.jpg);}
.ts  { background-image: url(img/bg_top_ts.jpg);}
.zaw  { width: 980px; margin: 0 auto; padding-bottom: 20px; background-color: #fff;}


/*TOP*/
.flagi { width: 100%; height: 26px; text-align: right;}
.flagi a { width: 16px; height: 10px; display: block; float: right; margin: 2px 5px; background-color: #fff; background-position: 50% 50%; background-repeat: no-repeat;}
.flagi a.pol { background-image: url(img/pol.jpg);}
.flagi a.ru  { background-image: url(img/ru.jpg);}
.flagi a.eng { background-image: url(img/eng.jpg);}
.flagi a.fre  { background-image: url(img/fr.jpg);}
.flagi a.pl  { background-image: url(img/pol.jpg);}

.menu_top { height: 30px; text-align: right;}
.menu_top a { margin: 0 10px; font-size: 12px; color: #3a3946;}
.menu_top a:hover, .menu_top a.on { text-decoration: underline;}


/*KOL LEWA*/
.kol_lewa { float: left; width: 345px; margin: 0; padding-top: 20px; position: relative; background-color: #e7e5e6;}
.kol_lewa a { margin: 0px; padding: 6px 10px; display: block;  text-align: right; color: #3a3946; font-size: 12px;  text-transform: uppercase;}
.kol_lewa a:hover, .kol_lewa a.on { background-color: #f3f1f2;}

/*KOL LEWA X*/
.kol_lewa_x { float: left; width: 345px; margin: 0; position: relative; background-color: #e7e5e6;}
.kol_lewa_x a { margin: 0px; padding: 6px 10px; display: block;  text-align: right; color: #3a3946; font-size: 10px;  text-transform: uppercase; font-weight: bold;}
.kol_lewa_x a:hover, .kol_lewa a.on { background-color: #f3f1f2;}

/*Aktualnosci*/
.aktualnosci a:link {color: black; text-decoration: none}
.aktualnosci a:visited {color: black; text-decoration: none}
.aktualnosci a:hover {color: black; text-decoration: none}

/*KOL PRAWA*/
.kol_prawa { float: right; width: 635px; margin: 0; position: relative; background-color: #fff;}
.kol_prawa li { margin: 0px 50px; padding: 0; list-style-position: inside; list-style-type: disc;}
.kol_prawa .bez_iko { list-style-position: inside; list-style-type: none;}
.kol_prawa .bez_iko strong{ text-transform: uppercase;}
.kol_prawa ul { margin: 0; padding: 0; font-size: 12px;}
.kol_prawa ul ul { margin: 0px 40px;}
.kol_prawa ul ul li { list-style-type: none;}

.foto { width: 980px; position: relative; margin: 0 auto; padding: 20px 0; text-align: right;}
.foto img { float: right; margin: 0 0px; padding: 5px; border: 1px solid #eeeeee; background-color: #e7e5e6;}

.kol1, .kol2 { float: left; width: 317px; margin: 0; padding: 0; position: relative;}
.kol2 { background-color: #fff; text-align: left;}
.kol1 a { color: #002069;}
.kol1 a:hover { text-decoration: underline;}

/*STOPKA*/
.stopka { width: 980px; position: relative; margin: 0 auto; color: #b1ada9; padding: 20px 0;}
.stopka p { width: 90%; margin: 0 5%; font-size: 11px; text-align: left;}
.stopka a { color: #8e8e8e; margin: 0 5px;}
.stopka a:hover { text-decoration: underline;}


.form_kont    { background-color: #f4f4f4; margin: 0 auto; padding: 10px;}
.form_kont form { margin: 0; display: block; padding: 0; width: 100%; text-align: left;}
.form_kont input,
.form_kont textarea,
.form_kont label { width: 90%; display: block; font-size: 12px; vertical-align: middle; margin: 0;}
.form_kont input,
.form_kont textarea { padding: 5px; border-width: 1px; border-color: #dcddd8; border-style: solid;}
.form_kont label    { font-size: 10px;}
.form_kont .submit  { width: 80px; margin-left: 10px; padding: 5px; display: block; float: left; position: relative; background-color: #e7e5e6; color: #002069; font-size: 11px; font-weight: bold; cursor: pointer;}

.dziekujemy { margin: 20px 60px 20px 10px; font-size: 13px; color: #002069;}