
/* --- Zakladni definice tagu --- */

html, body  { font-size: 12px; font-family: Tahoma, Arial, sans-serif; 
	  text-align: center; color: #340d71; margin: 0 auto; padding: 0;
	  background-color: #0093dd }
          
img	{ border: 0 }

*	{ margin: 0; padding: 0 }

a	{ color: #340d71; text-decoration: none }
a:hover	{ color: #c00; text-decoration: none }

	


/* --- OBECNE definice --- */

.mensi	{ font-size: 9px }
.male	{ font-size: 10px }
.vetsi	{ font-size: 14px }
.normal	{ font-weight: normal }
.tucne	{ font-weight: bold }
.velke	{ text-transform: uppercase }
.male	{ text-transform: lowercase }

.preskrt  { text-decoration: line-through }
.cervene  { color: #f00 }

.fl_l	  { float: left }
.fl_p	  { float: right }
.fl_kon   { clear: both }
.fl_kon_l { clear: left }
.fl_kon_p { clear: right }

.prvni_rad_fikt { width: 1px; height: 1px; line-height: 1px; font-size: 1px;
		  background-color: transparent }


.doleva { text-align: left }
.doprava { text-align: right }
.center { text-align: center }
.justify { text-align: justify }

.skryte	 { display: none }
.varuj	 { color: #ff3333; font-weight: bold } 
.nenalezeno  { text-align: center; margin: 50px 0 }

.odsaz10	{ height: 10px; line-height: 5px }
.odsaz15	{ height: 15px; line-height: 5px }
.odsaz20	{ height: 20px; line-height: 5px }
.odsaz25	{ height: 25px; line-height: 5px }
.odsaz30	{ height: 30px; line-height: 5px }


.odk_ruzov	{ color: #ee2f72 }

.nadpis { width: 213px; height: 20px; color: #fff; font-size: 120%; 
	  font-weight: bold; text-align: center; 
	  margin: 0px auto 12px; padding: 7px 0px 7px 10px;
	  background: url('./img/poz_nadp.jpg') transparent center center  }

.radek	{ padding: 5px; text-align: left; background-color: transparent }
.radek:hover { background-color: #c6dee9 }
.lichy  { background-color: #fdfc72 }


.zpet	{ margin: 10px 0 0 10px }

.zpet a		{ color: #ee2f72; font-weight: bold; text-decoration: none }
.zpet a:hover	{ color: #c00; text-decoration: none }

.f_nahled	{ width: 100px; height: 75px; background: transparent }
.f_nahledw	{ width: 100px; height: 56px; background: transparent }

/* --- HLAVNI CASTI --- */

#sirka { position: relative; width: 869px; height: auto;
	 text-align: left; 
	 margin: 15px auto 1px; background-color: transparent }

#horni	{ height: 315px; background-color: #fffcc7 }

#h_menu { display: block; position: absolute; top: 271px; left: 98px; 
	  height: 20px; width: 673px; font-weight: bold; 
	  text-align: left; background-color: #ee2f72 }

#hlavni { height: auto; min-height: 310px; margin: 0 33px 0 31px;
	  border-left: 3px solid #340d71; border-right: 3px solid #340d71;
	  padding: 1px 0 10px; background-color: #fffcc7 }

#levy	{ width: 67%; float: left; text-align: center;
	  padding: 10px;
	  background-color: transparent }

#pravy	{ width: 27%; float: left; text-align: center;
	  padding: 10px;
	  background-color: transparent }

#dolni { height: 21px; color: #fff; text-align: center; padding: 17px 0 13px;
	 background: url('./img/poz_dolni.gif') transparent center center }




/* ---- FORMULARE - tlacitka, text. pole, ...  ------------- */

.form, .formb, .formc, .formcb
	{ font-family: Tahoma, Arial, "MS Sans Serif", sans-serif; 
	  width: auto; font-size: 12px; color: #000; padding: 1px; 
	  border-color: #ddd #bbb #bbb #ddd; 
	  background-color: #fff; text-align: left }

.formb, .formcb
	{ font-weight: bold }

.formc, .formcb
	{ text-align: right }


.tlac, .tlacm
	{ width: auto; font-size: 11px; color: #fff; padding: 1px 3px; 
	  border-color : #ee2f72; background-color: #ee2f72; font-weight: bold;
	  text-align: center }


.disabled  { border-color: #ccc; background-color: #ccc }

.tlacm	{ font-size: 10px; padding: 1px }

select option { padding: 0 3px }




/* --- HORNI obrazek --- */

#hlav01	{ float: left; width: 334px; height: 269px }
#hlav02	{ float: left; width: 208px; height: 269px }
#hlav03 { float: left; width: 327px; height: 269px }
#hlav04 { float: left; width: 98px; height: 46px }
#hlav05 { float: left; width: 673px; height: 24px }
#hlav06 { float: left; width: 98px; height: 46px }





/* --- HORNI MENU --- */

#h_menu ul
	{ display: block; position: relative; top: 0px;
	  height: 20px; padding-left: 6px;
	  text-align: center; background-color: transparent }


#h_menu ul li
	{ display: block; float: left; height: 20px; line-height: 20px;
	  text-align: center; margin-right: 3px  }

#h_menu ul li a		{ color: #fff; padding: 3px 16px; text-decoration: none }
#h_menu ul li a:hover	{ background-color: #340d71; text-decoration: none }

#h_menu ul .aktivni a	{ color: #fff; background-color: #340d71 }




/* --- HLAVNI CAST --- */

#hlavni #sl1, #hlavni #sl2
	{ float: left; width: 383px; margin: 8px }

#hlavni #sl1_sirs	{ float: left; width: 573px; margin: 8px; padding: 5px }
#hlavni #sl2_uzs	{ float: left; width: 183px; margin: 8px }

#hlavni p	{ text-align: justify; margin: 5px 0 10px }




/* --- PRAVA CAST (obecne definice )--- */

#pravy a	{ text-decoration: underline }
#pravy a:hover	{ text-decoration: none }

#pravy .akce_datum, #pravy .foto_datum, #pravy .dokum_datum
	{ font-size: 90% }

#pravy .akce_nazev, #pravy .foto_nazev, #pravy .dokum_popis
	{ color: #ab8f66; font-weight: bold  }

#pravy .dokum_ico { float: right; width: 20px; margin-top: 5px }


#pravy .dalsi_info { margin: 10px 15px 0 0 }

#pravy .dalsi_info a	{ color: #ee2f72; font-weight: bold; text-decoration: none }
#pravy .dalsi_info a:hover	{ color: #c00; text-decoration: none }




 /* ... UVODNI strana / Novinky ... */

.nov_nadpis	{ float: left; font-size: 115%; font-weight: bold; margin-left: 5px }
.nov_datum	{ float: right; margin-right: 5px }
.nov_popis	{ font-size: 98%; margin: 1px 0 4px; padding: 4px 5px 0;
		  min-height: 1%; border-top: 1px solid #777; }

.nov_odkaz	{ float: left; font-weight: bold; margin-left: 5px }
.nov_cele	{ float: right; font-weight: bold; margin-right: 5px }

.nov_odkaz a, .nov_cele	a	{ color: #ee2f72 }
.nov_odkaz a:hover, .nov_cele a:hover	{ color: #c00 }

.nov_foto	{ margin: 0 auto }

.nov_foto a .f_nahled, .nov_foto a .f_nahledw
	{ float: left; margin: 7px 15px 10px; padding: 1px; cursor: pointer;
	  border: 1px solid #6d568e }

.nov_foto a:hover .f_nahled, .nov_foto a:hover .f_nahledw
	{ border: 1px solid #ee2f72 }



 /* ... Novinka ... */

#novinka { margin: 0 15px 15px }

#novinka .nov_vlevo { float: left; width: 400px }

#novinka .nov_nazev	{ float: left; width: 300px; font-weight: bold }
#novinka .nov_datum	{ float: right; width: 70px }
#novinka .nov_popis	{ min-height: 1%; font-size: 98%; text-align: justify;
			  margin: 0 0 10px; padding: 4px 5px 0 5px }

#nov_fotky 	 { float: right; width: 340px; margin: 0 10px }

#nov_fotky a .f_nahled, #nov_fotky a .f_nahledw
	 { float: left; padding: 1px; border: 1px solid #6d568e; 
	   margin: 0 5px 5px 0; cursor: pointer }

#nov_fotky a:hover .f_nahled, #nov_fotky a:hover .f_nahledw
	 { border: 1px solid #ee2f72 }



 /* ... O nas ... */

#o_nas { margin: 0 20px 15px }

#o_nas img { float: left; padding: 1px; border: 1px solid #6d568e; 
	   margin: 0 33px 5px }



 /* ... Dokumenty ... */

.dok_datum	{ float: left; width: 80px; margin-left: 5px }
.dok_popis	{ float: left; width: 250px; font-weight: bold }
.dok_typ	{ float: left; width: 30px }

.dok_popis a		{ text-decoration: underline }
.dok_popis a:hover	{ text-decoration: none }

.dok_form	{ text-align: center; margin: -5px 0px 5px 15px }


 /* ... Akce ... */

#akce		{ margin: 0 15px }

.hlav_radek	{ padding: 0 5px 0; border-bottom: 1px solid #340d71 }
.hlavicka	{ font-weight: bold }

#akce .akce_datum	{ float: left; width: 75px; text-align: center }
#akce .akce_cas		{ float: left; width: 120px; text-align: center }
#akce .akce_popis	{ float: left; width: 290px; text-align: justify; padding: 0 10px }
#akce .akce_cena	{ float: left; width: 160px; text-align: center }
#akce .akce_ico		{ float: left; width: 80px; text-align: center }

#akce a		{ text-decoration: underline }
#akce a:hover	{ text-decoration: none }




 /* ... KONTAKT ... */

#kontakt_info p { line-height: 140%; font-weight: bold; text-align: center }




 /* ... FOTOGALERIE ... */

#fotogal	{ margin: 0 15px 15px }

#fotogal .fg_datum	{ float: left; width: 80px }
#fotogal .fg_nazev	{ float: left; width: 320px; font-weight: bold }
#fotogal .fg_popis	{ float: left; width: 390px; font-size: 98%; margin-top: 1px; padding: 4px 5px 0 }
#fotogal .fg_fotky	{ float: right; width: 350px; font-weight: bold; text-align: center }

#fotogal a		{ text-decoration: underline }
#fotogal a:hover	{ text-decoration: none }

.fg_fotky .f_nahled, .fg_fotky .f_nahledw
	{ margin: 0 5px; padding: 1px; cursor: pointer; border: 1px solid #6d568e }

.fg_foto 	{ float: left; padding: 1px; border: 1px solid #b69b76 }
a:hover .f_nahled, a:hover .f_nahledw
	{ border: 1px solid #ee2f72 }




 /* ... FOTKY ... */

#foto	{ margin: 0 15px 15px }

#foto .foto_vlevo { float: left; width: 400px }

#foto .foto_nazev	{ float: left; width: 300px; font-weight: bold }
#foto .foto_datum	{ float: right; width: 70px }
#foto .foto_popis	{ font-size: 98%; text-align: justify;
			  margin: 0 0 10px; padding: 4px 5px 0 0 }

#fotky		{ float: right; width: 340px; margin: 0 10px }

#fotky a .f_nahled, #fotky a .f_nahledw
	{ float: left; padding: 1px; border: 1px solid #6d568e; 
	  margin: 0 5px 5px 0; cursor: pointer }

#fotky a:hover .f_nahled, #fotky a:hover .f_nahledw
	 { border: 1px solid #ee2f72 }



 /* ... OBRAZKY / FOTO (v dalsi vrstve !!!) ... */

#vo	{ position: static; width: auto; top: 20px; left: 60px; z-index: -1;
	  border: 2px solid #6d568e; margin: 5px 0 5px 80px;
	  padding: 0px; background: #fff }

#vo_popis
	{ width: auto; padding: 3px; text-align: center; color: #000;
	  background-color: #0093dd }

#vo_ramecek { margin: 14px 2px 12px 15px; background-color: #fff }

#id_popis_obr { width: 10em; text-align: center; border: none; color: #fff;
		height: 16px; margin: 2px 0; background-color: transparent }



 /* ... FOTOGALERIE - OBRAZKY / FOTO (v dalsi vrstve !!!) ... */

#fg_vo
	{ position: absolute; width: auto; top: 314px; left: 120px;
	  z-index: -1; border: 2px solid #ab8f66; padding: 5px; background: #fff }




