body {font-family: Tahoma, Verdana, Arial, sans-serif; color: #fff; font-size: 11px; background: #070707 url('top.jpg') 50% top no-repeat; margin: auto; text-align: center}
img {border: 0px}
a {text-decoration: none; color: #fff}
a:hover, #bottom span.copy a:hover {color: #264E43}
br {clear: both}
div.zwijacz {height: 20px; display: block; clear: both}
body #main {width: 962px; display: block; position: relative; margin: auto}
#top {width: 962px; height: 218px; position: relative; text-align: left}
#top a.luxarte {display: block; width: 182px; height: 70px; top: 42px; left: 81px; position: absolute}
#top a.luxarte img {width: 182px; height: 70px}
#top div.menu {width: 650px; height: 49px; bottom: 6px; left: 80px; position: absolute}
#top div.menu a {display: block; float: left; padding: 16px 0px 18px 0px; text-align: center; background-repeat: no-repeat}
#top div.menu a:hover {color: #fff}
#top div.menu a.promocje:link, #top div.menu a.promocje:visited {width: 128px}
#top div.menu a.promocje:hover {background-image: url('m_promocje.jpg')}
#top div.menu a.ofirmie:link, #top div.menu a.ofirmie:visited {width: 130px}
#top div.menu a.ofirmie:hover {background-image: url('m_ofirmie.jpg')}
#top div.menu a.oferta:link, #top div.menu a.oferta:visited {width: 115px}
#top div.menu a.oferta:hover {background-image: url('m_oferta.jpg')}
#top div.menu a.zamowienie:link, #top div.menu a.zamowienie:visited {width: 142px}
#top div.menu a.zamowienie:hover {background-image: url('m_zamowienie.jpg')}
#top div.menu a.kontakt:link, #top div.menu a.kontakt:visited {width: 123px}
#top div.menu a.kontakt:hover {background-image: url('m_kontakt.jpg')}
#top img.hide {width: 1px; height: 1px; position: absolute; top: 0px; right: 0px; visibility: hidden}
#middle {width: 962px; position: relative; margin: auto}
div.tlo_oferta {background: url('tlo.jpg') center 180px repeat-y}
#middle div.menuo {width: 246px; float: left; margin-left: 40px !important; margin-left: 20px}
#middle div.menuo div.top {background: url('m_top.gif') no-repeat; width: 245px; height: 14px; margin-left: 1px; font-size: 1px}
#middle div.menuo div.middle {margin-left: 1px}
#middle div.menuo div.middle ul {margin: 0px; padding: 0px; text-align: left; background: #C5387A}
#middle div.menuo div.middle ul li {list-style: none; margin: 0px 18px; padding: 10px 25px; background: url('m_strzalka.gif') 3px 50% no-repeat; font-weight: bold}
#middle div.menuo div.middle ul li.dzial {list-style: none; margin: 0px; padding: 5px 10px 5px 50px; line-height: 20px; background-color: #CF518C; background-image: url('m_kreska.gif'); background-repeat: no-repeat; background-position: 50% top; font-weight: normal}
#middle div.menuo div.bottom {margin-left: 1px; background: url('m_bottom.gif') no-repeat; width: 245px; height: 26px; font-size: 1px}
/*padding-right: 40px !important; padding-right: 20px; */

.dodatkowy {text-align: center; font-size: 14px; margin: 0px 0px 0px 15px; padding: 0px; color: #C5387A; letter-spacing: 1px;  text-align: justify;}
.dodatkowy2 {text-align: center; font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; color: #ffffff; letter-spacing: 1px;  text-align: justify;}

#right {width: 656px; float: left; text-align: left}
#right div.tresc {margin: 0px; width: 658px}
#right div.tresc div.nag {background: #070707; padding: 15px 0px 0px 0px; border-bottom: 1px solid #070707; margin-right: 22px}
#right div.tresc h2.nag {font-size: 11px; font-weight: normal; margin: 0px 1px 9px 12px; padding: 5px 10px; border-bottom: 1px solid #264E43; background: #070707}
#right div.tresc div.oferta {padding: 20px 0px 20px 10px; background: #070707; width: 656px; float: left; margin-bottom: 20px}
#right div.tresc div.oferta_box {width: 312px; height: 190px; float: left; background: url('o_okno.gif') right no-repeat; position: relative}
#right div.tresc div.oferta_box div.img {width: 113px; position: absolute; top: 20px; left: 25px; text-align: center}
#right div.tresc div.oferta_box div.img a:link img, #right div.tresc div.oferta_box div.img a:visited img, #right div.tresc div.produkt div.left div.img a:link img, #right div.tresc div.produkt div.left div.img a:visited img, #right div.tresc div.ofertag div.ofertai a:link img, #right div.tresc div.ofertag div.ofertai a:visited img, #right div.tresc a:link img.glowna, #right div.tresc a:visited img.glowna {border: 8px solid #264E43}
#right div.tresc div.oferta_box div.img a:hover img, #right div.tresc div.produkt div.left div.img a:hover img, #right div.tresc div.ofertag div.ofertai a:hover img, #right div.tresc a:hover img.glowna {border: 8px solid #C5387A}
#right div.tresc div.oferta_box div.opis {width: 153px; position: absolute; top: 18px; left: 148px}
#right div.tresc div.oferta_box div.opis span, #right div.tresc div.produkt div.right span {font-weight: normal; color: #fff}
#right div.tresc div.oferta_box div.opis span.promo, #right div.tresc div.produkt div.right span.promo {text-decoration: line-through}
#right div.tresc div.oferta_box div.opis h3, #right div.tresc div.produkt div.right h3, #right div.tresc div.ofertag h3 {text-align: center; font-size: 15px; margin: 0px 0px 2px 0px; padding: 0px; color: #C5387A; letter-spacing: 1px}
#right div.tresc div.oferta_box div.opis h4, #right div.tresc div.produkt div.right h4 {font-size: 11px; color: #C5387A; padding: 0px; line-height: 16px; margin: 0px 0px 10px 0px}
#right div.tresc div.oferta_box div.opis h4.nazwa {text-indent: -42px; margin: 0px 0px 5px 42px}
#right div.tresc div.oferta_box div.opis h4.wymiary {text-indent: -57px; margin: 0px 0px 5px 57px}
#right div.tresc div.oferta_box div.opis h4.cena {text-indent: -35px; margin: 0px 0px 5px 35px}
#right div.tresc div.oferta_box div.opis a {float: right; display: block; width: 80px; height: 15px; margin-top: 5px; padding: 3px 0px; text-align: center; background: url('o_zobacz.gif') no-repeat}

#right div.tresc div.produkt {width: 623px; float: left; padding: 20px 20px 0px 12px; background: #070707}
#right div.tresc div.produkt div.left {float: left; padding-left: 20px; width: 226px; margin: 0px}
#right div.tresc div.produkt div.left div.img {text-align: center; margin-bottom: 15px}
#right div.tresc div.produkt div.right {width: 362px; margin-left: 15px; float: left}

#right div.tresc div.ofertag {padding: 20px 0px 20px 12px; background: #070707}
#right div.tresc div.ofertag h3 {margin-top: 30px}
#right div.tresc div.ofertag div.ofertai {text-align: center; padding: 10px}
#right div.tresc div.ofertag div.ofertai img {margin: 4px}

#right div.tresci {width: 623px; float: left; padding: 10px 20px 20px 12px; background: #070707}
#right div.tresci h1, div.tresci h2, div.tresci h3, div.tresci h4, div.tresci p {margin: 6px 10px; padding: 0px; font-weight: normal}
#right div.tresci h2 {font-size: 19px; line-height: 28px}
#right div.tresci h2 {font-size: 17px; line-height: 25px}
#right div.tresci h3 {font-size: 15px; line-height: 22px}
#right div.tresci h4 {font-size: 13px; line-height: 19px}
#right div.tresci p {font-size: 11px; line-height: 17px}
#bottom {border-top: 1px solid #264E43; text-align: left; width: 880px; margin: 20px 40px 0px 40px; padding: 10px 0px 40px 0px}
#bottom span {float: right}
#bottom span.copy {float: left}
#bottom span.copy a {color: #C5387A}
#right div.tresc img.glowna {margin: 0px 0px 10px 10px}
div.oferta_fotki {margin: 10px 0px 10px 0px; text-align: center}
div.oferta_fotki a:link img, div.oferta_fotki a:visited img {border: 1px solid #244A3F; padding: 5px; margin-left: 10px}
div.oferta_fotki a:hover img {border: 1px solid #C5387A}
#map span {display: none; font-size: 1px}
div.kontakt {width: 220px; float: left}
#map {float: right; width: 400px; height: 300px; background: url('loader.gif') center 50% no-repeat}

/* lightbox */
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox a img{ border: none; }
#outerImageContainer{position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer{ padding: 10px;}
#loading{position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#hoverNav{position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
/*#prevLink:hover, #prevLink:visited:hover { background: url(../images/prev.gif) left 50% no-repeat; }*/
/*#nextLink:hover, #nextLink:visited:hover { background: url(../images/next.gif) right 50% no-repeat; }*/
extLinkText, #prevLinkText{color: #FF9834; font-weight:bold; text-decoration: none;}
#nextLinkText{padding-left: 20px;}
#prevLinkText{padding-right: 20px;}
.ontop #imageData {padding-top: 5px;}
#imageDataContainer{font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; color: #244A3F; background-color: #fff; margin: 0 auto; line-height: 1.4em;}
#imageData{ padding:0 10px;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; } 
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; text-align: right }
#imageData #helpDisplay {clear: left; float: left; display: block; }
#overlay{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; display: none;}
.clearfix:after {content: ".";  display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix {display: inline-block; width: 100%;}
* html .clearfix {/* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */}