/* fotky - zobrazeni nahledu */

div.album-thumb {
  margin-left: 20px;
  text-align: center;
}

div.album-thumb div {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  text-align: center;
}

div.album-thumb div a img {
  border: 1px solid black;
}

/* fotky - konec */

div#language { position: absolute; top: -165px; right: 10px;}
div#language a.cs { background: url('./img/background/flag-cs.gif') no-repeat 0 50%; padding-left: 20px; color: blue;}
div#language a.en { background: url('./img/background/flag-en.gif') no-repeat 0 50%; padding-left: 20px; color: blue;}

/* ODKAZY */
#hlavni a {text-decoration: underline; }
#hlavni a:link, #hlavni a:visited, #hlavni a:active {color: blue; }
#hlavni a:hover {text-decoration: none; color: black; }

#vedlejsi a {text-decoration: underline; }
#vedlejsi a:link, #vedlejsi a:visited, #vedlejsi a:active {color: rgb(102,102,255); }
#vedlejsi a:hover {text-decoration: none; color: black; } /* pod kurzorem mysi */
/* ODKAZY KONEC */

#hlavni ul li {
  list-style-type: square;
  text-align: left;
}

#hlavni ul {
  
}

#hlavni ul.hodnoceni li {
  list-style-type: none;
}


/* ----- OBECNE TRIDY ----- */  
.floatLeft { float: left; }
.floatRight { float: right; }

/* POZOR - MAXIMALNI celkova sirka 760px */
.width760px { width: 760px; }

.width270px { width: 270px; #width: 260px; }
.width490px { width: 490px; #width: 500px; }

/* spravne */
.width230px { width: 230px; }
.width605px { width: 605px; }

.hidden { display: none; }

ul#clenove {
  width: auto;
}

ul#clenove li {
  list-style-type: square;
}

dl#reference {
  
}

dl#reference dt {
  font-style: italic;
  text-align: center;
  margin-bottom: 5px;
}

dl#reference dd {
  text-align: right;
  margin-bottom: 10px;
}

/* OBECNA DEKLARACE */

html, body { /* height: 100%; */ }

body, table { 
  font-family: verdana;
	font-size: 10pt; 
	color: rgb(87,87,87);
}

table { font-size: 9pt; text-align: center; }

body {
	text-align: center;
	min-width: 894px;
	/* line-height: 1.5; */
	margin-top: 0;
	margin-bottom: 0;
	background: url('./img/background/bg2.jpg') 0 0;
}

html>body { /*	font-size: small; font-size: 11pt; */ }

#main {
 	width: 894px;
	margin: 35px auto;
	text-align: left;
	/* 
  min-height: 100%;
	height: 100%;
  */ 
	
	padding: 0px;
  padding-bottom: 0px;
  background: url('../img/background/main.gif') repeat-y;
  
}

#kmm-lista {
  background: url('../img/background/kmm-lista.jpg') no-repeat;
  position: absolute;
  top: -12px;
  left: -49 px;
  height: 270px;
  width: 54px;
}

#seda-lista {
  background: rgb(205,211,203);
  position: absolute;
  top: -12px;
  left: -5410 px;
  height: 300px;
  width: 5400px;
}

body>#main { height: auto; }

#head-cs, #head-en {
  height: 103px;
  width: 894px;
  position: relative;
}

#head-cs a.head { /* vyplnuje obsah hlavicky tak, aby z nej mohl byt odkaz */
  background: url('../img/background/header.gif');
  display: block;
  width: 894px;
  height: 103px;
}

#head-en a.head { /* vyplnuje obsah hlavicky tak, aby z nej mohl byt odkaz */
  background: url('../img/background/header-en.gif');
  display: block;
  width: 894px;
  height: 103px;
}

#menu {
  background: url('../img/background/menu.jpg');
  height: 43px;
  width: 894px;
  position: relative;
}

dl.uzky-list {  }
dl.uzky-list dt {  }
dl.uzky-list dd { margin-left: 0; text-align: left; }

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

