/* --- Zakladni definice tagu --- */

html, body  { font-size: 12px; font-family: Verdana, Tahoma, Arial, "MS Sans Serif", sans-serif; 
	  margin: 0 auto; padding: 0; text-align: center; 
	  background: url('./img/poz_hlav315.png') #eee }
          
img	{ border: 0 }

*	{ margin: 0; padding: 0 }

a	{ color: #0089a0; text-decoration: underline }
a:hover	{ color: #b11f1f; text-decoration: underline }

	

/* --- OBECNE definice --- */

.fl_kon   { clear: both }
.fl_kon_l { clear: left }
.fl_kon_p { clear: right }

.mensi	{ font-size: 9px }
.mensi10 { font-size: 10px }
.mensi11 { font-size: 11px }

.vetsi	{ font-size: 14px }
.tucne	{ font-weight: bold }
.center { text-align: center }
.podtrh { text-decoration: underline }

.ne_tisk { color: #fff }
.ne_zobr { display: none }

.tisk_zn { vertical-align: middle; margin: 0 3px }



/* --- HLAVNI CASTI --- */

#sirka { position: relative; width: 770px; margin: 0 auto 0 auto;
	 padding: 18px 0 18px 0; text-align: left; 
	 background-color: transparent }

#hlavicka { height: auto }


#menu_l { float: left; width: 157px; height: 350px; 
	  margin: 15px 7px 0 0;
	  border: 1px solid #c0c0c0;
	  background: url('./img/poz_lmenu.png') #fff no-repeat center bottom }

#hlavni	{ float: right; width: 557px; min-height: 320px; margin: 15px 0 0 7px;
	  padding: 15px 15px 40px 15px; border: 1px solid #c0c0c0; 
	  background: url('./img/poz_prave.png') #fff no-repeat center bottom }



/* ---- FORMULARE - tlacitka, text. pole, ...  ------------- */

.form, .formb
	{ font-family: Tahoma, Arial, "MS Sans Serif", sans-serif; 
	  width: 250px; font-size: 12px; 
	  color: #000; padding: 1px;
	  border-color: #ddd #bbb #bbb #ddd; 
	  background-color: #fff; text-align: left }

.formb	{ font-weight: bold }
.tlac, .tlacm
	{ font-size: 12px; color: #fff; padding: 1px 5px; 
	  border-color: #31899f; background-color: #31899f;
	  text-align: center }

.tlacm	{ font-size: 10px; padding: 1px }

.frm_tlacitka   { text-align: center; margin-top: 10px }

.frm_odesl_ok   { color: #6b3ec6; font-weight: bold; margin: 15px }

#hlavni .nutno_vypl { color: #d00; font-weight: bold; 
			margin-left: 1px; vertical-align: top }


.frm_hlavni, .frm_hlavni2   { margin: 8px }

#hlavni .frm_sl1, #hlavni .frm_sl2, #hlavni .frm_sl3
	{ float: left; width: 170px; height: auto; margin: 2px 0 }

#hlavni .frm_sl2  { width: 280px; margin-left: 10px }
#hlavni .frm_sl3  { width: 63px; margin-left: 10px }

#hlavni .frm_hlavni2 .frm_sl2  { width: 235px; font-weight: bold }
#hlavni .frm_hlavni2 .frm_sl3  { width: 110px; margin-left: 10px }

#hlavni .frm_hlavni2 .fl_kon_l  { border-bottom: 1px solid #ddd }


#hlavni select  { position: absolute; width: 63px }

#hlavni select:focus, #hlavni select.focus
		{ position: absolute; width: 245px }

#hlavni select option { width: 225px }

.poz_cyan2  { background-color: #e9f9f9 }




/* --- MENU - leve --- */

#menu_l ul { font-size: 11px; list-style: none; padding: 0 1px }

#menu_l li { font-weight: bolder; margin-top: 1px; line-height: 20px; }

#menu_l li a  { color: #0089a0; text-decoration: none; padding: 3px 8px 4px 5px;
		line-height: 20px; border-left: 1px solid #fff;
		background-color: transparent }

	/* --- tmavsi podklad ... ---- */
#menu_l li a:hover { color: #fff; text-decoration: none; 
		     line-height: 20px; background-color: #40a7ba }	


#menu_l ul li:hover, #menu_l ul .mn_akt,
				/* reseni pro IE ... */
 #menu_l ul li.hover 
	   	{ color: #fff; background-color: #40a7ba }

#menu_l ul li:hover a,#menu_l ul li.hover a,
#menu_l .mn_akt a  { color: #fff }



	/* --- svetlejsi podklad ... ----
/*
#menu_l li a:hover { color: #000; text-decoration: none; 
		     line-height: 20px; background-color: #e8fbfd }	


#menu_l ul li:hover, #menu_l ul .mn_akt,
*/				/* reseni pro IE ... */
/* #menu_l ul li.hover 
	   	{ color: #000; background-color: #e8fbfd }

#menu_l .mn_akt a  { color: #000 }

 */



.bod0, .bod1, .bod2, .bod3, .bod4, .bod5, .bod6,
 .bodc, .bodm, .body, .bodk
	{ float: left; width: 18px; height: 18px; border: 1px solid #aaa }

.bodc	{ background-color: cyan }
.bodm	{ background-color: magenta }
.body	{ background-color: yellow }
.bodk	{ background-color: #000 }

.bod6	{ background-color: #222 }
.bod5	{ background-color: #444 }
.bod4	{ background-color: #666 }
.bod3	{ background-color: #999 }
.bod2	{ background-color: #bbb }
.bod1	{ background-color: #ddd }
.bod0	{ background-color: #fff }


.vlajka { font-size: 10px; font-weight: bold;
	  vertical-align: middle; margin: 18px 0 0 8px }

.vlajka a { text-decoration: none; }
.vlajka img { position: relative; top: 3px }


/* --- HLAVNI cast - texty, ... --- */

#hlavni h3    { font-size: 16px; font-weight: bold;
		text-align: right; margin: 0 0 20px 0; padding: 5px 14px;
		background: url('./img/pruh_prech.jpg') no-repeat right }
		  
#hlavni p	{ text-align: justify; margin: 5px 0 15px 0 }

#hlavni ul li	{ margin: 19px; padding-left: 8px; text-align: justify }




/* --- ... Hlavni: NABIDKA --- */

#hlavni .nabidka   { margin: 10px 8px 20px 8px }

#hlavni .nab_nadp   { font-weight: bold }
#hlavni .nab_nadp a 	   { text-decoration: none }
#hlavni .nab_nadp a:hover  { text-decoration: none }

#hlavni .nab_telo   { line-height: 130%; margin-top: 3px; padding-top: 0;
			border-top: 1px solid #c5e3e8 }

#hlavni .nab_telo p  { margin-top: 2px }



/* --- ... Hlavni: HLAVNI STRANA --- */

#hlavni .aktual   { margin: 10px 8px 20px 8px; border-top: 1px solid #fff }

#hlavni .akt_obr	{ float: right;	width: 110px  }
#hlavni .akt_obr img	{ margin: 1px 0 8px 8px; padding: 1px; 
			  border: 1px solid #c5e3e8; background-color: #fff  }

#hlavni .akt_titulek	{ font-weight: bolder; border-bottom: 1px solid #c5e3e8;
			  margin-bottom: 2px; padding-bottom: 2px }

#hlavni .akt_datum      { color: #888; font-size: 11px; margin: 2px 0 6px 0px }
#hlavni .akt_zprava	{ color: #555; text-align: justify; line-height: 130% }



/* --- ... Hlavni: KE STAZENI --- */

#hlavni .dokument   { margin: 10px 8px 20px 8px }

#hlavni .dok_soub	{ float: right;	width: 220px; height: 29px;
			  text-align: right }

#hlavni .dok_nazev	{ font-weight: bold; height: 16px; margin-top: 3px }

#hlavni .dok_popis	{ color: #555; text-align: justify; line-height: 130%; margin-top: 3px }


/* --- ... Hlavni: KONTAKTY --- */

#hlavni .kontakt	{ margin: 4px }
#hlavni .kon_funkce	{ font-weight: bold; margin-bottom: 4px; padding-bottom: 2px;
			  margin-top: 30px;
			  border-bottom: 1px solid #c5e3e8 }

#hlavni .kon_jmeno	{ float: right;	width: 190px; margin-right: 5px;
			  color: #888; font-weight: bold }

#hlavni .kon_tel	{ float: right;	width: 120px; margin-right: 5px }

#hlavni .kon_mail	{ float: right;	width: 140px }



#hlavni .otevreno	{ width: 350px; margin: 40px 8px 30px 100px }

#hlavni .otevreno .prov_doba 
	{ font-weight: bold; margin: 0 0 6px 3px }

#hlavni .otevreno .sl1	{ float: left; width: 100px; margin: 4px 5px 0 4px }

#hlavni .otevreno .sl2, #hlavni .otevreno .sl3
	{ float: left; width: 110px; margin: 4px 5px 0 0;
	  text-align: center }

#hlavni .otevreno .nadpis { color: #000; padding: 2px; font-weight: bold;
			     margin: 0px 1px 0 0; background-color: #c5e3e8 }


/* --- ... Hlavni: ODKAZY --- */

#hlavni .odkaz   { margin: 10px 8px 20px 8px }

#hlavni .odk_nadpis	{ float: left; width: 220px; font-weight: bold;
			  margin-top: 3px }

#hlavni .odk_popis	{ float: left; width: 300px;
			  color: #555; text-align: justify; 
			  line-height: 130%; margin-top: 3px }


/* --- ... Hlavni: KDE NAS NAJDETE --- */

#hlavni .adresa   { width: 260px; margin: 10px 8px 20px 150px }