#kontener {
	width: auto;
	margin: 0;
	padding: 0;
}

#naglowek {
	width: auto;
	height: 73px;
	margin: 0;
	padding: 1% 25% 0 0;
	text-align: right;
	border: 0;
	background: RGB(245,245,245) url(img/naglowek-nieb.png) left top repeat;
	font-size: 1.2em;
	color: RGB(251,193,0);
}
#naglowek span {
	width: auto;
	display: none;
}
#naglowek img {
	border: 0;
}

#naglowek a {
	width: auto;
	line-height: 200%;
	font-size: 1.2em;
	text-decoration: none;
	color: RGB(251,193,0);
}

#jezyk {
	width: 70px;
	height: 30px;
	position: absolute;
	margin:0;
	left: 90%;
	top: 7%;
	padding: 0;
	color: #ffffff;
}

#jezyk ul {
	padding: 0;
	margin: 0;
	text-align: right;
	list-style-type: none;
	background: inherit;
}
#jezyk li {
	display: inline;
	margin: 0;
	padding: 0;
}	
#jezyk a {
	font-size: 100%;
	padding: 0;
	text-align: right;
	text-decoration: none;
	font-variant: small-caps;
	border: 0;
	color: #fbc100;
}
#logo {
	width: 125px;
	height: 54px;
	margin: 0;
	padding: 0 0 0 400px;
	position: absolute;
	left:6%;
	top:3%;
	background: url(img/kalkomat-logo-jasne.png) left top no-repeat;
}
#logo span {
	display: none;
}

#manufacturer {
	width: 300px;
	height: 19px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 27%;
	top: 6%;
	background: url(img/manufacturer.png) left top no-repeat;
}
#manufacturer span {
	display: none;
}

#tresc {
	width: auto;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}
#srodek {
	width: auto;
	margin-left: 27%;
	margin-right: 4.2%;
	padding: 0.2em 0 0 0;
}

#glove {
	width: auto;
	height: 180px;
	margin: 0;
	padding: 0;
	background: url(img/glove.jpg) left top no-repeat;
}

#glove span {
	display: none;
}

#spider {
	width: auto;
	height: 180px;
	margin: 0;
	padding: 0;
	background: url(img/spider.jpg) left top no-repeat;
}

#spider span {
	display: none;
}

#wob {
	width: auto;
	height: 180px;
	margin: 0;
	padding: 0;
	background: url(img/wob.jpg) left top no-repeat;
}

#wob span {
	display: none;
}

#hammer {
	width: auto;
	height: 180px;
	margin: 0;
	padding: 0;
	background: url(img/hammer.jpg) left top no-repeat;
}

#hammer span {
	display: none;
}

#dynamic {
	width: auto;
	height: 180px;
	margin: 0;
	padding: 0;
	background: url(img/dynamic.jpg) left top no-repeat;
}

#dynamic span {
	display: none;
}

#threed {
	width: auto;
	height: 180px;
	margin: 0;
	padding: 0;
	background: url(img/3d.jpg) left top no-repeat;
}

#threed span {
	display: none;
}

#kicker {
	width: auto;
	height: 180px;
	margin: 0;
	padding: 0;
	background: url(img/kicker.jpg) left top no-repeat;
}

#kicker span {
	display: none;
}

#alcot {
	width: auto;
	height: 180px;
	margin: 0;
	padding: 0;
	background: url(img/alco.jpg) left top no-repeat;
}

#alcot span {
	display: none;
}

#kickoff {
	width: auto;
	height: 180px;
	margin: 0;
	padding: 0;
	background: url(img/kickoff.jpg) left top no-repeat;
}

#kickoff span {
	display: none;
}

#mask {
	width: auto;
	height: 180px;
	margin: 0;
	padding: 0;
	background: url(img/mask.jpg) left top no-repeat;
}

#mask span {
	display: none;
}

#cube {
	width: auto;
	height: 180px;
	margin: 0;
	padding: 0;
	background: url(img/cube.jpg) left top no-repeat;
}

#cube span {
	display: none;
}

#cubered {
	width: auto;
	height: 180px;
	margin: 0;
	padding: 0;
	background: url(img/cubered.jpg) left top no-repeat;
}

#cubered span {
	display: none;
}

#dog {
	width: auto;
	height: 180px;
	margin: 0;
	padding: 0;
	background: url(img/dog.jpg) left top no-repeat;
}

