html, body {
height: 100%;
}

body {
margin: 0; padding: 0;

background: #042a4c url('./../img/bg.png');

text-align: center; /* IE */

color: #fff;
font-family: verdana;
font-size: 0.8em;
}

#body {
width: 880px;
margin: 0 auto; 
background: #00182d url('./../img/bgtext.png') repeat-y;
position: relative;
height: 100%;
min-height: 100%;
}

body>#body {height: auto;}

#head {
width: 880px; height: 283px;
margin: 0; padding: 0;
background: url('./../img/bghead.png') no-repeat;
}

#head h1 {
margin: 0;
}

#head h1 a {
display: block;
width: 327px; height: 83px;
position: relative; top: 44px; left: 526px;
overflow: hidden;
}

#head h1 a span {
position: absolute; top: 0; left: 0;
z-index: 0;
width: 100%; height: 100%;
background: url('./../img/tom-klik.png') no-repeat;
}

.odkaz {
display: block;
float: left;
position: relative;
overflow: hidden;
cursor: pointer;
}

.odkaz span {
position: absolute; top: 0; left: 0;
z-index: 0;
background-position: top left;
background-repeat: no-repeat;
width: 100%; height: 100%;
}

.odkaz:hover span, .zvol span {
background-position: bottom left;
}

#menu-male {
width: 200px;
margin: 0; padding: 0;
list-style: none;
position: relative; top: -75px; left: 683px;
}

#menu-male li {
display: inline !important;
}

#menu-male .odkaz {margin: 0 5px;}


#m-kontakt {width: 51px; height: 21px;} #m-kontakt span {background-image: url('./../img/m-kontakt.png');}
#m-odkazy {width: 46px; height: 21px;} #m-odkazy span {background-image: url('./../img/m-odkazy.png');}
#m-rss {width: 42px; height: 21px;} #m-rss span {background-image: url('./../img/m-rss.png');}

#menu {
width: 840px; height: 40px; 
display: block;
margin: 0 auto; padding: 0;
list-style: none;
text-align: center;
}

#menu li {
display: inline !important;
margin: 0; padding: 0;
}

#menu .odkaz {margin: 0 12px;}

#m-uvod {width: 52px; height: 32px;} #m-uvod span {background-image: url('./../img/m-uvod.png');}
#m-oddil {width: 52px; height: 32px;} #m-oddil span {background-image: url('./../img/m-oddil.png');}
#m-akce {width: 49px; height: 32px;} #m-akce span {background-image: url('./../img/m-akce.png');}
#m-clanky {width: 67px; height: 32px;} #m-clanky span {background-image: url('./../img/m-clanky.png');}
#m-galerie {width: 70px; height: 32px;} #m-galerie span {background-image: url('./../img/m-galerie.png');}
#m-kniha {width: 158px; height: 32px;} #m-kniha span {background-image: url('./../img/m-kniha.png');}
#m-stahni {width: 105px; height: 32px;} #m-stahni span {background-image: url('./../img/m-stahni.png');}
#m-hajenka {width: 81px; height: 32px;} #m-hajenka span {background-image: url('./../img/m-hajenka.png');}

#posl {
width: 595px;
text-align: left;
position: relative; top: 50px; left: 250px;
}

.posl-vice {
color: #486279; font-size: 0.8em;
margin: 10px 5px 0 0;
float: right;
clear: both;
}
.posl-vice:hover {text-decoration: none !important; color: #fff !important;}

#menu-posl {
float: left;
display: block;
margin: 0 0 5px 0; padding: 0;
list-style: none;
width: 580px;
}

#menu-posl li {
display: inline !important;
}

#menu-posl .odkaz {
margin: 0 7px;
}

#posl-akce {width: 100px; height: 21px;} #posl-akce span {background-image: url('./../img/posl-akce.png');}
#posl-akt {width: 68px; height: 21px;} #posl-akt span {background-image: url('./../img/posl-akt.png');}
#posl-clanky {width: 126px; height: 21px;} #posl-clanky span {background-image: url('./../img/posl-clanky.png');}
#posl-kniha {width: 190px; height: 21px;} #posl-kniha span {background-image: url('./../img/posl-kniha.png');}

#posl-akce-div {
margin: 0 0 0 5px; padding: 0; 
display: none;
}

#posl-akt-div {
margin: 0 0 0 5px; padding: 0; 
display: block;
}

