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

    Autor:
        Nuvio (www.nuvio.cz)
    Aktualizace:
        2010-02-13, 03:06 GMT+1
    Struktura:
        display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;

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

body {background:#fff; color:#000; font:0.8em/1.5 "arial", sans-serif; text-align:center;}
h1, h2, h3, h4, h5, h6, address, blockquote, dl, fieldset, ol, p, table, ul {margin:15px 0;}
a {color:#0041C5;}
a:hover, a:active, a:focus {color:#e00 !important; text-decoration:underline !important;}

/* ----------------------------------------------------------------------------------------------------------
LAYOUT
---------------------------------------------------------------------------------------------------------- */

.center, #content {width:1000px; margin:0 auto; text-align:left;}
#header {padding:15px 0 0 0; background:url("../design/header.gif") 0 100% repeat-x;}
#header p, #header ul {margin:0;}
#header #logo {float:left; margin:0;}
#header #logo img {display:block;}
#header #search {float:left; width:430px; padding-top:3px; margin-left:30px;}
#header #search label {margin-right:10px;}
#header #topic {float:right; width:230px; height:70px; overflow:hidden;}
#header #topic p {margin:0;}
#header #nav {clear:both; background:#004582 url("../design/nav.gif") 0 0 repeat-x;}
#header #nav li {display:inline;}
#header #nav li a {display:block; float:left; padding:5px 10px; background:url("../design/nav-separator.gif") 100% 0 repeat-y; font-size:120%; font-weight:bold; color:#fff; text-decoration:none;}
#header #nav li a:hover {color:#CCE7FF !important;}
#header #nav li.active a {background:#efefef; color:#000 !important; text-decoration:none;}
#content {padding-bottom:15px;}
#content #nav-sub {padding:0 10px; background:#dfdfdf url("../design/nav-sub.gif") 0 0 repeat-x;}
#content #nav-sub ul {margin:0;}
#content #nav-sub li {display:inline;}
#content #nav-sub li a {display:block; float:left; padding:5px 0; margin-right:7px;}
#content #nav-sub li.active a {padding:5px; background:#333; font-weight:bold; text-decoration:none; color:#fff !important;}
#content #nav-sub-02 {margin-bottom:10px; padding:0 10px; background:#333;}
#content #nav-sub-02 ul {margin:0;}
#content #nav-sub-02 li {display:inline;}
#content #nav-sub-02 li a {display:block; float:left; padding:5px 0; margin-right:7px; color:#fff;}
#content #nav-sub-02 li.active a {padding:5px; font-weight:bold; text-decoration:none;}
#content #nav-sub-02 li a:hover {color:#CCE7FF !important;}
#content #col-content {position:relative; float:left; width:685px;}
#content #col-content h1 {margin-top:0; font:normal 230%/1.4 "georgia",serif;}
#content #col-sidebar {float:right; width:300px;}
#footer {clear:both; padding:20px 0; background:url("../design/footer.gif") 0 0 repeat-x;}
#footer span {margin:0 1px; color:#afafaf;}
#footer p {margin:0;}

/* ----------------------------------------------------------------------------------------------------------
STRÁNKA: INDEX
---------------------------------------------------------------------------------------------------------- */

#content #topstory {padding:10px; border:1px solid #C0E1FF; background:#D9EDFF;}
#content #topstory #topstory-img {float:left; width:250px;}
#content #topstory #topstory-img img {display:block;}
#content #topstory #topstory-desc {float:right; width:400px;}
#content #topstory #topstory-desc p, #content #topstory #topstory-desc h2 {margin:0;}
#content #topstory #topstory-desc h2 {margin-bottom:7px; font:normal 160%/1.4 "georgia",serif;}
#content #col-content .threearticles {margin:10px 0; background:url("../design/threearticles.gif") 0 0 repeat-y;}
#content #col-content .threearticles .col {float:left; width:215px; margin-right:20px;}
#content #col-content .threearticles .col.last {margin:0;}
#content #col-content .threearticles .col img {display:block;}
#content #col-content .threearticles .col h3, #content #col-content .threearticles .col p {margin:0;}
#content #col-content .threearticles .col h3 {margin:7px 0; font-size:120%;}
#content .bullet-01 {padding-right:15px; background:url("../design/bullet-01.gif") 100% 50% no-repeat;}
#content .bullet-02 {padding-right:15px; background:url("../design/bullet-02.gif") 100% 50% no-repeat;}
#content .bullet-03 {padding-right:15px; background:url("../design/bullet-03.gif") 100% 50% no-repeat;}
#content .bullet-04 {padding-right:15px; background:url("../design/bullet-04.gif") 100% 50% no-repeat;}

/* ----------------------------------------------------------------------------------------------------------
STRÁNKA: PROGRAM HER
---------------------------------------------------------------------------------------------------------- */

#content .table-01 {width:685px; margin:15px 0; border-collapse:collapse; border:1px solid #8CC9FF;}
#content .table-01 th, #content .table-01 td {padding:5px; border:1px solid #A6D5FF;}
#content .table-01 th {padding:7px 5px; background:#0061B4 url("../design/table-01.gif") 0 100% repeat-x; font-weight:bold; text-align:center; color:#fff;}
#content .table-01 tr.odd td {background:#E6F3FF;}
#content .table-01 tr.top td {background:#ffc;}
#content .tv-ct2, #content .tv-ct4 {padding-left:21px; background:url("../design/tv-ct2.gif") 0 50% no-repeat;}
#content .tv-ct4 {background:url("../design/tv-ct4.gif") 0 50% no-repeat;}

/* ----------------------------------------------------------------------------------------------------------
STRÁNKA: PROFILY ČESKÝCH SPORTOVCŮ
---------------------------------------------------------------------------------------------------------- */

#content ul.profiles-list {margin:0; list-style:none;}
#content ul.profiles-list li {display:block; float:left; width:200px; margin:5px; padding:8px; border:1px solid #dfdfdf; border-right:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf; background:url("../design/profiles-list.gif") 0 0 repeat-x;}
#content ul.profiles-list li a {font-weight:bold;}
#content ul.profiles-list li img {display:block;}

/* ----------------------------------------------------------------------------------------------------------
STRÁNKA: ČLÁNEK
---------------------------------------------------------------------------------------------------------- */

#content .perex {padding:10px 0; border-top:2px solid #0061B4; border-bottom:2px solid #C0E1FF;}
#content .photo {float:right; margin-left:15px; padding:5px; border:1px solid #cfcfcf;}
#content .photo.f-left {margin:0; margin-right:15px;}
#content .photo img {display:block;}
#content .photo div {padding:5px; background:#EFEFEF; font-size:85%; color:#5f5f5f;}
#content .photo p {margin:0;}
#content .share {padding:10px; background:url("../design/dot.gif") 0 0 repeat-x; text-align:center;}
#content .share p {margin:0;}
#content .share a {margin-left:3px; padding-left:20px; background-position:0 0; background-repeat:no-repeat;}
#content .share a.share-facebook {background-image:url("../design/share-facebook.gif");}
#content .share a.share-linkuj {background-image:url("../design/share-linkuj.gif");}
#content .share a.share-jagg {background-image:url("../design/share-jagg.gif");}
#content .share a.share-vybralisme {background-image:url("../design/share-vybralisme.gif");}

/* ----------------------------------------------------------------------------------------------------------
PORTLET: VÝPIS ČLÁNKŮ
---------------------------------------------------------------------------------------------------------- */

#content ul.articles {margin:15px 0; list-style:none;}
#content ul.articles li {display:block; padding:5px 0; background:url("../design/dot.gif") 0 100% repeat-x;}
#content ul.articles li .articles-img {float:left; width:100px;}
#content ul.articles li .articles-img img {display:block;}
#content ul.articles li .articles-desc {float:right; width:575px;}
#content ul.articles li .articles-desc h3, #content ul.articles li .articles-desc p {margin:0;}
#content ul.articles li .articles-desc h3 {font-size:120%;}

/* ----------------------------------------------------------------------------------------------------------
PORTLET: STRÁNKOVÁNÍ
---------------------------------------------------------------------------------------------------------- */

#content .pagination {text-align:center; font-size:110%;}
#content .pagination span {margin:0 3px; color:#afafaf;}

/* ----------------------------------------------------------------------------------------------------------
PORTLET: NEZAŘADITELNÉ
---------------------------------------------------------------------------------------------------------- */

#content .category-title {margin:15px 0 5px 0; background:url("../design/dot.gif") 0 50% repeat-x; font-size:100%; font-weight:bold; text-transform:uppercase;}
#content .category-title span {padding-right:5px; background:#fff;}
#content ul.list {margin:10px 0; list-style:none;}
#content ul.list li {padding-left:13px; background:url("../design/ul-list.gif") 0 7px no-repeat;}
#content ul.profiles {margin:8px 0 0 0; list-style:none;}
#content ul.profiles li {clear:both; padding:2px 0;}
#content ol {margin:10px 0; list-style-position:inside;}
#content .medal {position:relative; top:1px; padding-right:3px;}

/* ----------------------------------------------------------------------------------------------------------
PORTLET: SLIDER
---------------------------------------------------------------------------------------------------------- */

#content .slider {position:relative; width:1000px !important; height:380px; margin-top:25px; background:url("../design/slider.gif") 0 0 repeat-x;}
#content .slider .slider-container {position:absolute; top:0; left:35px; width:930px; overflow:hidden;}
#content .slider .slider-container ul {margin:0; list-style:none;}
#content .slider .slider-container ul li {display:block; float:left; width:225px; height:380px; margin-right:10px;}
#content .slider h3, #content .slider p {margin:0;}
#content .slider h3 {margin:15px 0 10px 0; font-size:120%;}
#content .slider h4 {margin:0 0 7px 0; font-size:100%;}
#content .slider h4 a {color:#333;}
#content .slider p.list a {padding-left:10px; background:url("../design/ul-list.gif") 0 5px no-repeat;}
#content .slider p.slider-prev, #content .slider p.slider-next {position:absolute; top:48px; left:0; margin:0;}
#content .slider p.slider-next {left:980px;}
#content .slider p.slider-prev a, #content .slider p.slider-next a {display:block; width:20px; height:161px; background:url("../design/slider-prev.gif") 0 0 no-repeat; overflow:hidden;}
#content .slider p.slider-next a {background:url("../design/slider-next.gif") 0 0 no-repeat;}
#content .slider p.slider-prev a:hover, #content .slider p.slider-next a:hover {background-position:0 -161px !important;}
#content .slider p.slider-prev a span, #content .slider p.slider-next a span {position:absolute; left:-1000em; top:-1000em; width:1px; height:1px; overflow:hidden;}

/* ----------------------------------------------------------------------------------------------------------
PORTLET: FORMULÁŘE
---------------------------------------------------------------------------------------------------------- */

input, select, textarea {font:100%/1.5 "arial", sans-serif;}
.input-text {padding:3px; border:1px solid #8f8f8f; border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf;}
.input-submit, select.input-text {padding:2px;}

/* ----------------------------------------------------------------------------------------------------------
NEZAŘADITELNÉ
---------------------------------------------------------------------------------------------------------- */

img.f-left {margin-right:10px;}
.more {padding-left:15px; background:url("../design/more.gif") 0 50% no-repeat;}
.bigger {font-size:120%;}
.bigger-02 {font-size:140%;}
.smaller {font-size:85%;}
.high {color:#d00;}
.low {color:#5f5f5f;}