/* ----------------------------------------------------------------------------------------------------------
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 {list-style-type:none}
p {line-height:1.7;color:#000}
table {border-collapse:collapse; border-spacing:0}
hr {display:none}

/* ----------------------------------------------------------------------------------------------------------
zaklady dokumentu
---------------------------------------------------------------------------------------------------------- */
html {background:#fff}
body {font: normal 62.5%/1 Verdana,Tahoma,sans-serif;background:#fff url(img/body-bg.png) repeat-x 0 0;color:#333}

/* nadpisy */
h1 {font-size:2.2em;color:#2C2C2C;font-weight:normal;background:url(img/h1-ico.png) no-repeat 0 50%;padding:3px 0 5px 25px;margin:15px 0}
h2 {font-size:1.4em;color:#DF6701;font-weight:bold;background:url(img/h2-ico.png) no-repeat 0 50%;padding:3px 0 5px 25px;margin:15px 0 15px}
h3 {font-size:1.2em;color:#DF6701;font-weight:bold;background:url(img/h3-ico.png) no-repeat 0 30%;padding:3px 0 10px 15px;margin:15px 0;border-bottom:1px solid #EEECEB}
h4 {font-size:1.2em;color:#333;font-weight:bold;padding:3px 0 10px 15px;margin:15px 0;border-bottom:1px solid #EEECEB}

/* odkazy */
a {color:#DF6701;text-decoration:underline}
a:hover {color:#DF6701;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}

/* obal */
.wrapper {width:900px;margin:0 auto;background:url(img/wrapper-bg.jpg) no-repeat;position:relative}

/* ----------------------------------------------------------------------------------------------------------
hlavicka
---------------------------------------------------------------------------------------------------------- */
.header {height:350px}

.header a.top, .header a.top span {display:block;width:295px;height:50px;position:absolute;top:15px;left:20px}
.header a.top span {top:0;left:0;background:url(img/a-top-bg.png) no-repeat}

/* ----------------------------------------------------------------------------------------------------------
hlavni navigace
---------------------------------------------------------------------------------------------------------- */
.nav {position:absolute;top:90px;left:25px}
.nav li {float:left;clear:left;margin:1px 0}
.nav li a {font-size:1.2em;color:#fff;text-decoration:none;float:left;clear:left;padding:5px 5px 5px;}
.nav li a span {background:url(img/nav-a-span-bg.png) no-repeat 0 4px;padding-left:20px}
.nav li a:hover {color:#000;text-decoration:none}
.nav li.active {background:#fff url(img/nav-a-right.png) no-repeat 100% 0}
.nav li.active a {background:url(img/nav-a-left.png) no-repeat 0 0;color:#000}
.nav li.active a span {background: url(img/nav-a-span-bg.png) no-repeat 0 -8px;padding-left:20px}

/* ----------------------------------------------------------------------------------------------------------
obsah
---------------------------------------------------------------------------------------------------------- */
.content {width:575px;float:left;padding: 0 0 30px 15px}
.content p {font-size:1.2em;text-align:justify;margin:0 0 20px}
.content img {border:1px solid #D9D7D6}
.content img.float-l {margin:5px 8px 0 0}
.content img.float-r {margin:5px 0 0 8px}

/* obsah - seznamy */
.content ul, ol {margin:0 20px 20px;font-size:1.2em}
.content ul, ol li {line-height:1.7}
.content ul li {background:url(img/li-ico.png) no-repeat 0 60%;padding-left:15px}
.content ul.arrow li {background:url(img/li-ico-arrow.png) no-repeat 0 60%;padding-left:15px}

/* obsah - novinky */
.content dl {float:left;width:170px;margin:0 30px 0 0}
.content dl.last {margin:0}
.content dl dt {text-align:right;font-size:1.1em;font-weight:bold;padding:5px 0;background:url(img/calendar-ico.png) no-repeat 0 50%}
.content dl dd {margin:0;border-top:1px solid #E4E4E4;font-size:1.1em;line-height:1.7;padding:5px 0}
.content dl a.more {display:block;text-align:right;text-decoration:none}
.content dl a.more:hover {color:#686868}
.content dl a.more span {background:url(img/a-more-ico.png) no-repeat 100% 50%;padding-right:15px}

/* obsah - tisk a pdf */
.content p.options {clear:both;text-align:right;font-size:1.1em;font-weight:bold;padding:15px 0;border-top:1px solid #D9D7D6}
.content p.options a {color:#515151;text-decoration:none}
.content p.options a:hover {color:#515151;text-decoration:underline}
.content p.options a.print {background:url(img/print-ico.png) no-repeat 0 50%;padding:0 18px}
.content p.options a.pdf {background:url(img/pdf-ico.png) no-repeat 0 50%;padding-left:18px}

/* poznamka */
.content div.note {padding:10px;background:#EEECEB url(img/note-bg.png) repeat-x;border:2px solid #EEECEB}
.content div.note p {font-weight:bold;margin:0}

/* tabulka */
.content table {width:100%;margin:20px 0;border-bottom:3px solid #E5E5E5;font-size:1.2em;border-collapse:separate;border-spacing:1px}
.content table th {color:#fff;background:url(img/table-th-bg.png) repeat-x;text-align:left}
.content table td {background:#F7F7F7}
.content table tr.odd td {background:#F4F4F4}
.content table th, .content table td {padding:8px 0 8px 15px}

/* formular */
.content form {font-size:1em}
.content form p {clear:left;padding:8px 3px;margin:0}
.content form p.note {padding-left:150px;float:left;font-weight:bold}
.content form p.note span {color:#DF6701}
.content form p label {float:left;width:150px}
.content form p label span {color:#DF6701}
.content form fieldset {background:#FAFAFA;border:1px solid #F4F4F4;padding:15px}
.content form textarea {width:345px;height:130px}
.content form  input.txt {width:175px;height:20px;padding:4px 0 0}
.content form  input.txt.wide {width:345px}
.content form  input.txt, .content form textarea {border:1px solid #CECECE}
.content form  input.submit {float:right;margin:5px 45px 0 0}

/* ----------------------------------------------------------------------------------------------------------
sloupec
---------------------------------------------------------------------------------------------------------- */
.aside {width:250px;float:right;padding:25px 0 30px 60px}
.aside h2 {font-size:1.4em;color:#2C2C2C;background:none;padding:0;margin:0 0 15px 20px}

/* vedlejsi navigace */
.aside ul {margin:20px 0}
.aside ul li {font-size:1.2em;border-bottom:1px dotted #E3E3E3;padding-left:5px}

.aside ul li .nowVisited{display:block;color:#E37B23;text-decoration:none;padding:7px 5px 7px 15px;font-weight:bold;background:url(img/li-ico-arrow-grey.png) no-repeat 0 50%}
.aside ul li .nowVisited{color:#333}

.aside ul li a {display:block;color:#E37B23;text-decoration:none;padding:7px 5px 7px 15px;font-weight:bold;background:url(img/li-ico-arrow-grey.png) no-repeat 0 50%}
.aside ul li a:hover {color:#333}

/* citace */
.aside blockquote {font-size:1.1em;background:url(img/blockquote-bg.png) repeat-y;margin:0 0 20px}
.aside blockquote p {background:url(img/blockquote-p-bg.png) no-repeat 0 0;padding:10px 15px 0}
.aside blockquote p.bottom {font-weight:bold;background:#fff url(img/blockquote-p-bottom-bg.png) no-repeat top;padding:20px 0 0 55px}

.aside img {display:block;margin:20px 0}

/* ----------------------------------------------------------------------------------------------------------
paticka
---------------------------------------------------------------------------------------------------------- */
.footer {background:url(img/footer-bg.jpg) no-repeat;padding:11px 15px}
.footer  address {font-size:1.2em;text-align:right;font-style:normal;line-height:1.5}
.footer a {color:#333;font-weight:bold}
.footer a:hover {color:#333}
.footer strong span {color:#FD0000}

/* ----------------------------------------------------------------------------------------------------------
vyhledavani
---------------------------------------------------------------------------------------------------------- */
.srch {width:260px;position:absolute;top:25px;right:45px;float:left}
.srch input.txt {width:150px;height:20px;border:0;font-size:1.2em;line-height:20px}
.srch div {float:left;background:url(img/srch-input-bg.png) no-repeat;height:30px;width:158px;padding:4px 5px 5px 5px}

/* ----------------------------------------------------------------------------------------------------------
nezaraditelne
---------------------------------------------------------------------------------------------------------- */
.box {float:left;width:283px;height:205px;background:url(img/box-bg.jpg) no-repeat;margin:0 0 0 12px;font-family:Arial;display:inline}
.box strong {display:block;font-style:italic;font-size:1.3em;color:#fff;padding:13px 0 25px 15px}
.box ul {margin:0 0 0 15px}
.box ul li {background:url(img/box-li-ico.png) no-repeat 0 3px;padding:0 0 0 15px;font-size:1.1em;line-height:1.4;margin:0 0 12px}

/* drobeckova navigace */
p.breadcrumbs {font-size:1.2em;padding:10px 20px 20px}
p.breadcrumbs strong span {color:#FD0000}
p.breadcrumbs strong, p.breadcrumbs a {background:url(img/breadcrumbs-ico.png) no-repeat 100% 70%;padding-right:15px}

/* ----------------------------------------------------------------------------------------------------------
cistice
---------------------------------------------------------------------------------------------------------- */
.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}