/* CSS Document */
body {
margin: 0px 0px; padding: 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #161616;
line-height: 13px; text-align: center; background: transparent url(../images/bg.gif) repeat-x left top;
}
img {
border: 0px;
}
a {
text-decoration: none; color: #3d7100;
}
a:hover {
text-decoration:underline; color: #3d7100;
}
p {
padding: 10px 0px; margin: 0px 0px;
}
ul {
margin: 0px 0px; padding: 10px 0px 10px 10px; list-style: none; background: none;
}
li {
margin: 0px 0px; padding: 0px 0px 0px 15px; list-style: none; color: #666666;
background: transparent url(../images/bglin.gif) no-repeat left 4px;
}
blockquote {
margin: 0px 0px; padding: 0px 200px 0px 0px;
}
table {
width: 100%; border: 0px; border-collapse: collapse;
}
td {
text-align: left; vertical-align: top;
}
table.producenci {
width: 100%; border: 0px; border-collapse: collapse; margin: 30px 0px 0px 0px;
}
table.producenci td {
text-align: left; vertical-align: middle; padding: 10px 15px 10px 15px;
}
table.producenci td.bg {
text-align: left; vertical-align: middle; padding: 10px 15px 10px 15px;
background-color: #f8f8f8; border-bottom: 1px solid #f2f2f2; border-top: 1px solid #f2f2f2
}
.background {
padding: 2px 3px; background-color: #161616; color: #FFFFFF; font-weight: bold;
}
#leftkolumnp h1 {
margin: 0px 0px; padding: 37px 0px 5px 5px; line-height: 9px;
}
#rightkolumnp h4 {
font-size: 11px;
}
#leftkolumnp h1 img, #rightkolumnp h1 img {
padding: 0px 0px; float: none;
}
h1 {
margin: 0px 0px; padding: 10px 0px 10px 20px; line-height: 9px;
}
h1 img {
float: left;
}
h2 {
margin: 0px 0px; padding: 10px 0px 30px 0px; line-height: 9px;
background: transparent url(../images/bgh22.gif) no-repeat left bottom
}
h4 {
margin: 0px 0px; padding: 0px 0px 10px 10px; line-height: 9px; color: #515151; font-size: 11x;
}
#all {
width: 100%; margin: 0px 0px; padding: 0px 0px; background: transparent url(../images/bgpath.gif) repeat-x left 350px;
}
#content {
width: 900px; padding: 0px 0px; margin: 0px auto;
}
#top {
width: 900px; padding: 0px 0px; margin: 0px 0px; height: 170px; overflow: hidden; text-align: left;
}
#small_logo {
width: 250px; float: left; padding: 2px 0px 0px 15px;
}
#language {
width: 415px; float: left; color: #FFFFFF; background: transparent url(../images/bglang.gif) no-repeat left top;
padding: 7px 0px 10px 20px;
}
#language a {
color: #FFFFFF; text-decoration: none; padding: 0px 3px 0px 3px;
}
#language a:hover {
color: #FFFFFF; text-decoration: underline; padding: 0px 3px 0px 3px;
}
#language strong {
color: #d6d6d6; padding: 0px 15px 0px 0px;
}
#ikons {
width: 190px; float: right; color: #FFFFFF; background: transparent url(../images/bglang.gif) no-repeat left top;
padding: 6px 0px 7px 10px;
}
#ikons img {
padding: 0px 12px;
}
#logo {
width: 240px; float: left; padding: 10px 0px 0px 8px; height: 90px; overflow: hidden;
}
#napis {
width: 300px; float: right; padding: 2px 0px 0px 0px; height: 99px; overflow: hidden; text-align: right
}
#main {
width: 900px; margin: 0px 0px; padding: 18px 0px 20px 0px; text-align: justify;
}
#flash {
width: 900px; height: 300px; padding: 0px 0px 18px 0px; margin: 0px 0px; overflow: hidden;
}
#menu {
width: 900px; padding: 0px 0px; margin: 0px 0px; overflow: hidden; height: 40px;
}
#menu img {
margin: 0px 0px; padding: 0px 0px; float: left;
}
#path {
color: #FFFFFF; font-weight: bold; padding: 0px 0px 10px 0px; margin: 0px auto 20px auto; width: 880px;
}
#path a {
color: #62676e; font-weight: bold;  text-decoration: none; padding: 0px 10px 0px 10px;
}
#path a:hover {
color: #679b00;
}
#path a.blank {
color: #62676e;
}
#path a.blank:hover {
color: #679b00;
}
#fontchange {
width: 200px; float: right; text-align: right; height: 20px; padding: 0px 0px; margin: 0px 0px;
}
.activ {
background: transparent url(../images/bgactiv.gif) no-repeat left top; padding: 0px 0px 2px 7px; height: 14px; overflow: hidden;
}
.activ2 {
background: transparent url(../images/bgactiv2.gif) no-repeat right top; padding: 0px 7px 2px 0px; height: 14px; overflow: hidden;
}

