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

/* ----------------------------------------------------------------------------------------------------------
barevne varianty
---------------------------------------------------------------------------------------------------------- */

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

/* blue */
.blue {background:#2D2C26 url(../img/blue/body-bg.png) repeat-x 0 0}
.blue .header div {background:#076B81 url(../img/blue/header-div-bg.jpg) no-repeat 0 0}
.blue .content-wrapper {background:url(../img/blue/content-wrapper-bg.png) repeat-y 0 0}
.blue .sidebar {background:#514F44}
.blue .sidebar h2 {color:#fff}
.blue .sidebar ul.nav li {background:url(../img/blue/li-bg.png) no-repeat 0 50%}
.blue .sidebar ul.nav li a {color:#fff}
.blue .sidebar ul.nav li ul li {background:url(../img/blue/li-sub-bg.png) no-repeat 0 50%;}
.blue .content {background:#ECEBE8}
.blue .content h1 {color:#002D59;background:url(../img/blue/line.png) repeat-x 0 100%}
.blue .content h2 {color:#003A75;background:url(../img/blue/line.png) repeat-x 0 100%}
.blue .content h3 {color:#004F9D}
.blue .content p a {color:#003F7F}
.blue .content .article {background:#CDCBC2}
.blue .content .article .top {background:#0066CC;border-bottom:1px solid #fff}
.blue .content .article .button {background:#0066CC;color:#fff}
.blue .content .article h2, .blue .content .article h2 a {color:#fff}
.blue .footer {background:#0066CC;border-top:1px solid #004080;border-bottom:1px solid #004080}
.blue .footer a {background:url(../img/blue/footer-a-bg.png) no-repeat 0 55%}

/* green */
.green {background:#2D2C26 url(../img/green/body-bg.png) repeat-x 0 0}
.green .header div {background:#076B81 url(../img/green/header-div-bg.jpg) no-repeat 0 0}
.green .content-wrapper {background:url(../img/green/content-wrapper-bg.png) repeat-y 0 0}
.green .sidebar {background:#514F44}
.green .sidebar h2 {color:#fff}
.green .sidebar ul.nav li {background:url(../img/green/li-bg.png) no-repeat 0 50%}
.green .sidebar ul.nav li a {color:#fff}
.green .sidebar ul.nav li ul li {background:url(../img/green/li-sub-bg.png) no-repeat 0 50%;}
.green .content {background:#ECEBE8}
.green .content h1 {color:#666;background:url(../img/green/line.png) repeat-x 0 100%}
.green .content h2 {color:#333;background:url(../img/green/line.png) repeat-x 0 100%}
.green .content h3 {color:#000}
.green .content .article {background:#CDCBC2}
.green .content .article .top {background:#9EAA0D;border-bottom:1px solid #fff}
.green .content .article .button {background:#9EAA0D;color:#fff}
.green .content .article h2, .green .content .article h2 a {color:#fff}
.green .footer {background:#9EAA0D;border-top:1px solid #929C0C;border-bottom:1px solid #929C0C}
.green .footer a {background:url(../img/green/footer-a-bg.png) no-repeat 0 55%}

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