body {
    margin: 0px;
    background-image: url("pozadi.jpg");
    background-repeat: repeat-x;
    background-color: #E9E9E9;
    text-align: center;
    font-family: Arial;  
    font-size:13px;
    font-weight:normal;      
}
td{
  font-family: Arial;
  font-size:13px;
  font-weight:normal;
}

h1{
  font-size: 18pt;
  font-family: Arial;
}
h2{
  font-size: 16pt;
  font-family: Arial;
}
h3 {
    font-size: 13pt;
    font-family: Arial;
    margin: 0px;
    padding: 0px;
}

#center {
    position: relative;
    width: 980px;
    height: auto;
    margin: 0px auto 0px auto;
}

#hlavicka {
    position: relative;
    width: 980px;
    height: 271px;
    background-image: url("hlavicka.jpg");
    background-repeat: no-repeat;
}

#logo {
    position: absolute;
    width: 274px;
    height: 101px;
    left: 0px;
    margin: 0px 0px 0px 0px;
}

#logo span {
    position: absolute;
    width: 274px;
    height: 101px;
    left: 0px;
    top: 0px;
    margin: 0px;
    padding: 0px;
    
    z-index: 1;
    display: block;
    background: url("klubicko.jpg") top left no-repeat;
}

#asociace {
    position: relative;
    width: 264px;
    height: 56px;
    top: 10px;
    float: right;
}

#asociace img {
    border-style: none;
}

#content {
    position: relative;
    width: 980px;
    height: auto;
    margin: -1px 0px 0px 0px;
    padding: 0px;
}

#levy {
    position: relative;
    width: 200px;
    height: auto;   
    background-image: url("levy.jpg");
    background-position: 0px 0px;
    background-repeat: no-repeat; 
    float: left;
    margin: 0px;
    padding: 0px 10px 0px 0px;
}

#menu {
    position: relative;
    width: 200px;
    height: auto;   
    padding: 8px 0px 10px 0px;
    margin: 0px;
    background-color: #A9093A;
    background-image: url("menu-spodek.jpg");
    background-repeat: no-repeat;
    background-position: 0% 100%;
    text-align: left;
}

#menu a {
    position: absolute;
    width: 178px;
    height: 30px; 
    font-family: Tahoma, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: inherit;
    text-decoration: none;
    padding-left: 22px;
    padding-top: 8px;
    margin: 0px;

}

#menu a:hover {
    text-decoration: none;
}

ul.polozky-menu {
  position: relative;
	width: 200px;
	height: auto; 
	text-align: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	
}

ul.polozky-menu li {
	position: relative;
	width: 200px;
	height: 30px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background-image: url('menu-polozka.jpg');
	background-repeat: no-repeat;
	text-align: left;
}

ul.polozky-menu li:hover {
	position: relative;
	width: 200px;
	height: 30px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background-image: url('menu-polozka-hover.jpg');
	background-repeat: no-repeat;
	text-align: left;
}

#anketa {
	position: relative;
	width: 200px;
	height: 40px;  
	margin: 5px 0px 0px 0px;
	background-image: url('anketa.jpg');
	background-repeat: no-repeat;  
}

.bok {
	position: relative;
	width: 200px;
	height: auto; 
	margin: 2px 0px 0px 0px;
	padding: 0px;
	background-color: #FFF;
	background-image: url('bok-up.jpg');
	background-position: 0px 0px;
	background-repeat: no-repeat;  
}

.bok a {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: Normal;
    color: #000000;   
    margin: 0px;    
}

.bok a:hover {
    text-decoration: none;   
}

.bok p {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #D3114E;   
    margin: 0px;
    padding: 8px; 
    text-align: left;
}

.anketa-pocet {
    position: relative;
    width: 200px;
    height: 32px;
    margin: 5px auto 0px auto;
    padding: 5px 0px 0px 0px;
    background-image: url("anketa-pocet.jpg");
    background-position: 5px 0px;
    background-repeat: no-repeat;  
    font-family: Arial, sans-serif;
    color: #000000;
    font-size: 11px;
    font-weight: normal;
}

.anketa-pocet b {
    font-family: Arial, sans-serif;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
}

table.anketa-table {
    position: relative;
    width: 200px;
    height: auto;
    text-align: left;
    padding: 0px 4px 0px 4px;
    font-family: Arial, sans-serif;
    color: #000000;
    font-size: 12px;
    font-weight: normal;    
}

.procenta {
    position: relative;
    width: 149px;
    height: 11px;
    background-image: url("procenta.jpg");
    background-repeat: no-repeat;
}

.procenta-odpoved {
    position: relative;
    height: 7px;
    top: 2px;
    left: 2px;
    background-image: url("anketa-prouzek.jpg");
    background-repeat: repeat-x;
}

.bok-down {
    position: relative;
	width: 200px;
	height: 8px;  
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
	background-image: url('bok-down.jpg');
	background-position: 0% 100%;
	background-repeat: no-repeat;  
}

#pravy {
    position: relative;
    width: 210px;
    height: auto;  
    float: right; 
}

#partneri {
	position: relative;
	width: 210px;
	height: 40px;  
	margin: 0px;
	background-image: url('partneri.jpg');
	background-repeat: no-repeat;      
}

#prispejte {
	position: relative;
	width: 200px;
	height: 40px;  
	margin: 5px 0px 0px 0px;
	background-image: url('prispejte.jpg');
	background-repeat: no-repeat; 
    float: right; 
}

.bok-p {
	position: relative;
	width: 200px;
	height: auto; 
	margin: 2px 0px 0px 0px;
	padding: 0px;
	background-color: #FFF;
	background-image: url('bok-up.jpg');
	background-position: 0px 0px;
	background-repeat: no-repeat;  
	float: right;
}

