* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 12px;
	font-family: Verdana;
  color: #555555;
  background: url("obrazky/pozadi.png") top left repeat;
  padding-bottom: 10px;
}

a, a:visited {
  text-decoration: none;
  color: #2698DB; 
}

a:hover {
  color: #396B86;                           
}

p {
  margin: 1.12em 0;  
}

img {
  border: none;    
}

address {
  line-height: 16px;
}

h3 {
  line-height: 18px;
  font-size: 14px;          
} 

.bold {
  font-weight: bold;   
}

.underline {
  text-decoration: underline;   
}

.stred {
  margin: 0 auto;
}

.center {
  text-align: center;       
}

.justify {
  text-align: justify;
}

.clear {
  clear: both;
}

.zavinac {
  vertical-align: bottom;
}

.nezobrazovat {
  display: none;              
}

/* -------------------- Hlavička -------------------- */
#hlavicka {
	margin: 10px auto 0 auto;
	width: 960px;
  height: 173px;
  padding: 0 10px;
  background: url("obrazky/hlavicka.png") top center no-repeat;
}

h1 {
	padding: 54px 0 0 210px;
	font-size: 40px;
  font-weight: normal;
}

h1 a, h1 a:hover, h1 a:visited{
	color: #FFFFFF;
}

/* -------------------- Tělo -------------------- */
#telo {
  width: 960px;
  margin: 0 auto;
  padding: 0 10px;
  background: url("obrazky/telo.png") top center repeat-y;  
}

/* -------------------- Sloupec -------------------- */
#sloupec_levy {
  float: left;
  width: 215px;
}

#sloupec_levy h2{
  display: block;
  height: 26px;
  width: 200px;
  padding: 7px 15px 7px 0;
  text-align: center;
  background: url("obrazky/sloupec_l.png");              
  color: #FFFFFF;
  clear: both;
}

#sloupec_levy ul{
	list-style: none;
  margin: 0 0 5px 0;
  float: left;
}

#sloupec_levy ul li a {
  display: block;
  width: 140px;
  height: 16px;
  padding: 7px 25px;
  margin: 5px;
  background: url("obrazky/menu.png");
  font-weight: bold;
  color: #555555;
}

#sloupec_levy ul li a:hover, #sloupec_levy ul .aktivni {
  background: url("obrazky/menu_s.png");
}

#sloupec_pravy {
  float: right;
  width: 215px;
}

#sloupec_pravy h2{
  display: block;
  height: 26px;
  width: 200px;
  padding: 7px 0 7px 15px;
  text-align: center;
  background: url("obrazky/sloupec_p.png");              
  color: #FFFFFF;
  clear: both;
}

#sloupec_pravy ul{
	list-style: none;
  margin: 0 0 5px 0;
  float: right;
}

#sloupec_pravy ul li a {
  display: block;
  width: 190px;
  height: 40px;
  margin: 5px;
  background: url("obrazky/kalendar.png");
  color: #555555;
}

#sloupec_pravy ul li a:hover {
  background: url("obrazky/kalendar_s.png");
}

#sloupec_pravy ul li a .nazev{
  display: inline-block;
  width: 180px;
  height: 12px;
  padding: 4px 5px 3px 5px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  letter-spacing: -1px;
}

#sloupec_pravy ul li a .datum{
  display: inline-block;
  font-size: 11px;
  width: 180px;
  height: 12px;
  padding: 2px 5px 7px 5px;
  text-align: right;
}


#sloupec_pravy ul .prazdne {
  display: block;
  width: 190px;
  margin: 5px;
  font-size: 11px;
  font-style: italic;                           
}

#sloupec_stredni {
  float: left;
  width: 510px;
  min-height: 550px;
  background-color: #FFFFFF;
  padding: 10px; 
}

#sloupec_stredni h2 {
	margin: 5px 0;
  padding: 0 0 2px 0;
	font-size: 20px;
	font-weight: bold;
  color: #2B5EAA;
}

/* -------------------- Patička -------------------- */
#paticka {
  margin: 0 auto 10px auto;
  width: 960px;
  height: 75px;
  padding: 0 10px;
  text-align: center;
  background: url("obrazky/paticka.png") top center no-repeat;
  clear: both;
}

#paticka p {
	padding: 48px 0 20px 0;
	text-transform: uppercase;
	font-size: 11px;
  margin: 0;
  color: #FFFFFF;
}

/* -------------------- Úvod -------------------- */
#uvod h2 {
  text-align: center;
}

#uvod p {
  text-align: justify;         
}

#uvod #nahodne {
  text-align: center;
  margin: -3px;
  padding-top: 5px;
}
                      
#uvod #nahodne img{
  margin: 3px;
}

/* -------------------- Aktuality -------------------- */
#aktuality h2 {
  margin-bottom: 0;            
}

#aktuality .udalost {
  padding-top: 6px;
  border-bottom: 1px solid #D7D7D7;
  width: 100%;
  text-align: justify;  
}

