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

    Autor:
        Nuvio (www.nuvio.cz)
    Aktualizace:
        2009-11-11, 12:00 GMT+1
    Struktura:
        display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;

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

body {padding-bottom:30px; background:#fff url("./design/bg.gif") 0 0 repeat-x; color:#000; font:0.8em/1.5 "arial", sans-serif;}
h1, h2, h3, h4, h5, h6, address, blockquote, dl, fieldset, ol, p, table, ul {margin:15px 0;}
a {color:#0072BC;}
a:hover, a:active, a:focus {color:#d00;}

/* ----------------------------------------------------------------------------------------------------------
HTML
---------------------------------------------------------------------------------------------------------- */

#content h2 {margin:0; font-size:250%; font-weight:bold; border-bottom:1px dotted #ccc; letter-spacing:-1px; color:#d00;}
#content h3 {margin:15px 0; font-size:150%; font-weight:bold; border-bottom:1px dotted #ccc; color:#d00;}
#content h4 {margin:15px 0; font-size:130%; font-weight:bold; color:#0072BC;}
#content table.table-01 {margin:15px 0; border-collapse:collapse; border:1px solid #ACD8EF;}
#content table.table-01 th {padding:9px 5px; border:1px solid #ACD8EF; border-bottom:3px solid #ACD8EF; text-align:center; color:#d00; font-weight:bold;}
#content table.table-01 td {padding:7px; border:1px solid #ACD8EF; background:url("./design/td.gif") 0 0 no-repeat; vertical-align:middle;}
#content table.table-01 tr.odd td {background-color:#EBF6FB;}
#content ul.ul-01 {margin:15px 0 15px 30px;}
#content ul.ul-01 li {padding-left:13px; background:url("./design/ul-01.gif") 0 3px no-repeat;}
#content ul.ul-01 ul {margin:0;}
#content ul.ul-01 ul li {padding-left:13px; background:url("./design/ul-02.gif") 0 3px no-repeat;}
#content ul.ul-01 ul li li {font-size:100%;}
input, textarea, select {font:100%/1.5 "arial",sans-serif;}

/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */

#main {width:980px; margin:0 auto;}
#header {height:109px; padding:41px 0 0 340px; background:url("./design/header.jpg") 0 0 no-repeat;}
#header #logo {position:relative; width:300px; height:71px; overflow:hidden; margin:0; padding:0; font-size:300%;}
#header #logo span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("./design/logo2.gif") 0 0 no-repeat; cursor:pointer;}
#tray-top {width:980px; height:45px; background:#161616 url("./design/tray-top.gif") 0 0 no-repeat; overflow:hidden;}
#tray-top ul {margin:5px 0 0 15px;}
#tray-top ul li {display:inline;}
#tray-top ul li a {display:block; float:left; height:22px; padding:9px 6px; color:#fff; text-decoration:none; font-weight:bold;}
#tray-top ul li a:hover {background:#404040 url("./design/tray-hover.gif") 0 0 repeat-x;}
#tray-top ul li#active a, #tray-top ul li.current_page_item a{background:url("./design/tray-active.gif") 0 0 repeat-x;}
#tray-bottom {padding:10px 15px; background:#161616 url("./design/tray-bottom.gif") 0 100% no-repeat; color:#aaa;}
#tray-bottom a {color:#aaa;}
#tray-bottom a:hover {color:#fff;}
#tray-bottom p {margin:0;}
#tray-bottom .f-right {width:450px; padding-top:3px; text-align:right;}
#tray-bottom .f-right span {margin:0 3px; color:#505050;}
#cols {padding:15px 0;}
#content {width:705px; float:left; overflow:hidden;}
#aside {width:260px; float:right; background:url("./design/aside.gif") 0 0 repeat-y; overflow:hidden;}
#aside #aside-top {background:url("./design/aside-top.gif") 0 0 no-repeat;}
#aside #aside-bottom {padding:0 0 15px 15px; background:url("./design/aside-bottom.gif") 0 100% no-repeat;}
#aside ul.list-02 {margin:0 0 10px 0;}
#aside ul.list-02 li {padding:4px 10px 4px 32px; border-bottom:1px dotted #ccc; background:url("./design/logo-mini.gif") 15px 50% no-repeat;}
#aside ul.list-02 li.last {border:0;}
#aside h3 {margin:0 0 5px 0; font-size:120%; padding-left:15px; background:url("./design/aside-title-01.gif") 0 0 no-repeat; color:#404040; font-weight:bold; line-height:40px;}
#links {clear:both; padding:20px 0 15px 0; background:url("./design/separator.gif") 0 0 repeat-x;}
#links ul {margin:0;}
#links ul li {display:block; float:left; width:155px; height:50px; margin-right:10px; padding:7px 0 0 0; background:url("./design/links.gif") 0 0 no-repeat; color:#707070; text-align:center;}
#links ul li.mb {margin-bottom:10px;}
#links ul li.last {margin-right:0;}
#links ul li a {font-size:120%;}
#footer {clear:both; padding-top:15px; background:url("./design/separator.gif") 0 0 repeat-x; color:#707070;}
#footer a {color:#707070;}
#footer a:hover {color:#d00;}
#footer p {margin:0;}
#footer .f-right a {text-decoration:none;}
#footer .f-right a#nuvio {padding-left:20px; background:url("./design/nuvio.gif") 0 50% no-repeat; text-decoration:underline;}

/* ----------------------------------------------------------------------------------------------------------
LAYOUT - 3 SLOUPCE (body)
---------------------------------------------------------------------------------------------------------- */

#content #content-left {float:left; width:135px; padding-top:16px; background:url("./design/content-left.gif") 95% 1px no-repeat;}
#content #content-left h3 {margin:0 0 5px 0; font-size:140%; letter-spacing:0; padding-bottom:5px; border-bottom:1px dotted #ccc; font-weight:normal; color:#000;}
#content #content-left h4 {color:#000;}
#content #content-left ul.list {padding:10px 0 0 0; line-height:1.4;}
#content #content-left ul.list li {margin-bottom:10px; padding-bottom:5px; border-bottom:1px dotted #ccc;}
#content #content-right {float:right; width:555px;}

/* ----------------------------------------------------------------------------------------------------------
LAYOUT - 3 SLOUPCE (body#sub)
---------------------------------------------------------------------------------------------------------- */

#sub #content {width:785px;}
#sub #content #content-left {float:left; width:204px; padding-top:16px; background:url("./design/content-left.gif") 95% 1px no-repeat;}
#sub #content #content-left h3 {margin:0 0 5px 0; font-size:140%; letter-spacing:0; padding-bottom:5px; border-bottom:1px dotted #ccc; font-weight:normal; color:#000;}
#sub #content #content-left h4 {font-size:100%; font-weight:bold;}
#sub #content #content-left ul.list-02 {margin:0 0 10px 0;}
#sub #content #content-left ul.list-02 li {padding:3px 10px 3px 17px; border-bottom:1px dotted #ccc; background:url("./design/logo-mini.gif") 0 50% no-repeat;}
#sub #content #content-left ul.list-02 li.active a {font-weight:bold; text-decoration:none; color:#000;}
#sub #content #content-left ul.list-02 li.last {border:0;}
#sub #content #content-left ul.list-03 {margin:15px 0;}
#sub #content #content-left ul.list-03 li {padding:4px 10px 4px 17px; border-bottom:1px dotted #ccc; background:url("./design/logo-mini.gif") 0 50% no-repeat;}
#sub #content #content-left ul.list-03 li.active a {font-weight:bold; text-decoration:none; color:#000;}
#sub #content #content-right {float:right; width:561px;}
#sub #aside {width:180px;}
#sub #aside h3 {background:url("./design/aside-title-02.gif") 0 0 no-repeat;}

/* ----------------------------------------------------------------------------------------------------------
Stránka: Úvod 
---------------------------------------------------------------------------------------------------------- */

#content .title-01 {height:40px; margin-top:15px; background:url("./design/title-01.gif") 0 0 no-repeat; overflow:hidden;}
#content .title-01 h2 {display:block; float:left; width:490px; margin:0; padding:0 0 0 15px; font-size:140%; line-height:40px; letter-spacing:0; text-transform:none; font-weight:bold;}
#content .title-01 h2 a {color:#000;}
#content .title-01 h2 a:hover {color:#d00;}
#content .title-01 p {display:block; float:right; width:200px; margin:0; line-height:40px; text-align:center;}
#content .title-01 p a {color:#404040;}
#content .title-01 p a:hover {color:#d00;}
#content ul.list {clear:both; margin:0; padding:15px 0 0 0;}
#content ul.list li {display:block; float:left; width:135px; margin-right:6px; margin-bottom:0;}
#content ul.list li img {display:block; padding-bottom:5px; width:135px; height: 101px;}
#content ul.list li.last {margin-right:0;}
#aside #writers {position:relative; margin-left:-15px; padding-top:145px; padding-bottom:15px; background:url("./design/writers.jpg") 0 10px no-repeat; text-align:center;}
    
    /* ----------------------------------------------------------------------------------------------------------
    Portlet: Záložky
    ---------------------------------------------------------------------------------------------------------- */
    
    #aside .tabs {margin:0; padding:5px 0 10px 0;}
    #aside .tabs ul {margin:0;}
    #aside .tabs ul li {display:inline;}
    #aside .tabs ul li.first a {margin-right:5px;}
    #aside .tabs ul li a {display:block; float:left; width:120px; height:30px; background:#E8F7FD url("./design/aside-tab.gif") 0 0 no-repeat; line-height:30px; text-decoration:none; color:#404040; text-align:center;}
    #aside .tabs ul li a:hover {text-decoration:underline;}
    #aside .ui-tabs-selected a, .tabs ul li a.active {background:#c00 url("./design/aside-tab-active.gif") 0 0 no-repeat !important; color:#fff !important; font-weight:bold;}
    #aside .ui-tabs-hide {display:none;}
    * html .ui-tabs-nav {display:inline-block;}
    *:first-child+html .ui-tabs-nav {display:inline-block;}
    #aside li {list-style-type: none;}

    /* ----------------------------------------------------------------------------------------------------------
    Portlet: Slider
    ---------------------------------------------------------------------------------------------------------- */
    
    #content #ts-top {width:710px; height:2px; background:url("./design/ts-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
    #content #ts-bottom {width:710px; height:2px; background:url("./design/ts-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
    #content #ts {padding:13px 15px; background:#ea0000 url("./design/ts.gif") 100% 100% no-repeat;}
    #content #loopedSlider {position:relative;}
    #content #loopedSlider .container {width:675px; height:210px; overflow:hidden; position:relative;}
    #content #loopedSlider .slides {position:absolute; top:0; left:0;}
    #content #loopedSlider .slides .slide {position:absolute; top:0; width:675px; display:none;}
    #content #loopedSlider .slides .slide .slide-img {float:left; width:280px; height:210px; display: block; overflow: hidden;}
    #content #loopedSlider .slides .slide .slide-desc {float:right; width:305px; padding-top:20px;}
    #content #loopedSlider .slides .slide .slide-desc h3 {margin-top:0; border:0; font-size:200%; line-height:1.3; font-weight:bold;}
    #content #loopedSlider .slides .slide .slide-desc a {color:#fff;}
    #content #loopedSlider .slides .slide .slide-desc a:hover {text-decoration:none;}
    #content #loopedSlider .pagination {position:absolute; top:0; left:290px; height:210px; margin:0; z-index:999; overflow:hidden;}
    #content #loopedSlider .pagination li {display:inline;}
    #content #loopedSlider .pagination li.active img {border:1px solid #fff;}
    #content #loopedSlider .pagination li img {display:block; margin-bottom:7px; border:1px solid #a00; width:60px; height:45px;}

/* ----------------------------------------------------------------------------------------------------------
Stránka: Náš tým
---------------------------------------------------------------------------------------------------------- */

#content dl.team {margin:15px 0 15px 15px;}
#content dl.team dt {font-weight:bold;}
#content dl.team dd {padding-left:20px; color:#505050;}

/* ----------------------------------------------------------------------------------------------------------
Stránka: Archiv novinek
---------------------------------------------------------------------------------------------------------- */

#content .news {clear:both; margin-top:15px; padding-bottom:15px; border-bottom:1px dotted #ccc;}
#content .news .news-img {float:left; width:135px;}
#content .news .news-img img {display:block;}
#content .news .news-txt {float:right; width:410px;}
#content .news .news-txt h4, #content .news .news-txt p {margin:0;}
#content .pag {text-align:center;}
#content .pag strong {color:#d00;}
#content .pag span {padding-right:15px;}
#content .pag a {margin:0 2px;}
#content a.label, #content p.tags a {padding:5px 17px 5px 5px; background:#d00 url("./design/label.gif") 100% 50% no-repeat; line-height:30px; color:#fff; text-decoration:none;}
#content a:hover.label {color:#fff; text-decoration:underline;}

/* ----------------------------------------------------------------------------------------------------------
Stránka: Připojte se k nám
---------------------------------------------------------------------------------------------------------- */

#content #team {padding-right:250px; background:url("./design/team.jpg") 93% 50% no-repeat;}

/* ----------------------------------------------------------------------------------------------------------
Portlet: Formuláře
---------------------------------------------------------------------------------------------------------- */

#content form table td, #content .wpcf7-form table td {padding:2px 0;}
#content form table th, #content .wpcf7-form table th {padding-right:10px;}
#content .inp-text, #content textarea, #content input {border:1px solid #ccc; background:#fff url("./design/input-text-02.gif") 0 0 no-repeat;}
.inp-text {padding:6px; background:#fff url("./design/input-text.gif") 0 0 no-repeat;}
.inp-submit, #content #content-right #odeslat input, #content #content-right input[type=submit] {border:1px solid #404040; padding:5px 10px; background:#000 url("./design/btn-01.gif") 0 0 repeat-x; color:#ddd;}
/* ----------------------------------------------------------------------------------------------------------
Nezařaditelné
---------------------------------------------------------------------------------------------------------- */

.low {color:#555;}
.smaller {font-size:85%;}
.bigger {font-size:120%;}
img.f-left {margin-right:15px; margin-bottom:15px;}
img.f-right {margin-left:15px; margin-bottom:15px;}
.btn {border:1px solid #404040; padding:7px 10px; background:#000 url("./design/btn-01.gif") 0 0 repeat-x; color:#ddd; text-decoration:none; font-weight:bold;} a:hover.btn {color:#fff;}
.more {padding:1px 0 1px 30px; background:url("./design/ico-arrow.gif") 0 50% no-repeat;}
.more a {color:#000;}
.more a:hover {color:#d00;}
/* -------------------------
Kategorie
------------------------------- */
#content #content-right ul.list img {width: 130px;}
#content #content-right ul.list li {width: 130px; height: 190px; overflow: hidden;}