#menu ul { padding: 0; margin: 0; }
#menu ul li { list-style-type: none; display: inline; height: 43px; }
#menu ul li a { overflow:hidden; margin:0; padding:0; display: block; float: left; position: relative; height: 43px; }
#menu ul li a span { display: block; position:absolute; left:0; top:0; z-index:1; margin:0; padding:0; height: 43px; }

#prazdny, #prazdny span { width:6px; }
#prazdny span { background: url("../img/background/menu/01.gif") top left no-repeat; }

#o-klubu, #o-klubu span { width:83px; }
#o-klubu span { background: url("../img/background/menu/02.gif") top left no-repeat; }
#o-klubu:hover span, #o-klubu span.active { background: url("../img/background/menu/02-h.gif") top left no-repeat; }

#aktivity, #aktivity span { width:87px; }
#aktivity span { background: url("../img/background/menu/03.gif") top left no-repeat; }
#aktivity:hover span, #aktivity span.active { background: url("../img/background/menu/03-h.gif") top left no-repeat; }

#clenove, #clenove span { width:85px; }
#clenove span { background: url("../img/background/menu/04.gif") top left no-repeat; }
#clenove:hover span, #clenove span.active { background: url("../img/background/menu/04-h.gif") top left no-repeat; }

#fotogalerie, #fotogalerie span { width:116px; }
#fotogalerie span { background: url("../img/background/menu/05.gif") top left no-repeat; }
#fotogalerie:hover span, #fotogalerie span.active { background: url("../img/background/menu/05-h.gif") top left no-repeat; }

#podcasty, #podcasty span { width:97px; }
#podcasty span { background: url("../img/background/menu/06.gif") top left no-repeat; }
#podcasty:hover span, #podcasty span.active { background: url("../img/background/menu/06-h.gif") top left no-repeat; }

#partneri, #partneri span { width:93px; }
#partneri span { background: url("../img/background/menu/07.gif") top left no-repeat; }
#partneri:hover span, #partneri span.active { background: url("../img/background/menu/07-h.gif") top left no-repeat; }

#prihlaska, #prihlaska span { width:105px; }
#prihlaska span { background: url("../img/background/menu/08.gif") top left no-repeat; }
#prihlaska:hover span, #prihlaska span.active { background: url("../img/background/menu/08-h.gif") top left no-repeat; }

#kontakt, #kontakt span { width:91px; }
#kontakt span { background: url("../img/background/menu/09.gif") top left no-repeat; }
#kontakt:hover span, #kontakt span.active { background: url("../img/background/menu/09-h.gif") top left no-repeat; }

#prazdny2-cs, #prazdny2-cs span { width:131px; }
#prazdny2-cs span { background: url("../img/background/menu/10.gif") top left no-repeat; }

/* ANGLICKE MENU */

#about-the-club, #about-the-club span { width:67px; }
#about-the-club span { background: url("../img/background/menu/en/02.gif") top left no-repeat; }
#about-the-club:hover span, #about-the-club span.active { background: url("../img/background/menu/en/02-h.gif") top left no-repeat; }

#activities, #activities span { width:100px; }
#activities span { background: url("../img/background/menu/en/03.gif") top left no-repeat; }
#activities:hover span, #activities span.active { background: url("../img/background/menu/en/03-h.gif") top left no-repeat; }

#members, #members span { width:95px; }
#members span { background: url("../img/background/menu/en/04.gif") top left no-repeat; }
#members:hover span, #members span.active { background: url("../img/background/menu/en/04-h.gif") top left no-repeat; }

#photos, #photos span { width:78px; }
#photos span { background: url("../img/background/menu/en/05.gif") top left no-repeat; }
#photos:hover span, #photos span.active { background: url("../img/background/menu/en/05-h.gif") top left no-repeat; }

#podcasts, #podcasts span { width:98px; }
#podcasts span { background: url("../img/background/menu/en/06.gif") top left no-repeat; }
#podcasts:hover span, #podcasts span.active { background: url("../img/background/menu/en/06-h.gif") top left no-repeat; }

