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

    Autor:
        Nuvio (www.nuvio.cz)
    Aktualizace:
        2010-04-02
    Struktura:
        display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;

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

body {background:#FFF; color:#000; font:0.75em/1.5 "verdana", "arial", sans-serif; text-align:center;}
#body {background:#FFF url("http://tiscali.cz.imagebox.cz/tiscali2/design/header.gif") 0 143px repeat-x;}
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;}

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

#main {width:980px; margin:0 auto; padding:10px; background:#fff url("http://tiscali.cz.imagebox.cz/tiscali2/design/header.gif") 0 143px repeat-x; text-align:left;}
#banner1000x200 {width:1000px; margin:0 auto; text-align:left;}
#banner1000x200 img {display:block; width:1000px; height:200px;}
#header {position:relative; height:140px; overflow:hidden;}
#header h1, #header p, #header ul {margin:0;}
#header #logo {float:left;}
#header #logo img {display:block; height:65px;}
#header #search {float:left; width:450px; padding-top:15px; margin-left:20px;}
#header #search .input-text {width:320px; font-size: 14px; }
#header #search .input-submit { font-size: 14px; font-weight: bold; width: 80px; }
#header #search label {margin-right:10px;}
#header #services {float:right; padding-top:20px; text-align:right;}
#header #services #set-homepage a {padding:1px 0 1px 23px; background:url("http://tiscali.cz.imagebox.cz/tiscali2/design/ico-set.gif") 0 0 no-repeat;}
#header #tray {position:relative; height:65px; overflow:hidden; margin-top:10px; background:#004582 url("http://tiscali.cz.imagebox.cz/tiscali2/design/nav.gif") 0 0 repeat-x;}
#header #tray ul#nav {height:35px; overflow:hidden;}
#header #tray ul#nav li {display:inline;}
#header #tray ul#nav li a {display:block; float:left; height:35px; padding:0 15px; background:url("http://tiscali.cz.imagebox.cz/tiscali2/design/nav-separator.gif") 100% 0 repeat-y; text-transform:uppercase; font-size:120%; line-height:35px; font-weight:bold; color:#FFF; text-decoration:none;}
#header #tray ul#nav li a:hover {color:#CCE7FF; text-decoration:underline;}
#header #tray ul#nav li.active a {background:#002B52 url("http://tiscali.cz.imagebox.cz/tiscali2/design/nav-active.gif") 0 0 repeat-x;}
#header #tray .nav-02 {position:absolute; top:35px; left:0; width:980px; height:30px;}
#header #tray .nav-02 ul {margin:5px 0 0 10px;}
#header #tray .nav-02 ul li {display:inline;}
#header #tray .nav-02 ul li a {display:block; float:left; margin-right:12px; color:#FFF;}
#header #tray .nav-02 ul li a:hover {color:#CCE7FF; text-decoration:none;}
#header #tray .nav-02 ul li.active a {font-weight:bold; text-decoration:none;}
#header #tray .nav-02 ul li.last a {margin-right:0;}
#header #tray .nav-02.inherit {background:#002B52;}
#content {padding:15px 0; background:url("http://tiscali.cz.imagebox.cz/tiscali2/design/content.gif") 0 0 repeat-x;}
#content .col-670 {float:left; width:670px; overflow:hidden;}
#content .col-670 .col-half {float:left; width:330px; overflow:hidden;}
#content .col-670 .col-160 {float:left; width:160px; margin-right:10px; overflow:hidden;}
#content .col-670 .col-160.last {margin-right:0;}
#content .col-670 .col-160.overflow {height:160px; overflow:hidden;}
#content .col-670 .col-160 p {margin:0;}
#content .col-480 {float:left; width:480px; overflow:hidden;}
#content .col-300 {float:right; width:300px; overflow:hidden;}
#footer {clear:both; padding:20px 0; background:url("http://tiscali.cz.imagebox.cz/tiscali2/design/footer.gif") 0 0 repeat-x;}
#footer ul#sites {margin:0 0 15px 0; padding-bottom:15px; background:url("http://tiscali.cz.imagebox.cz/tiscali2/design/dot.gif") 0 100% repeat-x;}
#footer ul#sites li {display:block; float:left; width:163px; overflow:hidden;}
#footer ul#sites li h3 { margin:0 0 5px 0; font-size:100%; /*text-transform:uppercase;*/ }
#footer ul#sites li h3 a:link,
#footer ul#sites li h3 a:visited { color: black; text-decoration:none; }
#footer ul#sites li h3 a:hover { color: black; text-decoration:underline; }
/* #footer #siux {float:right; padding-right:53px; background:url("http://tiscali.cz.imagebox.cz/tiscali2/design/siux.gif") 100% 0 no-repeat; font-size:90%;} */
#footer #siux {float:right; font-size:90%;}
#footer #siux a {padding:1px 50px 2px 0; background:url("http://tiscali.cz.imagebox.cz/tiscali2/design/siux.gif") 100% 0 no-repeat;}
#footer span {margin:0 1px; color:#afafaf;}
#footer p {margin:0;}

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

