body {background-color: #ffffff; margin: 0px; padding: 0px; text-align: center; font-family: Arial, Verdana, Helvetica, sans-serif}

#container {width: 900px; margin: 0px auto 0px auto; padding: 0px; background-color: #ffffff;}
#horizontal_menu {text-align: left; width: 900px; height: 57px; margin: 0px; padding: 0px; background: url(../img/menu-strip.jpg) repeat-x #fff;}
#footer {text-align: left; width: 900px; height: 69px; padding: 0px; background: url(../img/footer-strip.gif) #fff; clear:both; line-height: 0px; display:block;}
#left_menu {margin:0px; padding: 0px; line-height: 0px; margin-top: 4px; width: 191px; float:left; display: block; background: url(../img/leftmenu-bground.gif) repeat-y #fff;}
#main_page {margin:0px; padding: 0px; line-height: 0px; margin-top: 4px; padding: 0px; float:right; display: block; width: 697px;  height: auto !important; height: 550px; min-height: 550px;}
#logowanie {background: url(../img/leftmenu-bground-bottom.gif) no-repeat; background-position: bottom center; padding: 10px 5px 20px 5px; }
#kategorie {background: url(../img/leftmenu-bground-bottom.gif) no-repeat; background-position: bottom center; padding-bottom: 20px;}
#wyszukiwarka {background: url(../img/leftmenu-bground-bottom.gif) no-repeat; background-position: bottom center; padding-bottom: 20px; text-indent: 5px;}

h1 {font-size: 16px; width: 100%; border-bottom: 1px solid #333333; line-height: 16px; text-align: left; margin: 0px; padding: 0px;} 
h2 {font-size: 14px; line-height: 14px; text-align: left; margin-top: 10px; color:#333333;} 
p {font-size: 12px; line-height: 15px; text-align: left; margin: 0px; padding: 0px;} 
.kryteria_szukania {font-size: 11px; line-height: 13px; text-align: left; margin: 0px; padding: 0px; width: 100%;} 

.small {font-size: 10px; line-height: 12px; text-align: left; margin: 0px; padding: 0px; color:#333333}
.small_red {font-size: 10px; line-height: 12px; text-align: left; margin: 0px; padding: 0px; color:#ff0000; font-weight:bold;}

.login_info {font-size: 12px; line-height: 13px; text-align:left; width: 100%; margin: 0px; padding: 0px;}  

.link {font-size: 10px; color:#333333; font-weight:bold; text-decoration:none; line-height: 10px;}
.link:hover {text-decoration: underline;}
#navi_list {float: left; background: url(../img/navigation.jpg) no-repeat; text-align: left; display: block; width: 191px; height: 160px; margin: 10px 0 10px 0; color: #141414; padding-top: 38px;}
#navi_list li {border-bottom: 1px solid #B4CBCF; border-left: 1px solid #B4CBCF; border-right: 1px solid #B4CBCF;}
#navi_list a {text-decoration:none; color:#141414; display: block; width: 185px; height: 35px; line-height: 38px;}
#banner_top {background: url(../img/banner.jpg) no-repeat; background-position: 214px 10px; width: 900px; height: 250px;}
#basket_btn {width: 191px; height: 58px; border: 0px; float: left; margin: 182px 0 0 -191px; padding: 0px;}
.img_href {border: 0px; margin: 0px; padding: 10px 0 10px 0;}
.img_link {border: 0px;}
.img_link_bck {border: 0px; margin: 10px 0 0 0;}
.powrot_form {border: 0px;}
.menu {color: #fff; padding: 17px; margin: 0px; font-size: 14px; font-weight: bold; text-decoration:none; float:left;}
.menu:hover {text-decoration:underline;}
.menu_basket {color: #fff; margin: 0px; font-size: 14px; text-decoration:none; line-height: 30px}
.menu_basket:hover {text-decoration:underline}
.left {padding: 0px; margin: 0px; float:left;}
.right {padding: 0px; margin: 0px; float:right;}
.cart_gif {padding: 0px; margin: 0px; margin-top: 14px; float:right;}
.cart {color: #Fccccc; padding: 0px; margin: 11px 5px 0px 0px; font-size: 12px; font-weight: bold; float:right;}
.left_menu_header {margin: 0px; padding: 0px; background: url(../img/leaf.jpg) no-repeat; line-height: 43px; text-align: left; text-indent: 22px; font-size: 14px; font-weight: bold; color: #141414;}
.menu_left_box {font-size: 12px; color:#333333; padding:0px; margin: 0px; margin-bottom: 10px; text-align:left;}
.box {display: block; float: right; width: 340px; height: 270px; margin: 0px; margin-left: 6px; margin-bottom: 6px; padding: 0px; position: relative; background: url(../img/box_bck.jpg) no-repeat #fff;}
.nowosc {position:absolute; top: 20px; left: 250px; z-index:10}
.box_img {position:absolute; top: 50px; left: 10px; border: 1px solid #B4CBCF;}
.box_description {position:absolute; top: 50px; right: 10px; color:#3e508b; font-size:12px; display:block; width: 210px; height: 138px; margin: 0px; padding: 0px; line-height: 15px; text-align: left;}
.box_bottom {position:absolute; bottom: 10px; left: 10px; display:block; width: 320px; height: 60px; background-color: #fff;}
.box_btn {margin: 20px 0 0 40px; border: 0px; position: absolute; top: 0px; left: 0px;}
.box_cena {position:absolute; right: 20px; top: 25px; font-size: 16px; color:#3e508b; font-weight: bold; line-height: 16px;}
.box_tytul {position:absolute; left: 5px; top: 5px; margin: 0px; padding: 0px; display:block; width: 328px; height: 37px; text-align: center; line-height: 17px; font-size: 14px; border: 0px; color:#141414;}
.footer_copyright {float: left; font-size: 9px; color:#141414; margin: 27px 5px 0px 5px; line-height: 11px;}
.santri {float: right; font-size: 9px; color:#141414; margin: 35px 5px 0px 5px; line-height: 11px; text-decoration: none}
.footer_made_by_link {font-size: 9px; color:#141414; line-height: 11px; text-decoration: none}
.footer_made_by_link:hover {text-decoration:underline}
.menu_main {cursor:pointer; margin:0px; padding: 0px; line-height: 18px; font-size:14px; text-align:left; text-indent: 15px; color:#141414; font-weight:normal;}
.menu_main:hover {text-decoration: underline;}
ul {list-style-type: none; margin: 0px; padding: 0px; line-height: 15px; text-indent: 20px; text-align:left; font-size:12px; color:#141414;}
li {padding: 0px; margin: 0px; cursor: pointer;}
.submenu_link {padding: 0px; margin: 0px; cursor: pointer; text-decoration:none; color:#141414;}
.submenu_link:hover {text-decoration: underline;}
.submenu_link_active {padding: 0px; margin: 0px; cursor: pointer; text-decoration:none; color:#141414; font-weight:bold;}
.submenu_link_active:hover {text-decoration: underline;}


.details_title {display: inline; float: right; width: 385px; line-height: 20px; font-size: 14px; font-weight:bold; margin: 0px; padding: 0px; text-align: left;}
.details_producent {display: inline; float: right; width: 385px; line-height: 20px; font-size: 13px; font-weight:bold; margin: 0px; padding: 0px; text-align: left; color:#353535; font-style:italic;}
.details_desc {display: block; float: right; width: 385px; line-height: 14px; font-size: 12px;  margin: 0px; padding: 0px; text-align: left; clear: right; margin-top: 10px;}
.details_price {display: block; float: right; width: 385px; line-height: 20px; font-size: 18px;  margin: 0px; padding: 0px; text-align: left; clear: right; margin-top: 10px;}
.details_1pxline {background-color:#999999; clear: right; width: 385px; height: 1px; float:right; line-height: 0px; margin-top: 5px;}
#details_top {float: right; width: 686px; margin: 0px; padding: 0px; background: url(../img/details_top.jpg) no-repeat; line-height: 43px; text-align: left; text-indent: 22px; font-size: 14px; font-weight: bold; color: #141414;}
#details_top.left {float: left; display: inline;}
#details_top.right {float: right; display: inline;}
#details_top span {margin-right: 22px; font-size: 16px; color: #3f9251;}
#details_bdy em {font-size: 12px; color: #333333; display: block;}
#details_bdy {float: right; width: 686px; margin: 0px; padding: 0px; background: url(../img/details_bdy.gif) repeat-y; text-align: left;}
#details_bdy_left {float: left; margin: 0 22px 0 22px; line-height: 26px; text-align: justify; font-size: 14px; color: #141414; display: inline; width: 320px;}
#details_bdy_right {float: right; display: inline; margin: 7px 22px 0 0; position: relative;}
#details_bdy_right.details_img {width: 300px; float: right; height: auto !important; height: 480px; min-height: 480px;}
#details_foot {float: right; width: 686px; height: 43px; margin: 0px; padding: 0px; background: url(../img/details_foot.gif) no-repeat; text-align: left;}
#details_foot_left {float: left; display: inline; margin-left: 22px;}
#details_foot_right {float: right; display: inline; margin: 10px 22px 0 0; }
#details_add_top {float: right; width: 686px; height: 5px; margin: 10px 0 0 0; padding: 0px; background: url(../img/details_add_top.gif) no-repeat;}
#details_add_bdy {float: right; width: 686px; margin: 0px; padding: 0px; background: url(../img/details_bdy.gif) repeat-y; text-align: left;}
#details_add_foot {float: right; width: 686px; height: 5px; margin: 0 0 10px 0; padding: 0px; background: url(../img/details_add_foot.gif) no-repeat;}
#details_add_bdy ul {margin: 0px; padding: 0px; list-style: none;}
#details_add_bdy li {list-style-image:url(../img/list.gif); list-style-position: inside; margin: 0; padding: 0; line-height: 22px}
#details_add_bdy li.red {color: #FF0000;}
#details_add_bdy p {margin: 10px 17px 10px 17px;}
#details_bdy p {margin: 10px 17px 10px 17px;}
#details_bdy h2 {color: #3d508b; margin-left: 17px;}
#details_add_bdy h2 {color: #3d508b; margin-left: 17px; fon-size: 12px;}
#details_bdy table {width: 95%; margin: 10px 0 0 17px;}
#details_add_bdy table {width: 95%; margin: 0 0 0 17px;}
#faktura_vat table {width: 640px; margin: 0 0 0 17px;}

#btn_img_box {position: absolute; top: 0px; right: -19px}
#obrazek1 {position: absolute; top: 0px; right: 0}
#obrazek2 {position: absolute; top: 0px; right: 0}
#obrazek3 {position: absolute; top: 0px; right: 0}
#img1 {background: url(../img/1.jpg); width: 16px; height: 16px; cursor: pointer}
#img2 {background: url(../img/2.jpg); width: 16px; height: 16px; margin-top: 4px; cursor: pointer}
#img3 {background: url(../img/3.jpg); width: 16px; height: 16px; margin-top: 4px; cursor: pointer}
#img_choose {background: url(../img/img_choose.gif); width: 16px; height: 93px;}
#left_top {background: url(../img/left_top.png) no-repeat; position: absolute; top: 0px; right: 296px; width: 4px; height: 4px; z-index: 10;}
#right_top {background: url(../img/right_top.png) no-repeat; position: absolute; top: 0px; right: 0px; width: 4px; height: 4px; z-index: 10;}
#right_bottom_1 {background: url(../img/right_bottom.png) no-repeat; position: absolute; right: 0px; width: 4px; height: 4px; z-index: 10;}
#left_bottom_1 {background: url(../img/left_bottom.png) no-repeat; position: absolute; right: 296px; width: 4px; height: 4px; z-index: 10;}
#right_bottom_2 {background: url(../img/right_bottom.png) no-repeat; position: absolute; right: 0px; width: 4px; height: 4px; z-index: 10;}
#left_bottom_2 {background: url(../img/left_bottom.png) no-repeat; position: absolute; right: 296px; width: 4px; height: 4px; z-index: 10;}
#right_bottom_3 {background: url(../img/right_bottom.png) no-repeat; position: absolute; right: 0px; width: 4px; height: 4px; z-index: 10;}
#left_bottom_3 {background: url(../img/left_bottom.png) no-repeat; position: absolute; right: 296px; width: 4px; height: 4px; z-index: 10;}


.list_left {border: 1px solid #ccc; display: inline; font-size: 11px; margin-right: 10px;}
.list_right {border: 1px solid #ccc; display: inline; font-size: 11px; margin-right: 10px;}
.koszyk_btn {background: url(../img/koszyk.jpg) no-repeat #fff; display: inline; width: 102px; height: 23px; border: 0; margin: 0; padding: 0; cursor: pointer;}
.wyszukiwarka_kategoria {padding: 0; margin: 0 0 0 5px; border: 1px solid #b4cbcf; width: 175px;}
.przesylka_combo {padding: 0px; margin: 0px; border: 1px solid #ccc; width: 260px;}
.wyszukiwarka_podkategorie {padding: 0; margin: 0 0 0 5px; border: 1px solid #b4cbcf; width: 175px;}
.wyszukiwarka_cena {padding: 0px; margin: 0 0 0 5px; border: 1px solid #b4cbcf; width: 175px;}
.wyszukiwarka_producenci {padding: 0px; margin: 0 0 0 5px; width: 175px; font-size: 11px;}
.powrot_form_submit {background: url(../img/powrot_grey.gif) no-repeat #fff; width: 74px; height: 23px; border: 0; margin: 0; padding: 0; cursor: pointer; margin: 10px 0 0 0;}
.wyszukaj_form_submit {background: url(../img/wiecej.jpg) no-repeat #fff; width: 102px; height: 23px; border: 0; margin: 0; padding: 0; cursor: pointer; position:absolute; bottom:18px; left:40px}
.details_obrazek_menu {line-height: 14px; font-size: 12px; color: #333333; display:inline;}
.strony {color:#333333; font-size: 14px; display: inline; text-decoration: none;}
.strony_active {color:#333333; font-size: 15px; font-weight:bold; display: inline; text-decoration: none;}
.stronicowanie {clear: right; color:#141414; width: 685px; text-align:center; display: block; line-height: 10px; padding: 0px; margin: 0px; margin-bottom: 5px; float: right;}
.strony_form_first_page {margin-left: 280px; display: inline; background: url(../img/arrow_first.gif) no-repeat #fff; width: 15px; height: 15px; border: 0px; cursor: pointer; float: left; background-position: 0px 1px;}
.strony_form_before {display: inline; background: url(../img/arrow_before.gif) no-repeat #fff; height: 15px; width: 15px; border: 0px; cursor: pointer; float: left; background-position: 0px 1px;}
.strony_form_last_page {display: inline; background: url(../img/arrow_last.gif) no-repeat #fff; width: 15px; height: 15px; border: 0px; cursor: pointer; float: left; background-position: 0px 1px;}
.strony_form_next {display: inline; background: url(../img/arrow_next.gif) no-repeat #fff; width: 15px; height: 15px; border: 0px; cursor: pointer; float: left; background-position: 0px 1px;}
.strony_form {color:#333333; font-size: 14px; display: inline; text-decoration: none; background: #fff; border: 0px; padding: 0px; margin: 0px; cursor: pointer; float: left;}
.strony_form_active {color:#333333; font-size: 15px; display: inline; text-decoration: none; font-weight:bold; background: #fff; border: 0px; padding: 0px; margin: 0px; cursor: pointer; float: left;}
.page_last {margin-left: 2px;}
.page_one {margin-right: 2px;}

form {margin: 0px; padding: 0px; text-align: left;}
.form_input {width: 175px; border: 1px solid #b4cbcf;}
.form_label {color:#333333; font-size: 10px; font-weight: bold; font-style: italic; text-align: left; margin: 0 0 0 5px; margin-top: 5px; padding: 0px; line-height: 12px;}
textarea {width: 350px; height: 100px; border: 1px solid #9396a1;}
.opis {font-size: 10px; color:#333333; font-style:italic; text-align: left;}
.alert {font-size: 10px; color:#FF0000; text-align: left; font-weight:bold; margin-left: 5px;}
.additional_info {font-size: 10px; color:#333333; border-top: 1px solid #a3a3a3; width: 100%; text-align: left;}
.tr_grey {background-color:#f1f1f1; border: 0px;}
.dodaj {background: url(../img/dodaj.gif) no-repeat #fff; width: 102px; height: 23px; border: 0; cursor: pointer;}
.resetuj {background: url(../img/resetuj.gif) no-repeat #fff; width: 102px; height: 23px; border: 0; cursor: pointer;}
.zaloguj {background: url(../img/zaloguj.gif) no-repeat #fff; width: 77px; height: 16px; border: 0; cursor: pointer; margin: 5px 0 0 0;}
.pokaz {background: url(../img/pokaz.gif) no-repeat #fff; width: 59px; height: 16px; border: 0; cursor: pointer; margin: 5px 0 0 5px;}
.wyloguj {background: url(../img/wyloguj.gif) no-repeat #fff; width: 77px; height: 23px; border: 0; cursor: pointer; margin-top: 5px;}
.platnosci_pl_btn {background: url(../img/platnosci_pl_btn.gif) no-repeat #fff; width: 194px; height: 23px; border: 0; cursor: pointer; margin-top: 5px;}
.zmien {background: url(../img/zmien.gif) no-repeat #fff; width: 102px; height: 23px; border: 0; cursor: pointer; margin-top: 5px;}
.wyslij {background: url(../img/wyslij.gif) no-repeat #fff; width: 102px; height: 23px; border: 0; cursor: pointer; margin-top: 5px;}
.zamowienie_dalej {background: url(../img/dalej.gif) no-repeat #fff; width: 59px; height: 23px; border: 0; cursor: pointer; margin-top: 5px;}
.basket_powrot {background: url(../img/powrot.gif) no-repeat #fff; width: 74px; height: 23px; border: 0; cursor: pointer; margin-top: 5px;}
.zamowienie_potwierdz {background: url(../img/potwierdz.gif) no-repeat #fff; width: 74px; height: 23px; border: 0; cursor: pointer; margin-top: 5px;}
.add_links {text-align: right; margin-right: 5px; margin-bottom: 3px;}
.basket_inputtext {width: 20px; border: 1px solid #a3a3a3; text-align:center;}
.basket_przelicz {background: url(../img/przelicz.gif) no-repeat #fff; width: 43px; height: 14px; border: 0; cursor: pointer;}
.basket_suma {background-color:#9396a1;}
.basket_addinfo {font-size:10px; text-indent:5px; line-height:5px; margin: 0px; padding: 0px}
.basket_header {font-size: 11px; line-height: 12px; text-align: left; margin: 0px; padding: 0px; margin-top: 10px; font-weight: bold; font-style:italic; color: #333333; width: 95%; border-bottom: 1px solid #333333;}

.basket_table { border: 1px solid #b4cbcf; font-size:12px; border-collapse: collapse; background-color: #F0F8F8; margin-top: 10px; margin-left: 17px;}
.basket_td { border: 1px solid #b4cbcf; font-size:12px; padding: 5px; line-height: 14px;}
.blank_table {border: 0px; font-size:12px; background-color: #fff; margin: 0px;}

.regulamin {list-style-type:circle; line-height: 15px; text-align:left; margin-left: 20px; text-indent: 0px; font-size:12px; color:#000000; cursor:default;}
#submn {display: none;}
.clear {clear: both;}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(../img/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../img/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../img/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../img/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../img/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../img/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../img/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../img/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../img/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../img/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../img/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../img/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../img/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../img/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.strefazmyslow.pl/img/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.strefazmyslow.pl/img/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.strefazmyslow.pl/img/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.strefazmyslow.pl/img/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.strefazmyslow.pl/img/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.strefazmyslow.pl/img/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.strefazmyslow.pl/img/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.strefazmyslow.pl/img/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}