body{
margin: 0;
padding: 0 0 0 0;
background: url(img/tlo_center.jpg) no-repeat  50% top;
font-family: "Lucida Grande", Verdana, Lucida, Arial, sans-serif;
font-size: 12px;
color: #497031;
}
p{
line-height: 17px;
}
a{
text-decoration: none;
color: #6E964D;
}
a:hover{
text-decoration: underline;
}
h3{
margin: 10px 10px 0 10px;
font-size: 16px;
font-family: "Trebuchet MS";
}
#outer{
width:100%;
background: url(img/center_shadow.jpg) no-repeat 50% 580px;
overflow: visible;
}
#inner{
background: url(img/dol_end.jpg) no-repeat 50% bottom;
overflow: visible;
}
#spod{
width: 100%;
background: #FFFFFF url(img/bottom.jpg) no-repeat 50% top;
min-width: 850px;

height: 50px;
float: left; 
}
#left_margin{
width: auto;
float: left;

}
#wrapper{
background: #FFFFFF;
margin: 0 auto;
width: 850px;
min-height: 669px;
overflow: auto;

}
/*flash na stronie glownej */
index_content{
float: left;
height: 521px;
}
#footer_index{
float: left;
width: 100%;
background: url(img/stopka.jpg) no-repeat bottom left;
height: 35px;
}
#footer_index p{
padding: 0;
margin: 0;


}
#top_content{
width: 850px;
height: 127px;
float:left;
} 
#top_nawig{
background: url(img/top_bar_tlo.jpg) no-repeat left bottom;
list-style: none;
margin: 20px 0 0 0;
margin-left: -2px;
padding: 0;
padding-bottom: 32px;
float:left;
width: 100%;
}
#top_nawig li{
float: left;
padding: 10px;
margin-right: 10px;
}
#top_nawig.kontaktn li{
float: left;
padding: 10px 8px;
margin-right: 1px;

}
#top_nawig li a{
font-weight: bold;
text-decoration: none;
}
#top_nawig li a:hover{
color: #8ABF5C;
}
#top_nawig li.aktual_button{
background: url(img/aktual_button.jpg) no-repeat top right;
}
#side_bar{
background: url(img/top_pasek.jpg) no-repeat top left;
width: 850px;
height: 39px;
float:left;
}
#side_bar ul{
margin: 0;
padding: 0;
float: left;
list-style: none;

}
#side_bar ul li{
float: left;

}
#side_bar a{
display: block;
}
#side_bar a#sglowna{
width: 120px;
margin-left: 25px;
height: 32px;
background: url(img/przyciski/p_gora_a_03.jpg) no-repeat bottom left;
}
#side_bar a#sglowna:hover{
background: url(img/przyciski/p_gora_b_03.jpg) no-repeat 1px bottom;
}
#side_bar a#dgory{
width: 100px;
height: 31px;
background: url(img/przyciski/p_gora_a_05.jpg) no-repeat bottom left;
}
#side_bar a#dgory:hover{
background: url(img/przyciski/p_gora_b_05.jpg) no-repeat bottom left;
}
#side_bar a#druk{
width: 80px;
height: 31px;
background: url(img/przyciski/p_gora_a_07.jpg) no-repeat bottom left;
}
#side_bar a#druk:hover{
background: url(img/przyciski/p_gora_b_07.jpg) no-repeat 1px bottom;
}
#left_content{
width: 135px;
min-height: 500px;
height: expression(document.body.clientHeight > 500? "500px": "auto" );
background: url(img/menu_boczne.jpg) no-repeat top left;
float:left;
margin-top: -2px;
}
#left_content ul{
list-style: none;
margin: 0;
padding: 0;
background: url(img/przyciski/button_10.jpg) no-repeat bottom left;
float: left;
padding-bottom: 70px;
}
#left_content ul li{
float: left;
width: 120px;
}

#left_content ul li a{
font-family: "Trebuchet MS";

font-size: 17px;
color: #376B0C;
display: block;
text-align: center;
}
#left_content ul li a:hover{
text-decoration: none;
color: #8ECA5F;
}
#left_content ul li#ofirmie{
background: url(img/przyciski/button_03.jpg) no-repeat bottom left;
}
#left_content ul li#ofirmie a{
padding: 13px 0 13px 5px;
}
#left_content ul li#produkty{
background: url(img/przyciski/button_05.jpg) no-repeat bottom left;
}
#left_content ul li#produkty a{
padding: 14px 0 15px 5px;
}
#left_content ul li#inwestor{
background: url(img/przyciski/button_06.jpg) no-repeat bottom left;
}
#left_content ul li#inwestor a{
padding: 13px 0 14px 5px;
}

#left_content ul li#aktual{
background: url(img/przyciski/button_07.jpg) no-repeat bottom left;
}
#left_content ul li#aktual a{
padding: 13px 0 14px 5px;
}
#left_content ul li#kariera{
background: url(img/przyciski/button_08.jpg) no-repeat bottom left;
}
#left_content ul li#kariera a{
padding: 13px 0 14px 5px;
}