/* ----- SLOUPCE ----- */
/* #content .top {height:461px; overflow:hidden;} */
#content .top .col-left {float:left; overflow:hidden;}
#content .top .col-right {float:right; overflow:hidden;}
#content .top.resize-480 .col-left {width:490px;}
#content .top.resize-480 .col-left #topstory-image, #content .resize-480 .col-left #topstory-image img {width:490px; height:250px;}
#content .top.resize-480 .col-left #topstory-image #topstory-article-title {width:470px;}
#content .top.resize-480 .col-right {width:480px;}
#content .top.resize-480 .col-right #email {background:url("http://tiscali.cz.imagebox.cz/tiscali2/design/email.png") 360px 50px no-repeat;}
#content .top.resize-480 .col-right #email #email-name {width:205px;}
#content .top.resize-480 .col-right #email #email-server {width:90px;}
#content .top.resize-480 .col-right #email #email-pass {width:140px;}
#content .top.resize-480 .col-right #email #email-submit {width:60px;}
#content .top.resize-300 .col-left {width:670px;}
#content .top.resize-300 .col-left #topstory-image, #content .resize-300 .col-left #topstory-image img {width:670px; height:250px;}
#content .top.resize-300 .col-left #topstory-image #topstory-article-title {width:650px;}
#content .top.resize-300 .col-right {width:300px;}
#content .top.resize-300 .col-right #email {background-image:none;}
#content .top.resize-300 .col-right #email #email-name {width:125px;}
#content .top.resize-300 .col-right #email #email-server {width:90px;}
#content .top.resize-300 .col-right #email #email-pass {width:150px;}
#content .top.resize-300 .col-right #email #email-submit {width:60px;}

/* ----- TOPSTORY ----- */
#content #topstory-title p, #content #topstory-image p, #content #topstory-perex p {margin:0}
#content #topstory-title {background:url("http://tiscali.cz.imagebox.cz/tiscali2/design/dot.gif") 0 50% repeat-x;}
#content #topstory-title h2 {display:inline; float:left; margin:0; padding-right:5px; background:#fff; font-size:100%; font-weight:bold; text-transform:uppercase;}
#content #topstory-title h2 a {padding-left:15px; background:url("http://tiscali.cz.imagebox.cz/tiscali2/design/title-10.gif") 0 3px no-repeat; color:#393939;}
#content #topstory-title h2 a:hover {color:#e00;}
#content #topstory-title p {float:right; padding:1px 0 0 5px; background:#fff; font-size:90%;}
#content #topstory-image {position:relative; overflow:hidden; margin-top:5px;}
#content #topstory-image #topstory-article-title {position:absolute; bottom:0; left:0; right:0; margin:0; padding:35px 10px 10px 10px; background:url("http://tiscali.cz.imagebox.cz/tiscali2/design/transparent.png") 0 100% repeat-x /* #232d35 */; z-index:100;}
#content #topstory-image #topstory-article-title a {font:normal 160%/1 "verdana",serif; color:#fff; text-decoration:none;}
#content #topstory-image #topstory-article-title a:hover {color:#fff; text-decoration:underline;}
#content #topstory-perex {/*height:54px; overflow:hidden;*/ padding:8px 10px; background:#e9e9e9;}
#content #topstory-perex a {color:#000; text-decoration:none;}
#content #topstory-perex a:hover {text-decoration:underline;}

