/* body styles  / reset / links / headings / other elements / tags  */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:#000;background:#fff}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}

html {height: 100%}

body {

	background: #c7c7c7 url(../img/body.bg.gif) repeat-x;

	color: #000;

	font: 0.69em/1.55em Arial, Verdana;

	height: 100%;

}

button {cursor: pointer}

legend {display: none}

object {float:left}

.accessibility {display: none}

.container { 

    margin: 0 auto;

    position:relative;

    width: 980px;
}

#flagi{float:right;padding:10px 10px;}

#header h1 {

    background-position: -651px 0;

    height: 64px;

    left: 29px;

    overflow: hidden;

    position: absolute;

    top: 13px;

    text-indent: -9998em;

    width: 174px;

}

#header h1 a {display: block;height:100%}

#benefits h3 {

    background: url(../img/benefits.h3.bg.gif) no-repeat 44px 12px;

    height: 45px;

    overflow: hidden;

    text-indent: -9998em;

}

#benefits_en h3 {

    background: url(../img/benefits.h3.bg.en.gif) no-repeat 44px 12px;

    height: 45px;

    overflow: hidden;

    text-indent: -9998em;

}
#contents h1 {

    font-size: 2em;

    font-weight: bold;
    margin:5px 0;
}

#contents h2 {

    font-size: 1.5em;

    font-weight: bold;
    margin:5px 0;
}
#contents h3, #contents h4 {

    font-size: 1.09em;

    font-weight: bold;

}

#contents h4 {

    color: #616653;

    font-size: 1em;

    padding: 0 0 3px;

}

#contents .product h3 {

    background: url(../img/product.h3.bg.png) no-repeat;

    font-size: 1em;

    height: 30px;

    margin: 5px 0 10px 0;

    padding: 12px 0 0 15px;

}

/* forms / notifications and errors / consistant items with normally just one class  */



/* skeleton including page furniture  */

#header, #content {

    background:#ffffff;
    
    background-image: url(../img/page.bg.jpg);

    background-repeat: no-repeat;

    position: relative;

}

#header {height: 94px}

#content {
    background-position: 0 -94px;
    min-height: 585px;
    overflow: hidden;
    padding-bottom:20px;
}

    #main-content {

        float: left;

        padding-right: 449px;

        position: relative;

        width: 501px;

        z-index: 20;

    }

    #sidebar {

        height: 600px;

        left: 294px;

        overflow: hidden;

        position: absolute;

        top: 0px;

        width: 685px;

        z-index: 5;

    }

/* page components -> most of styles  */

#header h1, #main-menu li a {background-image: url(../img/header.el.bg.jpg)}

