body {background:#000 url(../tlo.jpg) top no-repeat; background-attachment:fixed; margin:auto; font:13px Helvetica, Verdana, Tahoma, sans-serif; color:#333;} div#container {position:absolute: top:0px; background:transparent; width:100%; height:100%; margin:auto;} a:link {color:#4d4f4f; text-decoration:none;} a:visited {color:#666; text-decoration:none;} a:hover {color:#cc6666; text-decoration:none;} #container #bottom-bg {position:relative; width:900px; height:660px; margin:auto;} //#container #bottom-bg #mid-bg {float:left; background:transparent; width:900px; height:64px;} #container #bottom-bg #mid-bg #top-left {position:relative; float:left; width:497px; height:566px;} #container #bottom-bg #mid-bg #top-left #rzad-1 {position:relative; float:left; background:white; width:497px; height:97px;} #container #bottom-bg #mid-bg #top-left #rzad-1 #boks {position:relative; float:left; background:url(../lay/index_03.jpg) top no-repeat; width:10px; height:97px;} #container #bottom-bg #mid-bg #top-left #rzad-1 #logo {float:left; background:white; width:184px; height:97px;} #container #bottom-bg #mid-bg #top-left #rzad-1 #logo .logot {border:0px;} #container #bottom-bg #mid-bg #top-left #rzad-1 #o-firmie{position:relative; float:right; background:url(../lay/firmie.jpg) top no-repeat; width:303px; height:97px;} #container #bottom-bg #mid-bg #top-left #rzad-2 {position:relative; clear:both; background:transparent; width:497px; height:120px;} #container #bottom-bg #mid-bg #top-left #rzad-2 #boks {position:relative; float:left; background:url(../lay/index_08.jpg) top no-repeat; width:10px; height:120px;} #container #bottom-bg #mid-bg #top-left #rzad-2 #metamorfoza {position:relative; float:right; background:url(../lay/metamorfoza.jpg) top no-repeat; width:487px; height:120px;} #container #bottom-bg #mid-bg #top-left #rzad-3 {position:relative; overflow:hidden; top:0px; clear:both; background:transparent; width:497px; height:14px;} #container #bottom-bg #mid-bg #top-left #rzad-3 #boks-1 {position:relative; float:left; background:url(../lay/index_10.jpg) top no-repeat; width:10px; height:14px;} #container #bottom-bg #mid-bg #top-left #rzad-3 #boks-2 {position:relative; float:right; background:url(../lay/index_11.jpg) top no-repeat; width:487px; height:14px;} #container #bottom-bg #mid-bg #top-left #rzad-4 {position:relative; clear:both; background:transparent; width:497px; height:335px;} #container #bottom-bg #mid-bg #top-left #rzad-4 #boks {position:relative; float:left; background:url(../lay/index_12.jpg) top no-repeat; width:10px; height:335px;} #container #bottom-bg #mid-bg #top-left #rzad-4 #menu {position:relative; float:left; padding-top:30px; background:url(../lay/menu.jpg) top no-repeat; width:184px; height:335px;} #container #bottom-bg #mid-bg #top-left #rzad-4 #menu ul {list-style:none; text-decoration:none;} #container #bottom-bg #mid-bg #top-left #rzad-4 #menu li {padding-top:10px; font-size:1.5em; color:#fff;} #container #bottom-bg #mid-bg #top-left #rzad-4 #menu a.menu:link, a.menu:visited {color:#fff; text-decoration:none;} #container #bottom-bg #mid-bg #top-left #rzad-4 #menu a.menu:hover {color:#ffcccc; text-decoration:none;} #container #bottom-bg #mid-bg #top-left #rzad-4 #menu strong {color:#ff9999; font-size:1.5em; font-weight:bold; text-decoration:none;} #container #bottom-bg #mid-bg #top-left #rzad-4 #jasmin {position:relative; float:right; background:transparent; width:303px; height:335px;} #container #bottom-bg #mid-bg #top-right-girl {float:right; position:relative; background:transparent; width:403px; height:566px; padding:0px; text-align:left;} #container #down {clear:both; position:relative; top:-94px; margin:auto; background:#fff url(../lay/index_11.jpg) top repeat-x; border-top:1px solid #ccc; width:880px; padding-top:20px; padding-left:20px; height:820px;} #container #down #lewa-d {float:left; position:relative; left:20px; background:#fff; border-top:1px solid red; border-right:1px solid red; padding-top:10px; width:310px;} #container #down #prawa-d {float:left; position:relative; left:70px; background:#fff; padding-top:20px; border-top:1px solid red; border-right:1px solid red; width:470px;} #container #down #lewa-d p.paramloda {text-indent:5%; vertical-align:top; width:260px; text-align:justify;} #container #down #lewa-d p.tytul {text-indent:5%; color:#666; font-size:1.4em;} #container #down #prawa-d p.tytul {text-indent:5%; color:#666; font-size:1.4em;} #container #footer {clear:both; position:relative; top:-94px; margin:auto; background:url(../img/foot.jpg) top no-repeat; border-top:1px solid #ccc; text-align:right; padding-right:10px; font-size:11px; padding-top:10px; color:#fff; width:890px; height:39px;} #container #footer a.foot {color:#ccc; text-decoration:none;} #container #footer a.foot:hover {color:#666; text-decoration:none;} #container #dolny {margin:auto; background:transparent; width:900px; height:660px;} //#container #dolny #lewa {float:left; background:url(../lay-2/tlo-1.jpg) top no-repeat; width:190px; height:660px;} #container #dolny #srodek {float:left; background:transparent; width:900px; height:660px;} #container #dolny #srodek #reg-1 {float:left; background:transparent; width:900px; height:97px;} #container #dolny #srodek #wstep {float:left; background:url(../lay-2/wstep.jpg) top no-repeat; width:10px; height:97px;} #container #dolny #srodek #logo {float:left; background:transparent; width:184px; height:97px;} #container #dolny #srodek #logo .logot {border:0px;} #container #dolny #srodek #dane-firmy {float:left; background:url(../lay-2/ofirmie.jpg) top no-repeat; width:322px; height:97px;} #container #dolny #srodek #metamorfoza {float:right; background:url(../lay-2/nazwa.jpg) top no-repeat; width:384px; height:97px;} #container #dolny #srodek #reg-2 {clear:both; float:left; background:transparent; width:900px; height:552px;} #container #dolny #srodek #reg-2 #pion-1 {float:left; background:url(../lay-2/ooo_08.jpg) top no-repeat; width:10px; height:552px;} #container #dolny #srodek #reg-2 #pion-2-menu {float:left; background:url(../lay-2/menu.jpg) top no-repeat; padding-top:50px; width:184px; height:552px;} #container #dolny #srodek #reg-2 #pion-2-menu ul {list-style:none; text-decoration:none;} #container #dolny #srodek #reg-2 #pion-2-menu li {padding-top:10px; font-size:1.5em; color:#fff;} #container #dolny #srodek #reg-2 #pion-2-menu a.menu:link, a.menu:visited {color:#fff; text-decoration:none;} #container #dolny #srodek #reg-2 #pion-2-menu a.menu:hover {color:#ffcccc; text-decoration:none;} #container #dolny #srodek #reg-2 #pion-2-menu strong {color:#ff9999; font-size:1.5em; font-weight:bold; text-decoration:none;} #container #dolny #srodek #reg-2 #pion-3 {float:right; background:transparent; width:706px;} #container #dolny #srodek #reg-2 #pion-3 #banner {float:left; background:url(../lay-2/baner.jpg) top no-repeat; width:706px; height:189px;} #container #dolny #srodek #reg-2 #pion-3 #cien {float:left; background:url(../lay-2/cien.jpg) top no-repeat; width:706px; height:35px;} #container #dolny #srodek #reg-2 #pion-3 #tresc {float:left; background:#fff url(../lay-2/tresc.jpg) top no-repeat; width:706px; min-height:328px; vertical-align:top;} #container #dolny #srodek #reg-2 #pion-3 #tresc hr {color:#ccc; width:250px; text-align:center;} //#container #dolny #srodek #reg-2 #pion-3 #tresc-mlodzi {float:left; background:#fff; width:706px; min-height:328px; vertical-align:top;} #container #dolny #srodek #reg-2 #pion-3 #tresc p.tytul {text-indent:5%; color:red; font-size:1.4em;} #container #dolny #srodek #reg-2 #pion-3 #galeria {clear:both; background:url(../lay-2/tresc.jpg) top no-repeat; text-align:right; vertical-align:top; width:706px; height:328px;} $ //#container #dolny #srodek #reg-2 #pion-3 #tresc #opis-lewy {float:left; text-indent:5%; text-align:justify; width:356px; background:transparent; height:138px; margin:5px; padding:3px 10px 2px 3px; border-right:1px solid red; vertical-align:top;} // #container #dolny #srodek #reg-2 #pion-3 #tresc #opis-lewy span.kontakt {padding-left:30px; line-height:150%; font-weight:normal;} //#container #dolny #srodek #reg-2 #pion-3 #tresc #opis-prawy {float:left; text-indent:5%; text-align:justify; width:278px; background:transparent; height:138px; margin:5px; padding:3px 5px 2px 3px; vertical-align:top;} //#container #dolny #srodek #reg-2 #pion-3 #tresc #opis-prawy .mapa {text-align:left; padding-left:-20px;} #container #dolny #srodek #reg-2 #pion-3 #tresc #opis-lewy {float:left; text-indent:5%; text-align:justify; width:356px; background:transparent; height:138px; margin:5px; padding:3px 10px 2px 3px; border-right:1px solid red; vertical-align:top;} #container #dolny #srodek #reg-2 #pion-3 #tresc #opis-lewy span.kontakt {padding-left:30px; line-height:150%; font-weight:normal;} #container #dolny #srodek #reg-2 #pion-3 #tresc #opis-prawy {float:left; text-indent:5%; text-align:justify; width:278px; background:transparent; height:138px; margin:5px; padding:3px 5px 2px 3px; vertical-align:top;} #container #dolny #srodek #reg-2 #pion-3 #tresc #opis-prawy .mapa {text-align:left; padding-left:-20px;} #container #dolny #srodek #reg-2 #pion-3 #tresc #marki {float:right; background:transparent; width:505px; height:110px; vertical-align:top;} #container #dolny #srodek #reg-2 #pion-3 #tresc p {margin:0; padding: 1.5em 1.6em 0.5em 1.6em; line-height: 150%;} #container #dolny #srodek #reg-2 #pion-3 #tresc #box-aktu-ar {float:left; background:transparent; padding:0; margin: 1.8em 1em 0 1em; width: 24px; } #container #dolny #srodek #reg-2 #pion-3 #tresc ul.oferta, li.oferta {list-style:outside square; width:200px; line-height: 120%; text-align:left; vertical-align:top; color:#333;} #container #dolny #srodek #reg-2 #pion-3 #tresc ul.oferta-mlodzi, li.oferta-mlodzi {list-style:outside square; width:250px; line-height: 110%; text-align:left; vertical-align:top; color:#333;} #container #dolny #srodek #reg-2 #pion-3 #tresc span {font-size:13px; color:#333; font-weight:bold; padding:10px;} #container #dolny #laczona-tresc {clear:both; position:relative; margin:auto; background:#fff; width:900px;} #container #footer1 {clear:both; position:relative; top:0px; margin:auto; background:url(../img/foot.jpg) top no-repeat; border-top:1px solid #ccc; text-align:right; padding-right:10px; font-size:11px; padding-top:10px; color:#fff; width:890px; height:39px;} #container #footer1 a.foot {color:#ccc; text-decoration:none;} #container #footer1 a.foot:hover {color:#666; text-decoration:none;}