#partners, #partners span { width:93px; }
#partners span { background: url("../img/background/menu/en/07.gif") top left no-repeat; }
#partners:hover span, #partners span.active { background: url("../img/background/menu/en/07-h.gif") top left no-repeat; }

#application, #application span { width:121px; }
#application span { background: url("../img/background/menu/en/08.gif") top left no-repeat; }
#application:hover span, #application span.active { background: url("../img/background/menu/en/08-h.gif") top left no-repeat; }

#contact, #contact span { width:92px; }
#contact span { background: url("../img/background/menu/en/09.gif") top left no-repeat; }
#contact:hover span, #contact span.active { background: url("../img/background/menu/en/09-h.gif") top left no-repeat; }

#prazdny2-en, #prazdny2-en span { width:144px; }
#prazdny2-en span { background: url("../img/background/menu/en/10.gif") top left no-repeat; }

#text {
  padding: 25px;
  padding-top: 15px;
}

#footer {
  width: 894px;
  height: 11px;
  background: url("../img/background/footer.jpg") no-repeat;
}

#hlavni { /* je v nem primo text */
  color: rgb(87,87,87);
  background: url("../img/background/linka.jpg") top right no-repeat;
  text-align: justify;
}

#hlavni-obsah { 
  
  padding-right: 25px;
  
}

#hlavni b {
  color: black;
  letter-spacing: 0.1em;
  word-spacing: 0.1em;
}

#hlavni dl { }
#hlavni dl dt { font-size: 12pt; color: black; }
#hlavni dl dt span { color: black; }
#hlavni dl dd { margin-bottom: 10px; }
#hlavni dl dd span { color: black; }
#hlavni dl dd span.jmeno { font-size: 12pt; }

/* adresar */

 table#adresar {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid black;
}

table#adresar tr {
  border: 1px solid black;
}

table#adresar tr td, table#adresar tr th {
  border: 1px solid black;
  padding: 4px 3px;
}

table#adresar tr th {
  background: rgb(199,234,164);
  background: rgb(166,168,166);
  background: transparent;
  
}

/* adresar detail: */

dl.adresar-detail {
  margin-left: 20px;
  font-size: 10pt;
}

dl.adresar-detail dt {
  float: left;
  margin: 0;
}

dl.adresar-detail dd {
  padding-left: 180px;
  margin: 0;
}

/* adresar - konec */

#hlavni img {
  border: 1px solid black;
  padding: 5px;
  /* background: rgb(182,196,217); */
  margin: 5px 5px 5px 0;
}


#hlavni img.img-right {
  float: right; margin-left: 15px; margin-bottom: 5px; border: 0; padding: 0; background: 0;
}

#hlavni img.img-left {
  float: left; margin-right: 15px; margin-bottom: 5px; padding: 0;
}

#hlavni #submenu2 a.act {
  padding: 3px 8px;
  background: rgb(49,103,179);
  background: #bd3a01;
  color: white;
  text-decoration: none;
}

#hlavni h2 {
  font-weight: normal;
  font-size: 15pt;
  margin-bottom: 15px;
  padding-bottom: 0;
  color: black;
  text-transform: uppercase;
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  border-left: 8px solid rgb(46,76,142);
  padding: 5px 0;
  padding-left: 5px;
}

#hlavni h3 {
  font-weight: normal;
  font-size: 12pt;
  margin-bottom: 5px;
  padding-bottom: 0;
  color: black;
  border-bottom: 1px dashed gray;
  padding-bottom: 3px;
}

#vedlejsi h2 {
  font-weight: normal;
  font-size: 12pt;
  margin-bottom: 5px;
  padding-bottom: 0;
  color: black;
}

#text p, #text dl {
  margin-top: 0;
  margin-bottom: 15px;
}

#vedlejsi { /* submenu, prihlasovaci formular atd.. */
  text-align: justify;
}

#vedlejsi-obsah { 

  padding-left: 10px;
  font-size: 10pt;
  color: grey;
  
}

hr.cleaner {
  clear: both;
  height: 0;
  background: white;
  visibility: hidden;
}

#vedlejsi-obsah ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: 15px;
  text-align: left;
}