#main-menu {

    height: 94px;

    left: 240px;

    position: absolute;

    top: 0;

    width: 674px;

}

    #main-menu li, #main-menu li a {float: left}

    #main-menu li a {

        height: 94px;

        overflow: hidden;

        margin-right: 9px;

        text-indent: -9998em;

    }

    #main-menu li a:hover, #main-menu li a.active {background-position: 0 -94px}

    #main-menu #m-5 a {width: 124px}
    #main-menu #m-658 a {width: 124px}
    #main-menu #m-659 a {width: 124px}

    #main-menu #m-658 a {background-position: -386px 0;width: 124px}

    #main-menu #m-658 a:hover, #main-menu #m-658 a.active {background-position: -386px -94px}

    #main-menu #m-4 a {

        background-position: -128px 0;

        width: 92px;

    }

    #main-menu #m-4 a:hover, #main-menu #m-4 a.active {background-position: -128px -94px}

    #main-menu #m-41 a {background-position: 0 0;width: 119px}

    #main-menu #m-41 a:hover, #main-menu #m-41 a.active {background-position: 0 -94px}

    #main-menu #m-269 a {background-position: -229px 0;width: 149px}

    #main-menu #m-269 a:hover, #main-menu #m-269 a.active {background-position: -229px -94px}


    #main-menu #m-2 a {

        background-position: -522px 0;

        margin-right: 0;

        width: 105px;

    }

    #main-menu #m-2 a:hover, #main-menu #m-2 a.active {background-position: -522px -94px}

    #main-content .intro {

        color: #fff;

        font-size: 1.09em;

        font-weight: bold;

        height: 49px;

        margin-bottom: 10px;

        overflow: hidden;

        padding: 12px 0 0px 44px;

    }

    #main-menu #m-659 a {

        background-position: -1221px 0;

        width: 142px;

    }

    #main-menu #m-659 a:hover, #main-menu #m-659 a.active {background-position: -1221px -94px}


    #main-menu #m-348 a {

        background-position: -825px 0;

        width: 142px;

    }

    #main-menu #m-348 a:hover, #main-menu #m-348 a.active {background-position: -825px -94px}
    
    #main-menu #m-341 a {

        background-position: -957px 0;

        width: 104px;

    }

    #main-menu #m-341 a:hover, #main-menu #m-341 a.active {background-position: -957px -94px}

    #main-menu #m-350 a {

        background-position: -825px 0;

        width: 120px;

    }

    #main-menu #m-350 a:hover, #main-menu #m-350 a.active {background-position: -825px -94px}
    #main-menu #m-604 a {

        background-position: -1068px 0;

        width: 145px;

    }

    #main-menu #m-604 a:hover, #main-menu #m-604 a.active {background-position: -1068px -94px}

    #main-menu #m-327 a {

        background-position: -1373px 0;

        width: 103px;

    }

    #main-menu #m-327 a:hover, #main-menu #m-327 a.active {background-position: -1373px -94px}
    #main-content p {padding: 6px 0}

    #contents {padding: 5px 0 5px 44px}

    #contents a {color: #000;text-decoration: underline}

    #contents a:hover, #contents a.active {color: #697a1a}

    #contents a.active {font-weight: bold;text-decoration: none}

    #contents a.active:hover {text-decoration: underline}

    #contents ul {padding: 15px 0}

    #contents ul li {

        background: url(../img/contents.ul.li.bg.png) no-repeat 0 8px;

        padding: 1px 12px;

    }

    #contents .offer {padding: 15px 0}

    #contents .offer ul {

        border-top: 1px solid #494949;

        padding: 2px 0;

        width: 70%;

    }

    #contents em {

        background: #dcdcdc;

        font-style: normal;

        padding: 2px 5px;

    }

    #contents strong {font-weight: bold}

    #contents .product {margin-left: -15px}

    #contents .product .desc {

        background: url(../img/product.desc.bg.png) left bottom no-repeat;

        overflow: auto;

        padding: 0 0 15px 0;

    }

    #contents .product .photo {float: left;width: 185px}

    #contents .product .details {

        float: left;

        margin: 7px 0 0 15px;

        width: 270px;

    }

    #contents .product dd, #contents .product dt {

        float: left;

        padding: 1px 0;

        width: 125px;

    }

    #contents .product dt {clear: left;width: 145px}

    #contents a.zoom {

        background: #737373 url(../img/a.zoom.bg.gif) no-repeat 6px 8px;

        color: #fff;

        font-weight: bold;

        float: left;

        padding: 1px 8px 4px 20px;

        text-decoration: none;

    }

    #contents a.zoom:hover {text-decoration:underline}

    .contact img {

        background: #efefef;

        border: 1px solid #b6b6b6;

        padding: 5px;

    }

    #contents ul.photo-gallery {

        margin-top: 0px;

        padding: 0;

        width: 350px;
        border:solid 1px #cccccc;

    }

    #contents #photo-gallery {
        margin: 0;       
        padding: 0;
        width: 450px;
    }

    #contents #photo-gallery div.photo {
        float:left;
        margin: 5px 10px 0 0;
        padding: 0;
    }    

    #contents #photo-gallery div.photo img {
        background: #efefef;
        border: 1px solid #b6b6b6;
        padding: 5px;
        margin:0;
    }

    #photo-gallery div.photo a:hover img{border-color: #8a8a8a}

    #contents ul.photo-gallery li {

        background: none;
        float:left;

        margin: 5px 10px 0 0;

        padding: 0;

    }    

    #contents ul.photo-gallery li img {

        background: #efefef;

        border: 1px solid #b6b6b6;

        padding: 5px;

    }

    #contents ul.photo-gallery li a:hover img, .contact a:hover img {border-color: #8a8a8a}

    .portlet {

        background: url(../img/benefits.bg.png) no-repeat;

        color: #fff;

        font-weight: bold;

        margin-top: 20px;
        
        margin-bottom:84px;

        min-height: 154px;

        padding-right: 59px;

        width: 442px;

    }

    .portlet .box {

        font-size: 1.09em;

        padding: 5px 0 5px 45px;

    }

