/* ----------------------------------------------------------------------------------------------------------
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;color:#373737}
table {border-collapse:collapse; border-spacing:0}


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

/* odkazy */
a {color:#0073BF;text-decoration:underline}
a:hover {color:#0073BF;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:916px;margin:0 auto;position:relative}

.container {float:left;width:680px;background:#80DEF8 url(img/container-bg.png) no-repeat 0 100%;margin:0 0 2px;padding:0 0 15px}
.container .banner {float:right;margin:15px 10px}

/* ----------------------------------------------------------------------------------------------------------
hlavicka
---------------------------------------------------------------------------------------------------------- */
.header {width:680px;height:123px;position:relative;background:url(img/header-bg.jpg) no-repeat 200px 13px}

/* logo */
.header a.top, .header a.top span {display:block;width:162px;height:68px;position:absolute;top:35px;left:15px;overflow:hidden;cursor:pointer}
.header a.top span {background:url(img/a-top-bg.png);top:0;left:0}

/* jazyky */
.header ul.lang li {float:left;background:url(img/lang-li-bg.png) repeat-x 0 0}
.header ul.lang li a {display:block;padding:7px 15px 8px;font-size:1.3em;color:#B8ECFA;font-weight:bold}

/* drobeckova navigace */
.header p.breadcrumbs {width:715px;height:34px;background:url(img/p-breadcrumbs-bg.png) no-repeat;position:absolute;bottom:0;left:200px;line-height:34px;font-size:1.2em;padding:0 10px;color:#0073BF}
.header p.breadcrumbs a {color:#373737}
.header p.breadcrumbs a, .header p.breadcrumbs span {margin:0 5px}

/* ----------------------------------------------------------------------------------------------------------
hlavni navigace
---------------------------------------------------------------------------------------------------------- */
.nav {font-size:1.3em;font-weight:bold}
.nav li {padding:8px 0 8px 10px;clear:left}
.nav li a {background:url(img/nav-a-bg.png) no-repeat 0 50%;padding:0 0 0 15px}
.nav li a:hover, .nav li a.active {color:#fff;text-decoration:underline}
.nav li ul {margin:10px 0 0}
.nav li ul li {float:left;padding:0 0 0 10px;font-size:0.85em;background:url(img/nav-ul-a-bg.png) no-repeat 0 50%;margin-left:10px;line-height:1.1;width:160px;display:inline}
.nav li ul li a {float:left;color:#373737;background:none;padding:2px 0}
.nav li ul li a:hover, .nav li ul li a.active {color:#0073BF;text-decoration:underline}

/* ----------------------------------------------------------------------------------------------------------
obsah
---------------------------------------------------------------------------------------------------------- */
.content {width:480px;float:right;background:#BFEEFB;position:relative;padding:0 0 10px} 

.content p, .content h1, .content h2, .content ul {padding:0 15px}
.content h2 {font-size:1.8em;color:#0073BF;font-weight:normal;margin:15px 15px 5px;background:url(img/content-h2-bg.png) no-repeat 0 50%}
.content h3 {font-size:1.3em;color:#0073BF;font-weight:normal;margin:13px 0 -8px 15px}
.content h3 a{color:#0073BF;font-weight:bold;text-decoration:underline}
.content h3 a:hover{color:#373737;font-weight:bold;text-decoration:underline}
.content p {font-size:1.2em;color:#373737;margin:10px 0 0}
.content ul li {font-size:1.2em;line-height:1.4;background:url(img/content-li-bg.png) no-repeat 0 50%;padding:0 0 0 10px}
.content hr {border:none;width:94%;height:1px;background-color:white;color:white;}

.content h1 {font-size:1.8em;color:#0073BF;padding:15px 15px}
.content img {display:block;margin:15px}

.content ul.odd {margin:10px 0}
.content ul.odd li {background:url(img/content-li-bg.png) no-repeat 0 50%;padding:0 0 0 10px}

/* uvodni box */
.content .welcome {background:#0073C0 url(img/welcome-bg.png) repeat-x;position:relative;padding:10px 0}
.content .welcome h1 {font-size:1.7em;color:#8BE7F9;background:url(img/welcome-h1-bg.png) no-repeat 0 50%;padding:3px 0 3px 15px;margin:0 0 5px 15px}
.content .welcome p {font-size:1.2em;color:#fff;text-align:justify;margin:0}
.content .welcome .btm {width:480px;height:8px;background:url(img/welcome-btm-bg.png) no-repeat 0 100%;font-size:0;line-height:0;position:absolute;bottom:0;left:0}

.content .btm {width:480px;height:10px;background:url(img/content-btm-bg.png);position:absolute;bottom:0;left:0;font-size:0;line-height:0}

/* ----------------------------------------------------------------------------------------------------------
sloupce
---------------------------------------------------------------------------------------------------------- */

/* levy sloupec */
.sidebar-left {float:left;width:200px;padding:15px 0}

/* pravy sloupec */
.sidebar-right {float:right;width:230px;position:relative;top:-110px;margin-bottom:-55px}
.sidebar-right p.center {line-height:1.2;padding:8px 0 0}

/* novinky */
.sidebar-right .news {margin:0 0 5px;position:relative;background:#80DEF8 url(img/news-btm-bg.png) no-repeat 0 100%;padding:0 0 12px}
.sidebar-right .news p.right {background:url(img/sidebar-r-next-bg.png) no-repeat 100% 0;font-size:1.1em;padding:2px 10px 0 0}
.sidebar-right .news p.right a {background:url(img/p-next-span-bg.png) no-repeat 0 50%;padding-left:10px}

.sidebar-right h2 {font-size:1.8em;color:#0073BF;font-weight:normal;background:url(img/sidebar-r-h2-bg.png) no-repeat;padding:8px 0 15px 10px}
.sidebar-right h2 span {background:url(img/sidebar-r-h2-span-bg.png) no-repeat 0 50%;padding:0 0 0 15px}
.sidebar-right h3 {font-size:1.2em;color:#0073BF;padding:10px}
.sidebar-right p {font-size:1.2em;padding:0 10px 10px 10px;line-height:normal}

/* zastupovane firmy */
.sidebar-right .firms {background:url(img/sidebar-r-bg.png) no-repeat 0 100%;padding:0 0 15px}
.sidebar-right .firms h2 {background:url(img/sidebar-r-h2b-bg.png) no-repeat;padding:5px 0 15px 10px}
.sidebar-right .firms h2 span {background:url(img/sidebar-r-h2b-span-bg.png) no-repeat 0 50%}
.sidebar-right .firms div {border:1px solid #BEEEFB;border-top:0;border-bottom:0;;border-top:1px solid #E1F8FF;background:url(img/firms-img-bg.png) no-repeat 0 100%}
.sidebar-right .firms div.last {background:none}
.sidebar-right .firms div.first {border-top:none}
.sidebar-right .firms img {display:block;margin:0 auto;padding:10px 0}

/* ----------------------------------------------------------------------------------------------------------
paticka
---------------------------------------------------------------------------------------------------------- */
.footer {clear:both;padding:10px 0 0;background:url(img/footer-bg.jpg) no-repeat 0 0;font-size:1.2em;color:#0071BD} 
.footer a, .footer a:hover {color:#00BDEF}
.footer p {padding:0 10px}

.footer .highlight {color:#00BDEF}
.footer p.clearfix {font-size:0.92em;color:#00BDEF;padding:8px 10px}

/* odkazy */
.footer p.anchors {color:#fff;background:#C4EFFB url(img/p-anchors-bg.png) no-repeat 0 100%;padding:10px;height:100%}
.footer p.anchors a, .footer p.anchors a:hover {color:#fff;font-weight:bold;text-decoration:none;margin:0 5px}
.footer p.anchors a:hover {text-decoration:underline}

/* ----------------------------------------------------------------------------------------------------------
podstranky
---------------------------------------------------------------------------------------------------------- */
.subpage .header {width:916px;background:url(img/header-subpage-bg.jpg) no-repeat 200px 13px}
.subpage .sidebar-right {top:0}
.subpage .content h2 {font-size:1.6em;color:#373737;font-weight:bold;margin:15px 15px 5px;background:none;padding-left:0;line-height:1.2}
/* ----------------------------------------------------------------------------------------------------------
nezaraditelne
---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
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}
.clr1 {display:none}