#aktuality .nazev {
  font-size: 18px;
}

#aktuality .datum {
  font-size: 13px;
}

#aktuality .text {
  padding: 6px 0 12px 0;     
}

#aktuality .text img{
  margin: 5px 0;     
}

#aktuality .text .zavinac {
  margin: 0;
  vertical-align: bottom;
}

#aktuality .priloha {
  margin-left: 10px;
  margin-bottom: 3px;
}

#aktuality .priloha img {
  vertical-align: middle;
  margin: 5px 10px 10px 10px;
}

#aktuality .prazdne {
  font-style: italic;               
}

/* -------------------- Revíry -------------------- */
#reviry .levy {
  float: left;
  width: 250px;
  text-align: justify;
  margin: 0 0 15px 0;                      
}

#reviry .levy .soubor {
  float: left;
  margin: 10px 0 15px 0;  
}

#reviry .levy .soubor img{
  float: left;
  margin: 2px 5px 2px 2px;
}

#reviry .pravy {
  float: right;
  width: 250px; 
  margin: 0 0 20px 0;              
}

#reviry .revir {
  font-weight: bold;
  font-size: 14px;
}

/* -------------------- Kontakt -------------------- */
#kontakt .mezera{
  height: 10px;
}

#kontakt .levy {
  float: left;                     
}

#kontakt .pravy {
  float: right;              
}

#kontakt #svaz {
  padding-bottom: 20px;
}

#kontakt #svaz .levy {
  width: 220px;
}

#kontakt #svaz .pravy {
  width: 280px;
}

#kontakt #osoby .funkce{
  font-weight: bold;
  font-size: 14px;
}

#kontakt #osoby .levy {
  width: 250px;
}

#kontakt #osoby .pravy {
  width: 250px;
}

/* -------------------- Výbor -------------------- */
#vybor .osoby {
  padding-bottom: 20px;
}

#vybor .levy {
  float: left; 
  width: 250px;                    
}

#vybor .pravy {
  float: right;
  width: 250px;              
}

#vybor .funkce {
  font-weight: bold;
  font-size: 14px;
}

/* -------------------- Legislativa -------------------- */
#dokumenty {
  margin-bottom: -15px;
}

#dokumenty .soubory {
  margin-bottom: 15px;
}

#dokumenty .soubory img {
  vertical-align: middle;
  margin: 5px 10px 5px 10px;
}

#dokumenty .soubory a {
  margin-right: 10px;
}

/* -------------------- Kroužek mládeže -------------------- */
#mladez p {
  text-align: justify;            
}

#mladez .prava {
                 
}

#mladez .funkce {
  font-weight: bold;
  font-size: 14px;
}

/* -------------------- Fotogalerie -------------------- */
#alba {
  list-style: none;
  margin: -6px;
}

#alba li {
  display: inline-block;
  font-size: 11px;
  background-color: #FFFFFF;
  border: 1px solid #2B5EAA;
  border-radius: 10px;
  margin: 6px;
  vertical-align: top;
  zoom: 1;
	*display:inline;
}

#alba li:hover {
  background-color: #CAE1F1;
}

#alba li a {
  display: block;
  color: #555555;
  width: 148px;
  height: 148px;
  padding: 5px;
}

#alba li p{
  display: block;
  text-align: center;
  height: 33px;
  width: 148px;
  margin: 5px 0 0 0;
}

#alba li .img{
  display: block;
  height: 110px;
  width: 148px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  margin: 0;  
}

#fotky {
  list-style: none;
  margin: -2px;
  padding-top: 2px;
}

#fotky li {
  display: inline;
}

#fotky li img{
  margin: 2px;
}

/* -------------------- Brigády, výroční schůze, plesy -------------------- */
#akce h2 {
  margin-bottom: 0;            
}

#akce .udalost {
  padding-top: 6px;
  border-bottom: 1px solid #D7D7D7;
  width: 100%;
  text-align: justify;  
}

#akce .nazev {
  font-size: 18px;
}

#akce .datum {
  font-size: 13px;
}

#akce .popis {
  padding: 6px 0 12px 0;     
}

#akce .popis img{
  margin: 5px 0;     
}

#akce .popis .zavinac {
  margin: 0;
  vertical-align: bottom;
}

#akce .prazdne {
  font-style: italic;               
}

#akce .mezera {
  margin-bottom: 20px;            
}

#akce .priloha {
  margin-left: 10px;
  margin-bottom: 3px;
}

#akce .priloha img {
  vertical-align: middle;
  margin: 5px 10px 10px 10px;
}

/* -------------------- Brigády -------------------- */
#brigady .osoby {
  padding-bottom: 20px;
}

#brigady .osoba {
  float: left; 
  width: 170px;                    
}

#brigady .funkce{
  font-weight: bold;
  font-size: 14px;
}