body {
 background: #EEE;
 color: #000;
 behavior: url(csshover.htc);
}

h1 {
 color: #aaa;
 border-bottom: 1px solid;
 margin-bottom: 0;
}

h2 {
 color: #bbb;
}

h3, h4, h5, h6 {
 color: #ccc;
}

#main {
 color: #ccc;
 margin-left: 150px;
 padding: 2em 0 1px 5%;
 border-left: 1px solid;
}

div#header {
 position: absolute;
 left: 0px;
 top: 35px;
 margin: -1px 0 0 150px;
 padding: 0px;
 border: none;
 width: 650px;
 height: 160px;
}

div#header h1 {
 margin: -20px 0px 0px 0px;
 color: rgb(30, 20, 0);
 border: none;
 font-size: 170px;
}

div#zalozky {
 position: absolute;
 left: 0px;
 top: 0px;
 margin: -1px 0 0 150px;
 border: none;
 width: 650px;
 z-index: 3;
}

div#zalozky ul {
 margin: 0;
 padding: 0;
 float: right;
 border: none;
 font-size: 10pt;
 font-weight: bold;
 border: none;
 border-bottom: 1px dotted gray;
 width: 100%;
}

div#zalozky ul li {
 list-style: none;
 margin: 0;
 float: left;
 text-align: center;
 width: 100px;
 height: 25px;
 padding: 0px;
 background: url(default/marker.gif) no-repeat;
}

div#zalozky ul li.sub {
 background: url(default/sub-marker.gif) no-repeat;
}

div#zalozky ul li:hover {
 background: url(default/marker-active.gif) no-repeat;
}

div#zalozky ul li.sub:hover {
 background: url(default/sub-marker-active.gif) no-repeat;
}

div#zalozky ul li a {
 margin: 5px 0 0 0;
 display: block;
 text-decoration: none;
 color: white;
}

div#zalozky ul li a:hover {
 color: black;
}

div#cesta {
 z-index: 1;
 position: absolute;
 left: 120px;
 top: 200px;
 margin: -1px 0 0 150px;
 background: #fff;
 background: transparent;
 border: 1px solid #aaa;
 border: none;
 padding: 0px;
 width: 510px;
 font-size: small;
 height: 20px;
}

div#cesta a {
 text-decoration: none;
}

div#login {
 z-index: 3;
 position: absolute;
 left: 610px;
 top: 125px;
 margin: 0 0 0 150px;
 border: none;
 width: 40px;
 height: 25px;
 text-align: center;
 font-size: 10pt;
 font-weight: bold;
}

div#login a {
 text-decoration: none;
 background: rgb(255, 214, 90);
 display: block;
}

div#telo {
 z-index: 1;
 position: absolute;
 left: 120px;
 top: 230px;
 margin: -1px 0 0 150px;
 background: #FFF;
 border: 1px solid #AAA;
 padding: 10px;
 width: 510px;
 height: 430px;
 font-size: small;
 scrollbar-face-color: #dddddd;
 scrollbar-highlight-color: #cccccc;
 scrollbar-shadow-color: #bbbbbb;
 scrollbar-3dlight-color: #eeeeee;
 scrollbar-arrow-color: #777777;
 scrollbar-track-color: #ffffff;
 scrollbar-darkshadow-color: #000000;
 overflow: auto;
}

div#submenu {
 z-index: 1;
 position: absolute;
 left: 150px;
 top: 200px;
 margin: 0px;
 background: #FFF;
 background: transparent;
 border: 1px solid #AAA;
 border: none;
 padding: 0 0 0 0;
 width: 110px;
}

div#submenu h1 {
 font-size: 10pt;
 padding: 0px;
 margin: 0px;
 margin-top: 5px;
 text-align: right;
 padding-right: 10px;
 font-weight: bold;
}

div#submenu h1 a {
 text-decoration: none;
 font-weight: bold;
 color: gray;
 display: block;
}

div#submenu ul li a {
 font-size: 10pt;
 text-decoration: none;
 font-weight: bold;
 color: blue;
 display: block;
 margin-right: -10px;
 padding-right: 10px;
}

div#submenu ul li a:hover {
 background: rgb(255, 240, 210);
}

div#submenu ul {
 margin: 0;
 padding: 0;
 border: none;
}

div#submenu ul li {
 list-style: none;
 float: left;
 text-align: right;
 width: 100px;
 padding: 0px;
}

div#telo abstract {
 text-weight: bold;
}

div#telo table {
 border: 1px solid #AAA;
}

div#telo td {
 border: 1px;
 background: #DDD;
 padding: 2px;
}

div#telo th {
 background: rgb(255, 214, 90);
 padding: 2px;
}

div#telo h1, div#telo h2, div#telo h3, div#telo h4, div#telo h5, div#telo h6 {
  border: none;
}

