/*
---------------------------------------------
 Design & Code (c) Wild Moose Justyna Walczak
---------------------------------------------
*/
/*
------------------------------------------------------------------------
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 */

* { margin: 0; padding:0; border: 0; }
html { width: 100%; height: 100%;}
body { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 62.5%;}

p          { font-size: 120%; line-height: 1.6em; margin: 2em 4em 2em 5em;}
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 4em;}

h1, h2, h3, h4, h5, h6 
					{ margin-left: 15px; line-height: 2.1em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #a77e48;}
h1				{ font-size: 250%;}
h2        { font-size: 180%;}
h3        { font-size: 140%;}
h4        { font-size: 100%;}
h5        { font-size: 80%;}
h6        { font-size: 40%;}

/*
------------------------------------------------------------------------
KOLORY
------------------------------------------------------------------------
*/
html            { background-color: #fcfaf6;}
body            { background: #fcfaf6 url(img/bg.jpg) 0 77px repeat-x; color: #544839;}
#kontener       { background: transparent url(img/bg_prawa.jpg) 103% 0% repeat-y;}
#naglowek       { background: transparent;}
#prawa          { background: transparent url(img/top_prawa.jpg) top right no-repeat;}
#lewa           { background: transparent url(img/top_lewa.jpg) top left repeat-x;}
.prawatab       { background: transparent;}
#stopka         { background: #9d7d57;}
#stopka .wew    { background: #9d7d57 url(img/bg_stopka.jpg) repeat-x; color: #ded8cb;}
#stopka a       { color: #C4AC91;}
#stopka a:hover { color: #fff;}
#boksy          { background-color: #fcfcfb;}

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

#kontener  { width: 80%; margin: 0 auto; line-height: 130%;}
#naglowek  { height: px;}
#lewa      { float: left; height: 100%; width: 67.7%; padding-top: 279px; padding-bottom: 100px;}
#prawa     { float: right; width: 32.3%; height: 100%; margin-right: 0%; padding-top: 76px;}
.prawatab  { height: 100%; padding-bottom: 100px;}
#stopka, #boksy
					 { width: 100%; margin: 0 auto; clear: both;}
#stopka		 { height: 174px;}
#boksy		 { height: auto;}
.wew       { width: 80%; margin: 0 auto;}
/*
------------------------------------------------------------------------
MENU
------------------------------------------------------------------------
*/
.menu { width: 100%; height: 183px; padding: 10px 0;}
.menu a { display: block; line-height: 28px; margin: 5px 15px; padding-left: 30px; font-size: 150%; color: #fff; background: transparent url(img/menu_iko.jpg) center left no-repeat;}
.menu a:hover, .menu a.on { color: #fa9101;}
hr { width: 80%; height: 3px; margin: 0 auto; background: url(img/menu_bottom.jpg) 0 0 repeat-x; border: none; border: 0;}

/*
------------------------------------------------------------------------
BOKSY
------------------------------------------------------------------------
*/
#boksy .wew div  { width: 30%; height: 133px; display: block; float: left; margin-left: 1%; padding: 1%;}
#boksy .wew      { background-color: #fff; border-top: 1px solid #f1f1ed;}
#boksy .efe      { background: #fff url(img/efe.jpg) center right no-repeat;}
#boksy .opt      { background: #fff url(img/opt.jpg) center right no-repeat;}
#boksy .gwa      { background: #fff url(img/gwa.jpg) center right no-repeat;}
#boksy strong    { display: block; margin: 10px; font-size: 160%;}
#boksy blockquote{ margin: 5px 55px 5px 5px; padding: 5px;}
#boksy cite      { display: block; margin-top: 10px; font-style: normal;}
#boksy cite a    { color: #b77e48;}
#boksy cite a:hover{ color: #e01800;}

/*
------------------------------------------------------------------------
BOKSY
------------------------------------------------------------------------
*/
#stopka .wew div  { width: 30%; height: 133px; display: block; float: left; margin-left: 1%; padding: 1%;}
#stopka .wew      { height: 133px; padding: 10px 0; background-color: #fff;}
#stopka span      { display: block; margin: 10px; font-size: 110%; line-height: 160%;}
#stopka span.ad   { line-height: 200%;}
#stopka span.tel  { font-size: 200%;}
#stopka span.copy { margin-top: 80px; color: #725432; line-height: 160%; font-size: 80%; text-align: right;}
#stopka span.copy a{ color: #725432;}

/*
------------------------------------------------------------------------
TABELA
------------------------------------------------------------------------
*/

table     { display: table; width: 90%; height: 100%; margin: 0 auto;}
table tr  { text-align: left;}
table td  { font-size: 140%; height: 20px; line-height: 120%; color: #988267;}
table td a, 
table td a:hover { color: #988267;}


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;}

table.pozycje td.on a       {}
table.pozycje td.on a:hover {}
table.pozycje th { }

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

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

/*
---------------------------------------------
 FORMULARZ
---------------------------------------------
*/
form              { margin: 10px 20px; padding: 5px; font-size: 100%; background-color: #FCFCFB; border: 1px solid #f1f1ed;}
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, form input:focus, form textarea:focus
											{	background-color: #FFf; border: 1px solid #f1f1ed;}
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: #8e7860; color: #fff; cursor: pointer;}


/*
------------------------------------------------------------------------
UKLAD
------------------------------------------------------------------------
*/
#projekty         { width: 90%; height: auto; display: block; margin: 1em 2em; padding: 10px; background-color: #FCFCFB; border: 1px solid #f1f1ed;}
#projekty a       { width: 94px; height: 75px; display: block; float: left; margin: 5px; padding: 8px; background-color: #fff; border: 1px solid #e7e7de;}
#projekty a:hover { background-color: #fff; border: 1px solid #fff;}

p a       { color: #a77e48;}
p a:hover { color: #e01800;}

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