/* specyfic, unpredicted  styles, trynigs  */

#TB_window {font: 12px Arial, Helvetica, sans-serif;color: #333333}

#TB_secondLine {color:#666666;font: 10px Arial, Helvetica, sans-serif}

#TB_window a:link {color: #666666;}

#TB_window a:visited {color: #666666;}

#TB_window a:hover {color: #000;}

#TB_window a:active {color: #666666;}

#TB_window a:focus{color: #666666;}

#TB_overlay {

	position: fixed;

	z-index:100;

	top: 0px;

	left: 0px;

	height:100%;

	width:100%;

}



.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}

.TB_overlayBG {

	background-color:#000;

	filter:alpha(opacity=75);

	-moz-opacity: 0.75;

	opacity: 0.75;

}

* html #TB_overlay { /* ie6 hack */

     position: absolute;

     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');

}

#TB_window {

	position: fixed;

	background: #ffffff;

	z-index: 102;

	color:#000000;

	display:none;

	border: 4px solid #525252;

	text-align:left;

	top:50%;

	left:50%;

}



* html #TB_window { /* ie6 hack */

position: absolute;

margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');

}

#TB_window img#TB_Image {

	display:block;

	margin: 15px 0 0 15px;

	border-right: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	border-top: 1px solid #666;

	border-left: 1px solid #666;

}

#TB_caption{

	height:25px;

	padding:7px 30px 10px 25px;

	float:left;

}

#TB_closeWindow{

	height:25px;

	padding:11px 25px 10px 0;

	float:right;

}

#TB_closeAjaxWindow{

	padding:7px 10px 5px 0;

	margin-bottom:1px;

	text-align:right;

	float:right;

}

#TB_ajaxWindowTitle{

	float:left;

	padding:7px 0 5px 10px;

	margin-bottom:1px;

}

#TB_title{background-color:#e8e8e8;height:27px}

#TB_ajaxContent{

	clear:both;

	padding:2px 15px 15px 15px;

	overflow:auto;

	text-align:left;

	line-height:1.4em;

}

#TB_ajaxContent.TB_modal{padding:15px}

#TB_ajaxContent p{padding:5px 0px 5px 0px}

#TB_load{

	position: fixed;

	display:none;

	height:13px;

	width:208px;

	z-index:103;

	top: 50%;

	left: 50%;

	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */

}



* html #TB_load { /* ie6 hack */

position: absolute;

margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');

}

#TB_HideSelect{

	z-index:99;

	position:fixed;

	top: 0;

	left: 0;

	background-color:#fff;

	border:none;

	filter:alpha(opacity=0);

	-moz-opacity: 0;

	opacity: 0;

	height:100%;

	width:100%;

}



* html #TB_HideSelect { /* ie6 hack */

     position: absolute;

     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');

}