div#telo a {
  text-decoration: none;
}

div#nav {
 z-index: 2;
 position: absolute;
 left: 0px;
 top: 158px; /* menu od vrchu */
 background: rgb(255, 214, 90); /* 255, 214, 90 */
 margin: -1px 0 0 150px;
 border: none;
 width: 650px;
 height: auto;
 font-size: 12px;
 font-weight: bold;
}

div#nav ul {
 margin: 0;
 padding: 0;
 background: rgb(255, 227, 141);
}

div#nav li {
 position: relative;
 list-style: none;
 margin: 0;
 padding: 0;
 float: left;
 width: 100px;
 font: small;
 height: 24px;
 border-right: 2px solid rgb(255, 227, 141);
 border-top: 2px solid rgb(255, 214, 90);
}

div#nav>ul>li:hover {
 border-top: 2px solid rgb(255, 156, 0);
}

div#nav li:hover {
 background: rgb(255, 227, 141);
}

div#nav li.submenu {
 background: url(default/menu.gif) 95% 50% no-repeat;
}

div#nav li.submenu:hover {
 background-color: rgb(255, 227, 141);
}

div#nav li a {
 display: block;
 padding: 0.25em 0 0.25em 0.5em;
 text-decoration: none;
 color: navy;
 width: 6.5em;
}

div#nav>ul a {
 width: auto;
}

div#nav ul ul {
 position: absolute;
 width: 100px;
 display: none;
}

div#nav ul ul li {
 border: 2px solid rgb(255, 227, 141);
 border-top: none;
 background-color: rgb(255, 214, 90);
}

div#nav li.submenu li.submenu {
 background: rgb(255, 214, 90) url(default/submenu.gif) 95% 50% no-repeat;
}

div#nav li.submenu li.submenu:hover {
 background: rgb(255, 227, 141) url(default/submenu-active.gif) 95% 70% no-repeat;
}

div#nav ul.level1 li.submenu:hover ul.level2,
div#nav ul.level2 li.submenu:hover ul.level3,
div#nav ul.level3 li.submenu:hover ul.level4 {
 display:block;
}

div#nav ul.level2 {
 top: 20px;
 left: -2px;
 margin-top: 2px;
}

div#nav ul.level3 {
 top: 5px;
 left: 100px;
 margin-top: 2px;
 border-top: 2px;
}

div#nav ul.level4 {
 top: 5px;
 left: 100px;
 margin-top: 2px;
 border-top: 2px;
}

table {
 border: 1px;
}

div#footer {
 position: absolute;
 top: 680px;
 left: 120px;
 margin: -1px 0 0 150px;
 border: none;
 font-size: small;
}

div#footer a {
 text-decoration: none;
 color: navy;
 font-size: small;
}

div.galeria {
 height: 150px;
 margin: 10px 0px;
 width: 300px;
}

div.galeria a {
 font-style: none;
 display: block;
}

div.menogalerie {
 float: right;
 width: 100px;
 font-size: 20px;
 line-height: 25px;
 margin: 30px 0px;
}

div.obrazokgalerie {
 float: left;
 width: 150px;
 height: 115px;
 margin: 15px 0px 0px 15px;
}

img.fotogaleriafotka {
 margin: 0px 10px 10px 0px;
}

a img.fotogaleriafotka {
 border: 4px solid #666666;
}

a:hover img.fotogaleriafotka {
 border-top: 4px solid #888888;
 border-right: 4px solid #888888;
 border-bottom: 2px solid #888888;
 border-left: 4px solid #888888;
}

img.fotogaleriafotografia {
 position: relative;
 left: -120px;
 top: 0px;
}

#navigaciafotografii {
 text-align: right;
 margin: 0px 0px 15px 0px;
 width: 90%;
}

#predchadzajucafotka, #nasledujucafotka {
 border: 2px dotted gray;
 padding: 2px 5px;
 margin: 2px;
}

#predchadzajucafotkanie, #nasledujucafotkanie {
 border: 2px dotted white;
 padding: 2px 5px;
 margin: 2px;
}

a#fotografiaspat {
 margin: 2px 10px;
}

#navigaciaclankov {
 text-align: right;
 margin: 5px 0px 15px 0px;
 width: 90%;
 height: 30px;
 border: 0px dashed red;
}

.cislostranky {
 border: 1px dotted gray;
 padding: 2px 5px;
 margin: 2px;
}

#predchadzajucastranka, #nasledujucastranka {
 border: 1px dashed gray;
 padding: 2px 5px;
 margin: 2px;
 text-align: center;
}

#predchadzajucastrankanie, #nasledujucastrankanie {
 border: 2px dotted white;
 padding: 2px 5px;
 margin: 2px;
}