#dog span {
	display: none;
}

#nowosci {
	width: 285px;
	float: left;
	margin: 20px 10px 0 0;
	padding: 30px 5px 0 5px;
	text-align: justify;
	background: RGB(245,245,245) url(img/news4.png) left top no-repeat;
}
#nowosci h3 {
	font-size: 100%;
	font-weight: bold;
	line-height: 90%;
	text-align: left;
}

#onas {
	width: 285px;
	float: left;
	margin: 20px 0 0 10px;
	padding: 30px 5px 0 5px;
	text-align: justify;
	background: RGB(245,245,245) url(img/about4.png) left top no-repeat;
}
#onas p {
	font-size: 100%;
}

#opis.titleglove {
	width: 600px;
	float: left;
	margin: 20px 10px 0 0;
	padding: 30px 5px 0 5px;
	background: RGB(245,245,245) url(img/title-glove.jpg) top left no-repeat;
}
#opis.titlewob {
	width: 600px;
	float: left;
	margin: 20px 10px 0 0;
	padding: 30px 5px 0 5px;
	background: RGB(245,245,245) url(img/title-wheel.jpg) top left no-repeat;
}
#opis.titlemask {
	width: 600px;
	float: left;
	margin: 20px 10px 0 0;
	padding: 30px 5px 0 5px;
	background: RGB(245,245,245) url(img/title-mask.jpg) top left no-repeat;
}
#opis.titledynamic {
	width: 600px;
	float: left;
	margin: 20px 10px 0 0;
	padding: 30px 5px 0 5px;
	background: RGB(245,245,245) url(img/title-dynamic.jpg) top left no-repeat;
}
#opis.titlecube {
	width: 600px;
	float: left;
	margin: 20px 10px 0 0;
	padding: 30px 5px 0 5px;
	background: RGB(245,245,245) url(img/title-cube.jpg) top left no-repeat;
}
#opis.titlecubest {
	width: 600px;
	float: left;
	margin: 20px 10px 0 0;
	padding: 30px 5px 0 5px;
	background: RGB(245,245,245) url(img/title-cube-st.jpg) top left no-repeat;
}
#opis.title3d {
	width: 600px;
	float: left;
	margin: 20px 10px 0 0;
	padding: 30px 5px 0 5px;
	background: RGB(245,245,245) url(img/title-3d.jpg) top left no-repeat;
}
#opis.titlespider {
	width: 600px;
	float: left;
	margin: 20px 10px 0 0;
	padding: 30px 5px 0 5px;
	background: RGB(245,245,245) url(img/title-spider.jpg) top left no-repeat;
}
#opis.titledog {
	width: 600px;
	float: left;
	margin: 20px 10px 0 0;
	padding: 30px 5px 0 5px;
	background: RGB(245,245,245) url(img/title-dog.jpg) top left no-repeat;
}
#opis.titlehammer {
	width: 600px;
	float: left;
	margin: 20px 10px 0 0;
	padding: 30px 5px 0 5px;
	background: RGB(245,245,245) url(img/title-hammer.jpg) top left no-repeat;
}
#opis.titlekicker {
	width: 600px;
	float: left;
	margin: 20px 10px 0 0;
	padding: 30px 5px 0 5px;
	background: RGB(245,245,245) url(img/title-kicker.jpg) top left no-repeat;
}
#opis.titlekickoff {
	width: 600px;
	float: left;
	margin: 20px 10px 0 0;
	padding: 30px 5px 0 5px;
	background: RGB(245,245,245) url(img/title-kickoff.jpg) top left no-repeat;
}
#opis.titlealco {
	width: 600px;
	float: left;
	margin: 20px 10px 0 0;
	padding: 30px 5px 0 5px;
	background: RGB(245,245,245) url(img/title-alco.jpg) top left no-repeat;
}
#opis.titlerental {
	width: 600px;
	float: left;
	margin: 20px 10px 0 0;
	padding: 30px 5px 0 5px;
	background: RGB(245,245,245) url(img/title-rental.jpg) top left no-repeat;
}
#opis.titlenews {
	width: 600px;
	float: left;
	margin: 20px 10px 0 0;
	padding: 30px 5px 0 5px;
	background: RGB(245,245,245) url(img/title-news.jpg) top left no-repeat;
}
#opis.titlecontact {
	width: 600px;
	float: left;
	margin: 20px 10px 0 0;
	padding: 30px 5px 0 5px;
	background: RGB(245,245,245) url(img/title-contact.jpg) top left no-repeat;
}
#opis.titlequality {
	width: 600px;
	float: left;
	margin: 20px 10px 0 0;
	padding: 30px 5px 0 5px;
	background: RGB(245,245,245) url(img/title-quality.jpg) top left no-repeat;
}
#opis.titlechampionships {
	width: 600px;
	float: left;
	margin: 20px 10px 0 0;
	padding: 30px 5px 0 5px;
	background: RGB(245,245,245) url(img/title-championships.jpg) top left no-repeat;
}

