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


/*
------------------------------------------------------------------------
RESET
------------------------------------------------------------------------
*/

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


/*
------------------------------------------------------------------------
HTML
------------------------------------------------------------------------
*/

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

html { width: 100%; height: 100%;}
body { background: #fff url(img/bg_top.jpg) 0 0 repeat-x; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 62.5%; color: #79716a;}

p          { font-size: 120%; line-height: 1.6em; margin: 1em 2em;}
a, a:hover { text-decoration:none;}
ul         { margin: 0; list-style-position: inside; list-style-type: disc;}
ul li      { font-size: 120%; line-height: 1.6em;	margin: 0 2em;}

h1, h2, h3, h4, h5, h6 
					{ margin-left: 15px; line-height: 1.6em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #b55e4f;}
h1				{ font-size: 250%;}
h1.n      { margin: 20px 0 0 250px; color: #806f63; font-size: 180%; text-transform: capitalize;}
h1.n em   { margin-left: 50px; color: #d6825e; font-size: 160%; font-family: Helvetica, Arial, Verdana, sans-serif; font-style: normal;
 text-transform: none;}
h2        { font-size: 180%;}
h3        { font-size: 140%;}
h4        { font-size: 100%;}
h5        { font-size: 80%;}
h6        { font-size: 40%;}

/*
------------------------------------------------------------------------
KLASY
------------------------------------------------------------------------
*/

.d_bl   { display: block;}
.tx_c { text-align: center;}
.tx_r { text-align: right;}
.tx_l { text-align: left;} 
.fl { float: left;}
.fr { float: right;}

/*
------------------------------------------------------------------------
STRONA
------------------------------------------------------------------------
*/

#kontener_zew  { width: 100%; height: 100%;}
#kontener_wew  { width: 980px; height: 100%; background: #E7E2D5;}

#panel { width: 980px; position: relative;}

.naglowek { width: 980px; height: 250px; padding: px 0; background: transparent url(img/naglowek.jpg) 0% 0% no-repeat;}
.stopka   { height: 193px; background: #f6f6f6 url(img/bg_stopka.jpg) 0% 100% repeat-x; color: #bbb6b0;}
.copy     { width: 920px; height: 60px; margin: 0 auto; padding: 10px; border-top: 1px solid #bbb6b0;}

.menu { width: 724px; height: 82px;}

.kol1, .kol2, .kol3
			{ height: 70px; display: block; float: left; padding: 20px 10px; font-weight: lighter; font-size: 135%;}
.kol1 { width: 200px; padding-left: 130px; background: transparent url(img/logo_stopka.jpg) 0% 0% no-repeat;}
.kol2 { width: 350px;}
.kol3 { width: 250px;}

.kol4 { width: 30%;}
.kol5 { width: 70%;}

.podstrona { width: 520px; padding: 18px 0; background: #E7E2D5 url(img/bg_prawa_rog.jpg) 0% 0% no-repeat; position: absolute; top: -48px; left: 460px;}
.left { width: 460px; padding: 28px 0; background: #C5B5A1 url(img/bg_lewa_rog.jpg) 0% 0% no-repeat;}


/*
------------------------------------------------------------------------
MENU
------------------------------------------------------------------------
*/

.menu a { display: block; float: right; margin: auto 20px; color: #fff; line-height: 82px; font-size: 160%; background: transparent url(img/kropa-a.gif) 50% 0 no-repeat;}
.menu a:hover, .menu a.on { text-decoration: underline; }

/*
------------------------------------------------------------------------
LEFT
------------------------------------------------------------------------
*/

table { display: table; width: 90%; height: 100%; margin: 0 auto; color: #fff;}

table tr { text-align: left;}
table td  { font-size: 140%; height: 20px; line-height: 120%; color: #b55e4f;}
table td a, table td a:hover {color: #fff;}


table td.lp, table td.on { width: 10%;  text-align: center;}
table td.on a { display: block; width: 100%; height: 14px; background: transparent url(img/on.jpg) 50% 100% no-repeat;}
table td.on a:hover { background: transparent url(img/on.jpg) 50% 0% no-repeat;}

.podstrona table td.on a { display: block; width: 100%; height: 14px; background: transparent url(img/onn.jpg) 50% 100% no-repeat;}
.podstrona table td.on a:hover { background: transparent url(img/onn.jpg) 50% 0% no-repeat;}

table td.opis { padding-top: 5px; font-size: 120%; color: #fff;}
table td.opis a {color: #fff;}
table td.opis a:hover {color: #b55e4f;}

table th { border-bottom: 1px solid #d6caba; text-decoration: capitalize; line-height: 120%; font-size: 90%; font-weight: normal; color: #65574e;}

/*
---------------------------------------------
 FORMULARZ
---------------------------------------------
*/
form { margin: 10px 20px; padding: 5px; font-size: 100%;}
form div { display:block; margin:0 auto;}
form fieldset { margin: 10px 0; padding: 10px;}
form fieldset div { padding: 0.25em 0; }
form label, form span { margin-right: 10px; padding-right: 10px; width: 20em; display: block; float: left; text-align: left; position: relative; font-size: 120%;}
form input:focus, form textarea:focus {	background-color: #FFf;}
form div.blok label, form div.blok input { display: inline; float: none; }
form div.blok div { margin-left: 170%; }
form div.klik { width: 60%; margin: 10px auto;}
form div.klik .button { width: 6em; height: 2em; margin: 10px; background-color: #b55e4f; color: #fff; cursor: pointer;}


/*
------------------------------------------------------------------------
STOPKA
------------------------------------------------------------------------
*/

.stopka strong { display: block; font-weight: lighter; font-size: 80%;}
.stopka a, .copy a { color: #bbb6b0;}
.stopka a:hover, .copy a:hover { color: #b55e4f;}
.stopka span { display: block;}

/*
------------------------------------------------------------------------
UKLAD
------------------------------------------------------------------------
*/
.projekty { height: 150px;}

p a { color: #b55e4f;}
p a:hover {color: #fff;}
.podstrona li a { color: #79716a;}

a.wiecej { display: block; margin-left: 50px; line-height: 100px; font-size: 180%; color: #fff; background: transparent url(img/arrow.jpg) 80% 100% no-repeat; font-family: Georgia, "Times New Roman", Times, serif; }
a.wiecej:hover {color: #b55e4f;}