#leftkolumn {
width: 600px; float: left; padding: 0px 0px; margin: 0px 0px;
}
#leftkolumnp {
width: 280px; float: left; padding: 0px 0px; margin: 0px 0px;
}
#vmenu {
background: transparent url(../images/bgmenu.gif) no-repeat left top;
padding: 10px 0px 0px 0px; width: 280px;
}
ul.menu {
padding: 0px 0px 0px 0px; margin: 0px 1px; list-style: none; background: none;
}

/* poziom 1 */
ul.menu li {
padding: 0px 0px; margin: 0px 0px; list-style: none; font-weight: bold; border-bottom: 1px solid #dadada; 
background: none;
}
ul.menu li a {
padding: 8px 0px 8px 25px; margin: 1px 0px; color: #666666; display: block; text-decoration: none;
background: #ececec url(../images/bgli.gif) no-repeat 10px 11px; height: 12px;
}
ul.menu li a:hover, ul.menu li a.activation  {
padding: 8px 0px 8px 25px; margin: 1px 0px; color: #3e3e3e; display: block; text-decoration: none;
background: #e6ebd5 url(../images/bgli.gif) no-repeat 10px 11px; height: 12px;
}

/* poziom 2 */
ul.menu li ul {
padding: 5px 0px 10px 0px; margin: -1px 0px 0px 0px; list-style: none; background: #FFFFFF url(../images/bgliul.gif) repeat-x left top;
}
ul.menu li ul li {
margin: 0px 0px; padding: 0px 0px; list-style: none; font-weight: normal; border-bottom: 0px solid #dadada; 
}
ul.menu li ul li a {
padding: 8px 0px 8px 45px; margin: 0px 0px; color: #3e3e3e; display: block; text-decoration: none;
background: transparent url(../images/bgli.gif) no-repeat 25px 11px; border-bottom: 0px solid #cecece; height: 12px;
}
ul.menu li ul li a:hover, ul.menu ul li li a.activation  {
padding: 8px 0px 8px 45px; margin: 0px 0px; color: #666666; display: block; text-decoration: none; height: 12px;
background: #e6ebd5 url(../images/bgli.gif) no-repeat 25px 11px;
}

/* poziom 3 */
ul.menu li ul li ul {
padding: 5px 0px 10px 0px; margin: -1px 0px 0px 0px; list-style: none; background: #FFFFFF url(../images/bgliul.gif) repeat-x left top;
}
ul.menu li ul li ul li {
margin: 0px 0px; padding: 0px 0px; list-style: none; font-weight: normal; border-bottom: 0px solid #dadada; 
}
ul.menu li ul li ul li a {
padding: 8px 0px 8px 55px; margin: 0px 0px; color: #303030; display: block; text-decoration: none;
background: transparent url(../images/arrow.gif) no-repeat 45px 13px; border-bottom: 0px solid #cecece; height: 12px;
}
ul.menu li ul li ul li a:hover, ul.menu li ul li ul li a.activation  {
padding: 8px 0px 8px 55px; margin: 0px 0px; color: #000000; display: block; text-decoration: none; height: 12px;
background: #e6ebd5 url(../images/arrow.gif) no-repeat 45px 13px;
}

/* poziom 4 */
ul.menu li ul li ul li ul {
padding: 5px 0px 10px 0px; margin: -1px 0px 0px 0px; list-style: none; background: #FFFFFF url(../images/bgliul.gif) repeat-x left top;
}
ul.menu li ul li ul li ul li {
margin: 0px 0px; padding: 0px 0px; list-style: none; font-weight: normal; border-bottom: 0px solid #dadada;
}
ul.menu li ul li ul li ul li a {
padding: 8px 0px 8px 65px; margin: 0px 0px; color: #303030; display: block; text-decoration: none;
background: transparent url(../images/arrow.gif) no-repeat 55px 13px; border-bottom: 0px solid #cecece; height: 12px;
}
ul.menu li ul li ul li ul li a:hover, ul.menu li ul li ul li ul li a.activation  {
padding: 8px 0px 8px 65px; margin: 0px 0px; color: #000000; display: block; text-decoration: none; height: 12px;
background: #e6ebd5 url(../images/arrow.gif) no-repeat 55px 13px;
}

