body { font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #3E3E3E; background-color: #FFFFFF; margin: 0px; }
body.tisk { font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #000000; background-color: #FFFFFF; margin: 10px; }
a { color: #1387AC; }
a:hover { color: #EDA107; }



/* ZAHLAVI MOTIV */

.sirka { width: 1000px; }
.hlavicka1-1 { background: url("images/3rada_d-1.jpg") no-repeat; background-color: #FCFCFC; }
.hlavicka2-1 { background: url("images/4rada_d-1.jpg") no-repeat; background-color: #F2F2F2; } 
.hlavicka1-2 { background: url("images/3rada_d-2.jpg") no-repeat; background-color: #FCFCFC; } 
.hlavicka2-2 { background: url("images/4rada_d-2.jpg") no-repeat; background-color: #F2F2F2; } 
.hlavicka1-3 { background: url("images/3rada_d-3.jpg") no-repeat; background-color: #FCFCFC; } 
.hlavicka2-3 { background: url("images/4rada_d-3.jpg") no-repeat; background-color: #F2F2F2; } 
.hlavicka1-4 { background: url("images/3rada_d-4.jpg") no-repeat; background-color: #FCFCFC; } 
.hlavicka2-4 { background: url("images/4rada_d-4.jpg") no-repeat; background-color: #F2F2F2; } 

.hlavicka1-1sk { background: url("images/3rada_d-1sk.jpg") no-repeat; background-color: #FCFCFC; }
.hlavicka2-1sk { background: url("images/4rada_d-1sk.jpg") no-repeat; background-color: #F2F2F2; } 
.hlavicka1-2sk { background: url("images/3rada_d-2sk.jpg") no-repeat; background-color: #FCFCFC; } 
.hlavicka2-2sk { background: url("images/4rada_d-2sk.jpg") no-repeat; background-color: #F2F2F2; } 
.hlavicka1-3sk { background: url("images/3rada_d-3sk.jpg") no-repeat; background-color: #FCFCFC; } 
.hlavicka2-3sk { background: url("images/4rada_d-3sk.jpg") no-repeat; background-color: #F2F2F2; } 
.hlavicka1-4sk { background: url("images/3rada_d-4sk.jpg") no-repeat; background-color: #FCFCFC; } 
.hlavicka2-4sk { background: url("images/4rada_d-4sk.jpg") no-repeat; background-color: #F2F2F2; } 




/* TEXTY A MENU */

.pismo { font-family: Arial; font-size: 80%; color: #3E3E3E; }
.pismo-bile { font-family: Arial; font-size: 80%; color: #FFFFFF; }
.pismo-cervene { font-family: Arial; font-size: 120%; color: #B42020; font-weight: bold; }
.pismo2 { font-family: Arial; font-size: 70%; }
.pismo3 { font-family: Arial; font-size: 110%; }
.pismo4 { font-family: Arial; font-size: 70%; color: #303030; }
.pismo5 { font-size: 85%; }
.nadpis { font-family: Arial; font-size: 14px; color: #8D8D8D; }
.nadpis2 { font-family: Arial; font-size: 15px; color: #D89306; font-weight: bold; }
H2 { font-family: Arial; font-size: 15px; color: #8D8D8D; font-weight: bold; margin: 0px; }
H3 { font-family: Arial; font-size: 17px; color: #8D8D8D; font-weight: bold; margin: 0px; padding-top: 5px; padding-bottom: 5px; }
.menu { font-family: Arial; font-size: 14px; color: #FFFFFF; text-decoration: none; }
.menu2 { font-family: Arial; font-size: 11px;  color: #000000; text-decoration: none; }
.najit { font-family: Verdana,Arial; font-size: 11px; color: #FFFFFF; }
.input { font-size: 10px; border: 1 solid #000000; width: 125px; }
.input2 { font-size: 10px; border: 1 solid #000000; width: 150px; }
.input3 { background-color: #F2F2F2; }
.submit { font-size: 10px; border: 1 solid #000000; color: white; background-color: #000000; }
.paticka { font-family: Arial; font-size: 11px; color: #8D8D8D; }
.hlavicka1 { background: url("images/3rada_d_high.jpg") no-repeat; background-color: #FCFCFC; }  
.hlavicka2 { background: url("images/4rada_d_high.jpg") no-repeat; background-color: #F2F2F2; }  
A.menu-odkaz { display: block; width: 100%; border-bottom: 2px solid #F2F2F2; padding: 2px 3px 3px 20px; background-color: #E0E0E0; font-family: Arial; font-size: 11px; color: #000000; font-weight: bold; text-decoration: none; }
A.menu-odkaz:hover { background-color: #00B1E9; color: #FFFFFF; text-decoration: none; }
A.menu-odkaz-sipka { display: block; width: 100%; border-bottom: 2px solid #F2F2F2; padding: 2px 3px 3px 20px; background: url("images/menu_pozadi.gif"); background-color: #E0E0E0; font-family: Arial; font-size: 11px; color: #000000; font-weight: bold; text-decoration: none; }
A.menu-odkaz-sipka:hover { background: url("images/menu_pozadi_x.gif"); background-color: #00B1E9; color: #FFFFFF; text-decoration: none; } 
.nadpis-lista { font-family: Verdana,Arial; font-size: 11px; font-weight: bold; color: #FFFFFF; padding: 4px 5px 4px 10px; background: url("images/nadpis2_pozadi.jpg") no-repeat; background-color: #FFFFFF; height: 22px; }
.nadpis-lista-tisk { font-family: Verdana,Arial; font-size: 120%; font-weight: bold; color: #000000; }

ul li { margin: 4px; list-style-type: square; }
.fotky IMG { border: 1px solid #1387AC; }
.fotka { border: 1px solid #1387AC; }

.prodejci-mesto { padding-bottom: 4px; font-size: 11px; color: #848484; letter-spacing: 1px; }



/* KONTAKTY */

.kontakty-tbl { padding: 0px; margin: 0px; width: 100%; border-collapse: collapse; }
.kontakty-tbl td { padding: 5px; margin: 0px; border: 1px solid #FFFFFF; }
.kontakty-tbl-sirka { padding: 0px; margin: 0px; border-collapse: collapse; }
.kontakty-tbl-sirka td { padding: 5px; margin: 0px; border: 1px solid #FFFFFF; }
.kontakty-tbl-sv { background-color: #EAD6BE; }
.kontakty-tbl-tm { background-color: #E1C5A5; }
.kontakty-tbl-bila { background-color: #FFFFFF; }
.kontakty-tbl-zluta { background-color: #F7EACC; }
.kontakty-tbl-vinova { background-color: #E3D4DF; }
.kontakty-tbl-modra { background-color: #DAF0EF; }
.kontakty-tbl-cervena { background-color: #FCC9C2; }
.kontakty-tbl-zelena { background-color: #D5FCC2; }
.kontakty-box { background-image: url("images/ikona_napoveda.gif"); background-repeat: no-repeat; background-color: #EAD6BE; padding: 8px; padding-left: 30px; margin-bottom: 5px; width: 180px; }
.kontakty-box-dalsi { background-image: url("images/ikona_napoveda.gif"); background-repeat: no-repeat; padding: 8px; padding-left: 30px; margin-bottom: 5px; }
.tbl-pismo { font-family: Arial; font-size: 80%; color: #3E3E3E; }
.tbl-pismo-stred { padding: 6px; text-align: center; }
.kontakty-box1 { background-image: url("images/ikona_napoveda.gif"); background-repeat: no-repeat; background-color: #EAD6BE; padding: 8px; padding-left: 30px; margin: 0px auto; width: 450px; }
.kontakty-box2 { background-image: url("images/ikona_napoveda.gif"); background-repeat: no-repeat; background-color: #EAD6BE; padding: 8px; padding-left: 30px; margin: 0px auto; width: 300px; }
.kontakty-adresa-bunka { width: 300px; font-size: 12px; }
.tbl-pismo-sirka { padding: 6px; text-align: left; width: 250px; font-size: 12px; }
.pismo-male { font-size: 11px; }



/* FOTOGALERIE NÁHLEDY */

.fotky { text-align: center; }
.fotky IMG { border: 1px solid #D5D5D5; margin: 4px; padding: 8px; }
.fotky-media IMG { border: 1px solid #D5D5D5; margin: 3px; padding: 6px; }
.fotka { border: 1px solid #D5D5D5; margin: 3px; padding: 8px; }
.fotka-akce { border: 1px solid #D5D5D5; margin: 3px; }
.fotka-sortiment { border: 1px solid #D5D5D5; margin: 3px; padding: 10px; }
.fotka-vpravo { text-align: right; }
.foto-vlevo { float: left; padding: 20px; }
.foto-vpravo { float: right; padding: 20px; }
.foto-stred { text-align: center; padding: 20px; }



/* FOTOGALERIE */

#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(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: #000; }