/* INCLUDED FILE: xmpack/js_source/templates/xm_imgpresentation.lib.css */

.xm-img-presentation-window * {
    cursor: pointer !important;
}

.xm-img-presentation-window {
    background-color: white;
    display: none;
    position: absolute;
    border: 1px solid #969696;
    text-align: center;
    width: auto;
    height: auto;
    z-index: 9999999;
    padding: 5px;
}

.xm-img-presentation-info {
    background-color: white;
    padding: 4px;
    font-size: 10px;
    background-color: #C0C0C0;
    color: #666666;
}

.xm-img-presentation-loader {
    padding: 8px 20px 5px 20px;
    font-size: 14px;
    font-weight: bold;
}

.xm-img-presentation-loader span {
    vertical-align: 45%;
}

.xm-img-presentation-caption {
    padding: 5px;
}




/* INCLUDED FILE: css/1-xm-standard-styles.css */

/* XM Standards styles */
.v-top { vertical-align: top; }
.v-middle { vertical-align: middle; }
.v-bottom { vertical-align: bottom; }
.a-left { text-align: left; }
.a-center { text-align: center; }
.a-right { text-align: right; }
.a-just { text-align: justify; }

table {
    border-collapse: collapse;
    border-spacing: 0px;
    /*width: 100%;*/
}
td { padding: 0px; }

img {border: none;}
form {
    display: inline;
}
body {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}

.clear {clear: both;} br.clear {line-height: 0px; height: 0px;}
.f-right {float: right;} .f-left {float: left;} .f-none{float: none;} .f-inherit{float: inherit;}


.d-block {display: block;} .d-inline {display: inline;} .d-none {display: none;}
.invisible {visibility: hidden !important;}
.no-border {border: none !important;}
.special-text {
    overflow: hidden;
    width: 0.3em;
    height: 0.3em;
    text-indent: -10000px;
}
.margin-auto {margin: auto;}
.m-0 {margin: 0px;} .m-5 {margin: 5px;} .m-10 {margin: 10px;} .m-15 {margin: 15px;} .m-20 {margin: 20px;} .m-25 {margin: 25px;} .m-30 {margin: 30px;}
.m-right0 {margin-right: 0px;} .m-right5 {margin-right: 5px;} .m-right10 {margin-right: 10px;} .m-right15 {margin-right: 15px;} .m-right20 {margin-right: 20px;} .m-right25 {margin-right: 25px;} .m-right30 {margin-right: 30px;}
.m-left0 {margin-left: 0px;} .m-left5 {margin-left: 5px;} .m-left10 {margin-left: 10px;} .m-left15 {margin-left: 15px;} .m-left20 {margin-left: 20px;} .m-left25 {margin-left: 25px;} .m-left30 {margin-left: 30px;}
.m-top0 {margin-top: 0px;} .m-top5 {margin-top: 5px;} .m-top10 {margin-top: 10px;} .m-top15 {margin-top: 15px;} .m-top20 {margin-top: 20px;} .m-top25 {margin-top: 25px;} .m-top30 {margin-top: 30px;}
.m-bottom0 {margin-bottom: 0px;} .m-bottom5 {margin-bottom: 5px;} .m-bottom10 {margin-bottom: 10px;} .m-bottom15 {margin-bottom: 15px;} .m-bottom20 {margin-bottom: 20px;} .m-bottom25 {margin-bottom: 25px;} .m-bottom30 {margin-bottom: 30px;}
.w-auto {width: auto;} .w-max {width: 100%;} .w-20 { width: 20px; } .w-30 { width: 30px; } .w-40 { width: 40px; } .w-50 { width: 50px; } .w-60 { width: 60px; } .w-70 { width: 70px; } .w-80 { width: 80px; } .w-90 { width: 90px; } .w-100 { width: 100px; } .w-150 { width: 150px; } .w-200 { width: 200px; } .w-250 { width: 250px; } .w-300 { width: 300px; } .w-350 { width: 350px; } .w-400 { width: 400px; } .w-450 { width: 450px; } .w-500 { width: 500px; } .w-550 { width: 550px; }
.p-0{padding: 0px;} .p-5{padding: 5px;} .p-10{padding: 10px;} .p-15{padding: 15px;} .p-20{padding: 20px;} .p-25{padding: 25px;}
.p-right0{padding-right: 0px;} .p-right5{padding-right: 5px;} .p-right10{padding-right: 10px;} .p-right15{padding-right: 15px;} .p-right20{padding-right: 20px;} .p-right25{padding-right: 25px;}
.p-left0{padding-left: 0px;} .p-left5{padding-left: 5px;} .p-left10{padding-left: 10px;} .p-left15{padding-left: 15px;} .p-left20{padding-left: 20px;} .p-left25{padding-left: 25px;}
.p-top0{padding-top: 0px;} .p-top5{padding-top: 5px;} .p-top10{padding-top: 10px;} .p-top15{padding-top: 15px;} .p-top20{padding-top: 20px;} .p-top25{padding-top: 25px;}
.p-bottom0{padding-bottom: 0px;} .p-bottom5{padding-bottom: 5px;} .p-bottom10{padding-bottom: 10px;} .p-bottom15{padding-bottom: 15px;} .p-bottom20{padding-bottom: 20px;} .p-bottom25{padding-bottom: 25px;}