/* poziom 5 */
ul.menu li ul li ul li ul li ul {
padding: 5px 0px 10px 0px; margin: -1px 0px 0px 0px; list-style: none; background: #FFFFFF url(../images/bgliul.gif) repeat-x left top;
}
ul.menu li ul li ul li ul li ul li {
margin: 0px 0px; padding: 0px 0px; list-style: none; font-weight: normal; border-bottom: 0px solid #dadada;
}
ul.menu li ul li ul li ul li ul li a {
padding: 8px 0px 8px 75px; margin: 0px 0px; color: #303030; display: block; text-decoration: none;
background: transparent url(../images/arrow.gif) no-repeat 65px 13px; border-bottom: 0px solid #cecece; height: 12px;
}
ul.menu li ul li ul li ul li ul li a:hover, ul.menu li ul li ul li ul li ul li a.activation  {
padding: 8px 0px 8px 75px; margin: 0px 0px; color: #000000; display: block; text-decoration: none; height: 12px;
background: #e6ebd5 url(../images/arrow.gif) no-repeat 65px 13px;
}

/* poziom 6 */
ul.menu li ul li ul li ul li ul li ul {
padding: 5px 0px 10px 0px; margin: -1px 0px 0px 0px; list-style: none; background: #FFFFFF url(../images/bgliul.gif) repeat-x left top;
}
ul.menu li ul li ul li ul li ul li ul li {
margin: 0px 0px; padding: 0px 0px; list-style: none; font-weight: normal; border-bottom: 0px solid #dadada;
}
ul.menu li ul li ul li ul li ul li ul li a {
padding: 8px 0px 8px 85px; margin: 0px 0px; color: #303030; display: block; text-decoration: none;
background: transparent url(../images/arrow.gif) no-repeat 75px 13px; border-bottom: 0px solid #cecece; height: 12px;
}
ul.menu li ul li ul li ul li ul li ul li a:hover, ul.menu li ul li ul li ul li ul li ul li a.activation  {
padding: 8px 0px 8px 85px; margin: 0px 0px; color: #000000; display: block; text-decoration: none; height: 12px;
background: #e6ebd5 url(../images/arrow.gif) no-repeat 75px 13px;
}


#rightkolumnp {
width: 580px; float: right; padding: 0px 0px; margin: 0px 0px; text-align: justify; line-height: 15px;
}
.color {
color: #679b00;
}
.box_produkty {
padding: 15px 15px 15px 15px; margin: 0px 0px 20px 0px;
}
.box_produkty img, .aktu img {
border: 3px solid #c2c9d1; float: left; margin: 0px 30px 10px 0px;
}
.box_produkty1 {
background: #edecf1 url(../images/bgboxproduktytop.gif) no-repeat left top;
}
.box_produkty2 {
background: transparent url(../images/bgboxproduktybottom.gif) no-repeat left bottom;
padding: 15px 15px 15px 15px; margin: 0px 0px 20px 0px;
}
.box_produkty2 img {
border: 3px solid #c2c9d1; float: left; margin: 0px 30px 10px 0px;
}
.box {
padding: 0px 20px 0px 15px; width: 265px; float: left;
}
.box_kontakt {
padding: 0px 0px 0px 15px; width: 275px;
}
.box_kontakt p {
padding: 0px 0px 7px 0px; margin: 0px 0px;
}
#leftkolumn h2, #rightkolumn h2, #aktualnosci h2 {
margin: 0px 0px 25px 0px; padding: 5px 0px 6px 25px; background: transparent url(../images/bgh2.gif) no-repeat left top;
line-height: 9px;
}
#leftkolumn h3, #rightkolumn h3, #aktualnosci h3  {
margin: 0px 0px; padding: 0px 0px; line-height: 11px; font-size: 11px;
}
#leftkolumn h4, #aktualnosci h4 {
margin: 0px 0px 15px 0px; padding: 0px 0px; line-height: 9px; font-size: 10px; font-weight: normal; font-style: italic;
color: #616161; text-align: left;
}
#logos h4 {
margin: 0px 0px 5px 0px; padding: 0px 0px; line-height: 9px; font-size: 10px; font-weight: normal; font-style: italic;
color: #616161; text-align: left;
}
#logos h4 img {
margin: 0px 0px; padding: 0px 0px;
}
a.more {
font-weight: bold; color: #FFFFFF; background: transparent url(../images/bgamore.gif) no-repeat right top;
display: block; width: 103px; height: 17px; text-align: center; float: right; cursor: pointer; text-decoration: none;
padding: 0px 0px; margin: 10px 0px 0px 0px; 
}
a.more:hover {
font-weight: bold; color: #FFFFFF; background: transparent url(../images/bgamore.gif) no-repeat right top;
display: block; width: 103px; height: 17px; text-align: center; float: right; cursor: pointer; text-decoration: underline;
padding: 0px 0px; margin: 10px 0px 0px 0px; 
}
#rightkolumn {
width: 290px; float: right; padding: 0px 0px; margin: 0px 0px;
}
.wciecie {
padding: 0px 0px 0px 45px;
}
.wciecie2 {
padding: 0px 0px 0px 40px;
}
.wciecie3 {
padding: 0px 0px 0px 28px;
}
#leftkolumns {
width: 150px; float: left; padding: 0px 0px; margin: 0px 0px;
}
ul.menu2 {
padding: 0px 0px; margin: 0px 0px; list-style: none;
}
ul.menu2 li {
padding: 0px 0px; margin: 0px 0px; list-style: none; background: none;
}
ul.menu2 li a {
padding: 5px 0px 5px 20px; margin: 0px 0px; color: #3c7000; display: block; text-decoration: none;
background: transparent url(../images/bgmenu2li.gif) no-repeat 10px 9px; font-weight: normal; height: 12px;
}
ul.menu2 li a:hover, ul.menu2 li a.activation:hover {
padding: 5px 0px 5px 20px; margin: 0px 0px; display: block; text-decoration: none;
background-color: #f2f2f2; font-weight: normal; height: 12px;
}
ul.menu2 li a.activation {
padding: 5px 0px 5px 20px; margin: 0px 0px; color: #666666; display: block; text-decoration: none;
background: transparent url(../images/bgmenu2liactiv.gif) no-repeat 10px 9px; font-weight: bold;
height: 12px;
}
#rightkolumns {
width: 510px; float: left; padding: 0px 0px 20px 20px; margin: 0px 0px; text-align: left; line-height: 15px;
}
#rightkolumns_big {
width: 710px; float: left; padding: 0px 0px 20px 20px; margin: 0px 0px; text-align: left; line-height: 15px;
}
#aktualnosci, #kontakt {
padding: 0px 0px 0px 40px; margin: 0px 0px; width: 900px; text-align: left;
}
.aktu {
width: 260px; text-align: left; padding: 20px 0px 15px 0px; margin: 20px 40px 0px 0px; border-top: 1px solid #cccccc;
float: left;
}
.aktu img {
border: 3px solid #c2c9d1; float: left; margin: 0px 20px 10px 0px;
}
.kon {
width: 260px; text-align: left; padding: 10px 0px 15px 0px; margin: 20px 40px 0px 0px; border-top: 1px solid #cccccc;
float: left; line-height: 17px;
}
.kon h4 {
padding: 0px 0px 20px 0px; margin: 0px 0px; line-height: 9px;
}


