body {font-family: Arial, Helvetica, sans-serif;
      font-size: 80%;
      background-color: #D3ABB5;
      margin: 0px}

body.admin {font-family: Arial, Helvetica, sans-serif;
      font-size: 80%;
      background-color: #D3ABB5;
      margin: 10px}

a {color: #5F2A38}
a:hover {color: #B7894F}

form {margin-top: 0px; margin-bottom: 0px;}

.prechod {background: url("images/prechod.gif")} 

.vyhl-podklad {background: url("images/vyhl-podklad.jpg") no-repeat;} 

.vyhl-nadpis {background: url("images/vyhl-nadpis.gif");
                     background-color: #6F3645; 
                     font-family: Verdana,Arial;
                     font-size: 11px;
                     color: #FFFFFF}

.nadpis-podklad {background: url("images/nadpis-podklad.gif") no-repeat;} 

.vyhl {font-family: Verdana,Arial;
           font-size: 11px;
           color: #FFFFFF}

.menu {font-family: Arial;
           font-size: 12px;
           color: #5F2A38;
           text-decoration: none}

.menu-aktiv {font-family: Arial;
                    font-size: 12px;
                    color: #FFFFFF;
                    text-decoration: none}

.menu-paticka {font-family: Arial;
                        font-size: 11px;
                        color: #824656}

.datum {font-family: Verdana,Arial;
             font-size: 10px;
             color: #FFFFFF}

.select {font-family: Arial;
             font-size: 12px;
             background-color: #EEEEEE}

.pismo {font-family: Arial;
             font-size: 80%}

.pismo2 {font-family: Arial;
               font-size: 70%}

.pismo-bile {font-family: Arial;
                    font-size: 80%;
                    color: #FFFFFF}

.pismo2-bile {font-family: Arial;
                      font-size: 70%;
                      color: #FFFFFF}

.pismo3-bile {font-family: Arial;
                    font-size: 12px;
                    color: #FFFFFF}

.pismo3 {color: #5F2A38}

.pismo4 {font-family: Arial;
                 font-size: 7px}

.pismo5 {font-family: Arial;
               font-size: 70%}

.pismo6 {font-family: Arial;
               font-size: 12px}

.nadpis {font-family: Arial;
             font-size: 130%;
             color: #5F2A38;
             text-decoration: none}

.nadpis2 {font-family: Arial;
              font-size: 120%;
              color: #5F2A38}

H1 {font-family: Arial;
        font-size: 120%;
        color: #5F2A38;
        font-weight: bold;
        margin: 0px}

H2 {font-family: Arial;
        font-size: 120%;
        color: #5F2A38;
        font-weight: bold;
        margin: 0px}

.tbl-nadpis {background: url("images/nadpis-podklad.gif") no-repeat;
                  font-family: Verdana,Arial;
                  font-size: 11px;
                  color: #FFFFFF}

.tbl-nadpis2 {font-family: Verdana,Arial;
                  font-size: 11px;
                  color: #FFFFFF}

.uvod-tlacitka {font-family: Arial;
                       font-size: 80%;
                       color: #FFFFFF;
                       text-decoration: none}

.uvod-tlacitka2 {font-family: Arial;
                       font-size: 80%;
                       color: #280C13;
                       text-decoration: none}

.tlacitka-podklad {background: url("images/uvod-tlacitka.gif")}  

.uvod-odkaz {color: #183B73}

.ozn0 {font-family: Arial;
           font-size: 13px;
           color: #183B73}  

.ozn1 {background: url("images/oznameni/oznameni1.jpg") no-repeat;
            background-color: #FAFBED;
           font-family: Arial;
           font-size: 13px;
           color: #183B73}  

.ozn2 {background: url("images/oznameni/oznameni2.jpg") no-repeat;
            background-color: #EAEBDD;
           font-family: Arial;
           font-size: 13px;
           color: #183B73}  

.ozn3 {background: url("images/oznameni/oznameni3.jpg") no-repeat;
            background-color: #ECECEC;
           font-family: Arial;
           font-size: 13px;
           color: #183B73}  

.ozn4 {background: url("images/oznameni/oznameni4.jpg") no-repeat;
            background-color: #F9FAF5;
           font-family: Arial;
           font-size: 13px;
           color: #183B73}  

.ozn5 {background: url("images/oznameni/oznameni5.jpg") no-repeat;
            background-color: #F9FAEC;
           font-family: Arial;
           font-size: 13px;
           color: #183B73}  

.ozn6 {background: url("images/oznameni/oznameni6.jpg") no-repeat;
            background-color: #EEE8E9;
           font-family: Arial;
           font-size: 13px;
           color: #183B73}  

.ozn-pismo {font-family: Arial;
                      font-size: 11px;
                      color: #183B73}  

.ozn-pismo2 {font-family: Arial;
                       font-size: 13px;
                       color: #183B73}  

ul {margin-left: 12px;
     padding-left: 0px}

li {margin-left: 3px;
    margin-bottom: 4px;
    padding-left: 3px;
    padding-bottom: 2px;
    list-style-type: square}

.tabulka-menu {border: 1px solid #FFFFFF;
                border-collapse: collapse}

.tabulka-bunky {border: 1px solid #B07F8B;
                border-collapse: collapse}

.tabulka-kontakt {border: 2px solid #FFFFFF;
                background-color: #F2EFDF;
                border-collapse: collapse}

.pozadi-vyhl-1b {background: url("images/vyhl_1b.gif")} 
.pozadi-vyhl-4b {background: url("images/vyhl_4b.gif")} 
.nad-tecky {background: url("images/nad_tecky.gif")}

.fotky IMG {border: 1px solid #5F2A38}
.fotka {border: 1px solid #5F2A38}
.fotka2 {border: 2px solid #5F2A38}




A.tisteny-menu {display: block;
                   margin: 0px;
                   width: 140px;
                   border-left: 1px solid #FFFFFF;
                   border-right: 1px solid #FFFFFF;
                   border-top: 1px solid #FFFFFF;
                   background-color: #E3DFC9;
                   padding: 6px;
                   text-decoration: none;
                   font-family: Arial, Helvetica, sans-serif;
                   font-size: 12px;
                   color: #000000;
}

A.tisteny-menu:hover {background-color: #000000;
                                 color: #FFFFFF;
                                 text-decoration: none}











#menu {
                   padding: 0px;
                   margin: 0px;
                   float: left;
                   text-align: left;
}

#menu ul {
                   list-style-type: none;
                   margin: 0px;
                   padding: 0px;
}

#menu li {
	list-style-type: none;
                   position: relative;
                   float: left;
                   margin: 0px;
                   padding: 0px;
}

#menu #cat3 {
                   width: 157px;
                   font-weight: bold;
                   white-space: nowrap; 
                   padding-top: 7px;
                   padding-bottom: 7px;
}

A.cat-odkaz {
                    color: #FFFFFF;
                   text-decoration: none;
}

A.cat-odkaz:hover {
                    color: #000000;
                    text-decoration: none;
}

ul.sub3, ul.sub4, ul.sub5, ul.sub6, ul.sub7, ul.sub8 {
                     width: 100%;
                     position: absolute;
                     z-index: 10;
                     visibility:hidden;
}

#menu ul.sub3 li, #menu ul.sub4 li, #menu ul.sub5 li, #menu ul.sub6 li, #menu ul.sub7 li, #menu ul.sub8 li {
                   display: block;
                   width: 100%;
                   margin: 0px;
                   padding: 0px;
}

#menu ul.sub3 li a {
                   display: block;
                   margin: 0px;
                   width: 140px;
                   border-left: 1px solid #FFFFFF;
                   border-right: 1px solid #FFFFFF;
                   border-top: 1px solid #FFFFFF;
                   background-color: #E3DFC9;
                   padding: 6px;
                   text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
                   font-size: 12px;
                   color: #000000;
}

#menu ul.sub3 li.posledni a {
                   display: block;
                   margin: 0px;
                   width: 140px;
                   border-left: 1px solid #FFFFFF;
                   border-right: 1px solid #FFFFFF;
                   border-top: 1px solid #FFFFFF;
                   border-bottom: 1px solid #FFFFFF;
                   background-color: #E3DFC9;
                   padding: 6px;
                   text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
                   font-size: 12px;
                   color: #000000;
}

#menu ul.sub3 li a:hover, #menu ul.sub4 li a:hover, #menu ul.sub5 li a:hover, #menu ul.sub6 li a:hover, #menu ul.sub7 li a:hover, #menu ul.sub8 li a:hover {
                   background-color: #000000;
                   color: #FFFFFF;
}

#menu ul.sub3 li.posledni a:hover, #menu ul.sub4 li.posledni a:hover, #menu ul.sub5 li.posledni a:hover, #menu ul.sub6 li.posledni a:hover, #menu ul.sub7 li.posledni a:hover, #menu ul.sub8 li.posledni a:hover {
                   background-color: #000000;
                   color: #FFFFFF;
}

#menu ul li.main {position: relative;}

#menu ul li > ul.sub3, #menu ul li > ul.sub4, #menu ul li > ul.sub5, #menu ul li > ul.sub6, #menu ul li > ul.sub7, #menu ul li > ul.sub8 {
                   position: absolute; z-index:10; visibility: hidden;
}

#menu ul li.main:hover ul.sub3, #menu ul li.main:hover ul.sub4, #menu ul li.main:hover ul.sub5, #menu ul li.main:hover ul.sub6, #menu ul li.main:hover ul.sub7, #menu ul li.main:hover ul.sub8 {
                  visibility: visible;
}

.vyhldole-pozadi {background: url("images/vyhldole_pozadi.gif");
                  height: 60px;}





/* FOTOGALERIE */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }