/*
---------------------------------------------
 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-family: Verdana, Helvetica, Arial, sans-serif; font-size: 62.5%; background: #F8F7F3 url(img/bg.jpg) 0 0 no-repeat; background-attachment: fixed;}

p,ul       { margin: 10px; font-size: 12px; line-height: 1.6em;}
a, 
a:hover    { text-decoration: none;}
ul         { list-style-type: none;}
ul li      { padding-left: 10px; background: transparent url(img/li.jpg) 0 8px no-repeat;}
acronym    { padding: 2px 2px 1px 2px; text-transform: uppercase; color: #7d82b9; background-color: #f8f8f8; border-bottom: 1px dotted #b5ada4; font-size: 10px;}
pre        { width: 250px; margin: 0; display: block; font-size: 9px;}
code       { color: #696158; font-family: Courier, monospace;}
code strong{ color: #fe7f56;}
code small{ color: #000099;}

h1, h2, h3, h4, h5, h6 { margin: 10px; font-weight: normal;}
h1      { color: #645444; font-size: 18px; text-align: right;}
h2      { color: #9b9184; font-size: 16px;}

#kontener      { width: 720px; margin: 0 auto; text-align: left; background-color: #fff; color: #645444;}

#nag       { width: 690px; margin: 0 auto; padding: 10px 0 10px 10px; background-color: #fff; text-align: center;}
#nag img   { width: 120px; height: 74px; margin: 10px auto;}
#nag p     { width: 100%; height: 30px; margin: 10px auto; padding: 10px 0; background-color: #ebf974;}
#nag p a,
#nag p strong   { font-weight: normal; margin: 0 20px; font-size: 14px; color: #4f5704; line-height: 30px;}
#nag p a   { color: #645444;}
#nag p a:hover { text-decoration: underline;}

#pol             { width: 690px; height: 20px; margin: 0 auto; padding: 0 0 0 10px;}
#pol p           { width: 610px;}
#pol p,
#pol a.kon       { margin: 0; padding: 0; display: block; float: left;}
#pol p,
#pol a           { font-size: 10px; color: #645444;}
#pol a:hover     { text-decoration: underline;}
#pol a.kon       { width: 60px; height: 12px; padding: 4px 10px; background-color: #ebf974; color: #342b21;}
#nag a.kon:hover { background-color: #ebf974; color: #342b21;}


#kontener_body { width: 100%; margin: 0 auto; background-color: #fff;}
.tresc         { width: 660px; height: auto; margin: 20px auto; padding: 20px; background-color: #fff;}
.lewa          { width: 319px; float: left; padding: 0 10px 0 0; border-right: 1px dotted #cdc8c1;}
.prawa         { width: 310px; float: left; padding: 0 0 0 20px;}
#stopka        { width: 100%; padding: 10px 0;}
#stopka a,
#stopka p      { font-size: 10px; color: #bfb9b0;}
#stopka a:hover{ text-decoration: underline;}

.str       { width: 600px; height: 20px; margin: 0 auto; padding: 10px; text-align: center; color: #83786E;}
.str a     { height: 20px; padding: 2px 4px; color: #83786E; font-size: 12px; text-align: center;}
.str a:hover, 
.str a.on  { color: #fdf9f6; background-color: #837769;}

.str a.hide,
.str a.hide:hover { color: #b5ada4; background-color: transparent; text-decoration: none;}

.folio      { width: 700px; height: auto; margin: 20px auto; padding: 10px 0; background-color: #fff;}
.img        { width: 660px; height: auto; margin: 0 auto; padding: 20px 20px 0px 20px;}
.txt        { width: 660px; height: auto; margin: 10px auto;}
.txt p      { color: #837769; font-size: 11px;}
.txt strong { display: block; font-size: 12px;}
.on         { width: 700px; height: auto; text-align: right;}
.on a       { display: block; width: 100px; height: 16px; margin-left: 580px; padding: 10px; background-color: #ebf974; text-align: left; color: #342b21;}
.on a:hover { text-decoration: underline;}


#map { width: 300px; height: 200px; float: right;}
.dane   { width: 300px; padding: 10px 10px; float: left; font-size: 12px;}
.br     { border-right: 1px solid #e3e0d7;}
.dane a { color: #e73a01;}

.form_kont      { width: 340px; margin-bottom: 25px; padding: 20px; background-color: #f8f7f3; border: 1px solid #e3e0d7;}
.form_kont span { color: #645444; font-size: 14px;}
.form_kont form { display: block; padding-bottom: 20px;}

.form_kont form input,
.form_kont form textarea,
.form_kont form label    { float: left; font-size: 11px;}
.form_kont form input,
.form_kont form textarea { width: 240px; margin-bottom: 5px; padding: 5px; border-bottom: 1px solid #e3e0d7;}

.form_kont form textarea { height: 80px;}
.form_kont form label    { display: block; width: 56px; margin: 0 10px 0 0; padding: 6px 0 0 0; color: #645444; text-align: right;}
.form_kont form p        { clear: both;}
.form_kont form .submit  { width: 100px; margin-left: 66px; padding: 5px; background-color: #645444; color: #fff; cursor: pointer;}

#psd .form_kont { width: 280px; margin: 0 auto; padding: 10px;}
#psd .form_kont form input,
#psd .form_kont form textarea { width: 180px;}
#psd p.p { width: 300px; height: 220px; margin: 0 auto; background: #fff url(img/p.jpg) 100% 100% no-repeat;}