a {color: #1f415c; text-decoration: underline;}
a:hover {color: #1a364d; text-decoration: none;}
p {margin-bottom: 0.6em;}

body {color: #3b3c25; background: #ffffff repeat-x url(../images/body.png) top; font: 10pt/1.5 "arial", sans-serif;}

h1 {font-size: 16pt;}
h2 {font-size: 12pt;}
h3 {font-size: 11pt;}
h4 {font-size: 10pt;}

/* ********** web layout ********** */
#wrap {width: 788px; margin: 24px auto; position: relative;}
#body {padding: 3px;}
#head {height: 200px;}
#main {width: 556px; margin: 12px 0px 0px 8px; float: left;}
#side {width: 200px; margin: 12px 8px 0px 0px; float: right;}
#foot {height: 64px;}

#head {background: no-repeat url(../images/head.png) top; position: relative;}
#head h1 {font-size: 28pt; position: absolute; top: 64px; left: 32px;}
#head h1 a {text-decoration: none;}
#head p {font-size: 12pt; font-style: italic; position: absolute; top: 120px; left: 32px;}
#head p strong {font-weight: normal;}
#head img {position: absolute; bottom: 0px; right: 8px;}

#main li {margin: 4px 0px;}

#side h2 {background: no-repeat url(../images/side.png); color: #ffffff; margin-bottom: 6px; text-align: center; height: 30px; line-height: 30px;}
#side .box {margin-bottom: 16px;}
#side form .text {width: 192px; height: 12px; padding: 2px; margin-bottom: 8px;}
#side form .area {width: 192px; height: 45px; padding: 2px; margin-bottom: 8px;}
#side form .button {font-size: 8pt; font-weight: bold; padding: 0.4em 1em;}
#side dd {margin-bottom: 4px;}

#foot {background: no-repeat url(../images/foot.png) bottom; text-align: center; line-height: 24px; clear: both; position: relative;}
#foot p {position: relative; top: 8px;}
#foot img {position: absolute; right: 16px; top: 16px;}

.header {background: #d4e0e8; border: 1px solid #afc6d4; padding: 2px; margin-bottom: 3px;}
.header h2 {background: no-repeat center left; font-size: 16pt; padding-left: 32px; height: 32px; line-height: 32px; overflow: hidden;}
.header h2.item {background-image: url(../images/item.png);}
.header h2.archive {background-image: url(../images/archive.png);}
.header h2 a:visited {color: #324049;}
.header small {margin-left: 6px;}

.icon {background: no-repeat center left; padding-left: 20px;}
.icon.date {background-image: url(../images/date.png);}
.icon.author {background-image: url(../images/author.png);}

/* Okraj */
.round {background-image: url(../images/round.png); position: absolute; width: 40px; height: 40px; z-index: -1;}
.round.tl {background-position: top left; top: -6px; left: -6px;}
.round.tr {background-position: top right; top: -6px; right: -6px;}
.round.bl {background-position: bottom left; bottom: -6px; left: -6px;}
.round.br {background-position: bottom right; bottom: -6px; right: -6px;} 
.border.ht {background: url(../images/horizontal.png) top left; position: absolute; height: 40px; left: 34px; right: 34px; z-index: -1; top: -6px;}
.border.hb {background: url(../images/horizontal.png) bottom left; position: absolute; height: 40px; left: 34px; right: 34px; z-index: -1; bottom: -6px;} 
.border.vl {background: url(../images/vertical.png) top left; position: absolute; width: 40px; top: 34px; bottom: 34px; z-index: -1; left: -6px;}
.border.vr {background: url(../images/vertical.png) top right; position: absolute; width: 40px; top: 34px; bottom: 34px; z-index: -1; right: -6px;}


#menu form {position: relative; width: 208px;}
#menu #search_query {border: 1px solid #c4c7a3; padding: 2px; position: absolute; top: 4px; left: 0px; width: 128px; height: 16px;}
#menu #search_submit {border: 0; background: no-repeat url(../images/button.png); position: absolute; top: 3px; right: 8px; width: 60px; height: 24px;}

/* Grafika - menu */
#menu {background: url(../images/menu.png) top; height: 30px; line-height: 30px;}

/* Grafika - polozky */
#menu ul li {background: no-repeat url(../images/menu-separator.png) center left; padding-left: 1px;}
#menu ul li ul li {background: none; padding-left: 0px;}

/* Grafika - odkazy */
#menu ul li a {color: #ffffff; background: repeat-x url(../images/menu-item.png) top; padding: 0px 12px; text-decoration: none; white-space: nowrap;}
#menu ul li.select>a {color: #acd4c6; background-position: bottom;}
#menu ul li:hover>a {color: #000000; background-position: center;}
#menu ul li ul li a {color: #3c4777; background: #afc6d4; border: 1px solid #d7e3ea; width: 150px;}
#menu ul li ul li:hover>a {color: #000000; background: #7aa0b8; border: 1px solid #95b3c6;}

/* Akce - polozoky v menu */
#menu ul li {float: left; position: relative;}
#menu ul li a {display: block;}

/* Akce - zobrazeni submenu */
#menu ul li ul {visibility: hidden; position: absolute;}
#menu ul li:hover>ul {visibility: visible;}

/* Akce - pozice submenu */
#menu ul li ul {top: 100%; left: 0px;} /* Prvni zobrazit pod */
#menu ul li ul li ul {top: 0px; left: 100%;} /* Druhe zobrazit vpravo */


.error {color: red;}