/* INCLUDED FILE: css/2-site.css */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #5e5459;
	margin: 0px; padding: 0px 0 10px 0;
    background: #e6e2d2 url(../images/body-bg.png) repeat-x left top !important;
}
a {
	text-decoration: none;
	color: #404040;
   cursor: pointer;
}
a:hover {
    color: #A82A00;
}
ul {
    margin: 5px 0px;
    list-style: disc;
    font-weight: normal;
    padding-left: 25px;
}
li {
    margin: 5px 0px;
}
ul.ul1, .p-node-list{
    list-style: none;
    padding-left: 22px;
}
ul.ul1 li, .p-node-list li {
   background: transparent url(../images/bullet-2.gif) left 5px no-repeat;
   padding-left: 10px;
   margin-bottom: 10px;
}

dl, dt, dd {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

h1, h2, h3, h4, h5, h6 {
    padding: 5px 0;
    margin: 0px 0px 0px 0px ;
}

h1 {
    color: #523d47;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    padding: 7px 0px;
}

h1.header {
    background: transparent url(../images/bullet-1.png) left 6px no-repeat;
    padding-left: 22px;
    margin-bottom: 10px;
}

h2 {
     font-size: 12px;
     color: #523d47;
     font-weight: bold;
	 padding: 2px 0px 2px 0px;
}

h3 {
     font-size: 11px;
     color: #523d47;
     font-weight: lighter;
     padding: 2px 0px 2px 0px;
}

h4,h5,h6 {
    font-size: 1em;
    margin: 0.2em 0;
    color: #722F2A;
}
em {
	background: none;
	border:3px solid white;
	padding:5px 10px;
	display: block;
	margin: 10px;
	font-size: 13px;
}

hr {
	height: 1px;
	border: none;
	background: transparent url(../images/hr-bg.html) repeat-x center;
	margin: 0.3em 0 0.4em 0;
	border:1px solid #ba7560;
}
p {
	text-align: left;
	margin: 0px 0px;
	padding: 0.3em 0em 0.3em 0em;
}
p.biulet {
	font-size: 11px;
   line-height: 14px;
	text-align: center;
	margin: 0em;
	padding: 0.2em 0em 0.1em 0em;
	font-style: italic;
	color: #661801;
}
address {
	font-style: italic;
	display: block;
	font-size: 13px;
	padding: 5px 0px;
    margin: 5px;
}
`, textarea {
	border: 1px #8B8577 solid;
	color: #261200;
	font-size: 12px;
	padding: 2px 3px;
	height: auto;
	width: 100%;
	background: #EAE8E3;
    letter-spacing: 0px;
    font-family: Arial, Helvetica, sans-serif;
}
input[type=checkbox], input[type=submit], input[type=reset], input[type=image] {
    width: auto;
}
input[type=submit], input.button, input[type=button] {
    border-radius: 2px;
    padding: 3px 5px !important;
    height: auto !important;
}
fieldset {
	border:none;
	margin: 0px;
	padding:0px;
}
fieldset legend {
	font-weight:bold;
}
/*--------------------------------------------------------------------------------------*/
.t-indent{
    text-indent: 1.5em;
	 text-align: justify;
}

#container{
    margin: 0pt auto;
    width: 980px;
}
#header {
    background: transparent;
    width: 980px;
	 margin-top:22px;
	 height: 161px;
    position: relative;
}
/* Styles for the entire header-menu */
.header-menu {
    position: relative;
    background: transparent;
    padding: 0px 15px; margin: 35px 0px 0px 0px;
    float: left;
	width: auto;
}
    /* Force the list to flow horizontally */
    .header-menu li {
        float: left;
        list-style: none;
        margin: 0px 0px;
		  margin-right: 45px;
    }
        /* Represents the background of the highlighted menu-item. */
        .header-menu li.back {
            background: url("../images/header-menu-bg.png") no-repeat right -34px;
            width: 12px; height: 34px;
            z-index: 8;
            position: absolute;
            overflow: hidden;
        }
            .header-menu li.back .left {
                background: url("../images/header-menu-bg.png") no-repeat top left;
                height: 34px;
                margin-right: 12px;
            }
        /* Styles for each menu-item. */
        .header-menu li a {
            position: relative; overflow: hidden;
            text-decoration: none;
            font-size: 14px;
            color: #ffffff; outline: none;
            text-align: center;
            height: 34px; top: 0px;
            line-height: 34px;
            z-index: 10; letter-spacing: 0;
            float: left; display: block;
            margin: auto 0px;
            padding: 0px 20px;
        }
        .header-menu li.current a, .header-menu li a:hover {
            /*color: white; */
        }


#header select {
	font-size: 11px;
	background: #CCCCCC;
	color: #4B4B4B;
	padding: 1px;
	border: #5D5D5D;
}
.header-banner {
    margin: -20px 0 10px 225px;
}
.left-menu {
    width: 220px;
    float: left;
    background: transparent;
    overflow: hidden;
    padding-top: 10px;
}
.right-menu {
    width: 220px;
    float: right;
    background: transparent;
    overflow: hidden;
    padding-top: 10px;
}
#main {
	margin-left: 7px;
	padding: 0px;
    float: left;
    background: transparent;
    width: 520px;
}

#content {
    vertical-align: top;
    width: auto;
    background: #cdc6b4;
	 padding: 15px;
}
#footer {
	text-align: right;
	padding: 20px ;
	font-size: 0.8em;
	color: gray;
	background: transparent;
	border-top: 1px solid #C3C3C3;
    clear: both;
    margin-top: 25px;
}

#footer a {
	color: gray;
	text-decoration: none;
	text-transform: lowercase;
}
#footer a:hover {
	text-decoration: underline;
}


/*----picture--------------------------------------------------------------------------*/
img.picture{
	border: 0px solid #282425;
   margin: 10px;
	background: white;
}
a:hover img.picture {
	border-color: #282425;
}
img.picture-a{
	padding: 4px;
}
img.picture-b{
	border: 3px solid #2F110F;
}
a:hover img.picture-b {
	border-color: black;
}











/* INCLUDED FILE: css/21-buttons.css */

/*----button more--------------------------------------------------------------------------------*/
div.more, div.back {
    margin: 10px 5px 10px 0px;
    padding: 0px 0px 0px 10px;
    font-style: inherit;
    text-align: right;
    text-transform: lowercase;
    float: right;
    height: 18px;
    background: transparent url(../images/more-bg.png) no-repeat left top;
}
div.more a, div.back a {
    text-decoration: none;
    padding: 0px 20px 0px 0px;
    background: transparent url(../images/more.png) no-repeat right top;
    color: white;
    height: 18px;
    display: block;
    line-height: 17px;
    margin-right: -5px;
    font-weight: normal;
    font-style: normal;
    font-size: 11px;
}

div.more a:hover, div.back a:hover {
    text-decoration: none;
    background-position: right -18px;
    color: #e4e1d3;
}
a.detail, a.zoom {
    display: block;
    width: 64px;
    height: 16px;
    overflow: hidden;
    text-indent: -780px;
    background: transparent url(../images/detail.png) no-repeat left top;
    margin: 10px 0px;
}
a.zoom {
    background: transparent url(../images/zoom.png) no-repeat left top;
}
a.detail:hover, a.zoom:hover {
   background-position: left -16px;
}





/* INCLUDED FILE: css/3-blocks.css */



/*----block--------------------------------------------------------------------------------*/
.block {
}

.block .cap-bottom, .block .cap-top {

}

.block .content {
    background: transparent;
    position: relative;
}
.block h1, .xm-window-taskbar-tab h1{

}
/*----bullet--------------------------------------------------------------------------------*/
.block-bullet {
    margin-bottom: 10px;

}

.block-bullet .cap-top, .block-bullet .cap-bottom {
    height: 15px;
    line-height: 15px;
    margin: 0 15px;
    position: relative;
    background: #f4f3e4;
}

.block-bullet .content {
    margin: 0px;
    border: none;
    padding: 0px 15px;
    background: #f4f3e4 url(../images/block/content-bg.png) 0px 0px repeat-y;
}

.block-bullet h1.header {
    padding-bottom: 15px;
    border-bottom: 1px solid #c3c3c3;
}

/*----picture--------------------------------------------------------------------------*/
fieldset.picture {
    display:inline;
    padding: 0px;
    border: 1px white solid;
    border-width: 0px 0px 0px 0px;
    width: auto;
    position: relative;
    background: white;
    overflow: hidden;
}
html>body fieldset.picture {}

.picture .p-content {
    float: left;
    padding: 15px;
    vertical-align: middle;
    text-align: center;
}
.picture .img {
    vertical-align: middle;
    line-height: 150px;

}
.picture .top-left, .picture .top-right, .picture .bottom-left, .picture .bottom-right {
    margin: -1px;
    z-index: 10;
    position: absolute;
}
html>body fieldset.picture img{
    margin: 0px !important;
}
.picture .top-left {
    left: 0px; top: 0px;
}
.picture .top-right {
    right: 0px; top: 0px;
}
.picture .bottom-left {
    left: 0px; bottom: 0px;
}
.picture .bottom-right {
    right: 0px; bottom: 0px;
}





/* INCLUDED FILE: css/4-modules.css */

.category-items {
    margin: 0px -10px;
}
.category-desc {
    padding: 10px 0px;
}

.product-no {
    color: #ba0000;
}

.product-tiny-item {
    padding: 14px;
}
.product-tiny-item .picture .p-content {
    width: 150px;
    height: 150px;
    line-height: 150px;
    padding: 0px;
}
.product-item {
    padding-top: 20px;
    position: relative;
}
.product-item .picture img.img{
    width: 200px;
    height: auto;
}
.product-item-text {
    padding: 5px 0px;
}
.colors-items {
    width: 130px;
    float: left;
    padding: 0px 20px 0px 20px;
    text-align: center;
}
.colors-items img {
    width: 95px;
}
.promo {
    position: absolute;
    left: -5px;
    top: -5px;
    z-index: 100;

}



/*---------------------------------*/
/** nowe style do klas sklepowych  */
/*---------------------------------*/

.komorka-menu-gorne-menu-margines {
    margin: 12px 0;
    color: #A82A00 !important;
    position: absolute;
    bottom: 30px;
}
#header a {
    color: #fff !important;
    font-size: 14px;
    text-decoration: none;
    margin: 0 3px;
}
.header-logownie {
    position: absolute;
    right: 0;
    top: 10px;
}
.miniatura {
    border-radius: 4px;
    padding: 2px;
    background: #fff !important;
}
.nawigacja {
    margin: 10px 0;
}
.koszyk-info {
    color: green;
}

#main {
    width: 740px;
}

.opis-produktu h1, .opis-produktu h2, .opis-produktu h3, .opis-produktu h4, .opis-produktu p, .opis-produktu div, .opis-produktu ul, .opis-produktu li {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: 13px;
    color: #523d47;
}
.opis-produktu h1, .opis-produktu h2, .opis-produktu h3, .opis-produktu h4 {
    font-weight: bold;
    margin: 16px;
}
.opis-produktu h1 {
    font-size: 15px;
    margin: 15px 0;
    padding-left: 20px;
    background: url(../images/square.png) left center no-repeat;
}
.opis-produktu h2 {
    font-size: 14px;
    margin: 12px 10px;
}
.opis-produktu h3 {
    font-size: 14px;
}
.opis-produktu h4 {
    color: #6b6367;
}
.opis-produktu li {
    margin: 2px 2px 2px 10px;
    padding-left: 15px;
    background: url(../images/dot.png) left center no-repeat;
}
.opis-produktu ul {
    margin: 5px 5px 5px 20px;
    list-style: none;
}
.opis-produktu p {
    margin: 20px 2px;
}
.opis-produktu table {
    margin: 15px 0;
}
.opis-produktu table td, .opis-produktu table th {
    padding: 5px;
    border: 1px solid #884444;
}
.opis-produktu table th {
    background: #884444;
    color: #fff;
    border-right-color: #fff;
}
.opis-produktu table th:last {
    border-right-color: #884444;
}