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

/* ----------------------------------------------------------------------------------------------------------
dokument
---------------------------------------------------------------------------------------------------------- */
body {font: normal 62.5%/1 Arial,Tahoma,sans-serif;background:#fff;color:#000}

/* 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 pouzitelnosti */
ul.usability {position:absolute;top:0;left:-9999px}

/* ----------------------------------------------------------------------------------------------------------
obal
---------------------------------------------------------------------------------------------------------- */
.wrapper {width:950px;background:#fff;padding:20px 20px 0;margin:25px auto}

/* ----------------------------------------------------------------------------------------------------------
hlavicka
---------------------------------------------------------------------------------------------------------- */
.header {background:url(../img/header-bg.png) no-repeat 0 100%;padding:0 0 24px}
.header div {padding:70px 50px}
.header div a {font: normal 5em/1.2 Tahoma,Arial,sans-serif;color:#fff;text-decoration:none}

/* ----------------------------------------------------------------------------------------------------------
hlavni navigace
---------------------------------------------------------------------------------------------------------- */
ul.nav {font-size:1.2em}
ul.nav li {padding:5px 0 5px 15px}
ul.nav li ul {margin:10px 0 0 20px}
ul.nav li ul li {padding-left:10px}
ul.nav li.expand {background-position:0 5px !important}

/* ----------------------------------------------------------------------------------------------------------
obsah
---------------------------------------------------------------------------------------------------------- */
.content-wrapper {margin:0 0 40px}

.content {width:640px;padding:15px 25px;float:right}

.content p.breadcrumbs {font-size:1.1em}
.content p.breadcrumbs span {margin:0 10px}

.content h1 {font: bold 24px Tahoma,Arial,sans-serif;text-transform:uppercase;margin:0 0 10px;padding:0 0 10px}
.content h2 {font: bold 20px Tahoma,Arial,sans-serif;text-transform:uppercase;margin:0 0 10px;padding:0 0 10px}
.content h3 {font: bold 18px Tahoma,Arial,sans-serif}
.content p {font-size:1.2em;margin:15px 0}

.content .article {padding:10px;margin:20px 0}
.content .article .top {margin:0 0 15px;color:#fff}
.content .article .top span {font-size:1.2em;padding:20px 15px}
.content .article .top h2 {background:none;margin:0;padding:15px}
.content .article h2 {float:left}
.content .article span.date {float:right}
.content .article .button {float:right;padding:8px 30px}

.sidebar ul.nav {padding-bottom: 40px}

/* ----------------------------------------------------------------------------------------------------------
sloupec
---------------------------------------------------------------------------------------------------------- */
.sidebar {width:180px;padding:65px 25px 0;float:left}
.sidebar h2 {font: bold 1.8em/1.2 Tahoma,Arial,sans-serif;text-transform:uppercase;margin:0 0 10px}

/* ----------------------------------------------------------------------------------------------------------
paticka
---------------------------------------------------------------------------------------------------------- */
.footer {width:940px;padding:25px;clear:both;position:relative;left:-20px;;color:#fff;font-size:1.2em}
.footer p {color:#fff}
.footer p.italic {margin:10px 0 0}
.footer a {color:#fff;text-decoration:none;padding:0 2px 0 10px}
.footer a:hover {text-decoration:underline}

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

div.cloud { }
div.cloud a { text-decoration: none; }
div.cloud a:hover { text-decoration: underline; }
div.cloud a.s1 { font-size: 8px }
div.cloud a.s2 { font-size: 10px }
div.cloud a.s3 { font-size: 12px }
div.cloud a.s4 { font-size: 13px }
div.cloud a.s5 { font-size: 14px }
div.cloud a.s6 { font-size: 15px }
div.cloud a.s7 { font-size: 16px; font-weight: bold }
div.cloud a.s8 { font-size: 17px; font-weight: bold }
div.cloud a.s9 { font-size: 18px; font-weight: bold }
div.cloud a.s10 { font-size: 19px; font-weight: bold }


form.contact_form label { font-size: 12px }



body {background:#DFF8FD url(../img/body-bg.png) repeat-x 0 0}
.header div {background:#076B81 url(../img/header-div-bg.jpg) no-repeat 0 0}
.content-wrapper {background:url(../img/content-wrapper-bg.png) repeat-y 0 0}
.sidebar {background:#5398A7}
.sidebar h2 {color:#fff}
.sidebar ul.nav li {background:url(../img/li-bg.png) no-repeat 0 50%}
.sidebar ul.nav li a {color:#fff}
.sidebar ul.nav li ul li {background:url(../img/li-sub-bg.png) no-repeat 0 50%;}
.content {background:#EDFBFE}
.content h1 {color:#993333;background:url(../img/line.png) repeat-x 0 100%}
.content h2 {color:#762727;background:url(../img/line.png) repeat-x 0 100%}
.content h3 {color:#381212}
.content p a {color:#993333}
.content .article {background:#fff}
.content .article .top {background:#eee}
.content .article .button {background:#eee;color:#333}
.content .article h2, .content .article h2 a {color:#333}
.footer { border-bottom:1px solid #eee; }
.footer a { color: #000 }