body {font-family: Tahoma, Verdana, Arial, sans-serif; color: #6F6F6F; font-size: 11px; background: #E7E7E7; margin: auto}
img {border: 0px}
a {text-decoration: none; color: #6F6F6F}
a:hover {color: #FFC23F; text-decoration: none}
br {clear: both}
form {margin: 0px; padding: 0px}
h1 {font-size: 12px; text-align: left; padding: 0px; margin: 20px 0px 5px 0px; color: #F90F0B}
div.zwijacz {height: 20px; display: block; clear: both}
div.zwijacz1 {display: block; clear: both; height: 1px; font-size: 1px; margin-top: -1px}
.jasny {color: #ADADAD}
.ciemny {color: #6F6F6F}
#main {width: 960px; display: block; position: relative; margin: auto}
div.top {width: 960px; height: 95px}
div.top div.logo {width: 320px; height: 95px; float: left}
div.top div.logo img {padding: 30px 103px}
div.top div.menu_box {margin-top: 40px; background: #fff; float: left; width: 640px; text-align: left}
div.top div.menu_box div.menu {float: left; width: 513px; padding: 0px 16px}
div.top div.menu_box div.menu a {height: 54px; background-position: top; display: block; float: left}
div.top div.menu_box div.menu a.start {width: 62px; background-image: url('../img/m_start.gif')}
div.top div.menu_box div.menu a.nowosci {width: 79px; background-image: url('../img/m_nowosci.gif')}
div.top div.menu_box div.menu a.firma {width: 62px; background-image: url('../img/m_firma.gif')}
div.top div.menu_box div.menu a.produkty {width: 88px; background-image: url('../img/m_produkty.gif')}
div.top div.menu_box div.menu a.galeria {width: 73px; background-image: url('../img/m_galeria.gif')}
div.top div.menu_box div.menu a.sklepy {width: 68px; background-image: url('../img/m_sklepy.gif')}
div.top div.menu_box div.menu a.kontakt {width: 74px; background-image: url('../img/m_kontakt.gif')}

div.top div.menu_box div.menu a.news {width: 58px; background-image: url('../img/m_news.gif')}
div.top div.menu_box div.menu a.company {width: 83px; background-image: url('../img/m_company.gif')}
div.top div.menu_box div.menu a.products {width: 89px; background-image: url('../img/m_products.gif')}
div.top div.menu_box div.menu a.gallery {width: 76px; background-image: url('../img/m_gallery.gif')}
div.top div.menu_box div.menu a.shops {width: 64px; background-image: url('../img/m_shops.gif')}
div.top div.menu_box div.menu a.contact {width: 79px; background-image: url('../img/m_contact.gif')}
div.top div.menu_box div.menu a:hover {background-position: 0px 108px} 
div.top div.menu_box div.menu a.active {background-position: 0px 54px}
div.top div.menu_box div.lang {background: #6F6F6F; float: left; width: 95px; padding: 21px 0px 22px 0px; text-align: center; color: #fff}
div.top div.menu_box div.lang * {font-weight: bold}
div.top div.menu_box div.lang a {color: #fff}
div.top div.menu_box div.lang a:hover, div.top div.menu_box div.lang a.this {color: #FFC23F}
div.page {width: 960px}
div.page div.left {width: 310px; float: left}
div.page div.left div.opis {width: 250px; padding: 15px 30px 20px 30px; background: #fff; float: left; text-align: right}
div.page div.left div.opis img {margin-bottom: 17px}
div.page div.left div.opis p {text-align: left; color: #969696; margin: 0px 0px 10px 0px; padding: 0px; line-height: 18px}
div.page div.left div.opis a.wiecej {background: #6F6F6F url('../img/l_wiecejka.gif') 57px 13px no-repeat; padding: 8px 28px 8px 20px; display: block; width: 30px; color: #fff; margin-top: 0px; float: right; margin-bottom: -20px}
div.page div.left div.opis a.wiecej:hover {background-image: url('../img/l_wiecejh.gif'); color: #FFC23F}

div.page div.left div.opis_dol {background: #E7E7E7; padding-top: 20px}
div.page div.left div.opis_dol table {width: 100%}
div.page div.left div.opis_dol table td {padding: 2px 0px; color: #6F6F6F; text-align: left}

div.page div.tresc {width: 650px; float: left}
div.page div.tresc div.txt {border-left: 10px solid #fff; border-bottom: 10px solid #fff; width: 640px; height: 333px; float: left}
body.page div.page div.tresc div.txt img {display: block}

div.page div.tresc div.txt_news {height: 285px}
div.page div.tresc div.txt_news div.news_akt {width: 275px; float: left; padding: 30px 0px 0px 30px; text-align: left}
div.page div.tresc div.txt_news div.news_akt a span {background: #6F6F6F; display: block; width: 22px; height: 18px; color: #fff; padding-top: 4px; float: left; text-align: center; cursor: pointer}
div.page div.tresc div.txt_news div.news_akt a u {text-decoration: none; display: block; float: right; color: #6F6F6F; padding-top: 4px; width: 247px; height: 18px; text-align: right; cursor: pointer}
div.page div.tresc div.txt_news div.news_akt a b {display: block; font-weight: normal; width: 275px; padding-top: 10px; cursor: pointer}

div.page div.tresc div.txt_news div.news_akt a:hover span {background: #FFB30F}
div.page div.tresc div.txt_news div.news_akt a:hover b {text-decoration: underline; color: #6F6F6F}

div.page div.tresc div.txt_page {padding: 20px 0px 20px 30px; width: 610px; height: 245px}
div.page div.tresc div.txt_page p {text-align: justify; line-height: 18px; padding: 0px; margin: 0px 0px 5px 0px; text-indent: 30px}

div.page div.tresc div.txt_page div.txt_page {padding: 0px; width: 590px; padding-left: 0px; overflow: auto}



body.produkty div.page div.left {width: 320px}
body.produkty div.page div.left div.opis {width: 260px; text-align: right; padding-bottom: 10px; padding-right: 30px}
body.produkty div.page div.left div.opis ul {text-align: left; list-style-type: none; margin: 0px; padding: 0px}
body.produkty div.page div.left div.opis ul li {margin: 0px 0px 15px 0px; padding: 0px}
body.produkty div.page div.left div.opis ul li a {padding-left: 10px; background: url('../img/l_wieceja.gif') 0px 4px no-repeat}
body.produkty div.page div.left div.opis ul li a:hover {background: url('../img/l_wiecejh.gif') 0px 4px no-repeat}

body.produkty div.page div.left div.opis ul.submenu {margin: -10px 0px 10px 30px; }
body.produkty div.page div.left div.opis ul.submenu li {margin: 0px; padding: 0px}
body.produkty div.page div.left div.opis ul.submenu li a {background: none; padding: 4px 10px; display: block; width: 207px}
body.produkty div.page div.left div.opis ul.submenu li a:hover {background: none; background: #F0F0F0}
body.produkty div.page div.left div.opis ul.submenu li a.this {background: #F0F0F0 url('../img/l_wieceja.gif') 220px 8px no-repeat; font-weight: bold}
body.produkty div.page div.left div.opis ul.submenu li a.this:hover {background: #F0F0F0 url('../img/l_wiecejh.gif') 220px 8px no-repeat; font-weight: bold}

body.produkty div.page div.tresc {width: 640px}
body.produkty div.page div.tresc a.teczki, body.produkty div.page div.tresc a.torby_mlodziezowe, body.produkty div.page div.tresc a.torby_lekarskie, body.produkty div.page div.tresc a.torebki {width: 160px; height: 449px; background: url('../img/produkty_main.jpg') no-repeat; display: block; float: left}
body.produkty div.page div.tresc a.teczki {background-position: 0px 0px}
body.produkty div.page div.tresc a.torby_mlodziezowe {background-position: -320px 0px}
body.produkty div.page div.tresc a.torby_lekarskie {background-position: -480px 0px}
body.produkty div.page div.tresc a.torebki {background-position: -160px 0px}
body.produkty div.page div.tresc a.teczki:hover {background-position: 0px -449px}
body.produkty div.page div.tresc a.torby_mlodziezowe:hover {background-position: -320px -449px}
body.produkty div.page div.tresc a.torby_lekarskie:hover {background-position: -480px -449px}
body.produkty div.page div.tresc a.torebki:hover {background-position: -160px -449px}
body.produkty div.page div.tresc a.teczki_en:hover {background-position: 0px -898px}
body.produkty div.page div.tresc a.torby_mlodziezowe_en:hover {background-position: -320px -898px}
body.produkty div.page div.tresc a.torby_lekarskie_en:hover {background-position: -480px -898px}
body.produkty div.page div.tresc a.torebki_en:hover {background-position: -160px -898px}



div.page div.tresc div.dol {background: #6F6F6F; color: #DEDEDE; width: 640px; height: 105px; margin-left: 10px; text-align: left}
div.page div.tresc div.dol div.newsd {padding: 0px 30px; float: left; width: 250px; text-align: left}
div.page div.tresc div.dol div.newsd a {color: #DEDEDE}
div.page div.tresc div.dol div.newsd a:hover {text-decoration: underline}
div.page div.tresc div.dol img {margin: 20px 20px 20px 30px; display: block}

div.page div.tresc div.dol_page {background: #6F6F6F; color: #DEDEDE; width: 640px; height: 154px; margin-left: 10px; text-align: left}
div.page div.tresc div.dol_page img {margin: 0px; display: block}

div.tresc div.obrazek {width: 640px; height: 300px; background: #6F6F6F}
div.tresc div.obrazek img {display: block}
div.tresc div.produkty_scroll {width: 640px; height: 160px; background: #fff; margin-top: -13px !important; margin-top: -12px}
div.tresc div.produkty_scroll div.scroll_box {height: 112px; background: #fff}
div.tresc div.produkty_scroll div.scroll_box div.produkt {width: 100px; height: 100px; text-align: center; padding-top: 5px; float: left; background: #fff}
div.tresc div.produkty_scroll div.scroll_box div.produkt a.img {display: inline; float: none}
div.tresc div.produkty_scroll div.scroll_box div.produkt a.img img {padding-bottom: 5px}
div.tresc div.produkty_scroll div.scroll_box div.produkt a {display: inline; width: auto; height: auto; float: none}
				
div.tresc div.produkt_szczegoly {width: 640px; background: #6F6F6F}
div.produkt_szczegoly div.fotki_produktow {background: #fff; width: 377px; height: 279px; float: left}
div.produkt_szczegoly div.fotki_produktow div.jqGSPagination {position: absolute; top: 0px; right: -22px; float: left; width: 22px; background: #6F6F6F; text-align: center; height: 290px}
div.produkt_szczegoly div.fotki_produktow div.jqGSPagination ul {margin: 0px; padding: 0px; list-style-type: none}
div.produkt_szczegoly div.fotki_produktow div.jqGSPagination ul li {margin: 0px; padding: 0px; display: block; float: left; width: 22px; height: 22px}
div.produkt_szczegoly div.fotki_produktow div.jqGSPagination ul li a {display: block; float: none; width: 22px height: 12px; color: #fff; padding: 5px 0px}
div.produkt_szczegoly div.fotki_produktow div.jqGSPagination ul li a:hover {color: #FFA800}
div.produkt_szczegoly div.fotki_produktow div.jqGSPagination ul li a.selected {background: #FFA800}
div.produkt_szczegoly div.fotki_produktow div.jqGSPagination ul li a.selected:hover {color: #6F6F6F}

div.produkt_szczegoly div.produkt_opis {margin-left: 22px; width: 201px; height: 250px; float: left; padding: 20px !important; padding: 20px 20px 10px 20px; background: #fff}
div.produkt_szczegoly div.produkt_opis img {margin-bottom: 5px}
div.produkt_szczegoly div.produkt_opis div.produkt_tekst {width: 200px; height: 170px; overflow: auto; margin: 0px 0px 5px 0px}
div.produkt_szczegoly div.produkt_opis div.produkt_wymiary {width: 200px; padding: 4px 0px}
div.produkt_szczegoly div.produkt_opis div.produkt_kolory {width: 200px; padding: 4px 0px}
div.produkt_szczegoly div.produkt_opis div.produkt_kolory b {display: block; float: left; margin-right: 5px}
div.produkt_szczegoly div.produkt_opis div.produkt_kolory span {display: block; width: 15px; height: 15px; float: right; margin: 0px 2px}
div.produkt_kolory span.czarny {background: #000}
div.produkt_kolory span.granatowy {background: #6A6287}
div.produkt_kolory span.koniak {background: #822700}
div.produkt_kolory span.braz {background: #663300}
div.produkt_kolory span.bez {background: #C3AF97}
div.produkt_kolory span.zielen {background: #005B44}
div.produkt_kolory span.czerwony {background: #d80a22}


div.page div.tresc div.dol_kontakt {height: 105px}
div.page div.tresc div.dol_kontakt table {margin: 20px auto}
div.page div.tresc div.dol_kontakt table td {width: 170px; color: #CBCBCB; line-height: 18px; border-right: 1px solid #CBCBCB; padding-left: 20px}
div.page div.tresc div.dol_kontakt table td.last {border-right: none}
div.page div.tresc div.dol_kontakt table td span, div.dol_kontakt table td a:link, div.dol_kontakt table td a:visited {color: #F5F5F5}
div.page div.tresc div.dol_kontakt table td a:hover {color: #FFC23F}

div.bottom {width: 960px; color: #6F6F6F; background: #E7E7E7; padding: 10px 0px; height: 30px}
div.bottom span {float: left; margin-left: 30px}
div.bottom span.created {float: right}
div.bottom a {font-weight: bold}
div.produkty {width: 600px; margin: 5px 20px}

.jScrollPaneContainer {position: relative; overflow: hidden; z-index: 1}
.jScrollPaneTrack {position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #ADADAD;}
.jScrollPaneDrag {position: absolute; background: #6F6F6F; cursor: pointer; overflow: hidden;}
.jScrollPaneDragTop {position: absolute; top: 0; left: 0; overflow: hidden;}
.jScrollPaneDragBottom {position: absolute; bottom: 0; left: 0; overflow: hidden;}
a.jScrollArrowUp {display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px;}
a.jScrollArrowUp:hover {/*background-color: #f60;*/}
a.jScrollArrowDown {display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px;}
a.jScrollArrowDown:hover {/*background-color: #f60;*/}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {/*background-color: #f00;*/}
.scroll-pane {width: 600px; float: left; padding: 0; background: none}
#pane2 {height: 150px; width: 600px; padding: 0; display: block; _overflow: hidden;}
a.jScrollArrowLeft {background: url('../img/scroll_l.gif') no-repeat; top: 125px; width: 23px; height: 23px; position: absolute}
a.jScrollArrowLeft:hover {background: url('../img/scroll_lh.gif') no-repeat}
a.jScrollArrowRight {background: url('../img/scroll_r.gif') no-repeat; top: 125px; position: absolute; margin-left: 577px; width: 23px; height: 23px}
a.jScrollArrowRight:hover {background: url('../img/scroll_rh.gif') no-repeat}

body.produkty .jScrollPaneTrack {top: 125px}
.jScrollPaneContainer {margin: 10px 20px 10px 0px}
div.produkt_szczegoly div.produkt_opis .jScrollPaneContainer {margin: 10px 0px}
div.produkt_szczegoly div.produkt_opis .jScrollPaneTrack {top: 0px}
div.page div.tresc div.txt_kontakt {padding: 0px; height: 333px; width: 640px}
div.form_kontakt {width: 352px; height: 313px; padding: 20px 0px 0px 20px; float: left}
div.form_kontakt table {margin-top: 15px}
div.form_kontakt table th {text-align: left; font-weight: normal; padding: 8px 0px 2px 0px}
div.form_kontakt table td {padding: 0px}
div.form_kontakt table td input {margin: 0px 15px 0px 0px; padding: 4px; border: 1px solid #6F6F6F; background: #F5F5F5; color: #6F6F6F; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif; width: 145px}
div.form_kontakt table td textarea {margin: 0px; padding: 4px; border: 1px solid #6F6F6F; background: #F5F5F5; color: #6F6F6F; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif; width: 315px; height: 67px; overflow: auto}
div.form_kontakt table td.dol {vertical-align: bottom; padding-bottom: 8px}

div.form_kontakt table td.dol input {display: none}

div.form_kontakt table a.wiecej {background: #6F6F6F url('../img/l_wiecejka.gif') 57px 13px no-repeat; padding: 8px 28px 8px 20px; display: block; width: 30px; color: #fff; margin: 18px 14px 0px 0px !important; margin: 10px 7px 0px 0px; float: right}
div.form_kontakt table a.wiecej:hover {background-image: url('../img/l_wiecejkh.gif'); color: #FFC23F}
div.form_kontakt h3 {text-align: center; font-size: 14px; margin-right: 20px; margin-top: 110px; line-height: 20px}

div.img_mapa {float: left; width: 230px; height: 204px; margin: 10px 0px}
div.txt_mapa {float: left; width: 300px; height: 235px; margin: 0px 0px 10px 20px; overflow: auto}
div.page div.tresc div.txt_page div.txt_mapa p {text-indent: 0px; margin-bottom: 20px; margin-right: 5px}
div.wojewodztwo, img.akt_mapa {display: none; padding-left: 10px}
div.page div.tresc div.txt_page div.wojewodztwo {width: 300px; height: 235px}

div.page div.tresc div.txt_page p.news_nag {text-indent: 0px; margin-bottom: 25px; text-align: left}
div.page div.tresc div.txt_page p.news_nag b {width: 510px; display: block; float: left}
div.page div.tresc div.txt_page p.news_nag u {text-decoration: none; width: 60px; display: block; float: right}

.jqGSContainer .jqGSImgContainer{}
.jqGSContainer .jqGSImgContainer ul{padding:0;margin:0;position:relative;list-style-type:none;}
.jqGSContainer .jqGSImgContainer ul li{padding:0;margin:0;position:relative;margin-top:0;margin-bottom:0px;float:left;}
.jqGSContainer .jqGSImgContainer ul li .jqGSLoader{width:100%;height:100%;position:absolute;}
.jqGSContainer .jqGSImgContainer ul li .jqGSTitle{background:#000;position:absolute;right:0px;top:0px; padding:3px;color:#fff;width:300px}
div.produkty_scroll .jScrollPaneContainer {padding: 10px 0 0 0px; margin: 0 0 0 20px; background: none; height: 160px}
div.tresc div.cscroll {height: 135px}
div.page div.left div.z_ramka {padding-right: 20px}
#produkt_fotki {margin: 0px; padding: 0px; list-style-type: none;}
div.cscroll div.jScrollPaneContainer {height: 125px}
