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

* { margin:0; padding:0; border:0; }

html { width: 100%; height: 100%; background-color: #fff;}

body { overflow: visible; font: normal 12px/1.5em Arial, Helvetica, "Helvetica Neue", sans-serif; background: #fff; color: #383838;}

br.clear { clear: both; height: 1%;}

/*
---------------------------------------------
 NAGLOWKI
---------------------------------------------
*/
h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.8em;}

h1 { font-size: 22px; color: #d5234c;}

h2 { font-size: 20px; color: #9fc5cc;}

h3 { font-size: 18px;}

h4 { font-size: 16px;}

h5 { font-size: 14px;}

h6 { font-size: 10px;}

/*
---------------------------------------------
 AKAPITY LINKI
---------------------------------------------
*/
p { margin: 10px 20px; text-indent: 20px; text-align: justify; font-size: 12px; color: #383838; }

p a { }

a, a:hover, a:visited { text-decoration: none;}

ul { margin: 0; padding: 0; }

ul li {	list-style-type: none;}


/*
---------------------------------------------
 STRUKTURA
---------------------------------------------
*/
#kontener { width: 920px; height: 100%;	margin: 0 auto; background: #fff;}

#body { width: 920px; height: 100%;	margin: 0 auto; background-color: #fff;}

#lewa { float: left; width: 720px; height: 100%; background-color: #fff;}

#prawa { float: right; width: 200px; height: 100%; background-color: #fff;}

#tresc { margin: 20px auto;}

#belka-top  { width: 100%; height: 20px; position: relative; background: #312E11;}

#naglowek  { width: 100%; height: 60px; background: #939871;}

#naglowek h1 { margin-left: 100px;}

#naglowek h1, #naglowek h1 span { line-height: 60px;}

#naglowek a { font-size: 14px; color: #fff;}

#naglowek a h1 { color: #fff;}

#naglowek a:hover h1{ color: #BEEB11;}

#naglowek a h1 span { color: #BEEB11;}

#naglowek a:hover h1 span { color: #fff;}


#belka-go  { width: 100%; height: 90px; padding: 10px 0; position: relative; background: #BEEB11; text-align: center;}


#stopka  { clear: both; width: 100%; height: 40px;	margin: 10px auto 30px; background-color: #F8F8EB; border-top: 0px solid #dbdbdb;}

#stopka  a, #stopka  a:hover, #stopka  a:visited { color: #7f7f7f;}

#stopka  span { margin-left: 30px; padding: 0px 0; text-align: left; font-size: 10px; line-height: 40px; color: #ababab;}

#stopka  span em { font-size: 6px;}

#stopka  span a { color: #ababab;}

#stopka  span a:hover { color: #312e11;}

/*
---------------------------------------------
 NAWIGACJA
---------------------------------------------
*/

#prawa ul { width: 180px; height: 100%; padding: 5px; margin: 1px 0; text-align: left;}

#prawa .nieparz { background-color: #F4F3E6;}

#prawa .parz { background-color: #FFFFF9;}

#prawa ul li { margin: 0px 0; color: #7D7F73;}

#prawa ul img { float: right; font-style: normal; font-weight: bold; text-align: center;}

#prawa ul h2 { width: 160px; font-weight: normal; font-size: 12px; color: #312e11; text-align: left;}

#prawa ul li p { margin: 5px 0px; text-indent: 20px; text-align: justify; font-size: 10px;}

#prawa ul li a  { font-size: 12px; line-height: 10px; color: #BEEB11; padding-left: 15px; background: url(img/li.gif) 0 center no-repeat; clear:both;}

#prawa ul li a:hover { background: url(img/lih.gif) 0 center no-repeat; color: #312E11; clear:both;}

/*
---------------------------------------------
 DO GÓRY 
---------------------------------------------
*/

#gora { width: 100%; margin: 5px 0; text-align: right;}

#gora a, #gora a:hover { display: block; font-size: 80%; padding: 0 20px; color: #312e11; }

#map { width: 700px; height: 500px; margin: 0 auto; text-align: center;}