html, body  
	{background: url('grafa/bg.jpg'); background-repeat:repeat-x; font-size: 0.9em; font-family: verdana, tahoma, arial, helvetica, sans-serif;
	 margin:0; color:#1d1d1d; }
img {border: 0;}
a { text-decoration: none; color:#040d46; font-weight:bold; }
a:hover {color:#2c45f3;}
h4{font-size: 1em;}
p:first-letter { font-size: 1.3em; }
h4:first-letter {font-size: 120%;}

#strona {margin: 0 auto;height: 730px; width:922px; }
#logo{width: 432px;height: 99px;background: url(grafa/logo.png);float: left;}
/* menu */
#menu1 {width: 480px;height:99px;float: left;}
.menu{padding: 0; margin-top: 10px; list-style:none; color:#fff; line-height:89px; display:inline-block; text-align: center; font-size: 10pt;font-weight:bold;}
.menu a { color:#fff; text-decoration:none; display: block;}
.menu ul { padding:0px; margin:0px; display:block; display:inline;}
.menu > li {float:left; position:relative;padding:0px; width: 110px; text-align:center; }
.menu li a:hover {color:#ffffff;background-image: url('grafa/tlo_button.png');}
.active  {color:#ffffff;background-image: url("grafa/tlo_button.png");}
/* menu  */
#banner{ width: 922px;height:435px;background: url(grafa/banner.png);position:relative;top: 20px; float: left;}
#buttony{ width: 922px; height:95px; float: left; margin-top: 25px;}
.button {width: 92px; height:95px;float:left;}
#button2{ width: 271px; height:95px; float:left; background: url("grafa/button2.jpg"); background-repeat: no-repeat;}
#button3{ width: 215px; height:95px; float:left; background: url("grafa/button3.jpg"); background-repeat: no-repeat;}
#button4{ width: 252px; height:95px; float:left; background: url("grafa/button4.jpg"); background-repeat: no-repeat;}
#button2:hover {width: 271px; height:95px; background:url('grafa/button2.jpg'); background-position: 0px -95px;}
#button3:hover { width: 215px; height:95px;background: url("grafa/button3.jpg");background-position: 0px -95px;}
#button4:hover { width: 252px; height:95px;background: url("grafa/button4.jpg");background-position: 0px -95px;}
#tresc{height: auto; width:658px;float: left; text-align: justify;}
#powitanie { width: 294px; height:69px; background: url(grafa/powitanie.jpg);}
#partnerzy { height:auto; width: 264px; float: left;}
.part {height: 69px; width: 315px; background: url('grafa/partnerzy.jpg');}
#partnerA {height: 295px; width: 177px; margin-left:100px;}
#partnerB {height: 83px; width: 177px; margin-left:100px;}

#stopka{ background: #2c2c2c; width: auto; height: 150px; margin-top: 550px; color: #fff; text-align:justify;}
#stopka a { color:#fff; text-decoration:none; font-weight: normal;}
#stopka a:hover {color:#beb9bf;}
#stopka_ {width: 922px;height:150px;margin: 0 auto;font-size: 0.8em;}
#stopkaA {width: 300px;height:100px;float:left;}
#stopkaB {width: 300px;height:100px;float:left;}
#stopkaC {width: 322px;height:100px;float:left;}
#stopkaA ul {list-style-type: none; margin: 0; padding: 0;}


#oferta { width: 294px; height:69px; background: url(grafa/oferta.jpg);}
#cennik { width: 294px; height:69px; background: url(grafa/cennik.jpg);}
#kontakt { width: 294px; height:69px; background: url(grafa/kontakt.jpg);}
#srodki_czyst { width: 294px; height:69px; background: url(grafa/srodki-czyst.jpg);}
#czyszczenie_konserwacja_posadzek { width: 294px; height:69px; background: url(grafa/stos-tech.jpg);}
.foto {float: left; padding-right: 20px;}
#formularz {margin-top: 50px;}