/* * * * * * * * * * * * * * * * * * * * * * * *
*
* LIGHTBOX - styly pro Lightbox fotogalerii 
* * * * * * - styles for Lightbox gallery 
*
* version: 1.0.0 / wa 2.95
* media: screen
*
* * * * * *  * * * * * * * ** * * * * * * * * */

#b 							{ float:left; }
#zoom_content, #zoom_content img { width: 100%; height: 100%; }


#zoom .fullsize			{ width: 28px; height: 26px; margin: -3px 0 0 -3px; display: block; background: url(../images/lightbox/lightbox_zoom.png) 0 0 no-repeat; }	

/* 20120603jd - IE8 nepodporuje RGBA, proto ze nejprve standardni definice bck clr */
#lightbox  					{ background-color: #000; }
#lightbox 					{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.95); z-index: 800; }

h1.photoTitle,
#zoom_content h1, 
#zoom_content h2, 
#zoom_content h3			{ color: white; font-weight: normal; font-size: 1.1428em; margin-top: 1em; font-family: "DroidSans", Arial, Helvetica, sans-serif; }
#zoom_content h1			{ margin-top: 0; }

#lightbox .photosBar 	{ /* height se nastavuje pomoci JS na (thumbnail.height + 20) */  width: 100%; background: rgba(0,0,0,0.99) url(../images/lightbox/lightbox_bg.png) 0 0 repeat-x; position: absolute; bottom: 0px; border-top: 1px solid #393939; }

#lightbox .photosBar .prev, 
#lightbox .photosBar .next 		{ float: left; position: absolute; top: 25px; width: 42px; height: 42px; text-indent: -999em; background: url(../images/lightbox/lightbox_buttons.png) 0 0 no-repeat; } 

#lightbox .photosBar .prev 		{ left: 18px; background: url(../images/lightbox/lightbox_buttons.png) 0 100% no-repeat; }
#lightbox .photosBar .next 		{ right: 18px; }

#lightbox .photosBar .prev:hover	{ background: url(../images/lightbox/lightbox_buttons.png) -42px 100% no-repeat; }
#lightbox .photosBar .next:hover	{ background: url(../images/lightbox/lightbox_buttons.png) -42px 0 no-repeat; }

#lightbox .photosBar .prev:active	{ background: url(../images/lightbox/lightbox_buttons.png) -84px 100% no-repeat; }
#lightbox .photosBar .next:active	{ background: url(../images/lightbox/lightbox_buttons.png) -84px 0 no-repeat; }

#lightbox .photosBar a.disabled 		{ background: none; left: -999em; top: -999em; }

/* dva wrappery aby bylo mozne zachovat automaticke roztahovani podle sirky a zaroven po stranach nechat odsazeni */ 
#lightbox .photosBar .photosWrapper 		{ width: 100%; }
#lightbox .photosBar .photosWrapperInner 	{ margin-left: 180px; margin-right: 180px; overflow: hidden; position: relative; }

#lightbox .photosBar .photosWrapper .photosCarousel { position: relative; }

#lightbox .photosBar .photosWrapper .photosCarousel .photo 			{ display: block; float: left; margin: 10px 0 10px 10px; overflow: hidden; }
#lightbox .photosBar .photosWrapper .photosCarousel .first 			{ margin-left: 0px; }

#lightbox .photosBar .photosWrapper .photosCarousel .preloaded 	{ /*border-bottom: 2px green solid;*/ }
#lightbox .photosBar .photosWrapper .photosCarousel .preloading 	{ /*border-bottom: 2px red solid;*/ }

#lightbox .photosBar .photosWrapper .photosCarousel img 				{ width: 100%; height: auto; }

#lightbox .photosBar .photosWrapper .photosCarousel img.preloaded { width:auto; } /* dulezite pro to, abychom dokazali zjistit width preloadnuteho obrazku */ 

/* predchozi a nasledujici */
#lightbox .controls 						{ height: 28px; padding: 8px 5px 5px; position: relative; }
#lightbox .controls a 					{ color: white; cursor: pointer; text-decoration: none; display: inline-block; width: 147px; height: 100%; line-height: 2em; 
									  	 		 background: url(../images/lightbox/lightbox_arrows.png) 0 0 no-repeat; font-size: 13px; font-weight: bold; 
												 text-shadow: 0px -1px 1px #000;
												 -moz-text-shadow: 1px 1px 1px red;
												 
												  }
#lightbox .controls a span				{ display: block; padding: 0px 20px 0 20px; text-align: center; }
#lightbox .controls a.next span		{ padding: 0px 20px 0 19px; }
#lightbox .controls a:hover			{ background: url(../images/lightbox/lightbox_arrows.png) 0 -58px no-repeat; }
#lightbox .controls a.prev span		{ padding: 0px 18px 0 18px; background: url(../images/lightbox/lightbox_arrows_sep.png) 100% 0 no-repeat; }
#lightbox .controls a.next				{ background: url(../images/lightbox/lightbox_arrows.png) 100% -29px no-repeat; }
#lightbox .controls a.next:hover		{ background-position: 100% 100%; }
#lightbox .controls .close				{ display: block; position: absolute; top: 7px; right: 5px; width: 23px; height: 24px; margin: 2px 5px 0 0; padding: 0; text-indent: -999em; background: url(../images/lightbox/lightbox_close.png) 0 0 no-repeat; }
#lightbox .controls .close span		{ padding: 0; }
#lightbox .controls .close:hover		{ background: url(../images/lightbox/lightbox_close.png) 0 100% no-repeat; }				
#lightbox .controls a.disabled		{ opacity: 0.6; cursor: default; font-weight: normal; }
#lightbox .controls a.disabled:hover		{ background: url(../images/lightbox/lightbox_arrows.png) 0 -0 no-repeat; }
#lightbox .controls a.next.disabled:hover	{ background: url(../images/lightbox/lightbox_arrows.png) 100% -29px no-repeat; }