/* ----- E-MAIL ----- */
#content #email {margin-bottom:10px; height:120px; overflow:hidden; padding:10px; border:1px solid #A6D5FF; background-color:#D9EDFF !important;}
#content #email h2 {margin:0; margin-bottom:10px; padding-bottom:3px; border-bottom:1px solid #8CC9FF; font-size:100%; font-weight:bold; text-transform:uppercase;}
#content #email table {margin:0; border-collapse:collapse;}
#content #email table th, #content #email table td {padding:1px 0; vertical-align:middle;}
#content #email table th {padding-right:7px; font-weight:normal; text-align:right;}

/* ----- INFOLIŠTA ----- */
#content .infotray {clear:both; height:40px; overflow:hidden; margin-top:10px; padding:10px; border-top:1px solid #CCC; border-bottom:1px solid #DDD; background:#FFF url("http://tiscali.cz.imagebox.cz/tiscali2/design/infotray.gif") 0 1px repeat-x;}
#content .infotray.bottom {margin-top:20px;}
#content .infotray ul {margin:0; list-style:none;}
#content .infotray ul li {display:block; float:left; min-height:40px; height:auto; _height:40px; overflow:hidden; margin-right:10px;}
#content .infotray ul li p, #content .infotray ul li h3 {margin:0; font-size:100%;}
#content .infotray ul li p {white-space:nowrap;}
#content .infotray ul li h3 a {color:#000; text-decoration:none;}
#content .infotray ul li h3 a:hover {color:#E00; text-decoration:underline;}
#content .infotray ul li .ico {float:left; margin-right:0;}
#content .infotray ul li.infotray-bio {width:160px;}
#content .infotray ul li.infotray-weather {width:230px;}
#content .infotray ul li.infotray-email {width:200px;}
#content .infotray ul li.infotray-email .ico {margin-right:5px;}
#content .infotray ul li.infotray-horoscope {width:160px;}
#content .infotray ul li.infotray-calendar {width:290px;}

/* ----- BONUS.CZ ----- */
#content ul.bonus {margin:0; background:url("http://tiscali.cz.imagebox.cz/tiscali2/design/bonus-bg.gif") 0 0 repeat-y;}
#content ul.bonus li {display:block; float:left; width:140px; height:187px; overflow:hidden; padding:0 5px; text-align:center;}
#content ul.bonus li h4, #content ul.bonus li p {margin:0;}
#content ul.bonus li h4 {height:35px; overflow:hidden; font-size:100%; font-weight:normal;}
#content ul.bonus li.nextline {padding-top:10px;}

/* ----- KATALOG FIREM ----- */
#content #catalog {margin-top:20px; padding:10px; border:1px solid #A6D5FF; background-color:#D9EDFF;}
#content #catalog .category-title {margin-top:0;}
#content #catalog .category-title a {background-color:#D9EDFF !important;}
#content #catalog ul {margin:0; list-style:none;}
#content #catalog ul li {display:block; float:left; width:210px;}
#content #catalog ul li a {padding-left:19px; background:url("http://tiscali.cz.imagebox.cz/tiscali2/design/ico-folder.gif") 0 2px no-repeat; color:#000;}
#content #catalog ul li a:hover {color:#e00;}

/* ----- HOROSKOPY ----- */
#content #horoskop {height:20px; overflow:hidden; margin-bottom:0;}
#content #horoskop a {color:#000; text-decoration:none;}
#content #horoskop a:hover {text-decoration:underline;}

