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

html, body  { font-size: 11px; font-family: Tahoma, Arial, sans-serif; 
	  text-align: center; color: #f0f0f0; margin: 0 auto; padding: 0;
	  background-color: #000 }
          
img	{ border: 0 }

*	{ margin: 0; padding: 0 }

a	{ color: #f00; text-decoration: underline }
a:hover	{ color: #ff0; text-decoration: underline }

	


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

.mensi	{ font-size: 9px }
.male	{ font-size: 10px }
.vetsi	{ font-size: 14px }
.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 }

.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 }

.prvni_rad_fikt { width: 1px; height: 1px; line-height: 1px; font-size: 1px;
		  background-color: transparent }



.lista	  { height: 40px; margin-bottom: 10px }

.lista_l  { float: left; width: 120px; height: 31px; 
	    font-size: 13px; font-weight: bold; padding: 9px 0 0 15px;
	    background: url('./img/poz_lista.png') left top repeat-x }

.lista_roh_p { float: left; width: 65px }

.lista_p  { float: right; width: 498px; height: 31px;
	    position: relative; right: -1px;
	    font-size: 13px; font-weight: bold; padding-top: 9px;
	    background: url('./img/poz_lista.png') left top repeat-x }

.lista_roh_l { float: right; position: relative; right: -1px; width: 65px }



.tlacitko { width: 105px; height: 26px; font-size: 110%; font-weight: bold;
	  margin: 6px; text-align: center;
	  background: url('./img/poz_tlac_n.gif') transparent center center no-repeat }

.tlacitko:hover, .tlacitko.hover
	{ background: url('./img/poz_tlac_a.gif') }

.tlacitko a 
	{ color: #fff; line-height: 20px; 
	  padding: 5px 32px 4px 18px; text-decoration: none }

.tlacitko a:hover
	{ color: #fff; text-decoration: none }



.zpet 		{ height: 23px; font-size: 110%; font-weight: bold;
		  margin: 25px 35px 5px 20px }

.zpet a		{ color: #fff; text-decoration: none }
.zpet a:hover, .zpet a .zp_text:hover
		{ color: #ff0; text-decoration: none; cursor: pointer }

.zpet a img	 { float: left; line-height: 23px }
.zpet a .zp_text { float: left; line-height: 15px; padding: 4px  }






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

#sirka { position: relative; width: 800px; height: auto;
	 text-align: left;
	 background: url('./img/poz_tmave.jpg') #000 center center }

#horni { height: 228px; 
	 background: url('./img/poz_horni.jpg') #000 center center }

#levy { float: left; width: 218px; min-height: 300px; margin-bottom: 20px;
	border-right: 1px solid #999; background: transparent }

#pravy { float: left; position: relative; left: -1px; width: 565px; 
	min-height: 300px; margin-bottom: 20px; padding-left: 15px;
	border-left: 1px solid #999; background: transparent }


#dolni1 { height: 36px; text-align: center; line-height: 18px;
	  font-weight: bold; padding-top: 15px; 
	  background: url('./img/poz_dolni1.jpg') #f00 center center }

#dolni2 { height: 27px; text-align: center; line-height: 16px;
	  padding-top: 9px;
	  background: url('./img/poz_dolni2.jpg') #bbb center center }


#p_vlozeny_index   
	{ height: 220px; position: relative; right: -1px; 
	  background: url('./img/poz_roh_p.jpg') transparent top right no-repeat }

#p_vlozeny   
	{ height: 120px; position: relative; right: -1px; 
	  background: url('./img/poz_roh_p.jpg') transparent top right no-repeat }

#sir_okraj1  { border: 1px solid #f0f0f0 }
#sir_okraj2  { border: 1px solid #ccc }
#sir_okraj3  { border: 1px solid #999 }
#sir_okraj4  { width: 806px; margin: 5px auto; border: 1px solid #666 }





/* ---- 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: 12px; color: #000; padding: 1px 3px; 
	  border-color : #aaa; background-color: #aaa; font-weight: bold;
	  text-align: center }

.tlac_vyhl
	{ width: auto; font-size: 12px; color: #fff; font-weight: bold;
	  padding: 1px 10px; border-color: #e89d9d #8f1616 #8f1616 #e89d9d;
	  background-color: #c62929;
	  text-align: center }

.disabled  { border-color: #ccc; background-color: #ccc }

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

select option { padding: 0 3px }





/* ---  HORNI - cast  --- */

.h_menu	{ font-size: 12px; font-weight: bold;
	  padding: 122px 5px 20px 460px }

.h_menu a
	{ color: #fff; line-height: 26px; padding: 6px 12px; text-decoration: none }

.h_menu a:hover
	{ color: #000; text-decoration: none }




/* ---  LEVA - cast  --- */

.l_clanek	{ margin: 15px 10px; border-bottom: 1px solid #000 }
.l_cl_foto	{ float: left; width: 60px; height: 60px; margin-top: 2px;
		 background-color: #aaa }
.l_cl_text	{ float: left; width: 110px; margin: 5px 0 0 10px }

.l_cl_nadpis	{ float: left; width: 110px; font-size: 120%;
		  font-weight: bold; margin-left: 10px }
.l_cl_nadpis a		{ text-decoration: none }
.l_cl_nadpis a:hover	{ text-decoration: none }






/* ---  PRAVA - cast  --- */

#pravy p   { text-align: justify; margin: 15px 35px 15px 20px }
#pravy hr  { clear: both; visibility: hidden; margin: 1px }

#pravy .p_uvod p { text-align: justify; margin: 1px 27px 1px 5px }


.p_nadpis  { font-size: 20px; font-weight: bold;
	     padding: 50px 20px 25px 10px }

.p_nadpis2  { font-size: 20px; font-weight: bold;
	     padding: 30px 20px 25px 20px }


	/* ... uvodni strana (index) ... */

.p_clanek, .p_clanek_posl
	{ float: left; margin: 10px 10px; padding: 0 23px 0 3px;
	  border-right: 1px solid #999; border-bottom: 1px solid #000 }

.p_clanek_posl
	{ border-right: none; padding-right: 0; }


.p_cl_foto	{ width: 145px; height: 71px; margin-top: 2px;
		 background-color: #aaa }
.p_cl_text	{ width: 135px; height: 100px; margin: 5px }

.p_cl_nadpis	{ width: 135px; font-size: 120%;  
		  font-weight: bold; margin: 7px 0 0 5px }
.p_cl_nadpis a		{ color: #fff; text-decoration: none }
.p_cl_nadpis a:hover	{ color: #ff0; text-decoration: none }
.p_cl_odsaz	{ margin-left: 28px }


.p_uvod		{ margin: 0 10px 20px 15px; border-bottom: 1px solid transparent }
.p_uv_foto	{ float: left; width: 180px; height: 128px; 
		  margin: 2px 0 15px 0; background-color: #aaa }

.p_uv_text	{ float: left; width: 330px; margin: 25px 0 0 15px }
.p_uv_odsaz	{ margin-left: 200px }


	/* ... obrazky (v dalsi vrstve !!!) ... */

#vo	{ position: absolute;  
	  width: auto; top: 50px; left: -100px; z-index: -1;
	  border: 2px solid #999; padding: 2px; background: #000 }

#vo_popis { padding: 3px; text-align: center; color: #000;
	    background-color: #ccc }

#vo_odkazy  { margin: 3px 4px 10px 0; text-align: right }
#vo_ramecek { margin: 12px 2px 12px 15px }
#id_popis_obr { width: 400px; text-align: center; border: none;
		background-color: transparent }


	/* ... o nas ... */

.p_obr_onas	{ text-align: center; margin: 35px 37px 30px 20px }



	/* ... odkazy ... */

.p_odk_nadpis	{ font-size: 120%; font-weight: bold; margin: 20px 10px 15px 23px }
.p_odkazy	{ margin: 10px 10px 20px 15px; border-bottom: 1px dotted #000  }
.p_odk_foto	{ float: left; width: 145px; height: 71px; background-color: #aaa }
.p_odk_popis    { float: left; width: 300px; 
		  font-size: 125%; padding: 26px 0 0 30px }


	/* ... aparaty ... */

.p_ap_nadpis	{ font-size: 120%; font-weight: bold; margin: 20px 10px 15px 23px }
.p_aparaty	{ margin: 10px 10px 20px 15px; border-bottom: 1px dotted #000 }
.p_ap_foto	{ float: left; width: 145px; height: 108px; background-color: #aaa }
.p_ap_popis	{ float: left; width: 300px; 
		  font-size: 125%; padding: 30px 0 2px 30px }
.p_ap_detail	{ float: left; width: 300px; padding: 2px 0 0 30px }


	/* ... aparaty - detail ... */

.p_ap_nastroj	{ width: 540px; min-height: 360px; margin: 10px 0 0 15px }

.p_ap_obr	{ float: left; width: 260px; height: 640px; 
		  border: 1px solid #fff; background-color: #8e8e8e }

.p_ap_obrr	{ float: left; width: 260px; height: 640px; 
		  border: 1px solid #fff; background-color: #000 }

.p_ap_obrrr	{ float: left; width: 200px; height: 200px; 
		  border: 1px solid #fff; background-color: #000 }

.p_ap_nazev	{ float: right; width: 240px; font-size: 140%; margin: 0 8px 0; font-weight: bold; color: #eee }
.p_ap_osoba	{ float: right; width: 240px; font-size: 120%; margin: 8px 8px 0; color: #eee }
.p_ap_text	{ float: right; width: 240px; margin: 8px 8px 0; color: #eee }


.p_ap_text ul	{ margin-left: 18px }



	/* ... kontakt ... */

.p_kontakt	{ font-size: 120%; margin: 5px 10px 30px 15px }
.p_kont_jmeno	{ color: #cf2c27; font-weight: bold }
.p_kont_tel	{  }
.p_kont_mail a		{ color: #eee937 }
.p_kont_mail a:hover	{ color: #f00 }



	/* ... kapela ... */

.p_kapela	{ margin: 10px 10px 30px 15px; border-bottom: 1px dotted #000  }
.p_kap_foto	{ float: left; width: 108px; height: 145px; 
		  margin-right: 20px; background-color: #aaa }
.p_kap_jmeno	{ float: left; width: 280px; font-weight: bold;
		  font-size: 125%; padding: 45px 0 4px }
.p_kap_popis	{ float: left; width: 280px; font-size: 120%; }
.p_kap_vice	{ float: left; width: 280px; padding-left: 120px }


	/* ... kapela - detail ... */

.p_kap_clen	{ width: 540px; min-height: 360px; margin: 10px 0 0 15px }

.p_kap_radek	{ font-size: 120%; margin: 8px 8px 0 270px }

.p_kap_radek .sl1	{ color: #f00 }
.p_kap_radek .sl2	{ color: #ddd; /* font-weight: bold */ }


	/* ... stazeni (seznam jako "kalendar akci") ... */

.p_stahni	{ margin: 0px 10px 15px 15px }
.p_stah_obr	{ float: left; width: 33px; height: 32px; 
		  margin-right: 20px; background-color: #aaa }
.p_stah_odkaz	{ float: left; width: 300px; font-weight: bold;
		  font-size: 125%; padding: 8px 0 2px }

.p_stah_anketa	{ margin: 40px 10px 30px 65px }



	/* ... novinky ... */

.p_nov_nadpis	{ font-weight: bold; font-size: 125%;
		margin: 5px 10px 15px 15px }

.p_nov_text	{ text-align: justify; margin: 15px 25px 10px 15px }

.p_nov_fotky	{ margin: 20px 10px 25px 15px }
.p_nov_foto	{ float: left; width: 145px; height: 71px; margin: 8px }


	/* ... kalendar akci ... */

.p_akce		{ margin: 5px 10px 15px 15px;
		  border-bottom: 1px solid #555 }

.p_akc_datum	{ float: left; width: 80px; margin: 6px 10px 8px 0 }
.p_akc_cas	{ float: left; width: 80px; margin: 1px 10px 8px 0 }

.p_akc_nadpis	{ float: left; width: 250px; font-weight: bold; 
		  font-size: 125%; margin: 2px 10px 8px 5px }

.p_akc_text	{ float: left; width: 400px; text-align: justify; margin: 1px 25px 12px 5px }
/* .p_akc_text	{ text-align: justify; margin: 1px 25px 12px 15px } */
.p_akc_tlac	{ float: left; width: 100px; margin-top: -5px }




	/* ... fotobanka (seznam jako "kalendar akci") ... */

.p_fot_nadpis	{ font-weight: bold; font-size: 125%;
		margin: 5px 10px 15px 15px }

.p_fot_fotky	{ margin: 0 10px 10px 25px; border-bottom: 1px dotted #000 }
.p_fot_foto	{ float: left; width: 145px; height: 71px; margin: 10px }





/* ---  DOLNI - cast  --- */

#dolni1 a
	{ color: #fff; padding: 3px 12px; text-decoration: none }

#dolni1 a:hover
	{ color: #000; text-decoration: none }