/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {   
  margin: 0;   
  padding: 0;   
  border: 0;   
  outline: 0;   
  font-size: 100%;   
  vertical-align: baselinebaseline;   
  background: transparent;   
}
ol, ul {   
  list-style: none;   
}
table {   
  border-collapse: collapse;   
  border-spacing: 0;   
}
body{
	font-family: verdana, arial, sans-serif;
	font-size: 0.8em;
	color: #585858;
	background-color: #CC9966;
	background-image: url(podklad.jpg);
  background-position: top left;
  background-repeat: repeat;
	text-align: center;
	line-height: 1.5em;
}
body a:link{
  color: #0169AC;
}
body a:visited{
  color: #0169AC;
}
body a:hover{
  color: red;    
}
body a{  
  text-decoration: none;  
}
#telo_out{
	display: block;	
	width: 958px;
	position: relative;
	margin: 0 auto;	
	text-align: left;
	background-color: white;
	background-image: url(telo.jpg);
  background-position: top left;
  background-repeat: repeat;  
}
#telo_in{
  display: block;
  width: 958px;  
	background-image: url(vrsek.jpg);
  background-position: top left;
  background-repeat: no-repeat;  
}
h1{  
  display: block;
  margin: 40px 0;
  font-size: 1.4em;
  font-weight: normal;
  text-align: center;
  line-height: 1.5em;
}
h2{  
  display: block;
  padding: 20px 0 20px 0;
  clear: both;
  font-size: 1.4em;
  font-weight: normal;
  text-align: center;
}
h3{  
  display: block;
  padding: 20px 0 5px 0;
  clear: both;
  font-size: 1.2em;
  font-weight: normal;
  text-align: center;  
}
.err{
  color: red;
  font-weight: bold;
}
.ok{
  color: blue;  
}
.submit{
  display: block;
  clear: both;  
}
form{
  margin: 0 0 0 15px;
}
label{
  display: block;
  margin: 10px 0 2px 0;
  font-size: 0.8em;
  line-height: 1.2em;
}
p{
  margin: 20px 0;
}

/* Obsah */