#TB_iframeContent{

	clear:both;

	border:none;

	margin-bottom:-1px;

	margin-top:1px;

	_margin-bottom:1px;

}

#TB_caption em {display:none}

#foot{background-color:#c7c7c7;z-index: 20;height:35px;position:relative;}
#migomedia{float:right; width:230px;padding-right:10px;z-index: 20;position:relative;}
#migomedia a{color:#000000;}
#pozycjonowanie{float:left; width:710px;z-index: 20;padding-left:10px;position:relative;}
#pozycjonowanie a{color:#000000;}

h2.nazwa_dzialu{background: url(../img/product.h3.bg.png) no-repeat;font-size: 12px;padding:12px 0 0 12px;height: 30px;margin: 0 0 10px -25px;font-weight:bold;margin-left:-25px;}

#kategorie {clear:both; padding: 0; width: 475px;margin-left:-25px; }
#kategorie div.kategoria {float:left;  margin: 0 5px 10px 0; text-align:center; padding: 0; width:150px;}    
#kategorie div.kategoria img { background: #efefef; border: 1px solid #b6b6b6; padding: 5px; margin:0;}
#kategorie div.kategoria a:hover img{border-color: #8a8a8a}
#kategorie div.kategoria a{text-decoration:none;}
#kategorie h2 {background: url(../img/product.h3.bg.png) no-repeat;font-size: 12px;padding:12px 0 0 12px;height: 30px;margin: 0 0 10px 0;font-weight:bold;}


#kategoria {clear:both;padding: 0; width: 520px;margin-left:-25px; }
#kategoria div.produkt {clear:both; background: rgb(220,220,220); padding:7px;} 
#kategoria div.dark{background: rgb(240,240,240);}
#kategoria div.produkt img {float:left; background: #efefef; border: 1px solid #b6b6b6; padding: 5px; margin:0 10px 0 0; }
#kategoria div.produkt .opis {width:403px; float:right;}
#kategoria div.produkt .opis h4 {font-size:14px; margin-bottom:0;border-bottom: 1px solid #b6b6b6; }
#kategoria div.produkt .opis p {margin-top:-5px;}
#kategoria div.produkt .opis a:hover img{border-color: #8a8a8a}
#kategoria div.produkt .opis a{text-decoration:none;font-weight:bold;}
#kategoria h2{background: url(../img/product.h3.bg.png) no-repeat;font-size: 12px;padding:12px 0 0 12px;height: 30px;margin: 0 0 10px 0;font-weight:bold;}


#opis_produktu{width:703px; margin-left:-25px;}
#opis_produktu h2{background: url(../img/product.h3.bg.png) no-repeat;font-size: 12px;padding:12px 0 0 12px;height: 30px;margin: 0 0 10px 0;font-weight:bold;}
#opis_produktu .opis {width:380px;float:right;margin:10px 0 10px 10px;}
#opis_produktu .wymiary {width:380px;float:right;margin:0 0 10px 10px;}
#parametry {width:380px;float:right;margin:10px 0 10px 0;border-top:solid 1px #d5d5d5;}
#parametry .par_name{clear:both;float:left;width:105px;padding:2px 0 2px 5px;background: rgb(220,220,220); border-bottom:solid 1px #d5d5d5;height:100%;}
#parametry .par_val{float:right;width:260px;font-weight:bold;padding:2px 5px;background: rgb(240,240,240);border-bottom:solid 1px #d5d5d5;}
#opis_produktu h4{font-size:14px; margin:5px 0 0 0;}
#opis_produktu table{solid 1px #d5d5d5;border-collapse: collapse;clear:both; width:380px;margin:10px;margin-left:0;}
#opis_produktu th{border:solid 1px #d5d5d5;background: rgb(220,220,220);font-weight:bold;padding:2px 5px;text-align:center;}
#opis_produktu thead td{border:solid 1px #d5d5d5;background: rgb(220,220,220);font-weight:bold;padding:2px 5px;text-align:center;}
#opis_produktu td{border:solid 1px #d5d5d5;background: rgb(240,240,240);padding:2px 5px;}
#opis_produktu .schemat{background: #efefef; border: 1px solid #b6b6b6; padding: 5px;margin:10px;margin-left:0;}