/* ----- KALKULAČKY ----- */
#content #calc {padding:2px 0 2px 65px; background:url("http://tiscali.cz.imagebox.cz/tiscali2/design/calc.gif") 0 0 no-repeat;}
#content #calc h4, #content #calc p {margin:0;}
#content #calc h4 {font-size:100%;}

/* ----- NADPISY (+BAREVNÉ ODRÁŽKY) ----- */
#content .article-title {margin:0; margin-bottom:5px; font:bold 120%/1.2 "verdana",serif;}
#content .category-title {margin:15px 0 5px 0; background:url("http://tiscali.cz.imagebox.cz/tiscali2/design/dot.gif") 0 50% repeat-x; font-size:100%; font-weight:bold; /*text-transform:uppercase;*/ }
#content .category-title a, #content #zpravy h2 a {color:#393939;}
#content .category-title a:hover {color:#e00;}
#content .category-title span {padding-right:5px; background-color:#fff;}
#content .title, #footer .title {padding:0 3px 0 15px; background-color:#fff; background-position:0 50%; background-repeat:no-repeat;}
#content .title-01, #footer .title-01 {background-image:url("http://tiscali.cz.imagebox.cz/tiscali2/design/title-01.gif");}
#content .title-02, #footer .title-02 {background-image:url("http://tiscali.cz.imagebox.cz/tiscali2/design/title-02.gif");}
#content .title-03, #footer .title-03 {background-image:url("http://tiscali.cz.imagebox.cz/tiscali2/design/title-03.gif");}
#content .title-04, #footer .title-04 {background-image:url("http://tiscali.cz.imagebox.cz/tiscali2/design/title-04.gif");}
#content .title-05, #footer .title-05 {background-image:url("http://tiscali.cz.imagebox.cz/tiscali2/design/title-05.gif");}
#content .title-06, #footer .title-06 {background-image:url("http://tiscali.cz.imagebox.cz/tiscali2/design/title-06.gif");}
#content .title-07, #footer .title-07 {background-image:url("http://tiscali.cz.imagebox.cz/tiscali2/design/title-07.gif");}
#content .title-08, #footer .title-08 {background-image:url("http://tiscali.cz.imagebox.cz/tiscali2/design/title-08.gif");}
#content .title-09, #footer .title-09 {background-image:url("http://tiscali.cz.imagebox.cz/tiscali2/design/title-09.gif");}
#content .title-10, #footer .title-10 {background-image:url("http://tiscali.cz.imagebox.cz/tiscali2/design/title-10.gif");}
#content .title-11, #footer .title-11 {background-image:url("http://tiscali.cz.imagebox.cz/tiscali2/design/title-11.gif");}
#content .title-12, #footer .title-12 {background-image:url("http://tiscali.cz.imagebox.cz/tiscali2/design/title-12.gif");}
#content .title-13, #footer .title-13 {background-image:url("http://tiscali.cz.imagebox.cz/tiscali2/design/title-13.gif");}
#content .title-14, #footer .title-14 {background-image:url("http://tiscali.cz.imagebox.cz/tiscali2/design/title-14.gif");}
#content .title-15, #footer .title-15 {background-image:url("http://tiscali.cz.imagebox.cz/tiscali2/design/title-15.gif");}
#content .title-16, #footer .title-16 {background-image:url("http://tiscali.cz.imagebox.cz/tiscali2/design/title-16.gif");}
#content p.perex {height:94px; overflow:hidden; margin:0;}

/* ----- IKONKY V PATIČCE ----- */
.ico-rss {padding:1px 0 1px 16px; background:url("http://tiscali.cz.imagebox.cz/tiscali2/design/ico-rss.gif") 0 50% no-repeat;}
.ico-twitter {padding:1px 0 1px 16px; background:url("http://tiscali.cz.imagebox.cz/tiscali2/design/ico-twitter.gif") 0 50% no-repeat;}
.ico-mobile {padding:1px 0 1px 14px; background:url("http://tiscali.cz.imagebox.cz/tiscali2/design/ico-mobile.gif") 0 50% no-repeat;}

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