.bok-p p {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #D3114E;   
    margin: 0px;
    padding: 8px; 
}

.bok-p-down {
    position: relative;
	width: 200px;
	height: 8px;  
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
	background-image: url('bok-down.jpg');
	background-position: 0% 100%;
	background-repeat: no-repeat;  
	float: right;
}

.bok-p img {
    margin: 2px 8px 2px 8px;
    border-style: none;
}

.bok-p h3 {
    font-family: Arial, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #323232;   
    margin: 0px auto 4px auto;
    padding: 8px;     
}

#obsah {
    position: relative;
    width: 560px;
    height: auto; 
    float: left;    
}


#text {
    position: relative;
    width: 540px;
    height: auto;
    margin: 15px auto 0px auto;
    background-image: url('obsah-center.jpg');
	background-repeat: repeat-y;    
}

.text-up {
    position: relative;
    width: 540px;
    height: 20px;
    background-image: url('obsah-up.jpg');
	background-repeat: no-repeat;     
}

.vitejte {
    position: relative;
    width: 540px;
    height: auto;
    margin: 0px auto 0px auto;
    background-image: url('vitejte.jpg');
    background-position: 1px 100%;
	background-repeat: no-repeat;     
}

.text-down {
    position: relative;
    width: 540px;
    height: 20px;
    background-image: url('obsah-down.jpg');
	background-repeat: no-repeat;   
}

.vitejte p {
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #292B3C;  
    text-align: left; 
    margin: 5px 15px 0px 20px;
    padding: 0px;    
}

.vitejte a {
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #D3114E;  
    text-decoration: underline; 
}

.vitejte a:hover {
    text-decoration: none; 
}

#aktuality {
    position: relative;
    width: 540px;
    height: 45px;
    margin: 10px auto 0px auto; 
    background-image: url('aktuality.jpg');
	background-repeat: no-repeat; 
}

#clanky {
    position: relative;
    width: 540px;
    height: auto;
    margin: 5px auto 0px auto;  
}

tr.left a {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #D3114E;  
    text-decoration: underline;   
}

tr.left td {
    text-align: left;
    padding: 0px 8px 0px 8px;
}

td.ohraniceni {
    position: relative;
    width: 180px;
    height: auto;
    margin: 0px 6px 0px 5px;
    background-image: url("ohraniceni.jpg");
    background-position: 0px 0px;
    background-repeat: repeat-y;
}

.cely-clanek-back a {
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #D3114E;  
    text-decoration: underline;  
}

.cely-clanek-back a:hover {
    text-decoration: none;   
}

.cely-clanek-back {
    position: relative;
    width: 180px;
    height: 32px;
    margin: 5px auto 0px auto;
    padding: 3px 0px 0px 0px;
    background-image: url("cely-clanek.jpg");
    background-position: 5px 0px;
    background-repeat: no-repeat;  
    text-align: center;
}

a.archiv {
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #D3114E;  
    text-decoration: underline;   
}

a.archiv:hover {
    text-decoration: none;   
}

#dekujeme {
    position: relative;
    width: 550px;
    height: 90px;
    margin: 10px auto 0px auto;
    background-image: url("dekujeme.jpg");
    background-position: 0px 0px;
    background-repeat: no-repeat;   
    float: left; 
}

#paticka {
    position: relative;
    width: 980px;
    height: 51px;    
    background-image: url('paticka.jpg');
	background-repeat: no-repeat;  
	margin: 12px 0px 0px 0px;
	float: left;
}

#copy {
    position: relative;
    width: 980px;
    height: 50px;    
	float: left;
}

#copy p {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #6F6F6F;   
    margin: 10px auto 0px auto; 
}

#copy a {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #6F6F6F;   
    margin: 10px auto 0px auto;    
    text-decoration: none; 
}

#copy a:hover {
    text-decoration: underline;    
}

ul.polozky-menu-paticka {
    position: relative;
	width: 980px;
	height: 51px;
	text-align: center;
	margin: 19px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
	color: #D9D9D9;
	font-family: Arial, sans-serif;
    font-size: 11px;
}

ul.polozky-menu-paticka li {
	position: relative;
	width: 70px;
	height: 51px;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	text-align: left;
	display: inline;
}

#paticka a {
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #D9D9D9;
    text-decoration: none;
}

#paticka a:hover {
    text-decoration: underline;
}

/*aktuality clanek*/


.aktualita-clanek {
  position: relative;
  width: 165px;
  height: auto;
  float: left;
  margin-top: 10px;
}

.aktualita-clanek-center {
  position: relative;
  width: 171px;
  height: auto;
  float: left;
  padding: 0px 7px 0px 5px;
  margin: 10px 2px 0px 10px;
  background-image: url("ohraniceni.jpg");
  background-position: 0px 0px;
  background-repeat: repeat-y;
}


table.clanek-x {
    position: relative;
    width: 165px;  /*165*/
    height: auto;
    margin: 0px 0px 0px -7px; 
}

table.clanek-x td {
    position: relative;
    width: 180px;
    height: auto;
    text-align: left;
}

table.clanek-x a:hover {
    text-decoration: none;   
}


table.clanek-x a:hover {
    text-decoration: none;   
}

table.clanek-x img {
    position: relative;
    width: 155px;
    height: auto;
    border: 2px solid #D6D6D6;   
    margin: 0px 5px 0px 5px;
}

table.clanek-x p {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #292B3C;     
    margin: 0px;  
    padding: 0px 8px 0px 5px;
    text-align: left;
}