/* reset */
*{margin:0;padding:0}iframe,a img,fieldset,form,table{border:0}dd,dt,li,dl,ol,ul{list-style:none}h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}
/* master css */ 
body {
    font-family: Verdana,sans-serif;
    font-size: 12px;
}
* html,* html body /* IE6 Fixed Position Jitter Fix */ {background-attachment:fixed;}
/******************************************************************************/
.wrap {
    /*clear: both;*/
    margin: auto;
    width: 1000px;
}

.main {
    width: 428px;
    float:left;
}

.wrap.footer {
    clear: both;
    float: none;
}

.leftwrap {
    width: 714px;
    float: left;
}

#topbar {
    width:714px;
    height:30px;
}

.col {
    display: inline;
    width: 286px;
}
.col.left {
    float: left;
}
.col.right {
    float: right;
}

.content {
    width: 412px;
    margin: auto;
}

.box {
    margin: 10px 0;
    width: 286px;
    /*position: relative;
    padding-bottom: 5px;
    padding-top:10px; 
    
*/
}
.mainmenu {
    text-align: right;
    margin: 10px 20px 0 0;
}
.mainmenu a {
    display: block;
    padding: 4px;
    font-size: 15px;
}
/******************************************************************************/
#topbar li {
    display: inline;
    float: left;
}

.box div.b, .box div.t, .box .t span, .box .t a {
    width: 286px;
    height: 10px;
    text-indent: -3000px;
    display:block;
}
.box div.b, .box div.t {
    font-size: 0.01%;
}
.box div.b {
    clear: both;
    margin-top:-2px;
}
.box div.i {
    margin: 8px;
}

.box p,
.content p,
.box h2,
.content h2,
.box h1,
.content h1 {
    margin: 20px;
}
.big h2, .big h3 { margin: 3px 20px; }


.content .col {
    width: 176px;
    margin-left: 20px;
    float:left;
}
.content .col p {margin: 10px 0px; }
.catalog {
    text-align: right;
    width: 270px;
    margin: 8px;
}
.content .col.icons a img { margin: 12px auto; display:block;}

.catalog a {

}
.catalog li a {
    display: block;
}

.catalog a, .catalog h2, .catalog form {
    padding-right: 20px;
}

.catalog a.selected {
    font-weight: bold;
}
.catalog a.small {
    font-size:9px;
}
.catalog h2 {
    margin: 10px 0 3px 0;
}
.catalog ul {
    margin: 12px 0 20px 0;
}

/* producent */
.prdln a {
    font-size: 1.2em;
}

.pagination {
    width: 100%;
    text-align: right;
    padding: 5px 0;
    height: 16px;
    
}
.pagination span {
    text-align: left;
}


.pagination a, .pagination span {
    padding: 1px 3px 1px 3px;
    margin: 0px 3px;
    border: 1px solid #ddd;
}
.pagination a:hover, .pagination span.current {
    margin: 0px 1px;
    padding: 2px 5px 2px 5px;
}

p.progress {
    margin: 10px 0;
    padding: 0;
    height: 28px;
    border-style: solid;
    border-width: 2px 0px;
}

.button, .tools a, .tools span, .progress a, .progress span { /* test for IE!!! */
    display: inline;
    float:left;
    height: 22px;
    width: auto;
    padding-left: 2px;
    font-size: 0.9em;
}

.button strong, .tools strong, .progress a strong, .progress span strong {
    display: inline;
    height: 18px;
    padding: 4px 11px 0 9px;
    text-align: center;
    float:left;
}
.button strong, .tools a strong, .progress a strong {cursor: pointer;}

.progress a, .progress span {
    height: 28px;
    padding-left: 8px;
    font-size: 0.9em;
}
.progress a strong, .progress span strong {
    height: 22px;
    padding: 6px 10px 0 6px;
}
.progress .first { padding-left: 0; }
.progress .first strong { padding-left: 14px; }

.button, .tools .first {
    padding-left: 6px;
}
.button strong, .first strong {
    padding: 4px 11px 0 5px;
}

/*.preview .prd .tools { background-color: red; position: absolute; right: 4px; bottom: 4px; font-size: 1em; top:auto; }
.preview .prd .utils span { display: inline; }
*/
.prd .tools { position: absolute; right: 0; padding:0; margin: 0;  bottom: 3px; height: 22px; overflow: hidden; clear:none;}
/*.tools span, .tools a {display: inline; float: left;}*/
.tools { text-align: right; padding: 0 20px; margin: 15px 0; clear: left; }
* html .tools {padding: 0 10px;}


.shadow:hover { margin: 0 -10px; padding: 10px; }

/*.prd a.ops {width: 10px;}
.prd:hover a.ops {width: 60px; float: left} 
.prd.mini .utils { background-color: white; }
.prd .utils .tls { display: none; }
.prd .utils .tls { display: inline; float: right; width: auto; }*/



a#viper {
    height: 100px;
    width: 714px;
    margin: 0 auto;
    display: block;
    text-indent: -3000px;
}
/******************************************************************************/