#opis p {
	font-size: 100%;
	text-align: center;
}
#opis p.text {
	font-size: 100%;
	text-align: justify;
}
#opis img {
	height: 150px;
	border: 0;
}

#lewa {
	float: left;
	width: 175px;
	margin-left: 6%;
	padding: 0;
	border: 0;
	color: #000000;
	font: bold small-caps 150% "arial";
}

#menu {
	width: auto;
	padding: 0.2em 0 0 0;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu ul.podmenu {
	margin-top: 1.6em;
	padding: 0;
	list-style-type: none;
}

#menu li {
	margin : 0 0 0.2em 0;
}

#menu a.j {
	display: block;
	width: auto;
	padding: 0.2em 0.8em;
	text-decoration: none;
	text-align: left;
	font-size: 80%;
	background: RGB(12,71,144);
	color: RGB(255,255,255);
}

#menu a.c {
	display: block;
	width: auto;
	padding: 0.2em 0.8em;
	text-decoration: none;
	text-align: left;
	font-size: 80%;
	background: RGB(251,193,0);
	color: RGB(0,0,0);
}

#menu a:hover {
	background : RGB(27,139,233);
	color : #fff;
}

#stopka {
	width: auto;
	height: 73px;
	clear: both;
	margin: 0;
	padding: 16px 0px 0px 0px;
	font-size: 100%;
	text-align: center;
	line-height: 200%;
	background: RGB(245,245,245) url(img/stopka-nieb.png) left bottom repeat;
	color: RGB(175,188,219);
}
#stopka span {
	display: none;
}
#stopka a {
	font-size: 100%;
	text-decoration: underline;
	line-height: 200%;
	border: none;
	color: RGB(175,188,219);
	}
#stopka a.poczta {
	font-size: 100%;
	text-decoration: none;
	line-height: 200%;
	border: none;
	color: RGB(175,188,219);
	}

html {
	margin: 0;
}
body {
	margin: 0;
	padding:0;
	background-color: #ffffff;
	font: 75% "Arial", sans-serif;
	color: RGB(0,15,66);
}
div.figure {
  	float: left;
  	width: 20%;
  	border: thin RGB(175,188,219) solid;
  	margin: 0.5em;
  	padding: 0.5em;
	background-color: #fff;
}
div.figure p {
  	text-align: center;
  	font-style: italic;
  	font-size: smaller;
	font-weight: bolder;
	font-variant: small-caps;
  	text-indent: 0;
}
div.figure a {
	border: 0;
}
div.alco {
  	float: left;
  	width: 30%;
  	border: thin RGB(175,188,219) solid;
  	margin: 0.5em;
  	padding: 0.5em;
	background-color: #fff;
}
div.alco p {
  	text-align: center;
  	font-style: italic;
  	font-size: smaller;
	font-weight: bolder;
	font-variant: small-caps;
  	text-indent: 0;
}
a {
	text-decoration: underline;
	border: 0;
	color: RGB(27,139,233);
}

.wyroznienie
{	font-variant:small-caps;
	font-size: 115%;
	font-weight: bold;
	display: inline;
	line-height: 80%;
	}

.kapitaliki {
	font-variant: small-caps;
	font-size: 120%;
}
.bold {
	font-size: 120%;
	font-style: italic;
	font-weight: bold;
}
img.email {
	border: 0;
}

.email {
	width: 180px;
	height: 40px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 67%;
	top: 4%;
	border: 0;
}

.emailuk {
	width: 252px;
	height: 40px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 67%;
	top: 4%;
	border: 0;
}

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

#outerImageContainer{ position: relative; background-color: RGB(255,255,255); 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-image: url(data:image/gif;base64,AAAA); /* 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/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#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; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: RGB(12,71,144); }