/* common */
body {font-size: small; color: #000; background: #fff; font-family: Verdana, Arial, "Times New Roman", Times, serif; text-align: center; border: 0; margin: 0; padding: 0;}
input, textarea, select {font-family: "Times New Roman", Times, serif;; font-size: 100%;}
form {margin: 0; padding: 0;}

h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}
h1.logo {position: absolute; top: 33px; left: 321px;}

p.def {font-size: 1em; margin: 0 0 1.33em 0; line-height: 1.4em;}
ul.def, ol.def, dl.def {font-size: 1em; margin: 0 0 1.33em 0; padding: 0;}
ul.def {list-style: none; position: relative;}
ol.def {margin-left: 3em;}
ul.def li, ol.def li {line-height: 1.4em; margin-bottom: .3em;}

img {border: 0;}

table.def {font-size: 1em; margin-bottom: 1.33em;}
th {text-align: left;}

a {color: #68250D;}

/* layout */
#Case {background: url(../img/Case.png) top left repeat-y; text-align: left; margin: 0 auto; width: 778px;}
#Hlava {background: url(../img/Hlava.jpg) top left no-repeat; position: relative; z-index: 1; height: 190px;}
#Levy {float: left; width: 608px;}
#LevyIn {margin-left: 25px; position: relative;}
#Pravy {background: url(../img/Pravy.png) top left repeat-y; position: relative; float: right; width: 170px;}
#Horni {background: url(../img/PravyZacatek.png) top left no-repeat; position: relative; padding: 15px 25px 1px 20px;}
#Spodni {background: url(../img/PravyKonec.png) bottom left no-repeat; position: relative; padding-bottom: 20px; width: 170px;}
#Pata {background: url(../img/Pata.png) top left no-repeat; font-size: .7em; padding-right: 25px; line-height: 44px; height: 44px;}

/* content */
h1.logo a, h1.logo a span {background: url(../img/Logo.jpg); display: block; width: 226px; height: 43px;}
h1.logo a {position: relative; z-index: 1; overflow: hidden;}
h1.logo a span {position: absolute; z-index: 2; top: 0; left: 0; cursor: pointer;}

#Lang {position: absolute; top: 8px; _top: 24px; &top: 24px; left: 175px;}
#Lang a, #Lang a span {display: block; width: 17px; height: 11px;}
#Lang a {position: relative; z-index: 1; overflow: hidden; float: left; margin-right: 4px;}
#Lang a span {position: absolute; z-index: 2; top: 0; left: 0; cursor: pointer;}

a.cs, a.cs span {background: url(../img/fCs.png);}
a.en, a.en span {background: url(../img/fEn.png);}
a.csOff, a.csOff span {background: url(../img/fCs_off.png);}
a.enOff, a.enOff span {background: url(../img/fEn_off.png);}

#Novinky {position: absolute; top: 40px; right: 40px; width: 110px;}
#Novinky h2 {color: #68250D; font-size: 1.1em; margin-bottom: .2em;}
#Novinky p {font-size: .7em; line-height: 1.1em; margin: 0 0 .7em 0;}

div#mainmenu ul {list-style: none; margin: 0; padding: 0; position: absolute; bottom: 10px; left: 152px;}
div#mainmenu ul li {font-weight: bold; float: left; position: relative; z-index: 2;}
div#mainmenu ul li a {background: url(../img/MenuLi.png) 0% 50% no-repeat; text-align: center; text-decoration: none; display: block; padding-left: 4px; line-height: 28px; height: 28px; width: 63px;}
div#mainmenu ul li.frst a {background: none; padding: 0;}
div#mainmenu ul li a:hover, div#mainmenu ul li a.choosed {background: url(../img/MenuLiA.png) 0% 50% no-repeat;}
div#mainmenu ul li ul {display: none;}
div#mainmenu ul li:hover ul {background: #FBF1E7; font-size: .8em; list-style: none; margin: 0; padding: 0; display: block; position: absolute; top: 28px; left: 0; width: 110px; z-index: 3;}
div#mainmenu ul li ul li {position: relative; border-left: 4px solid #68250D; border-bottom: 1px solid #fff; padding-left: 2px; float: none; z-index: 4;}
div#mainmenu ul li ul li {background: #FBF1E7; }
div#mainmenu ul li ul li a {color: #000; background: none; text-align: left; line-height: normal; padding: 1px 0 1px 2px; height: auto; width: 102px;}
div#mainmenu ul li ul li a:hover {background: #F7D2B0;}
div#mainmenu ul li:hover ul li ul {display: none;}
div#mainmenu ul li:hover ul li:hover ul {font-size: 1em; display: block; position: absolute; z-index: 15; top: 0; left: 106px;}

p.drobky {color: #68250D; font-size: .7em;}
p.drobky a {text-decoration: none;}
p.drobky a:hover {text-decoration: underline;}

#Levy h2.def {background: url(../img/h2.png) 0% 20% no-repeat; font-size: 1.5em; font-weight: normal; border-bottom: 2px solid #7B7980; margin-bottom: .5em; padding: 0 0 1px 35px;}
#Levy h3.def {font-size: 1.2em; font-weight: normal; margin-bottom: 1em;}
#Levy h3.def span {border-bottom: 1px dashed #000;}

/*p.nastroje {position: absolute; top: 30px; _top: 40px; &top: 40px; right: 15px; margin: 0;}*/
p.nastroje {position: absolute; top: 3px; right: 15px; margin: 0;}
p.nastroje img {margin: 3px; vertical-align: middle;}
.clanek {position: relative;}

#Levy p.def {font-size: .8em;}

.ram {border: 1px solid #7B7980; line-height: 0;}
.ram img {border: 4px solid #fff;}

.pulstrana {float: left; width: 286px;}
.pulstrana p {margin-right: 24px;}

form.vyhledavani {margin: 0 0 .5em 0;}
form.vyhledavani p {margin: 0;}
form.vyhledavani input {vertical-align: middle;}
#najit {padding: 0 1px; width: 90px;}

#Pravy h3.def {color: #68250D; font-size: 1em; margin: 0 0 .5em 0;}
#Pravy ul.def {font-size: .7em; list-style: none; margin: 0 0 .5em 0;}
#Pravy ul.def li {background: url(../img/PravyLi.png) 0px 2px no-repeat; line-height: 1.1em; position: relative; margin-bottom: 1em; padding-left: 15px;}

h3.kontakt {background: url(../img/PravyKontakt.png) 100% 50% no-repeat; padding: 3px 0 3px 0;}
h3.kontakt a {text-decoration: none;}
h3.guestbook {background: url(../img/PravyGuestbook2.png) 100% 50% no-repeat; padding: 3px 0 3px 0;}
h3.guestbook a {text-decoration: none;}
h3.references {background: url(../img/PravyReferences2.png) 100% 50% no-repeat; padding: 3px 0 3px 0;}
h3.references a {text-decoration: none;}

.kalendar {background: #fff; border: 1px solid #68250D; height: 90px;}

.caranahore, .caradole {background-image: url(../img/Cara.png); background-repeat: repeat-x;}
.caranahore {background-position: top left; padding-top: 10px;}
.caradole {background-position: bottom left; padding-bottom: 10px;}

#Pata p {_padding-top: 12px;}
#Pata a {text-decoration: none;}
#Pata a:hover {text-decoration: underline;}
#Pata img {vertical-align: middle; margin-right: 15px;}

.listy {background: top left no-repeat; z-index: 10; position: absolute; top: 56px; left: 152px; width: 416px; height: 98px;}
.l0 {background-image: url(../img/Listky0.png);}
.l1 {background-image: url(../img/Listky1.png);}
.l2 {background-image: url(../img/Listky2.png);}
.l3 {background-image: url(../img/Listky3.png);}
.l4 {background-image: url(../img/Listky4.png);}
.l5 {background-image: url(../img/Listky5.png);}
.l6 {background-image: url(../img/Listky6.png);}
.l7 {background-image: url(../img/Listky7.png);}

/* pre-defined */
.center {text-align: center;}
.right {text-align: right;}

.clr {clear: both;}
.fl {float: left;}
.fr {float: right;}
.il {margin: 5px 15px 5px 0;}
.ir {margin: 5px 0 5px 15px;}

.navigation-separator {
    display: inline;
    padding-left: 10px;
    background: url( ../img/kulicka.gif ) no-repeat center;
}
.navigation-path-item {
    font-weight: bold;
    text-decoration: none;
}