/*.icon { padding-left: 18px; background-position: top left; background-repeat: no-repeat; }
.icon.check { background-image: url(../img/ico/action_check.png); white-space: nowrap; }
.icon.add:hover { background-image: url(../img/ico/action_add.png); white-space: nowrap; }
*/
.prd { 
    margin: 0; 
    text-align: left;
    position:relative;
    height:80px;
    overflow: hidden;
    padding: 3px 0;
    background:#fff;
    display: block;
}

.prd .i {
    float:left;
    height:70px;
    margin:4px 9px;
    border:1px solid #eee;
    width:70px;
    background:#fff;
    display:inline;
    overflow: hidden;
}

.prd .i img { margin: auto; display: block; }

.prd.big {
    height: auto;
}
.prd.big .i {
    height: auto;
    width: 150px;
    margin: 0 20px;
    /*float:none;
    display:block;*/
}

.prd.mini { height:60px;}
.prd.mini .i { height:50px; width: 50px; }
.prd.mini .i img { margin: -10px auto; }



input#szukaj {
    /*margin: 4px;*/
}

p img { float: left; display:inline; margin: 0 10px 10px 0; }
h2 img { float: none; margin: 0 auto; display:block; }

p { clear: left; }
 
.fixed {
    position: fixed;
    top: 0px;
    left: 50%;
    margin-top: 0;
    margin-left:214px;
}
* html .fixed {position:absolute; top:expression(eval(document.documentElement.scrollTop));}


.box.opis { margin-top: 210px; }

.koszyk .cnt {
    font-size: 9px;
    position: absolute;
    bottom: 0; right: 0;
    padding:1px 0 0 1px;
}
.koszyk .miniprd {
    margin: 0 0 20px 20px;
    width: 30px;
    height: 30px;
    display: inline;
    float: left;
    position: relative;
}
.koszyk .miniprd .mini {
    width: 30px;
    height: 30px;
    overflow: hidden;
    margin: 0px;
    float:left;
    display:inline;
}
.koszyk .miniprd .mini img { 
    margin: -15px -15px;
    
    }

.koszyk .preview {
    position: absolute;
    z-index: 200;
    height: 106px;
    padding: 10px;
    right: 15px;
    top:15px;
}
.koszyk .preview .prd {
    width: 412px;
    height: 80px;
}

.prd img.wrogu { position: absolute; right: 0px; top: 0px; }


.shadow {
    padding: 10px 0; margin: 0;
    clear: left; /* or add a break before product list */
    }
.big { margin-top: 20px; }

.toplista .shadow { margin:0; padding:0; position:relative;}
.decal { position: absolute; top:0; left:0; width: 100%; height: 10px; }
/*


.d0 { color: #060; }
.d1 { color: #963; }
.d2 { color: #900; }

.prd.big .d0, .prd.big .d1, .prd.big .d2 {
	color: white;
	width: 420;
	margin: auto;
	}
*.prd.big .d0 { background-color:#060; }
#.prd.big .d1 { background-color:#963; }
.prd.big .d2 { background-color:#900; }
*/
#styles { margin-right: 5px; }
#styles a { display:inline; width: 15px; height: 15px; margin: 3px; float: right; border: 2px solid #aaa; }
a { text-decoration: none; } 

.koszyk p {
    margin:0px 20px;
}
.koszyk p {
    margin-bottom: 12px;
}
.koszyk a.button { display: inline; float: left; }

.loading { position: absolute; left:0; top:0; width: 100%; height:100%;  }
.loadparent { position: relative; }
p.clear {clear:both; line-height:0;font-size:0;height:1px;margin:0px;}





/*
    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;}

/* 
    ColorBox 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:#fff;}

#colorBox{}
    #cboxTopLeft{width:20px; height:20px; background:url(colorbox/b1.png) 0 0 no-repeat;}
    #cboxTopCenter{height:20px; background:url(colorbox/b1.png) 0 -40px repeat-x;}
    #cboxTopRight{width:20px; height:20px; background:url(colorbox/b1.png) -20px 0 no-repeat;}
    #cboxBottomLeft{width:20px; height:20px; background:url(colorbox/b1.png) 0 -20px no-repeat;}
    #cboxBottomCenter{height:20px; background:url(colorbox/b1.png) 0 -50px repeat-x;}
    #cboxBottomRight{width:20px; height:20px; background:url(colorbox/b1.png) -20px -20px no-repeat;}
    #cboxMiddleLeft{width:20px; background:url(colorbox/b2.png) 0 0 repeat-y;}
    #cboxMiddleRight{width:20px; background:url(colorbox/b2.png) -10px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444; font-size:0.8em; }

/*
    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=/css/colorbox/b_tl.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/css/colorbox/b_t.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/css/colorbox/b_tr.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/css/colorbox/b_bl.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/css/colorbox/b_b.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/css/colorbox/b_br.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/css/colorbox/b_l.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/css/colorbox/b_r.png, sizingMethod='scale');}