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

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

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

body { font-family: Arial, Helvetica, Verdana, sans-serif; font-size:100%;	line-height:1.125em; background: #fff url(img/bg.jpg) 0% 0% repeat-x; color: #66706D;}

/*
---------------------------------------------
 GLOBALNE
---------------------------------------------
*/

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; line-height: 1.636em;}
h1 { font-size: 140%; color: #7CA496;}
h2 { font-size: 100%; color: #3aa881;}
h3 { font-size: 80%;}
h4 { font-size: 60%;}
h5 { font-size: 40%;}
h6 { font-size: 30%;}


p { font-size: 80%;	margin: 1.28em 1em; text-align: left;}

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

ul, img { margin: 0; padding: 0;}

li { font-size: 80%; list-style-type: none; margin-left: 1em;}

em { width: 200px; display: block; font-size: 60%; margin: 5px uto; font-size: 60%; padding: 4px; background-color: #fafafa; color: #66706d;}

.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 */

.fl { float: left;}
.fr { float: right;}

.tx_l {text-align: left;}
.tx_r {text-align: right;}
.tx_c {text-align: center;}



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

#menutop { width: 100%; height: 56px; position: relative; background-color: #FFDE03;}
#menutop a { width: auto; height: 56px; display: block; float: left; margin: 0 12px; padding: 0 15px; color: #2f2f2f; background: transparent url(img/sep-z.gif) 100% 0% no-repeat; text-align: center; font-size: 95%;}
#menutop a.bez { background-image: none; text-align: center; font-size: 95%;}
#menutop strong { width: auto; line-height: 56px; display: block; padding: 0 15px; background: transparent url(img/trojkat.gif) 50% 100% no-repeat; text-align: center;}
#menutop a:hover, #menutop a.on { color: #fff;}


#bok  { width: 340px; height: 100%; margin:0; padding: 0; float: left; background-color: #ECF5F2;}


.menubok  { width: 295px; height: 100%; padding: 20px 0 20px 45px; background-color: #ECF5F2; border-top: 6px solid #ffdd00;}
.menubok a { width: 240px; display: block; padding-left: 10px; font-size: 70%; line-height: 200%; color: #506C62; border-bottom: 1px solid #c4cdca; background: transparent url(img/strz-z.gif) 100% 60% no-repeat;}
.menubok a:hover, .menubok a.on { color: #019e01;}

.boks { width: 295px; height: 127px; display: block; padding-left: 45px; background-position: 100% 0%; background-repeat: no-repeat;}
.recycling { background-color: #FFDE03; background-image: url(img/recycling.jpg);}
.recycling  h1 { width: 145px; height: 47px; padding: 40px 0; margin: 0;}
.recycling  h1 a { display: block; font-size: 110%; line-height: 120%; color: #303a37; background: transparent url(img/strz-b.gif) 100% 60% no-repeat;}
.recycling  h1 a:hover { color: #fff;}

.wytwornia { background-color: #FFDE03; background-image: url(img/wytwornia.jpg); background-position: 100% 100%; padding-bottom: 20px;}
.wytwornia  h1 { height: 47px; padding: 40px 0; margin: 0; }
.wytwornia  h1 a { display: block; text-align: left; font-size: 70%; line-height: 130%; color: #303a37; background: transparent url(img/strz-b.gif) 100% 100% no-repeat;}
.wytwornia  h1 a:hover { color: #fff;}

.malykontakt { padding-top: 5px; background-color: #89a79d; background-image: url(img/mapa.jpg);}
.malykontakt div { width: 145px; height: auto; background-color: transparent;}

.malykontakt span { margin:0; font-size: 120%; line-height: 140%; color: #ecf5f2;}
.malykontakt p { margin:0; font-size: 60%; line-height: 150%; color: #303a37;}
.malykontakt strong { font-size: 150%; color: #ecf5f2; font-weight: normal;}
div.kontakt { background: transparent url(img/sep-malykontakt.gif) 100% 50% no-repeat;}
div.mapa  { width: 145px; height: auto; text-align: right; vertical-align: bottom; margin: 0;}


.sg { width: 449px; height: 117px; display: block; padding-top: 63px; background: transparent url(img/logo-fdo.jpg) 100% 100% no-repeat; line-height: 117px;}
.sg span { width: 250px; line-height: 1.3em; font-size: 120%; display: block; margin-left: 180px; padding: 40px 0; text-align: left; position: relative; color: #212b1e; font-style: italic;}

.up { width: 580px; display: block; margin: 10px auto; padding: 2px 10px; font-size: 70%; background-color: #eef6f3; color: #66706d; cursor: default; cursor: pointer; }
.up:hover { background-color: #fff; }

.menuoferta  { width: 280px; height: 100%;}
.menuoferta a { width: 240px; display: block; padding-left: 10px; font-size: 70%; line-height: 250%; color: #506C62; border-bottom: 1px solid #e0e0e0; background: transparent url(img/strz-z.gif) 100% 60% no-repeat;}
.menuoferta a:hover { color: #019e01;}

.wiecej { width: 68px; height: 30px; background-color: transparent; background-image: none; border: 0; text-align: center; }
.wiecej  a { display: block; float:right; width: 68px; height: 30px; margin: 20px auto 0; padding: 0 10px; color: #8aa59c; background-color: #ecf6f3; background-image: none; border: 0; font-size: 70%; line-height: 30px; color: #8aa59c;}
.wiecej  a:hover { color: #019e01;}

.wiecej.zob_mapke { margin: 0px;}
.wiecej.zob_mapke a {margin:0;  margin: 60px 0 0 40px; float: none; font-size: 50%; }

.akt { width: 560px; height: 100%; margin:0 auto;}
.skrot { width: 280px;}
.akt img { float: left; border: 3px solid #eef6f3; margin: 0 10px 10px 0;}/*
.akt p { font-size: 80%;	margin: 1.28em 1em; text-align: left;}*/
.akt.skrot p { font-size: 65%; margin: 0; line-height: 140%; background: transparent url(img/strz-zi.gif) 100% 100% no-repeat;}
.akt p a { color: #66706d;}
.akt p a:hover { color: #66706d; text-decoration: underline; }
.akt span { display: block; clear: both; font-size: 70%; font-weight: bold; color:#747a78; margin: 5px 0;}


.kol strong { margin: 10px; color: #98b1a9; font-size: 90%; text-transform: uppercase:}

.dane a  { display:block; color: #98b1a9;}
.dane a:hover { color: #66706d;}

td a  { display:block; color: #019e01;}
td a:hover { color: #98b1a9;}


/*
---------------------------------------------
 STRUKTURA
---------------------------------------------
*/

#kontener { width: 980px; height: 100%;	margin:0; background: transparent;}

#naglowek  { width: 980px; height: 180px;	position: relative; border-top: 5px solid #fff; border-bottom: 5px solid #fff; background: transparent url(img/naglowek.jpg) 50% 50% no-repeat;}

#zaw { width: 980px; height: 100%;	position: relative; background-color: transparent;}

#tresc { width: 600px; height: 100%; float: left; padding: 0 20px; position: relative; background-color: #fff;}
#tresc ul { padding: 10px}
#tresc li { line-height: 140%; padding-left: 10px; background: transparent url(img/li-bg.gif) 0% 50% no-repeat;}

.kol { height: 100%; margin: 0 auto; padding: 10px 0; width: 300px; background-color:transparent;}

.kol.l { float: left; background: transparent url(img/sep-zi.gif) 100% 50% repeat-y;}

.kol.p { float: right; background-color:transparent;}

#stopka  { width: 980px; height: 70px; margin: 0; background-color: #FAFAFA; text-align: left;  color: #a4a4a4; font-size: 10px; line-height: 40px;}

#stopka .stopka-body, #stopka .stopka-menu { height: 100%; padding: 0 20px; background-position: 0% 0%; background-repeat: repeat-x; background-color: transparent;}

#stopka .stopka-body { width: 300px; float: left; background-image: url(img/stopka-body-bg.gif);}
#stopka .stopka-menu { width: 600px; float: right; background-image: url(img/stopka-menu-bg.gif);}

#stopka a, #stopka  a:hover { color: #a4a4a4;}
#stopka .stopka-menu a { margin: 10px;}
#stopka .stopka-menu  a:hover { color:#b3c8c1;}

/*
---------------------------------------------
 UKLAD 
---------------------------------------------
*/
.menubok-nag { display: block; font-size: 110%; line-height: 150%; margin-left: 10px; color: #b07777;}

.wiecej { width: auto; padding: 2px 6px; line-height: 360%; color: #83786E; font-size: 60%; text-align: center;}
.wiecej:hover { color: #572233;}

.mini { width: 500px; height: auto;	display: block; margin: 5px 10px 20px;}
.mini img { width: auto; height: 53px; border:0;}
.mini a img { border: 0;}
.mini a { display: block; float: left; /*width: 80px;*/ height: 53px; margin: 10px; background-color:transparent; border: 6px solid #ebf6f3;}

.mini a:hover { border: 6px solid #ffde03;}

#map { width: 300px; height: 300px; margin : 0 auto; font-size: 80%; }


/*
---------------------------------------------
 TABELE 
---------------------------------------------
*/

table {	width: 90%;	border-top: 1px solid #eef6f3; border-right: 1px solid #eef6f3; margin: 1em auto;	border-collapse: collapse;}
td { color: #66706D; border-bottom: 1px solid #eef6f3; border-left: 1px solid #eef6f3; padding: 10px;	text-align:center; /* font-size: 80%; */}		
thead th { background-color: #98b1a9; text-align: center; color: #eef6f3; line-height: 230%;}	

.dokonania { font-size: 14px;}
.dokonania strong { padding: 2px 5px; margin-bottom: 10px; font-size: 15px; width: 100px; display: block;}
.inwestor {background-color: #f8dfde;}
.inwestycja { background-color: #e8eeec;}