/* reset a obecne formatovani*/
body, html, p, ul, li, h1, h2, h3, h4, h5, h6, img, form, blockquote, fieldset, legend, ol, ul, li {margin:0; padding:0; border: 0}
input, select, label {vertical-align:middle;outline:0}
ul, ol {list-style-type:none}
p {line-height:1.7}
table {font-size:120%;line-height:1.3;border-collapse:collapse; border-spacing:0}
hr {display:none}

h1{font-family:Tahoma;color:#BE8F36;font-size:180%;em;font-weight:normal;margin:15px 0}
h2, h3, h4 {font-family:Tahoma;color:#BE8F36;font-size:150%;em;font-weight:normal;margin:15px 0}
h3 {font-size:1.5em}
h4 {font-size:1.4em}
h5 {
   text-align:center; 
   color: #BE8F36; 
   font-family:Arial; 
   font-size:85%
}
h6 {
   text-align:center; 
   color: #BE8F36; 
   font-family:Tahoma; 
   font-size:140%
}
acronym {font-family:Tahoma;color:#BE8F36;font-size:180%;em;font-weight:normal;margin:15px 0}

/* zaklady dokumentu */
html {background:#333846 url(img/html-bg.jpg) repeat;padding:20px 0 0}
body {font: normal 62.5%/1 Arial,Tahoma,sans-serif;background:#fff url(img/body-bg.jpg) no-repeat 0 100%;width:840px;margin:0 auto;padding:0 0 30px;position:relative}

/* odkazy */
a {color:#000;text-decoration:underline}
a:hover {color:#000;text-decoration:none}

/* obecne tridy */
.right {text-align:right}
.left {text-align:left}
.center {text-align:center}
.float-r {float:right}
.float-l {float:left}
.bold {font-weight:bold}
.italic {font-style:italic}

/* menu pro lepsi pouzitelnost */
ul.usability {position:absolute;top:0;left:-9999px}

/* hlavicka */
.header {width:100%;height:230px;background:#fff url(img/header-bg.jpg) no-repeat;position:relative}

/* hlavicka - logo */
.header h1 a, .header h1 a span {display:block;width:630px;height:125px;position:absolute;top:47px;left:180px;overflow:hidden}
.header h1 a span {top:0;left:0;background:url(img/h1-span-bg.jpg) no-repeat;cursor:pointer}

/* navigace */
.nav {position:absolute;top:190px;left:214px}
.nav li {float:left;font-size:1.2em;position:relative;background:url(img/nav-li-bg.png) no-repeat 100% 0;padding:0 5px 0 5px}
.nav li a {color:#BE8F36;float:left;text-decoration:none;position:relative;padding:8px;font-weight:bold}
.nav li a:hover {color:#BE8F36;text-decoration:underline}

/* hover menu */
#nav ul {position:absolute;visibility:hidden;top:28px;left:0;width:125px}
#nav li:hover ul, ul#nav li.hover ul {visibility:visible}

#nav li li {float:none;height:auto;padding:0;font-size:1em;display:block;position:static}
#nav li li a {background:#ECECC8;padding:8px 5px 8px 13px;height:auto;width:170px}
#nav li li a:hover {color:#BE8F36}
#nav li {behavior: url(hover.htc)} 

/* obsah - obal*/
.content-wrapper {background:url(img/content-wrapper-bg.jpg) no-repeat;height:450px;padding:0 0 0 315px}

/* obsah */
.content {width:490px;height:400px;overflow:scroll;padding:10px 5px}

.content p, .content ul, content table {margin:15px 0;font-size:1.2em}
.content ul li {margin:8px 0}
.content img {border:2px solid #F0F0D5;padding:1px}

/* paticka */
.footer {font-size:1.1em;padding:4px}

/* cistic */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block;}
/* schovani pred ie mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clr {clear:both;height:0;font-size:0;line-height:0}