#posl-clanky-div {
margin: 0 0 0 5px; padding: 0; 
display: none;
}

#posl-akce-div a, #posl-akt-div a, #posl-clanky-div a {text-decoration: none;}
#posl-akce-div a:hover, #posl-akt-div a:hover, #posl-clanky-div a:hover {color: #fffe43; text-decoration: underline;}

#posl-kniha-div {
margin: 0 0 0 5px; padding: 0; 
display: none;
}

.p-a-div
{
display: block;
float: left;

width: 138px;
margin: 0 4px; padding: 3px 1px 0 0;

border-top: 3px solid #042b4c;
}

.datum {
float: left;
display: block;
width: 15px;
font-family: tahoma;
font-size: 0.7em;
}

.rok {font-size: 1.2em;}

.jmeno-akce {
float: right;
text-align: right;
width: 113px;
margin: 0; padding: 1px 0 0 3px;

font-size: 0.85em;
font-weight: bold;
color: #fffe43;
}

.p-c-div {
display: block;
float: left;

width: 187px;
margin: 0 4px; padding: 3px 1px 0 0;

border-top: 3px solid #042b4c;
}

.posl-nadpis {
margin: 0; padding: 1px 0 0 3px;

font-size: 0.9em;
font-weight: bold;
color: #fffe43;
}

#text {
min-height: 100%;
padding: 0 30px;
padding-bottom: 250px;

text-align: left;
line-height: 1.5;
}

#pata {
width: 830px;
height: 200px;

text-align: left;
padding: 0 25px;

color: #486279;
font-size: 0.8em;

position: absolute;
left: 0;
bottom: 0;

background: url('./../img/p-logo.png') center bottom no-repeat;
}

#pata .levy {
width: 400px;
float: left;
}

#pata .pravy {
width: 400px;
float: right;
text-align: right;
margin-top: 82px;
}

#pata .pravy p {float: right;}

.p-hr {
width: 830px; height: 5px;
background: #031b33;
border: none;
}

.p {
position: relative;
overflow: hidden;
margin: 2px 0;
}

.p span {
display: block;
position: absolute; top: 0; left: 0;
z-index: 1;
background-repeat: no-repeat;
width: 100%; height: 100%;
}

 

#p-kontakt {
width: 91px; height: 24px;
margin-bottom: 10px;

font-size: 1em;
}

#p-kontakt span {background-image: url('./../img/p-kontakt.png');} 

#p-ved {width: 137px; height: 19px;}
#p-ved span {background-image: url('./../img/p-vedouci.png');}

#p-jmeno {width: 100px; height: 24px; color: #fff342; font-size: 13px;}
#p-jmeno span {background-image: url('./../img/p-kuba.png');}

#p-ulice {width: 85px; height: 19px;}
#p-ulice span {background-image: url('./../img/p-ulice.png');}

#p-holesov {width: 103px; height: 19px;}
#p-holesov span {background-image: url('./../img/p-holesov.png');}

#p-mail {width: 181px; height: 19px;}
#p-mail span {background-image: url('./../img/p-mail.png');}

#p-mob {width: 127px; height: 19px;}
#p-mob span {background-image: url('./../img/p-mob.png');}

#p-odkazy {
position: absolute;
top: 42px; left: 180px;
}

#p-klubovna {width: 178px; height: 18px; float: none;}
#p-klubovna span {background-image: url('./../img/p-klubovna.png');}

#p-hajenka {width: 181px; height: 18px; float: none;}
#p-hajenka span {background-image: url('./../img/p-hajenka.png');}

#p-copy {width: 231px; height: 16px;}
#p-copy span {background-image: url('./../img/p-copy.png');}

#p-pg {width: 139px; height: 74px; clear: right;}
#p-pg span {background-image: url('./../img/p-pg.png');}

#clear {clear: both !important; display: block !important; visibility: hidden;}


/* obecne vlastnosti */
h2,h3,h4 {padding: 2px 0 4px 0; margin: 10px 0 5px 0;}
p {margin: 5px 0 15px 0;}

img {
display: block; margin: 2px 10px 10px 10px; border: 8px solid #042a4c;
} 

.no-border {border: none;}

.img-center{ display: block; margin: 10px auto; }

