/*uzivatel musi mit na pameti ze chceme videt scrollbar vzdy, proto je nutne ho mit zapnuty a pocitat s jeho sirkou 17px!!!*/
			/*tedy sirka galerie musi byt o 17px vice a sirka thmbus pole take, pokud je vse nalezato tak se jedna o vysku*/


			/*galerie s obrazky vpravo*/

			/*rozmery galerie*/
			.lightBox 								{background-color: black; width: 930px; height: 462px; padding-top:10px; padding-left: 10px; padding-right: 10px;}
			.lightBox .image-browser-image			{width: 800px; height: 450px; border: 1px solid #333; overflow: hidden; padding: 0px; float: left; position: relative;}
			/*nahledovy pas*/
			.lightBox .image-browser-thumbs									{ width: 127px;height: 452px; overflow-y:scroll; float: right;}
			.lightBox .image-browser-thumbs div.image-browser-thumb-box		{ height: 55px; width: 100px; padding: 0px; margin: 3px; border: 1px solid #333;}
			/*ramecek okolo aktivniho nahledu*/
			.lightBox .image-browser-thumbs div.image-browser-active		{border: 3px solid red;}

			/*zasednuti pod galerii*/
			div.image-browser-root 					{ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg.png', sizingMethod='scale' );}
			div[class~="image-browser-root"] 		{ background: url(img/bg.png); }

			/*ovladaci tlacitka*/
			.image-browser-prev 					{ position: absolute; top: 20px; left: 20px; display: block; width: 42px; height: 36px; cursor: pointer; background: url(img/lb-previous-active.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/lb-previous-active.png'));}
			.image-browser-prev:hover				{ background: url(img/lb-previous-hover.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/lb-previous-hover.png')); }
			.image-browser-next 					{ position: absolute; top: 20px; left: 66px; display: block; width: 42px; height: 36px; cursor: pointer; background: url(img/lb-next-active.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/lb-next-active.png')); }
			.image-browser-next:hover				{ background: url(img/lb-next-hover.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/lb-next-hover.png')); }
			.image-browser-prev-disabled			{ position: absolute; top: 20px; left: 20px; display: block; width: 42px; height: 36px; cursor: pointer; background: url(img/lb-previous-inactive.png); _background: none;  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/lb-previous-inactive.png')); }
			.image-browser-next-disabled			{ position: absolute; top: 20px; left: 66px; display: block; width: 42px; height: 36px; cursor: pointer; background: url(img/lb-next-inactive.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/lb-next-inactive.png')); }
			.image-browser-close					{ position: absolute; top: 20px; left: 760px; display: block; width: 42px; height: 36px; cursor: pointer; background: url(img/lb-close-active.png); _background:none ;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/lb-close-active.png'));}
			.image-browser-close:hover				{ background: url(img/lb-close-hover.png); _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/lb-close-hover.png'));}

			/*image preload pro hover obrazky navigace do poskytnutych skrytych DIVu, je mozno nacist i pro disabled */
			div.image-browser-prev-preload			{ background: url(img/lb-previous-hover.png);}
			div.image-browser-next-preload			{ background: url(img/lb-next-hover.png);}
			div.image-browser-close-preload			{ background: url(img/lb-close-hover.png);}


			/*galerie s popiskem a obrazky vpravo*/

			.lightBox2 								{background-color: black; width: 980px; height: 502px; padding-top:10px; padding-left: 10px; padding-right: 10px;}
			.lightBox2 .image-browser-image			{width: 800px; height: 450px; border: 1px solid #333; overflow: hidden; padding: 0px; float: left; position: relative;}
			/*nahledovy pas*/
			.lightBox2 .image-browser-thumbs									{ width: 167px;height: 452px; overflow-y:scroll; float: right;}
			.lightBox2 .image-browser-thumbs div.image-browser-thumb-box		{ /*x height: 95px;*/ width: 130px; padding: 0px; margin: 3px; border: 1px solid #111;}
			/*ramecek okolo aktivniho nahledu*/
			.lightBox2 .image-browser-thumbs div.image-browser-active		{border: 1px solid #c00000;}
			/*styly pro popisku*/
			.lightBox2 .image-browser-caption		{ height: 40px; overflow: auto; width: 800px; text-align:left; float: left; padding-left:5px; color: #e0e0e0; padding-top: 7px; font-family:Arial, Helvetica, sans-serif; line-height:140%; font-size: 12px; /*napevno protoze je to v tabulce*/}


			.lightBox2 .image-browser-photo-count	{ width: 100px; margin-right: 15px; padding-top: 7px; text-align: center; float: right; color: #999; font-family:Arial, Helvetica, sans-serif; line-height:140%; font-size: 12px;/*napevno protoze je to v tabulce*/ }


			/*galerie s obrazky dole*/

			.lightBox3 								{background-color: black; width: 800px; height: 547px; padding-top:10px; padding-left: 10px; padding-right: 10px;}
			.lightBox3 .image-browser-image			{width: 800px; height: 450px; border: 1px solid #333; overflow: hidden; padding: 0px; float: left; position: relative;}
			/*nahledovy pas*/
			.lightBox3 .image-browser-thumbs									{ width: 800px;height: 81px; overflow-x:scroll; clear: both;}
			.lightBox3 .image-browser-thumbs div.image-browser-thumb-box		{ height: 55px; width: 100px; padding: 0px; margin: 3px; border: 1px solid #333;}
			/*ramecek okolo aktivniho nahledu*/
			.lightBox3 .image-browser-thumbs div.image-browser-active		{border: 3px solid red;}
			/*styly pro popisku*/
			.lightBox3 .image-browser-caption		{ display: none;}




			/*slideshow*/
			.image-browser-slideshow-pause			{ position: absolute; top: 414px; left: 20px; display: block; width: 42px; height: 36px; cursor: pointer; background: url(img/lb-slideshow-pause.png); _background:none ;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/lb-slideshow-pause.png'));}
			.image-browser-slideshow-play			{ position: absolute; top: 414px; left: 20px; display: block; width: 42px; height: 36px; cursor: pointer; background: url(img/lb-slideshow-active.png); _background:none ;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/lb-slideshow-active.png'));}
			.image-browser-slideshow-play:hover		{ background: url(img/lb-slideshow-hover.png); _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/lb-slideshow-hover.png'));}