#footer {
width: 100%; background: transparent url(../images/bgfooter.gif) repeat-x left top; margin: 0px 0px; padding: 0px 0px;
}
#foot {
width: 900px; text-align: left; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px;
color: #727272; margin: 0px auto; padding: 7px 0px 0px 0px; height: 154px; overflow: hidden;
}
#logos {
width: 900px; margin: 0px auto; padding: 0px 0px 12px 0px; text-align: center; border-bottom: 1px solid #d6deb9;
}
#logos img {
padding: 0px 17px;
}
#leftfoot {
float: left; width: 450px; padding: 7px 0px 0px 10px;
}
#leftfoot a {
color: #727272; text-decoration: none;
}
#leftfoot a:hover {
color: #727272; text-decoration: underline;
}
.copy {
padding: 7px 0px 0px 0px; margin: 0px 0px;
}
#rightfoot {
float: right; width: 250px; text-align: right; height: 40px; padding: 12px 15px 0px 0px; margin: 0px 0px;
}
#rightfoot img {
padding: 0px 0px; border: 0px; text-align: right; margin: 0px 0px -12px 0px;
}


.clear {
height: 0px; line-height: 0px; font-size: 1px; clear: both; overflow: hidden;
}

/* ----------- lightbox - galeria ------------ */
#lightbox{
	position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;
	}
#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;
	}
#hoverNav{
	position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/next.gif) right 15% no-repeat; }
#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em;
	}
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}		
#overlay{
	position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;
	}
/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute; top: 0px; left: 0px; width: 100%; min-width: 790px;
	}
* html .lbContent { /* IE6 */
	margin-left: -790px; position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
/* Clearfix */	
.clearfix:after {
content: "."; display: block; height: 0; clear: both; visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 152px;
    height: 135px;
}

.jcarousel-skin-tango .jcarousel-container {
	background: #E8E0BF;
    border: 1px solid #D6CEA9;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 245px;
    padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 152px;
    height: 400px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  245px;
    height: 210px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  152px;
    height: 400px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 152px;
    height: 115px;
}
.jcarousel-skin-tango .jcarousel-item:hover {
    border-color: #808080;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 75px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 75px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}