BODY { background-color: black; color: #FFFFFF;}
TABLE { border-style: solid;  border-width: 0px; border-color: navy;}
TD { border-style: solid;  border-width: 0px; border-color: green;}

P {text-align: justify; text-indent: 40px; margin-top: 15px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px  }
/* pp je nastaveni vyuzitelny pro veskerej text - ma ho nastaven hlavne TAG BODY*/
.pp {	text-align: justify; FONT-FAMILY: Courier New, Verdana, Arial, Helvetica, Sans-Seri; text-decoration: none; }

H1 {text-align: center; margin-top: 15px;}
H2, H3 {text-align: left; margin-top: -15px; margin-bottom: 3px; margin-left: 15px;}

/* Stary nastaveni DIV a SPANu pred instalaci LightBoxu se kterym se to pralo */
/* DIV, SPAN { border-style: solid;  border-width: 0px; border-color: white; color: white; background-color: black;} */
DIV, SPAN { border-style: solid;  border-width: 0px; border-color: white; }
/* Stary nastaveni DIV a SPANu pred instalaci LightBoxu se kterym se to pralo */

.DIVt, SPANt { border-style: solid;  border-width: 0px; border-color: green; color: white; background-color: none;}

/* ONLINE zpravodajstvi (thajsko+Laos, NZ...) */
                        /* .ulsms {text-align:left; color: OrangeRed;} */
                        /* .ulnet {text-align:left; color: DodgerBlue; } */
.ulsuda {text-align:left; font-size: 12px; color: SandyBrown;}
.ullicha {text-align:left; font-size: 12px; color: OrangeRed;}
.linadpis {text-decoration: none; font-weight: bold;}
.sms {color: white; font-size: 12px; text-decoration: none; font-weight: normal; Font-style: italic;}
/* ONLINE zpravodajstvi (thajsko, Laos, NZ...) */


/* ZAHLAVI */
.online { color: orangered; font-size: 12px; text-align: right; border-style: solid; border-width: 0px; border-color: green;  background-color: black;}   /* pouziti na pocet online uzivatelu na strance */
.prouzek { color: orangered; font-size: 19px; text-align: left; background-color: black; border-style: solid; border-width: 0px; border-color: green;  background-color: black;}   /* pouzito na barevny prouzek */
.cesta {font-family: courier new; color: orangered; font-size: 15px} /* cesta v hlavicce stranek > HOME > o Drahouskovi */

.HEADLINE{font-family: tahoma,arial; font-size: 14pt; font-weight: bold;	text-align: center;	color: #7A7A7A;}
.TABLE-TOP {font-family: tahoma,arial; font-size: 8pt;	text-decoration: none; vertical-align: top; height: 0px}
.TOP-MENU-ODKAZ:HOVER {text-decoration: none; color: orangered}
/* ZAHLAVI */

.obrazek { border-color: White;	border-width: 2px; margin: 10px 10px 10px 10px}
.obrazekdiv { border-color: White;	border-width: 2px; margin: 0px 0px 0px 0px}

/* soupatko je nastaveni scrollbaru */
.soupatko {scrollbar-track-color: rgb(78,78,78); scrollbar-face-color: black; scrollbar-highlight-color: white; scrollbar-3dlight-color: white; scrollbar-darkshadow-color: white; scrollbar-shadow-color: purple;scrollbar-arrow-color: red; }

/* 123 je zvyrazneni textu - bohuzel necitelne ve FF */
.123 {	color: #66CCFF; text-decoration:none}
/* #66CCFF */

/* /* Pouziti v galerijich - pozdeji vyzkouset jestli by neslo vyhodit definovani pisma-patrne by si to melo vzit vejs 
.nadpisakce {	color: #FFFFFF; font-size: 28px; LINE-HEIGHT: 75%; font-weight: bold;	FONT-FAMILY: Courier New, Verdana, Arial, Helvetica, Sans-Seri; text-decoration: none; }
.datumakce {	color: #FFFFFF; font-size: small; LINE-HEIGHT: 1%; FONT-FAMILY: Courier New, Verdana, Arial, Helvetica, Sans-Seri; text-decoration: none; }
.textakce  {	color: #FFFFFF; font-size: small; FONT-FAMILY: Courier New, Verdana, Arial, Helvetica, Sans-Seri; text-decoration: none; }
.textfototydne {	font-size: 10pt; text-align: justify; FONT-FAMILY: Courier New, Verdana, Arial, Helvetica, Sans-Seri;  } */


/* CSS pro galerii fotek od arlesu
.gallerytitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18pt;}
.thumbnailtabletitle { font-family: Verdana, Arial, Helvetica, sans-serif;}
.thumbnailtitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt;}
.navigationtext { font-family: Verdana, Arial, Helvetica, sans-serif;}
.indexquicklist { font-family: Verdana, Arial, Helvetica, sans-serif;}
/* CSS pro galerii fotek od arlesu*/


a       {color: gray; text-decoration:none}
a:HOVER {color: white; text-decoration: none;}

.ostatni {	color: #CC9900; text-decoration:none}
.ostatni:HOVER {color: #CC9900; text-decoration:none}

.mail {		color: #0099CC}
.mail:HOVER {	color: #0099CC; text-decoration: underline;}

.novinka {	color: #CC0000; text-decoration:none}
.novinka:HOVER {color: red; text-decoration: none;}

.kniha_foto_tydne {		color=#FFFF66; font-size: 17px; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Seri; text-decoration: none; }
.kniha_foto_tydne:HOVER {	color=#FFFF66; font-size: 17px; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Seri; text-decoration: underline; }

.kniha_foto_tydne-text {	color: #FFFF66; font-size: 12px; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Seri; text-decoration: none; }
.kniha_foto_tydne-text:HOVER {	color: #FFFF66; font-size: 12px; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Seri; text-decoration: underline; }


.navstevnikniha {	color: #CC0000; font-size: 15px; LINE-HEIGHT: 75%; FONT-FAMILY: Courier New, Verdana, Arial, Helvetica, Sans-Seri; text-decoration: none; }
.navstevnikniha:HOVER {	color: red; font-size: 15px; LINE-HEIGHT: 75%; FONT-FAMILY: Courier New, Verdana, Arial, Helvetica, Sans-Seri; text-decoration: none; }



/* ZACATEK CSS PRO INDEX.PHP GENEROVANY Z IMAGEREADY */ /* ZACATEK CSS PRO INDEX.PHP GENEROVANY Z IMAGEREADY */
DIV.index-01 {  position:absolute;	left:0px;	top:0px;	width:302px;	height:173px;}
DIV.index-02 {	position:absolute;	left:302px;	top:0px;	width:403px;	height:69px;}
DIV.index-03 {	position:absolute;	left:705px;	top:0px;	width:275px;	height:69px;}
/* DIV.index-04 {	position:absolute;	left:167px;	top:69px;	width:135px;	height:104px;} */
DIV.index-05 {	position:absolute;	left:302px;	top:69px;	width:228px;	height:104px;}
DIV.index-06 {	position:absolute;	left:530px;	top:69px;	width:420px;	height:20px;}
DIV.index-07 {	position:absolute;	left:950px;	top:69px;	width:30px;	height:326px;}
DIV.index-08 {	position:absolute;	left:530px;	top:89px;	width:20px;	height:286px;}
DIV.foto-tydne {	position:absolute;	left:550px;	top:89px;	width:380px;	height:286px;}
DIV.index-10 {	position:absolute;	left:930px;	top:89px;	width:20px;	height:286px;}
DIV.index-11 {	position:absolute;	left:0px;	top:173px;	width:530px;	height:444px;}
DIV.index-12 {	position:absolute;	left:530px;	top:375px;	width:420px;	height:20px;}
/* JIZ NENI TENTO DIV POTREBA */
/* DIV.index-13 {	position:absolute;	left:530px;	top:395px;	width:450px;	height:5px;} */
DIV.index-14 {	position:absolute;	left:530px;	top:406px;	width:300px;	height:206px; overflow: auto; border-style:dashed; border-color:orangered;border-width: 1px;}

/* Zruseno kvuli prepracovani kodu Kveten 2010
DIV.index-15 {	position:absolute;	left:777px;	top:486px;	width:207px;	height:38px;	text-align:center;	vertical-align:bottom;}
DIV.index-16 {	position:absolute;	left:777px;	top:524px;	width:113px;	height:15px;	text-align:center;}
DIV.index-17 {	position:absolute;	left:886px;	top:524px;	width:88px;	height:72px;	vertical-align:middle;}
DIV.index-18 {	position:absolute;	left:974px;	top:524px;	width:6px;	height:93px;}
DIV.index-19 {	position:absolute;	left:777px;	top:539px;	width:113px;	height:20px;	text-align:center;}
DIV.index-20 {	position:absolute;	left:777px;	top:559px;	width:113px;	height:37px;	text-align:center;}
DIV.index-21 {	position:absolute;	left:777px;	top:596px;	width:201px;	height:21px;	text-align:center;	vertical-align:middle;} 
*/

/* Vse co bylo left:773px --> 777px
DIV.index-14 {	position:absolute;	left:530px;	top:486px;	width:243px;	height:131px; overflow: auto; border-style:dashed; border-color:orangered;border-width: 1px;}
DIV.index-15 {	position:absolute;	left:773px;	top:486px;	width:207px;	height:38px;	text-align:center;	vertical-align:bottom;}
DIV.index-16 {	position:absolute;	left:773px;	top:524px;	width:113px;	height:15px;	text-align:center;}
DIV.index-17 {	position:absolute;	left:886px;	top:524px;	width:88px;	height:72px;	vertical-align:middle;}
DIV.index-18 {	position:absolute;	left:974px;	top:524px;	width:6px;	height:93px;}
DIV.index-19 {	position:absolute;	left:773px;	top:539px;	width:113px;	height:20px;	text-align:center;}
DIV.index-20 {	position:absolute;	left:773px;	top:559px;	width:113px;	height:37px;	text-align:center;}
DIV.index-21 {	position:absolute;	left:773px;	top:596px;	width:201px;	height:21px;	text-align:center;	vertical-align:middle;}
*/

DIV.index-22 {	position:absolute;	left:0px;	top:617px;	width:980px;	height:28px;}
DIV.index-23 {	position:absolute;	left:0px;	top:645px;	width:233px;	height:63px;}
DIV.index-24 {	position:absolute;	left:233px;	top:645px;	width:83px;	height:63px;}
DIV.index-25 {	position:absolute;	left:316px;	top:645px;	width:22px;	height:63px;}
DIV.index-26 {  position:absolute;	left:338px;	top:645px;	width:82px;	height:63px;}
DIV.index-27 {	position:absolute;	left:420px;	top:645px;	width:23px;	height:63px;}
DIV.index-28 {	position:absolute;	left:443px;	top:645px;	width:82px;	height:63px;}
DIV.index-29 {	position:absolute;	left:525px;	top:645px;	width:23px;	height:63px;}
DIV.index-30 {	position:absolute;	left:548px;	top:645px;	width:82px;	height:63px;}
DIV.index-31 {	position:absolute;	left:630px;	top:645px;	width:23px;	height:63px;}
DIV.index-32 {	position:absolute;	left:653px;	top:645px;	width:82px;	height:63px;}
DIV.index-33 {	position:absolute;	left:735px;	top:645px;	width:245px;	height:63px;}
DIV.index-34 {	position:absolute;	left:0px;	top:708px;	width:980px;	height:30px;}
/* KONEC CSS PRO INDEX.PHP GENEROVANY Z IMAGEREADY */ /* KONEC CSS PRO INDEX.PHP GENEROVANY Z IMAGEREADY */






/* CSS pro LightBox (otevirani fotek na pozadi stranky) */
/* CSS pro LightBox (otevirani fotek na pozadi stranky) */
/* CSS pro LightBox (otevirani fotek na pozadi stranky) */
#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: #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-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(http://www.drahousek.com/lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.drahousek.com/lightbox/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: #000; } 
/* CSS pro LightBox (otevirani fotek na pozadi stranky) */
/* CSS pro LightBox (otevirani fotek na pozadi stranky) */
/* CSS pro LightBox (otevirani fotek na pozadi stranky) */