body {
background : #000 url(../bg.jpg) no-repeat top;
background-attachment : fixed;
margin : auto;
font : 13px Helvetica, Verdana, Tahoma, sans-serif;
color : #333;
}

.bg {
background:#fff;
}

.font {
color:#fff;
}

div#container {
position : absolute;
top : 0;
background : transparent;
width : 100%;
height : 100%;
margin : auto;
}
a {
text-decoration : none;
}

a:link {
color : #4d4f4f;

}
a:visited {
color : #666;
}
a:hover {
color : #cc6666;
}


#container #bottom-bg {
position : relative;
width : 900px;
height : 660px;
margin : auto;
}
#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;
width : 497px;
height : 97px;
}
#container #bottom-bg #mid-bg #top-left #rzad-1 #boks {
position : relative;
float : left;
background : url(../lay/index_03.jpg) no-repeat top;
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 : 0;
}
#container #bottom-bg #mid-bg #top-left #rzad-1 #o-firmie {
position : relative;
float : right;
background : url(../lay/o-firmie-2.jpg) no-repeat top;
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 #boksb {
position : relative;
float : left;
background : url(../lay/index_08.jpg) no-repeat top;
width : 10px;
height : 120px;
}
#container #bottom-bg #mid-bg #top-left #rzad-2 #metamorfoza {
position : relative;
float : right;
background : url(../lay/metamorfoza.jpg) no-repeat top;
width : 487px;
height : 120px;
}
#container #bottom-bg #mid-bg #top-left #rzad-3 {
position : relative;
overflow : hidden;
top : 0;
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) no-repeat top;
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) no-repeat top;
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) no-repeat top;
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) no-repeat top;
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 : 0;
text-align : left;
}
#container #down {
clear : both;
position : relative;
top : -94px;
margin : auto;
background : #fff url(../lay/index_11.jpg) repeat-x top;
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;
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;
padding-top : 20px;
border-top : 1px solid red;
border-right : 1px solid red;
width : 440px;
padding-left : 0;
padding-right : 30px;
text-align : justify;
line-height : 120%;
}
#container #down #lewa-d p.paramloda {
text-indent : 5%;
vertical-align : top;
width : 260px;
text-align : justify;
}

.szary {
color : #666;
}

#container #down #lewa-d p.tytul {
text-indent : 5%;
font-size : 1.4em;
}
#container #down #prawa-d p.tytul {
text-indent : 5%;
font-size : 1.4em;
}
#container #footer {
clear : both;
position : relative;
top : -94px;
margin : auto;
background : url(../img/foot.jpg) no-repeat top;
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 #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) no-repeat top;
width : 10px;
height : 97px;
}
#container #dolny #srodek #logo {
float : left;
background : transparent;
width : 184px;
height : 97px;
}
#container #dolny #srodek #logo .logot {
border : 0;
}
#container #dolny #srodek #dane-firmy {
float : left;
background : url(../lay-2/onas_05.jpg) no-repeat top;
width : 322px;
height : 97px;
}
#container #dolny #srodek #metamorfoza {
float : right;
background : url(../lay-2/nazwa.jpg) no-repeat top;
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) no-repeat top;
width : 10px;
height : 552px;
}
#container #dolny #srodek #reg-2 #pion-2-menu {
float : left;
background : url(../lay-2/menu.jpg) no-repeat top;
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) no-repeat top;
width : 706px;
height : 189px;
}
#container #dolny #srodek #reg-2 #pion-3 #cien {
float : left;
background : url(../lay-2/cien.jpg) no-repeat top;
width : 706px;
height : 35px;
}
#container #dolny #srodek #reg-2 #pion-3 #tresc {
float : left;
background : #fff url(../lay-2/tresc.jpg) no-repeat top;
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 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) no-repeat top;
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;
position : relative;
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 : 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 : 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 : 0;
margin : auto;
background : url(../img/foot.jpg) no-repeat top;
border-top : 1px solid #ccc;
text-align : right;
padding-right : 10px;
font-size : 11px;
padding-top : 10px;
width : 890px;
height : 39px;
}
#container #footer1 a.foot {
color : #ccc;
text-decoration : none;
}
#container #footer1 a.foot:hover {
color : #666;
text-decoration : none;
}