a {text-decoration: none; color: #fffe43; font-weight: bold;}
a:hover {color: #fff;}

.h2 {color: #5b7185; font-weight: normal; font-weight: normal; font-family: arial narrow, arial; font-size: 2.0em;}

.text-akce strong {color: /*#fffe43*/ #5388b4;}

#text div {clear: both;}

.zpet {position: static !important;}


/* nadpisy */
.h {
position: relative;
overflow: hidden;
margin: 15px 0 10px -2px;
padding: 0;
}

.h span {
display: block;
position: absolute; top: 0; left: 0;
z-index: 1;
background-repeat: no-repeat;
width: 100%; height: 100%;
}

#h-oddil { width: 120px; height: 30px; }
#h-oddil span {background-image: url('./../img/h-oddil.png');}
#h-akce { width: 120px; height: 30px; margin-left: 8px;}
#h-akce span {background-image: url('./../img/h-akce.png');}
#h-akt { width: 120px; height: 30px;  margin-left: 8px;}
#h-akt span {background-image: url('./../img/h-akt.png');}
#h-clanky { width: 120px; height: 30px; }
#h-clanky span {background-image: url('./../img/h-clanky.png');}
#h-galerie { width: 120px; height: 30px; }
#h-galerie span {background-image: url('./../img/h-galerie.png');}
#h-kniha { width: 180px; height: 30px; margin-left: 8px;}
#h-kniha span {background-image: url('./../img/h-kniha.png');}
#h-staz { width: 120px; height: 30px; }
#h-staz span {background-image: url('./../img/h-staz.png');}
#h-hajenka { width: 120px; height: 30px; }
#h-hajenka span {background-image: url('./../img/h-hajenka.png');}
#h-odk { width: 120px; height: 30px; margin-left: 8px;}
#h-odk span {background-image: url('./../img/h-odk.png');}
#h-rss { width: 140px; height: 30px; }
#h-rss span {background-image: url('./../img/h-rss.png');}


/* vypis akci, akt */
#text .a-div
{
display: block;
float: left;

width: 250px;
margin: 0 10px 15px 10px; padding: 3px 1px 0 0;

border-top: 4px solid #042b4c;
clear: none !important;
}

.uplynule,.uplynule a {color: #5b7185;}
.uplynule a:hover {color: #fff;}

.datum-v {
float: left;
display: block;
width: 30px;
font-family: tahoma;
font-size: 0.8em;
}

.rok-v {font-size: 1.1em;}

.jmeno-akce-v {
float: right;
text-align: right;
width: 185px;
margin: 0; padding: 1px 0 0 3px;

font-size: 1.2em;
font-weight: bold;
color: #fffe43;
line-height: 1;
}

i {font-style: italic; color: #5b7185;}

/* vypis konkretnich akci/aktualit */
.nazev-akce {
float: left; 
margin-bottom: -28px;
padding-bottom: 2px; 
border-bottom: 2px solid /*#5b7185*/ #042b4c;
width: 100%;
font-size: 1.2em;
}

.trvani-akce {
float: right;
clear: none !important;
color: #5b7185;
padding-top: 5px;
margin:  12px 0 18px 0;
position: relative;
top: -20px;
}

/*.oddo {color: #fff;}*/
.datum-oddo {font-weight: bold;}

.text-akce p {clear: both; position: relative; top: -10px;}


.akce-dalsi {border-top: 1px solid #042b4c; margin-top: 35px;}
.akce-dalsi h3 {font-size: 0.95em; margin-bottom: 10px;}
.akce-dalsi strong, .akce-dalsi ul {font-size: 0.85em;}
.akce-dalsi ul {list-style: none; margin: 5px 0 10px 0; padding-left: 0;}

/* kniha */
form {text-align: left; clear: both;}
fieldset {border: 1px solid #030d19; background: #00101f; padding: 10px; margin: 5px 0 10px 0;}
h3.legend {font-size: 1.1em; font-weight: bold; color: #5b7185; float: right; margin: 5px 10px;}

form div {color: #000; margin: 5px auto; padding: 0;}
form div img {border: none; margin: 0; padding: 0;}

textarea {border: none;}
label {padding-left: 4px;}
.input {width: 200px; height: 20px; border: 1px solid #5b7185;}
.submit {margin: 5px 0; padding: 3px 20px; display: block; width: 545px;}

.kniha-box {
width: 70%;
margin: 0 auto;
text-align: center;
line-height: 1.2;
}

.kniha-box img {border: none; display: inline; margin: 0 2px; padding: 0;} 

.novy-odkaz {margin: 15px 0;}

.vzkaz {
width: 100%;
text-align: justify;

margin: 20px 0 0 0; padding: 7px 0 0 0;

border-top: 2px solid #042b4c;
}

.odp {width: 95%; margin-left: 5%; border-top: none;}

.new {border-top: 2px solid #fffe43;}

.odp-klik {float: right; margin: 0 5px 10px 0;}

.vzkaz-jmeno {
width: 200px;
float: left;

font-size: 1em;
font-weight: bold;
color: #fffe43;
}

.vzkaz-info {
width: 200px;
float: right;
text-align: right;

font-size: 0.7em;
color: #5b7185;
}

.vzkaz p {
clear: both;
padding: 5px 0 0 0;
margin: 0;
}

.strankovani {width: 100%; margin: 10px 0; text-align: left; color: #5b7185;}
.strankovani span {background: transparent url('./../admin/img/icon-pages.gif') no-repeat; padding-left: 20px; margin-right: 10px; font-weight: bold;}
.strankovani a {font-weight: normal; padding: 2px 3px; color: #fff;}
.strankovani a:hover {background: #031b33;}
.strankovani strong {color: #fffe43;}

.zvyraznit {float: right; position: relative; top: -32px; left: -18px; font-size: 0.85em;}
.zvyraznit select, .zvyraznit input {font-size: 0.9em;}

/* clanky */
.h2-clanek {
float: left; 
margin-bottom: -20px;
padding-bottom: 2px; 
border-bottom: 2px solid /*#5b7185*/ #042b4c;
width: 100%;
font-size: 1.2em;
}

.perex {
font-size: 0.85em;
font-weight: bold;
color: #5b7185;
position: relative; top: -15px;
margin-bottom: -15px;
}

.h3-clanek {
float: left; 
margin: 10px 0 -20px 0;
padding: 0 0 2px 0; 
border-bottom: 2px solid /*#5b7185*/ #042b4c;
width: 100%;
}

.clanek-info {
float: right;
clear: none !important;
color: #5b7185;
padding-top: 5px;
margin:  12px 0 10px 0;
position: relative;
top: -17px;
font-size: 0.85em;
}

.clanek-perex-seznam {padding: 0; margin: 0; font-size: 0.85em; position: relative; top: -15px;}
.clanek-perex-seznam p {margin: 0; padding: 2px 0;}  

/* galerie */
.gal-vypis {clear: both;}

.h2-gal {
float: left; 
margin-bottom: -20px;
padding-bottom: 2px; 
border-bottom: 2px solid /*#5b7185*/ #042b4c;
width: 100%;
font-size: 1.2em;
}

.h3-gal {
float: left; 
margin: 10px 0 -20px 0;
padding: 0 0 2px 0; 
border-bottom: 2px solid /*#5b7185*/ #042b4c;
width: 100%;
}

.gal-vypis p {padding: 2px 0 2px 5px; margin: 0 0 25px 0; font-size: 0.9em; position: relative; top: 30px; }

p.gal-info {
float: right;
clear: none !important;
color: #5b7185;
padding-top: 5px !important;
margin:  12px 0 10px 0 !important;
position: relative !important;
top: -17px !important;
font-size: 0.85em !important;
}

.gal-popis {
font-size: 0.9em;
font-weight: normal;
color: white;
position: relative; top: -15px;
margin-bottom: -15px;
}


.gal-img-nahodny {float: left; margin: 30px 15px 5px 0; border-width: 4px;}

.gal-img-nahled-div {
float: left; clear: none !important; display: block;
width: 140px; height: 140px;
margin: 20px 12px;
}

.gal-img-nahled-div img {border-width: 4px;}
.gal-img-nahled-div img.na-sirku {margin: 17px 0;}
.gal-img-nahled-div img.na-vysku {margin: 0 17px;}  


#gal-listuj {color: #486279; float: right; clear: both; font-size: 0.85em;}
#gal-listuj a {color: #486279; padding: 2px 2px; margin: 0;}
#gal-listuj a:hover, #gal-listuj a.aktivni {color: white;}

/* rss */
.rss {margin-left: 0; padding-left: 2px;}
.rss li {list-style: none; margin: 3px 0;}
.rss li a {color: #fff;}
.rss li a:hover {color: #5388b4;}