
html, body, a, img, th, td { color:black; margin:0; padding:0; border:0; font-size:12px; line-height:1.8em; font-family:Verdana; }

html, body { background-color:#1D5D1C; }

hr { border:0; border-top:1px solid #99B9D9; }

.clear { clear:both; }
.list-reset { margin:0; padding:0; list-style-type:none; }
.list-inline li { display:inline; }

.list-column { float:left; width:320px; }

.content { padding:1.4em; text-align:justify; }

.bg-green { background-color:#029800; }

.img-right { float:right; margin:1em 0 1em 2em; }

.img-logo { line-height:40px; text-align:center; }
.img-logo img { vertical-align:middle; margin:0.5em 1em; }

#middle { margin:40px 0 103px 0; height:297px; position:relative; }

.pl-o-firmie #middle, .pl-blacharstwo-lakiernictwo #middle, .pl-tlumiki #middle { padding-left:170px; background-position:left bottom; background-repeat:no-repeat; }
.pl-o-firmie #middle { background-image:url('/images/o-firmie-bg.jpg'); }
.pl-blacharstwo-lakiernictwo #middle { background-image:url('/images/blacharstwo-bg.jpg'); }
.pl-tlumiki #middle { background-image:url('/images/tlumiki-bg.jpg'); }

.pl-kontakt #middle { background-image:url('/images/kontakt-bg.jpg'); background-position:right 20px; background-repeat:no-repeat; }

#root { width:780px; height:440px; margin:80px auto 0 auto; border:1px solid #11160e; background-color:#ffffff; overflow:hidden; position:relative; }

#top { position:absolute; top:0; left:0; right:0; width:100%; height:40px; box-shadow:0 0 1em 5px #042b03; border-bottom:1px solid #193905; }
#top a { display:block; line-height:40px; padding:0 1em; }
#top img { vertical-align:middle; }
#lakiernik-bytom { float:left; }
#auto-alex { float:right; }

#nav-back { display:block; width:41px; height:40px; position:absolute; left:130px; top:50%; margin-top:-20px;  background-image:url('/images/nav-back.gif'); background-position:0 0; background-repeat:no-repeat; }

#home-baner-container { height:100px; text-align:center; padding:2em 0; }
#home-menu { position:absolute; width:100%; height:148px; bottom:0; left:0; right:0; border-top:1px solid #173852; }
#home-menu li { width:195px; height:148px; float:left; }

#map-container { width:330px; height:270px; float:left; overflow:hidden; border:1px solid #3f3f3f; margin-right:2em; }

#main-menu { height:42px; width:100%; position:absolute; bottom:60px; left:0; right:0; border-top:1px solid #173852; }
#main-menu li { width:195px; height:42px; float:left; overflow:hidden; }
#main-menu a { display:block; padding-top:42px; background-image:url('/images/main-menu-bg.gif'); background-repeat:no-repeat; }
#main-menu .item-1 a { background-position:0 0; }
#main-menu .item-2 a { background-position:-195px 0; }
#main-menu .item-3 a { background-position:-390px 0; }
#main-menu .item-4 a { background-position:-585px 0; }
#main-menu .item-1 a:hover, #main-menu .item-1 a.active { background-position:0 -42px; }
#main-menu .item-2 a:hover, #main-menu .item-2 a.active { background-position:-195px -42px; }
#main-menu .item-3 a:hover, #main-menu .item-3 a.active { background-position:-390px -42px; }
#main-menu .item-4 a:hover, #main-menu .item-4 a.active { background-position:-585px -42px; }

#bottom { box-shadow:0 0 1em 5px #042b03; position:absolute; bottom:0; left:0; right:0; width:100%; height:60px; background-image:url('/images/bottom-bg.jpg'); background-position:left bottom; background-repeat:no-repeat; border-top:1px solid #193905; }
#bottom * { color:#67c166; font-size:0.9em; text-decoration:none; }
#nylonek { position:absolute; width:85px; height:29px; overflow:hidden; right:1em; top:15px; }
#nylonek-logo { float:right; }
