* {min-height:1px;}
html, body {height:100%;}
body {border:0; margin:0; padding:0; background:#d0e4fb url("img/bg-body.gif") 0 0 repeat-x; font:0.8em "arial",sans-serif; color:#000; _text-align:center}

a {color:#000000; text-decoration: none; margin:3px;}
a:link {color:#0C53A7;}
a:visited {color:#0C53A7;}


p {border:0; margin:15px 0; padding:0;}

div {display:block; border:0; margin:0; padding:0;}

h1, h2, h3, h4, h5 {border:0; margin:15px 0 10px 0; padding:0; font-weight:bold;}
h1 {font-size:140%;}
h2 {font-size:200%; line-height:120%; color:#3e7fe0; margin-bottom:15px; font-weight:normal;}
h3 {font-size:120%; color:#0C53A7;}
h4, h5 {font-size:100%;}

table {display:table; border:1px solid #CCE2FA; border-collapse:collapse; margin:15px 0; padding:0; font-size:100%;}
tr.bg {background:#F1F7FE;}
th, td {display:table-cell; border:1px solid #CCE2FA; margin:0; padding:5px; vertical-align:top; text-align:left;}
th {background:#0C53A7 url("img/tab-bg.gif") 0 0 repeat-x; text-align:center; color:#FFF; font-weight:bold;}

ul, ol {display:block; border:0; margin:15px 0 15px 40px; padding:0;}
ol {list-style-type:decimal;}
ol ol {list-style-type:upper-alpha;}
li {display:list-item; border:0; margin:0; padding:0;}
ul ul, ul ol, ol ol, ol ul {margin: 0 0 0 20px;}

dl {border:0; margin:15px 0; padding:0;}
dt {border:0; margin:0; padding:0; font-weight:bold; color:#3e7fe0;}
dd {border:0; margin:0 0 0 30px; padding:0;}

form {border:0; margin:0; padding:0;}
fieldset {border:1px solid #CCE2FA; margin:15px 0; padding:10px;}
legend {margin-left:10px; font-size:100%; font-weight:bold; color:#3e7fe0;}

hr {display:block; height:1px; margin:10px 0; padding:0; background:#CCC; border:0 solid #CCC; color:#CCC;}

a, img, span {border:0; margin:0; padding:0;}
abbr, acronym {border-bottom:1px dotted #CCC; cursor:help;}

del, .through {text-decoration:line-through;}
strong, .strong {font-weight:bold;}
cite, em, q, var {font-style:italic;}
code, kbd, samp {font-family:monospace; font-size:110%;}
blockquote {margin:20px 40px; padding-left:10px; border-left:3px solid #CCE2FA; font-style:italic;}

/* Floating */
.f-left {float:left;}
.f-right {float:right; margin-top:-10px}

/* Text aligment */
.t-left {text-align:left;}
.t-center {text-align:center;}
.t-right {text-align:right;}

.va-middle {vertical-align:middle;}

.clear {clear:both;}

.box {min-height:1px; _height:1px;}
.box:after {content:"."; display:block; line-height:0px; font-size:0px; visibility:hidden; clear:both;}

.nom {margin:0;}
.nomt {margin-top:0;}
.nomb {margin-bottom:0;}

.noscreen {display:none;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------- */

#main {position:relative; width:960px; height:auto; min-height:100%; _height:100%; margin:0 auto; background:#FFF; _text-align:left;}
#page {padding-bottom:60px;} /* Výška patičky */

/* Hlavička */
#header {position:relative; height:165px; background:#0C53A7 url("img/header.jpg") 0 0 no-repeat; color:#FFF;}
#header a {color:#FFF;}

    /* Logo */
    #header #logo {position:absolute; top:45px; left:10px; text-decoration: none}
    #header #logo h1 {position:relative; overflow:hidden; margin:0; padding:3px; background-color: #1459ab; font-size:33px;  text-decoration: none}

/* Sloupce (levý a pravý) */
#col-l {float:left; width:200px; margin-right:20px; margin-bottom:30px;}
#col-r {float:left; width:740px; margin-bottom:30px;}
#col-r #content {float:left; width:530px; margin:0px 10px 0 0; font-size:15px}
#col-r #content-col {float:left; width:200px;}
#col-r2 {float:left; width:720px; margin-bottom:30px; _padding-bottom:30px;}


/* Menu */
ul#nav {clear:both;}
ul#nav, ul#nav li ul {margin:0; padding:0; list-style:none;}
ul#nav a {cursor:pointer;}

    ul#nav li {position:relative; display:block; width:200px; float:left}

    ul#nav li a {display:block; padding:5px 10px 5px 35px; border-bottom:1px solid #3e7fe0; background:#c9dff8 url("img/nav-link.gif") 0 0 no-repeat; font-weight:bold; color:#2c2d30; text-decoration:none;}
    ul#nav li a:hover {border-bottom:1px solid #3e7fe0; background:#a6c4f1 url("img/nav-hover.gif") 0 0 no-repeat; color:#2c2d30;}
    ul#nav li#active a {border-bottom:1px solid #3e7fe0; background:#E3EFFC url("img/nav-active.gif") 0 0 no-repeat; color:#0C53A7; text-decoration:none;}

    ul#nav li ul {position:absolute; z-index:999; left:200px; top:0; display:none; border:1px solid #3e7fe0; border-bottom:0;}
    ul#nav li ul li {width:200px;}

        ul#nav li ul li a, ul#nav li#active ul li a {background:#FFF url("img/nav-link.gif") 0 0 no-repeat; border-bottom:1px solid #3e7fe0; color:#3e7fe0; font-weight:normal;}
        ul#nav li ul li a:hover, ul#nav li#active ul li a:hover {background:#c9dff8 url("img/nav-hover.gif") 0 0 no-repeat; border-bottom:1px solid #3e7fe0; color:#000; font-weight:normal;}
        ul#nav li ul li#active2 a, ul#nav li ul li#active2 a:hover {border-bottom:1px solid #3e7fe0; background:#E3EFFC url("img/nav-active.gif") 0 0 no-repeat; color:#0C53A7; text-decoration:none;}

    ul#nav li:hover ul, ul#nav li.over ul {display:block;}

    * html #col-l ul li {float:left; height:1%;}
    * html #col-l ul li a {height:1%;}

/* Hlavní banner */
#banner-main {padding:18px 10px 18px 320px; background:#c9dff8 url("img/banner-main.jpg") 0 0 no-repeat;}
#banner-main h2 {margin:0; font-size:160%; line-height:140%; font-weight:normal;}

/* Drobečková navigace */
#breadcrumbs {margin-top:0; padding-bottom:9px; border-bottom:1px solid #CCE2FA; color:#0C53A7;}

/* Pravý panel  */
#content-col {margin-top:0px;}
    #content-col h3 {margin:0; padding:5px 10px; background:#0C53A7 url("img/tab-bg.gif") 0 0 repeat-x; color:#FFF;}

    /* Novinky */
    #content-col dl {margin:0;}
    #content-col dt {padding:5px 10px; background:#E3EFFC; font-size:85%; font-weight:bold; color:#a9b9fb;}
    #content-col dt span {padding:0 0 0 15px; background:url("img/ico-list.gif") 0 50% no-repeat;}
    #content-col dd {margin:0; padding:5px 10px;}

/* Patička */
#footer-bottom {position:absolute; bottom:0; left:0; width:100%;}
#footer {clear:both; padding:15px 20px; border-bottom:10px solid #6682fb; background:#6682fb; color:#fff;}
    #footer a {color:#fff; text-decoration: underline; }

    #footer p {margin:0;}

    /* Subnavigace v patičce */
    #footer #subnav a {text-decoration: underline; background:#6682fb; text-decoration:none;}
    #footer #subnav a:hover {text-decoration: underline}

/* UL-LI */
#content ul, #col-r2 ul {margin:0 0 0 20px; padding:0; list-style:none;}
#content ul li, #col-r2 ul li {margin:0; padding:0 0 0 12px; background:url("img/arrow.gif") 0 7px no-repeat;}

/* Ikony */
a.more {padding:5px 35px 5px 10px; background:#c9dff8 url("img/more-link.gif") 100% 0 no-repeat; line-height:220%; color:#3e7fe0 !important; font-weight:bold; text-decoration:none; cursor:pointer;}
a:hover.more {background:#a6c4f1 url("img/more-hover.gif") 100% 0 no-repeat; color:#000 !important; text-decoration:none;}

/* Nestylovaná tabulka */
.table-nostyle {border:0; margin:0;}
.table-nostyle tr {border:0;}
.table-nostyle td {border:0; padding:2px 0;}

/* Stylování textového obsahu */
#perex {padding:20px; border-top:5px solid #CCE2FA; background:#E8F2FD; color:#0C53A7; font-size:120%;}

.btn-submit {border:1px solid #8ABDF4; padding:3px 6px; background:#BAD8F8 url("img/btn-submit.gif") 0 0 repeat-x; font-family:"arial",sans-serif; font-size:100%;}

.high {color:#0C53A7;}
.high2 {color:#3e7fe0;}
.nonhigh {color:#888}