#content h1 {margin:0; padding-bottom:10px; border-bottom:3px solid #0061B4; font:bold 280%/1.2 "arial",sans-serif; letter-spacing:-1px;}
#content h2 {font-size:160%;}
#content .photo-big {width:480px;}
#content .photo-big img {display:block;}
#content .photo-big div {padding:5px; background:#EFEFEF; font-size:90%; color:#555;}
#content .photo-big p {margin:0;}
#content .photo-thumbs {clear:both; padding:5px 0; border-bottom:1px solid #CCC;}
#content .photo-thumbs ul {margin:0;}
#content .photo-thumbs ul li {display:block; float:left; height:49px; overflow:hidden; margin-right:5px;}
#content .photo-thumbs ul li img {display:block;}
#content .photo-thumbs p {margin:5px 0 0 0;}
#content .photo {clear:both; float:right; width:300px; margin-left:15px;}
#content .photo.f-left {margin:0; margin-right:15px;}
#content .photo img {display:block;}
#content .photo div {padding:5px; background:#EFEFEF; font-size:90%; color:#555;}
#content .photo p {margin:0;}
#content .share {padding:10px; background:url("http://tiscali.cz.imagebox.cz/tiscali2/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("http://tiscali.cz.imagebox.cz/tiscali2/design/share-facebook.gif");}
#content .share a.share-linkuj {background-image:url("http://tiscali.cz.imagebox.cz/tiscali2/design/share-linkuj.gif");}
#content .share a.share-jagg {background-image:url("http://tiscali.cz.imagebox.cz/tiscali2/design/share-jagg.gif");}
#content .share a.share-vybralisme {background-image:url("http://tiscali.cz.imagebox.cz/tiscali2/design/share-vybralisme.gif");}

/* ----------------------------------------------------------------------------------------------------------
STRÁNKA: KATEGORIE
---------------------------------------------------------------------------------------------------------- */

#content ul.articles {margin:15px 0; list-style:none;}
#content ul.articles li {display:block; padding:5px 0; background:url("http://tiscali.cz.imagebox.cz/tiscali2/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:370px;}
#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: VÍCE ČLÁNKŮ (UL-LI SEZNAM)
---------------------------------------------------------------------------------------------------------- */

#content ul.list {margin:10px 0 0 0; list-style:none;}
#content ul.list li {padding-left:15px; background:url("http://tiscali.cz.imagebox.cz/tiscali2/design/ul-list.gif") 0 5px no-repeat;}
#content ul.list li a {white-space:nowrap; color:#555;}
#content ul.list li a:hover {color:#e00;}
#content ul.list-02 {margin:10px 0 0 0; list-style:none;}
#content ul.list-02 li {padding-left:15px; background:url("http://tiscali.cz.imagebox.cz/tiscali2/design/ul-list.gif") 0 5px no-repeat;}
#content ul.list-02 li a {white-space:nowrap; color:#0041C5;}
#content ul.list-02 li a:hover {color:#e00;}

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

input, select, textarea {font:90%/1.5 "verdana", sans-serif;}
input.input-text {line-height:15px;}
.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É
---------------------------------------------------------------------------------------------------------- */

span.ad {display:block; width:58px; height:9px; overflow:hidden; background:url("http://tiscali.cz.imagebox.cz/tiscali2/design/reklama.gif") 0 0 no-repeat;}
img.f-left {margin-right:10px;}
img.f-right {margin-left:10px;}
img.border {border:1px solid #ccc;}
.bigger {font-size:120%; font-weight:bold;}
.smaller {font-size:90%;}
.high, .high a, .time {color:#d00;}
.low, .low a {color:#5f5f5f;}
.low a:hover {color:#e00;}

/* bizi */
.box-skin { background: #D9EDFF; border: 1px solid #A6D5FF; padding:10px; }
.wide { width:1000px;margin:auto;text-align:left; }
#topstory-article-title { text-shadow: 0 2px 2px #000; }
#article-content { line-height: 23px; margin-top: 8px; }
#article-content p { margin: 0px; }