body{

background: url(../img/tlo.gif) repeat-x #f0f3f0;

color: #000;



font-family: 'Trebuchet MS';



font-size: 9pt;



line-height: 160%;/* interlinia */



margin: 0;/* ma być wysrodkowane */



text-align: center;



padding:0;/* pierwsze ma być 0 póxniej auto */

}







a {color:#7a9f40; font-weight: bold; text-decoration: none; font-family: 'Trebuchet MS';}

a:hover {color: #93b75a;}






.normal

{margin: 0 0 30px 0;

padding: 0 5px 0 5px;

line-height: 160%;}


.logo{



width: 100%;/* trzeba rozciagnąć na 1000 szerokości strony, żeby przeszedł do left inaczej dziedziczy center */



height: 59px;



padding:  0;/* Komentarz */



text-align: left;

margin: 14px 0 13px 0;

}


.baner{



width: 1000px;



height: 250px;



margin: auto;

padding: 0;



}


#page
{
margin: auto; width: 1000px;
}

img {border: 0;}



.teksty{color: #565656; margin:0;}



.linki
{clear: both;
height: auto;
padding: 25px;
background: #202020;
margin: 0 0 5px 0;
}



.gora_right
{
margin: 0 30px 0 0;
float: right;}

.lang
{float: right;
padding: 30px 0 20px 0;
color: silver;
display: block;
}

.lang a{
color: silver;
font-weight: normal;}
.newsletter
{

width: 250px;
float: right;
margin: 10px 0 0 0;
}
.nws
{

border: none; background: #3a3a3a; color: #828282; padding: 6px 15px 6px 15px; font-size: 9pt; margin: 0; width: 180px; height: 30px;
}

.wyslij{

padding: 0;

}
.nl{float: left; padding: 0 10px 0 0;}
.np{float: right;}
.haslo_banner{
height: 254px;
background: url(../img/gray.png);}




.adres {
margin: 10px 0px 0 30px;
width:270px;
line-height: 150%;
float: left;
text-align: left;

}

.adres a{
color: black;}

.adres img {
 margin-top: 5px;
}
.produkt_sub a:link, .produkt_sub a:visited, .produkt_sub a:active {
color: black;
font-weight: normal;
text-align: center;
}
.produkt_sub a:hover {
color: black;
font-weight: normal;
text-decoration: none;
}
.more
{float: right;}

#menu{



width:1000px;



height:51px;

padding: 0;

background: #7a9f40;

margin: 1px 0 0 0;/* --zeby był wyśrodkowany */

}

#menu ul {list-style: none; margin: 0; padding: 0;}/* --zeby nie było kółek w menu */

#menu ul li {float: left; text-align: left; padding: 0 30px 0 30px  ; margin: 15px ;  border-right: #fff solid 1px;background: url(../img/przycisk.png) no-repeat left;}/* dodawanie przycisku, w razie listy zaczynajacej się od przcisków nalezy dodac top-left */



#menu ul li.last {border: none;}



#menu a {color: #fff; text-decoration: none;/* żeby nie było żadnych ozdobników przed tekstem */ text-transform: uppercase; font-family: 'Trebuchet MS';}



#menu a:hover {text-decoration: underline;}/* a musi  byc zagnieżdżoen w menu, inaczej będą się zmieniać wszystkie a, linki*/




.blog, .realizacje
{
color: white;}

.hr
{
background: url(../img/hr.png) repeat-x;
height: 1px;
line-height: 1px;
border: none;
margin: 5px 0 5px 0;
padding: 0;
font-size: 1px;
width: 100%;
}
.hrsrodkowa
{
background: url(../img/hrs.png) repeat-x;
height: 1px;
border: none;
line-height: 1px;
font-size: 1px;
margin: 5px 0 5px 0;
padding: 0;
width: 526px;
}

.ostatnie{
float: left;
width: 650px;
margin: 0 100px 0 0;
text-align: left;}
.inne{
float: left;
width: 200px;}

.inne hr {
	margin-bottom:18px;
}

.realizacje a
{
color: white; text-decoration: underline; font-weight: normal;}
.realizacje a:hover
{
color: #ffdc88; text-decoration: underline;}

.wiecej
{
float: right;}
.wiecej a
{
color: white; text-decoration: none; font-weight: bold;}
.wiecej a:hover
{
color: white; text-decoration: underline; font-weight: bold;}
.ostatnie a
{
color: white; text-decoration: none; font-weight: normal;}
.ostatnie a:hover
{
color: white; text-decoration: underline; font-weight: normal;}

.realizacja{
float: left;
margin: 5px 20px 0 0;
}
.realizacja_sub{
float: left;
border: gray 1px solid;
margin: 5px 20px 0 0;
}
.dalej{
float: right;
margin: 50px 10px 0 10px;
}
a.under{
text-decoration: underline;}

.opis
{
width: 500px;
float: left;}

.blog{
float: left;
width: 280px;
text-align: left;
margin: 0 90px 0 0;
line-height: 150%;
}

.polecamy{
float: left;
width: 260px;
text-align: left;
margin: 0 10px 0 0;
line-height: 150%;
}
.polecamy a
{
color: #fff; text-decoration: none; font-weight: normal;
}
.polecamy a:hover
{
text-decoration: underline;
}
.polecamy .wiecej a
{
color: white; text-decoration: none; font-weight: bold;}
.polecamy .wiecej a:hover
{
color: white; text-decoration: underline; font-weight: bold;}

.tagi a {color: #fff;}

 a.size8 {font-size: 7pt;}
 a.size9 {font-size: 8pt;}
 a.size10 {font-size: 9pt;}
 a.size11 {font-size: 10pt;}
 a.size12 {font-size: 11pt;}
 a.size13 {font-size: 12pt;}
 a.size14 {font-size: 13pt;}
 a.size15 {font-size: 14pt;}
 a.size16 {font-size: 15pt;}
 a.size17 {font-size: 16pt;}
 a.size18 {font-size: 17pt;}
 a.size19 {font-size: 18pt;}
 a.size20 {font-size: 19pt;}
 a.size21 {font-size: 20pt;}
 a.size22 {font-size: 21pt;}
 a.size23 {font-size: 22pt;}
 a.size24 {font-size: 23pt;}

.tagi{
float: left;
margin: 0px 0 0 110px;
width: 280px;}

#srodek {



text-align: left;

height: auto;

width: 1000px;



background: #fff;



padding: 0;



margin:0;

 }



.text
{
height: auto;
color: #4f453b;
}

.text a { color: #4f453b;}




h1
{
font-size: 12pt; color:#043a5c; background: url(../img/przycisk2.png) no-repeat left; padding: 0 0 0 15px; margin: 15px 0 0 0;
}

h2
{
font-size: 12pt; color:#043a5c; background: url(../img/przycisk2.png) no-repeat left; padding: 0 0 0 15px; margin: 15px 0 0 0;
}

h3
{
font-size: 11pt; color:#7a9f40; padding: 0 ; margin: 0 0 0 0;
}

h4
{padding: 0; margin: 0;}



#prawy
{width: 670px;

padding: 10px 20px 10px 20px;

text-align: left;

float: right;

margin: 0;}



.realizacja_item
{ padding: 10px 0px 20px 0; line-height: 130%; width:25%; text-align:center;}

.realizacja_item img
{ border: 2px solid #e0e0e0; margin: 10px 0px;}

ul.newsy {
	list-style:none;
	padding-left:20px;
}

ul.newsy  li {
	line-height:17px;
	padding-bottom:5px;
}

ul.newsy li a {
	color:#000;
	font-weight:bold;
}

ul.newsy li.select a {
	color:#ff8000;
	font-weight:bold;
}

.str {
	clear:both;
	text-align:center;
}

.str a {
	color: #000;
	padding-right:5px;
	font-weight:normal;
}

.str a.select {
	text-decoration:underline;
	color:#ff8000;
}

.kom {
	text-align:center;
	font-weight:bold;
	font-size:14px;
	margin-top:20px;
}

.blad {
	text-align:center;
	font-weight:bold;
	color:#cc0000;
}

.produkty_sub a:hover
{text-decoration: underline;}


a.black {
	color: #4f453b;
	font-weight:normal;
}

a.norma {
	color: #4f453b;
	font-weight:normal;
	float: right;
	font-style: italic;
}


ul.produkty_tag li {
	font-size:20px;
}

#lewa

{
width: 557px;

float: left;}

#prawa

{
width: 221px;

float: right;}



#stopka

{

margin:auto;
background: #e3ead9;width: 970px;  padding: 15px;clear: both;}


#kontakt



{



float: left;



width: 210px;



text-align: left;





padding: 15px;



margin: 15px 15px 15px 20px;



border:#edf0ee solid 1px;



}



.newsy_tdr{

margin: 20px 0 0 0px;
float: right;
width: 330px;
height: 110px;
color: #565656;
position: relative;
}

.newsy_tdl{

margin: 20px 0 0 0px;
float: left;
width: 300px;
height: 110px;
color: #565656;
position: relative;
}




.blokturkusowy{ background: #e3ead9; height: 134px; margin: 10px 0 0 0; padding:0; width: 655px;}

.blokturkusowy p {padding:15px;}

}

.lewytopik{font-style: italic; font-size: 11pt;color:#043a5c;padding: 0; margin:0;}

.lewytekst{ font-size: 9pt;color:#043a5c; }

.prawytopik{float:right; margin: 0 0 0 15px;}

.czysc {clear: both;}

.img_newsy
{
border: 1px solid #dadddb; padding: 3px; margin: 0 10px 0 0;
float: left;

}