#opis_produktu #large{background: #efefef; border: 1px solid #b6b6b6; padding: 5px;margin:0;margin-top:10px;}

#formularz{margin-top:10px;}
#formularz dl {width:100%;overflow:hidden;}
#formularz dt {float:left;width:70px;padding-top:2px;}
#formularz dd input {border:1px solid #b6b6b6;width:295px;margin-bottom:5px;background-color:#efefef;padding:2px 5px;}
#formularz dd textarea {border:1px solid #b6b6b6;width:295px;font-family:arial;font-size:13px;height:100px;margin-bottom:5px;background-color:#efefef;padding:2px 5px;}
#formularz .wyczysc {padding-left:165px;}
#formularz .wyczysc input {width:100px;height:22px;}
#formularz label.error {clear:both;display:block;border:solid 2px red;width:343px;background:#fff url(../images/invalid.gif) 2px 3px no-repeat; padding: 3px 3px 3px 27px; margin-top:0; margin-bottom:7px; font-weight:bold;color:black;line-height:20px;}


#gallery{float:left;width:303px;overflow:hidden;}
#gallery div.photo {float:left;margin: 5px 10px 0 0;padding: 0;}    
#gallery div.photo img {background: #efefef; border: 1px solid #b6b6b6;padding: 5px; margin:0;}
#gallery div.photo a:hover img{border-color: #8a8a8a}

#gallery #normal{margin:0;}
#gallery #normal img{ background: #efefef; border: 1px solid #b6b6b6; padding: 5px;margin:0;margin-top:10px;}
#gallery .mini {margin-top:5px;padding:0;width:303px;}
#gallery .mini div {list-style-type:none;float:left;margin: 0 10px 5px 0;padding: 0;overflow:hidden;}
#gallery .mini div img {background: #efefef; border: 1px solid #b6b6b6;padding: 5px; margin:0;}

#gallery .mini div a:hover img{border-color: #8a8a8a}

#komunikat{width:362px;background: #efefef; border: 4px solid #b6b6b6;margin-top:10px;padding: 5px; font-size: 12px; font-weight:bold; text-align:center;}

#nawigacja{margin-bottom:10px;}

#jquery-overlay {	position: absolute;	top: 0;	left: 0;	z-index: 90;	width: 100%;	height: 500px;}
#jquery-lightbox {	position: absolute;	top: 0;	left: 0;	width: 100%;	z-index: 100;	text-align: center;	line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {	position: relative;	background-color: #fff;	width: 250px;	height: 250px;	margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {	position: absolute;	top: 40%;	left: 0%;	height: 25%;	width: 100%;	text-align: center;	line-height: 0;}
#lightbox-nav {	position: absolute;	top: 0;	left: 0;	height: 100%;	width: 100%;	z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {	width: 49%;	height: 100%;	zoom: 1;	display: block;}
#lightbox-nav-btnPrev { 	left: 0; 	float: left;}
#lightbox-nav-btnNext { 	right: 0; 	float: right;}
#lightbox-container-image-data-box {	font: 10px Verdana, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto;	line-height: 1.4em;	overflow: auto;	width: 100%;	padding: 0 10px 0;}
#lightbox-container-image-data {	padding: 0 10px; 	color: #666; }
#lightbox-container-image-data #lightbox-image-details { 	width: 70%; 	float: left; 	text-align: left; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {	display: block; 	clear: left; 	padding-bottom: 1.0em;	}			
#lightbox-secNav-btnClose {	width: 66px; 	float: right;	padding-bottom: 0.7em;	}

.niePokazuj{display:none;}
.clear{clear:both;}