/* ---------------------------------------------------------------------------------------------------------- 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;} #header {position:relative; height:140px; overflow:hidden;} #header h1, #header p, #header ul {margin:0;} #header #logo {float:right;} #header #logo img {display:block; height:65px;} #bloginfo {float:left;text-align:left;width:550px;height:55px;padding:0 10px 10px 10px;margin:0px;} #bloginfo .name {font-size:25px;margin:0 0 5px 0;font-weight:lighter;} #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;color:#FFFFFF;} #header #tray .nav-02 em {margin:5px 0 0 5px;display:block;} #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:650px; 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; 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;} /* ---------------------------------------------------------------------------------------------------------- STRANKA: INDEX ---------------------------------------------------------------------------------------------------------- */ /* ----- NADPISY (+BAREVNĂ� ODRAZKY) ----- */ #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 PATICCE ----- */ .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;} /* ---------------------------------------------------------------------------------------------------------- STRANKA: CLANEK ---------------------------------------------------------------------------------------------------------- */ #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:150px;} #content ul.articles li .articles-img img {display:block;} #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: STRANKOVANI� ---------------------------------------------------------------------------------------------------------- */ #content .pagination {text-align:center; font-size:110%;} #content .pagination span {margin:0 3px; color:#AFAFAF;} /* ---------------------------------------------------------------------------------------------------------- PORTLET: 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: FORMULARE ---------------------------------------------------------------------------------------------------------- */ 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;} /* -------------------------------------------------------------------------------------------------------------------------------------------------- PORTLET: KOMENTÁŘE -------------------------------------------------------------------------------------------------------------------------------------------------- */ #comment-list .item {background:#E1E1E1;border:1px #666666 solid;margin:3px 0 0 0;padding:10px;} #comment-list .item h3 {font-size:10px;margin:0px;} /* -------------------------------------------------------------------------------------------------------------------------------------------------- PORTLET: CHAT -------------------------------------------------------------------------------------------------------------------------------------------------- */ #chat-msg {height:200px;overflow:auto;padding:10px 0 10px 0;margin:0 0 10px 0;} /* -------------------------------------------------------------------------------------------------------------------------------------------------- PORTLET: ANKETA -------------------------------------------------------------------------------------------------------------------------------------------------- */ .question {margin:5px 0 5px 0;} .item-list IMG.vote-bar {background:#0061B4;} #enquire .title {display:none;} /* ---------------------------------------------------------------------------------------------------------- NEZARADITELNE ---------------------------------------------------------------------------------------------------------- */ 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; } #article-content hr { border-width:0; border-top:1px solid #0061B4; height:1px; margin:10px 0 10px 0}