#obsah_out{
  display: inline;
  width: 479px;
  float: left;  
}
#obsah_in{
  display: inline;
  width: 359px;
  margin: 90px 0 0 60px;
  padding: 0 0 80px 0;
	float: left; 	
}
.str_kronika_udalost_foto #obsah_in{
  width: 389px;
  margin: 90px 0 0 50px;
}
.str_kronika_edit_foto #obsah_in{
  width: 399px;
  margin: 90px 0 0 40px;
}
.str_kronika_smazat_foto #obsah_in{
  width: 399px;
  margin: 90px 0 0 40px;
}
.str_kronika_smazat_vybrfoto #obsah_in{
  width: 399px;
  margin: 90px 0 0 40px;
}
.str_kronika_pozvanka #obsah_in{
  width: 389px;
  margin: 90px 0 0 50px;
}
#uvod ul{
  list-style-type: disc;
  list-style-position: outside;          
}
#kronika_prihlas_form{
  display: block;
  width: 150px;
  margin: 0 0 0 110px;
  padding: 0 0 110px 0;
  float: left;  
  background-image: url(i_klic.jpg);
  background-position: bottom right;
  background-repeat: no-repeat;
}
#kronika_prihlas_form input{
  display: block;
  margin: 0 0 10px 0;
}
#kronika_udalost_menu{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 958px;
  height: 60px;
  background-image: url(zalozky_podklad.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  float: left;
}
#kronika_udalost_menu ul{
  display: block;
  margin: 20px 0 0 20px;
  float: left;
}
#kronika_udalost_menu li{
  display: block;
  width: 140px;
  height: 40px;  
  background-image: url(zalozka_neakt.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  float: left;
}
#kronika_udalost_menu li.akt{
  background-image: url(zalozka_akt.jpg);
  background-position: top left;
  background-repeat: no-repeat;  
}
#kronika_udalost_menu a{
  display: block;
  position: relative;
  top: 10px;
  left: 10px;  
  width: 120px;
  height: 28px;  
  text-align: center;
}
.kronika_spr_udalosti{
  display: block;
  width: 340px;
  float: left;  
}
.kronika_spr_udalosti li{
  display: block;
  margin: 0 10px 0 0;
  width: 28px;
  height: 32px;
  float: left;  
}
.kronika_spr_udalosti li.kronika_pridat_udalost{
  background-image: url(i_udalost_plus.jpg);
  background-position: top left;
  background-repeat: no-repeat;
}
.kronika_spr_udalosti li.kronika_edit_udalost{
  background-image: url(i_udalost_edit.jpg);
  background-position: top left;
  background-repeat: no-repeat;
}
.kronika_spr_udalosti li.kronika_smazat_udalost{
  background-image: url(i_udalost_minus.jpg);
  background-position: top left;
  background-repeat: no-repeat;
}
.kronika_spr_udalosti a{
  display: block;
  width: 27px;
  height: 32px;
}
.kronika_spr_udalosti span{
  display: none;  
}
.kronika_datum{
  text-align: center;
}
.kronika_plusko{
  display: block;
  position: absolute;
  top: 80px;
  left: 40px;
}
.kronika_plusko span{
  display: none;  
}
.kronika_plus_text{
  display: block;  
  width: 29px;
  height: 35px;
  margin: 0 10px 0 0;
  background-image: url(i_text.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  float: left;  
}
.kronika_plus_text a{
  display: block;  
  width: 29px;
  height: 35px;    
}
.kronika_plus_foto{
  display: block;  
  width: 36px;
  height: 36px;
  margin: 0 10px 0 0;
  background-image: url(i_foto.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  float: left;  
}
.kronika_plus_foto a{
  display: block;  
  width: 36px;
  height: 36px;    
}
.kronika_plus_mapy{
  display: block;  
  width: 32px;
  height: 33px;
  margin: 0 10px 0 0;
  background-image: url(i_mapy.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  float: left;  
}
.kronika_plus_mapy a{
  display: block;  
  width: 32px;
  height: 33px;    
}
.kronika_plus_pozvanka{
  display: block;  
  width: 32px;
  height: 29px;
  background-image: url(i_pozvanka.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  float: left;  
}
.kronika_plus_pozvanka a{
  display: block;  
  width: 32px;
  height: 29px;    
}
.kronika_datumtextu{
  display: none;
}
.kronika_autorbox{
  display: block;
  width: 350px;
  padding: 0 0 40px 0;
  float: left;    
}
.str_kronika_udalost_foto .kronika_autorbox{  
  padding: 0 0 10px 0;    
}
.str_kronika_udalost_mapy .kronika_autorbox{  
  padding: 5px 0 40px 0;    
}
.kronika_autorbox_autor{
  display: block;
  float: left;  
}
.kronika_autorbox_edit{
  display: block;
  width: 20px;
  height: 21px;  
  background-image: url(i_edit.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  float: right;  
}
.kronika_autorbox_edit a{
  display: block;  
  width: 20px;
  height: 21px;    
}
.kronika_autorbox_edit span{
  display: none;
}
.kronika_autorbox_smazat{
  display: block;
  width: 16px;
  height: 17px;
  margin: 0 20px 0 0;
  background-image: url(i_mazat.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  float: right;  
}
.kronika_autorbox_smazat a{
  display: block;  
  width: 16px;
  height: 17px;    
}
.kronika_autorbox_smazat span{
  display: none;
}
.galerie{
  display: block;
  width: 128px;
  height: 130px;
  float: left;
  text-align: center;
  font-size: 0.8em;
  line-height: 1em;
}
.galerie img{
  display: block;
  margin: 0 auto 2px auto;
  border-top: 1px solid white;
  border-left: 1px solid white;
  border-bottom: 1px solid silver;
  border-right: 1px solid silver;
}
.str_kronika_edit_foto .galerie{
  display: block;  
  height: 185px;  
}
.str_kronika_smazat_foto .galerie{
  display: block;  
  height: 135px;  
}
.prehl_reg_out{
  display: block;
  position: relative;
  width: 170px;
  height: 180px;
  margin: 0 5px 5px 0; 
  float: left;
  background-color: #F0F0F0;
  border-top: 1px solid white;
  border-left: 1px solid white;
  border-right: 1px solid silver;
  border-bottom: 1px solid silver;
  font-size: 0.8em;
  line-height: 1em;
}
.prehl_reg_out span{
  display: block;
  margin: 5px 0 0 0;
  font-weight: bold;
}
.prehl_reg_in{
  display: block;  
  margin: 2px; 
  float: left;  
}
.prehl_reg_avatar{
  display: block;
}
.prehl_reg_udaje_jmeno{
  display: block;  
  position: absolute;
  top: 20px;
  left: 70px;
  width: 90px;
  padding: 2px 0;
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
}
.vypis_stranek{
  display: block;
  width: 370px;
  float: left;  
}
.str_kronika_foto h1{
  margin: 0;
  text-align: left;    
}
.str_kronika_foto #menu_out{
  display: none;
}
.str_kronika_foto #obsah_out{  
  width: 958px;
}
.str_kronika_foto #obsah_in{  
  width: 840px;
  margin: 50px 0 0 60px;
}
.str_kronika_foto img{
  display: block;
  margin: 0 auto;
  clear: both;
}
.str_kronika_foto_pozvanka h1{
  margin: 0;
  text-align: left;    
}
.str_kronika_foto_pozvanka #menu_out{
  display: none;
}
.str_kronika_foto_pozvanka #obsah_out{  
  width: 958px;
}
.str_kronika_foto_pozvanka #obsah_in{  
  width: 840px;
  margin: 50px 0 0 60px;
}
.str_kronika_foto_pozvanka img{
  display: block;
  margin: 0 auto;
  clear: both;
}
.kronika_zobraz_navi{  
  padding: 0 0 20px 0;
  margin: 0 0 0 293px;
  float: left;    
}
.kronika_zobraz_navi_zpet{
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 40px 0 0;  
  background-image: url(i_krizek.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  float: left;  
}
.kronika_zobraz_navi_zpet a{
  display: block;  
  width: 32px;
  height: 32px;      
}
.kronika_zobraz_navi_zpet span{
  display: none;
}
.kronika_zobraz_navi_predchozi{
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 20px 0 0;  
  background-image: url(i_sipka3_l.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  float: left;  
}
.kronika_zobraz_navi_predchozi a{
  display: block;  
  width: 32px;
  height: 32px;      
}
.kronika_zobraz_navi_predchozi span{
  display: none;
}
.kronika_zobraz_navi_nasledujici{
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 0 0 20px;  
  background-image: url(i_sipka3_p.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  float: left;  
}
.kronika_zobraz_navi_nasledujici a{
  display: block;  
  width: 32px;
  height: 32px;
}
.kronika_zobraz_navi_nasledujici span{
  display: none;
}
.kronika_zobraz_navi span.kronika_zobraz_navi_predchozi{
  display: block;  
  width: 32px;
  height: 32px;  
  margin: 0 20px 0 0;
  background-image: url(i_sipka4_l.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  float: left;
}
.kronika_zobraz_navi span.kronika_zobraz_navi_nasledujici{
  display: block;  
  width: 32px;
  height: 32px;  
  margin: 0 0 0 20px;
  background-image: url(i_sipka4_p.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  float: left;
}
/* Menu */

#menu_out{
  display: inline;
  width: 479px;	
	float: left;	
}
#menu_in{
  display: inline;
  padding: 0 0 80px 0;
  margin: 50px 60px 0 60px;
	float: left;
}
.kronika_listovani{
  display: block;  
  margin: 10px 0 20px 100px;  
  float: left;
}
.kronika_listovani a.kronika_predchozi_udalost{
  display: block;
  width: 62px;
  height: 62px;
  margin: 0 5px;
  background-image: url(i_sipka_p.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  float: left;  
}
.kronika_listovani a.kronika_novejsi_udalost{
  display: block;
  width: 62px;
  height: 62px;
  margin: 0 5px;
  background-image: url(i_sipka_l.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  float: left;  
}
.kronika_listovani span.kronika_predchozi_udalost{
  display: block;
  width: 62px;
  height: 62px;
  margin: 0 5px;
  background-image: url(i_sipka2_l.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  float: left;  
}
.kronika_listovani span.kronika_novejsi_udalost{
  display: block;
  width: 62px;
  height: 62px;
  margin: 0 5px;
  background-image: url(i_sipka2_p.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  float: left;
}
.kronika_listovani span{
  display: none;
}
.kronika_menu li{
  display: block;  
  margin: 0 20px 0 0;
  float: left;
  white-space: nowrap;  
}
.kronika_menu li.akt a{
  color: red;
}

/* Patička */

#paticka_out{
  display: block;
  position: relative;
  width: 958px;
  height: 99px;  	
	clear: both;
	background-image: url(paticka.jpg);
  background-position: bottom left;
  background-repeat: no-repeat;  
}
#paticka_in{
  display: block;
  padding: 10px 0 0 0;
  margin: 0 70px;
}
.paticka_menu{
  display: block;
  width: 350px;
  position: absolute;
  top: 30px;
  left: 530px;
  word-spacing: 3em;  
}