#left_content ul li#kontakt{
background: url(img/przyciski/button_09.jpg) no-repeat bottom left;
}
#left_content ul li#kontakt a{
padding: 13px 0 14px 5px;
}

#left_content ul li#sklep{
margin-top: 10px;
}
#left_content ul li#sklep a{
text-align: left;
padding: 13px 0 14px 20px;
color: #FE0000;
font-size: 15px;
font-weight: bold;
}
#left_content ul li#sklep a:hover{
color: #7CC245;
}
#right_content{
min-height: 500px;
height: expression(document.body.clientHeight > 500? "500px": "auto" );
width: 715px;
float:left;
background: url(img/tlo_tresc.jpg) no-repeat bottom right;
padding-bottm: 30px;
}
#right_content.produkty{
background: none;
}
.worki{
background: url(img/tlo_worki.jpg) no-repeat bottom right;
width: 704px;
}

ul#produkty{
margin: 0;
padding: 20px 0;
list-style: none;
float:left
}
ul#produkty li{
overflow: hidden;
float: left;
width: 350px;
margin: 0;
}
ul#produkty li img{
border: none;
}
#lista_produkty{
width: 694px;

height: 450px;
padding: 10px 0 0 10px;
overflow: hidden;
float:left;

}

#main_content{
width: 704px;
float:left
}
.box_main{
width: 600px;
clear: both;
margin: 10px 10px 10px 20px;
float:left;
}
.box_main img,.box_main div{
float:left;
}
#box_galery{
list-style: none;
}
.box_main div{
float:left;
width: 400px;
}
.box_main_p{
width: 310px;
float:left;
margin-left: 20px;
margin-top: 10px;
min-height: 160px;
height: expression(document.body.clientHeight > 160? "160px": "auto" );

background: #ffffff;
}

.box_main_p h4{
float: left;
width: 150px;
margin: 20px 0 0 0;
padding: 0;
font-size: 15px;
}
.box_main_p img{
float:left;
display: block;
border: solid 4px #EBF5E1;
margin-right: 15px;
}
.box_main_p a:hover img{
border: solid 4px #D5EBC4;
}
.box_main_p a{
width: 145px;
border: none;
float:left;
display: block;
border: none;
}
.box_main_p a:hover{
text-decoration: none;
color: #4D7D27;
}
#opis{
width: 290px;
padding: 20px 20px 20px 20px;
float: left;

min-height: 340px;
height: expression(document.body.clientHeight > 340? "340px": "auto" );
}
#opis h2{
font-family: "Trebuchet MS";
font-weight: normal;
font-size: 18px;
}
#picture{
background: url(img/pasek_pion.jpg) no-repeat top left;
float:right;
width: 340px;
min-height: 340px;
height: expression(document.body.clientHeight > 340? "340px": "auto" );
padding: 20px 0px 20px 30px;
}
#picture img{
margin-top: 50px;
display: block;

}
#kategorie{
margin-top: -20px;
margin-bottom: 30px;
clear: both;

float: right;
width: 350px;
}
#kategorie ul{
list-style: none;
margin: 0;
padding: 0 0 40px 0;

}
#kategorie ul li{
float: left;
width: 105px;
margin-right: 10px;
font-size: 11px;
}

#kategorie h4{
font-size: 17px;
padding: 0;
margin: 0 0 10px 0;
font-family: "Trebuchet MS";
font-weight: normal;
}
#kategorie ul li span{

display: block;
padding: 5px 0 0 0;
}

#kategorie ul li a:hover{
text-decoration: none;

}
#kategorie ul li img{
border: none;

}
#footer{
width: 100%;
float: left;
background: url(img/stopka.jpg) no-repeat top left;
height: 57px;
clear: both;

}
#footer.produkty{
background: url(img/tlo_stopka_produkty.jpg) no-repeat;
}
#footer p{
font-size: 11px;
text-align: right;
margin: 40px 0 0 0;
padding: 0 40px 0 0;
}
#footer a{
font-weight: bold;
}

.box_kontakt{
width: 250px;
float:left;
margin-left: 20px;
margin-right: 20px;
}
.box_kontakt h3{
margin-left: 0px;
padding-left: 0px;
}
.tresc{
padding: 5px 40px 20px 20px;

clear: both;
}
.tresc h3{
font-size: 18px;
font-weight: normal;
margin-left: 0;
background: url(img/tytul_tresc.jpg) no-repeat;
padding: 7px 0 9px 20px;
color: #376C0C;
}
.tresc p{
padding-left: 15px;
}
.box_tresc{
margin: 5px 20px 0 20px;
background: url(img/hr_box.jpg) no-repeat bottom left;
padding: 5px 10px 15px 20px;
}
.box_tresc h3{
margin: 0;
padding: 0;
font-size: 15px;
}
.box_tresc p.data_box{
margin: 0;
padding: 0;
font-size: 11px;
}
/*
formularz kontaktowy
*/

label{
display: block;
width: 120px;
float: left;
}
form div{
padding: 4px;

}
.button{
margin-left: 120px;
margin-top: 20px
}