body {margin: 0; padding: 0; background: url('images/prodom_01.jpg') top center no-repeat; background-color: #060606;}

h1 {float: left; /*width: 246px;*/ width: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color: #fff; font-weight: bold; margin: 0; padding: 0; text-align: center; text-transform: uppercase;}
h2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 22px; color: #060606;}
h3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #060606;}
h4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #060606; margin: 10px 0;}
.form_ok {color: #009900;}
.form_error {color: #FF0033;}

object {outline: none;}

a {outline: none; text-decoration: none; color: #CC0033;}
a:hover {color: #FF0000;}

table {}

ul {}
ul li {}

p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; color: #060606; text-align: justify;}

img {border: none;}

.obrazek_prawa {float: right; margin: 0 0 10px 10px;}
.obrazek_lewa {float: left; margin: 0 10px 10px 0;}

div {margin: 0; padding: 0;}

#strona {width: 989px; margin: 0 auto;}

#kolumna_lewa {float: left; width: 246px; background: url('images/prodom_02.jpg') top left no-repeat; background-color: #060606;}
.kolumna_prawa {float: right; width: 743px; background-color: #eee; background: url('images/prodom_07.jpg') top left repeat-y;}
.kolumna_prawa .tresc {float: left; width: 683px; margin: 0 0 0 30px; display: inline;}

#sg_animacja {float: right;}

#strona_glowna {float: left; width: 743px; height:590px; background: url('images/prodom_04.jpg') top left no-repeat;}

#strona_glowna saved, #strona_glowna object {float: right; margin: 0; padding: 0;}


#zakres_uslug {float: right; width: 743px; background: url('images/prodom_06.jpg') top left no-repeat;}
#o_firmie {float: right; width: 743px; background: url('images/prodom_08.jpg') top left no-repeat; height: 590px;}
#galeria {float: right; width: 743px; background: url('images/prodom_09.jpg') top left no-repeat; height: 590px;}
#kontakt {float: right; width: 743px; background: url('images/prodom_10.jpg') top left no-repeat;  height: 590px;}
#partnerzy {float: right; width: 743px; background: url('images/prodom_10.jpg') top left no-repeat;  height: 590px;}

#tresc_zakres_uslug {/*height: 547px;*/ overflow: hidden; /*width: 300px;*/ width: 100%;}

#zakres_uslug ul {clear: left;}
#zakres_uslug ul li {text-align: left;}


#logo_tekst {float: left; clear: left; width: 246px; margin: 18px 0 0 0; }
#logo_tekst a {display: block; width: 246px; height: 20px; padding: 48px 0 0 0; color: #fff;}
#logo_tekst h1 {margin: 0;}

#kontener {float: left; height: 410px;}
#menu {float: left; clear: left; width: 246px; margin: 0 0 10px 0;}
#menu ul {float: left; width: 246px; margin: 0; padding: 0; list-style: none;}
#menu ul li {width: 245px; height: 30px; margin: 3px 0 0 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;}
#menu ul li a {display: block; width: 205px; height: 21px; padding: 8px 0 0 40px; color: #fff;background: url('images/prodom_03.jpg') top left no-repeat; background-position: 0 0;}
#menu ul li a:hover {text-decoration: none; color: #fff;background-position: 0 -30px;}
#menu .selected {background-position: 0 -30px;}

.powitanie {float: left; clear: left; width: 246px; margin: 0;}
.powitanie p {color: #fff; font-style: italic; width: 243px; text-align: justify; font-size: 11px; margin: 8px 0 0 0; padding: 0;}
.powitanie .powitanie_tekst {height: 200px;}
.powitanie .wiecej {margin: 0; padding: 0;}


#szybki_kontakt {float: left; width: 246px; margin: 0; background-color: #ed260f;}
#szybki_kontakt p {color: #fff; font-weight: bold; text-align: center; font-size: 13px; padding: 0; margin: 5px;}
#szybki_kontakt a {color: #fff;}
#szybki_kontakt a:hover {color: #ccc;}

#autor {float: left; clear: left; width: 246px; height: 31px; margin: 5px 0 0 0; background: url('images/prodom_05.jpg') top left no-repeat;}
#autor p {margin: 0; width: 203px; padding: 3px 0 0 40px; color: #fff; font-size: 10px; text-align: left;}
#autor a {color: #fff; text-decoration: underline;}
#autor a:hover {color: #ccc;}

#galeria_lista {float: left; width: 100%; height: 480px;}
#galeria_lista img {border: solid 1px #000; margin:  1px 2px;}

#strona .wiecej {text-align: right; font-style: normal; font-weight: bold; color: #fff; text-decoration: none; cursor: pointer; }
#strona .wiecej:hover {text-decoration: underline;}

.tekst_przewijany {float: left; width: 100%; margin: 0; padding: 0;}

.przyciski {clear: left; margin: 10px 0 0 170px; padding: 0; width: 64px;}
.przyciski .przycisk_w_dol {display: block; float: left; width: 32px; height: 32px; background: url('images/button_down.jpg') top left no-repeat; background-position: 0 0; margin: 0; padding: 0; cursor: default;}
.przyciski .przycisk_w_dol:hover {background-position: 0 -32px;}
.przyciski .przycisk_w_gore {display: block; float: left; width: 32px; height: 32px; background: url('images/button_up.jpg') top left no-repeat; background-position: 0 0; margin: 0; padding: 0; cursor: default;}
.przyciski .przycisk_w_gore:hover {background-position: 0 -32px;}


.dane_kontaktowe {float: left; width: 100%; margin: 0; padding: 0;}
.dane_kontaktowe p {text-align: center;}

.wyroznienie1 {font-size: 16px; font-weight: bold;}

#formularz_kontaktowy {clear: left; width: 400px; margin: 35px auto 0 auto; padding: 0;}

.p1 {border: 1px solid #777; width: 260px;}
.t1 {border: 1px solid #777; overflow: auto;}
.s1 {border: 1px solid #777; background: #fff; font-weight: bold;}