/* --------------------------------------------------------------------------------------- HopeTV - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Description: Basic styles and layout Media: screen, projection Datum: Author: Zdenek Kostal (http://zdenekkostal.cz/) ---------------------------------------------------------------------------------------*/ @import url("./reset.css"); /* --------------------------------------------------------------------------------------- Basic styles - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ html { background: #eff5fb url('../images/body.jpg') 0 0 repeat-x; } body { padding-bottom: 70px; background: url('../images/header.jpg') 50% 0 no-repeat; } a { color: #195d9b; cursor: pointer !important; } .auc { overflow: hidden; width: 100%; } /* --------------------------------------------------------------------------------------- Layout - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ /* Main ---------------------------------------------------------------------------------*/ #main { position: relative; width: 1000px; margin: 0 auto; } /* Header -------------------------------------------------------------------------------*/ #header { height: 261px; padding-top: 20px; } #logo { width: 122px; height: 146px; margin-left: 21px; font-weight: normal; } #logo a { text-decoration: none; } #logo a:hover, #logo a:focus, #logo a:active { color: #000; } #logo span { background-image: url('../images/logo.jpg'); } /* Maincontent --------------------------------------------------------------------------*/ .maincontent { overflow: hidden; width: 100%; padding-top: 37px; } .block { overflow: hidden; width: 100%; padding-bottom: 20px; } .first { padding-bottom: 9px; } /* Content ------------------------------------------------------------------------------*/ .content { float: right; width: 570px; } .content li { overflow: hidden; width: 100%; padding-bottom: 10px; line-height: 1.8; } .content li.n1 { font-size: 167%; } .content li.n2 { font-size: 150%; } .content li.n3 { font-size: 133%; } .content li.n4 { font-size: 117%; } .content li.n6 { font-size: 92%; } .content li.n7 { font-size: 83%; } .content li .date { float: left; padding-right: 10px; width: 68px; font-size: 160%; height: 35px; font-weight: bold; } .content li .date em { letter-spacing: -1px; font-style: normal; float: left; width:58px; padding: 0px 5px; text-align: center; } .content li h3 { font-size: 100%; } a.pdf { background: url('../images/icon-pdf.png') right bottom no-repeat; padding: 5px 25px 2px 0;} /* Column -------------------------------------------------------------------------------*/ .column { float: left; width: 420px; } /* Boxes on HP --------------------------------------------------------------------------*/ .header { overflow: hidden; width: 100%; color: #195d9b; } .header h2 { float: left; padding-left: 23px; } .header .more { float: right; margin: 0; padding-right: 15px; line-height: 40px; text-transform: lowercase; } .program .header { background: url('../images/program-header.png') 0 100% no-repeat; } .program .in, .news .in { overflow: hidden; width: 100%; padding-bottom: 8px; background: url('../images/program-bottom.png') 0 100% no-repeat; } .program ul { height: auto !important; height: 259px; min-height: 259px; margin: 0; padding: 5px 28px 2px 23px; color: #ffd23a; background: url('../images/program.png') 0 0 no-repeat; } .program li h3 { font-size: 150%; } .program li h3 a { color: #ffd23a; text-decoration: underline; } .program li.now h3 a { color: #fff; text-decoration: underline; } .program li h3 a:hover, .program li h3 a:focus, .program li h3 a:active { text-decoration: none; color: #fff; } .program li .date em, .program em { color: #024270; background: #ffd23a; } .program li.now .date em { color: #024270; background: url('../images/live-bg.png') 0 100% repeat-x; } .program li .date sup, .program sup { position: relative; top: -.5em; vertical-align: baseline; font-size: 60%; } *+html .program li .date sup, *+html .program sup { top: -.8em; } #flash { width: 415px; height: 331px; padding:0px 0 0 0px; background: url('../images/flash.jpg') 0 0 no-repeat; } #flash ul { padding: 105px 0 0 119px; } #flash li { margin-bottom: 6px; } #flash li a { width: 126px; height: 39px; padding-left: 40px; line-height: 39px; text-decoration: none; font-weight: bold; font-style: italic; color: #000; background: #ffd239; } #flash li a:hover, #flash li a:focus, #flash li a:active { color: #fff; background: #004e85; } #flash li a span { width: 166px; background-position: 0 -39px; } #flash li a:hover span, #flash li a:focus span, #flash li a:active span { background-position: 0 0; } #flash .nizsi span { background-image: url('../images/kvalita-nizsi.png'); } #flash .vyssi span { background-image: url('../images/kvalita-vyssi.png'); } #flash #playerHi, #flash #playerLo { width: 366px; height: 275px; /*230px*/ margin: 14px 0 0 18px; padding: 0 4px; background: #000; float: left;} #flash #newplayer { width: 366px; height: 275px; margin: 14px 0 0 18px; padding: 0 4px; background: #000; float: left;} .photos .header, .news .header, .newsletter .header, .likebox .header { padding-top: 3px; color: #000; } .photos .header { background: url('../images/photos-header.png') 0 0 no-repeat; } .photos .gallery { width: 378px; height: auto !important; height: 80px; min-height: 80px; padding: 8px 21px 15px 21px; background: url('../images/photos.png') 0 0 no-repeat; } .photos .in { padding-bottom: 10px; background: url('../images/photos-bottom.png') 0 100% no-repeat; } .likebox .header { background: url('../images/likebox-header.png') 0 0 no-repeat; } .likebox .iframe { width: 378px; height: 558px; padding: 8px 21px 13px 21px; background: url('../images/likebox.png') 0 0 no-repeat; } .likebox .in { padding-bottom: 10px; background: url('../images/likebox-bottom.png') 0 100% no-repeat; } .gallery a { float: left; width: 112px; height: 72px; margin: 0 4px 4px 0; border: 4px solid #195d9b; } .gallery a:hover, .gallery a:focus, .gallery a:active { border-color: #fed64d; } .gallery a img { display: block; width: 112px; height: 72px; } .news .header { background: url('../images/news-header.png') 0 0 no-repeat; } .news .in { background: url('../images/news-bottom.png') 0 100% no-repeat; } .news ul { height: auto !important; height: 259px; min-height: 259px; margin: 0; padding: 8px 28px 11px 23px; background: url('../images/news.png') 0 0 no-repeat; } .news .date em, .program em { color: #fff; background: #195d9b; } .news li h3 { font-size: 150%; } .news li p.perex { float: right; width: 440px; margin: 0 0 5px 0; } .newsletter .header { background: url('../images/newsletter-header.png') 0 0 no-repeat; } .newsletter .in { background: url('../images/newsletter-bottom.png') 0 100% no-repeat; } .newsletter form { height: auto !important; height: 68px; min-height: 68px; margin: 0; padding: 20px 28px 11px 23px; background: url('../images/newsletter.png') 0 0 no-repeat; } .newsletter p.system { height: auto !important; height: 68px; min-height: 68px; margin: 0; padding: 20px 28px 11px 23px; background: url('../images/newsletter.png') 0 0 no-repeat; font-weight: bold; } .newsletter input { float: left; } .newsletter #mail { float: left; display: inline; width: 330px; height: 36px; margin: 0px; line-height: 36px; padding: 3px 10px; border: 1px solid #2463a4; color: #2463a4; font-size: 14px; } .aktualniprogram { width: 177px; height: 49px; line-height: 49px; color: #fff; background: #004e85; } .aktualniprogram span { background-image: url('../images/ir-aktualniprogram.png'); } .online { width: 168px; height: 47px; line-height: 47px; color: #fff; background: #004e85; } .online span { background-image: url('../images/ir-online.png'); } a.tab-wm { float: left; width: 182px; height: 47px; position: relative; overflow: hidden; text-align: center; line-height: 47px; color: #fff; margin: 0 0 0 -3px; } a.tab-wm span { display: block; width: 182px; height: 47px; position: absolute; top: 0; left: 0; z-index: 1; background: url('../images/tab-wm.png') bottom center no-repeat;} .zpravy { width: 187px; height: 49px; line-height: 49px; } .zpravy span { background-image: url('../images/ir-zpravy.png'); } .odber { width: 364px; height: 49px; line-height: 49px; } .odber span { background-image: url('../images/ir-newsletter.png'); } .fotky { width: 168px; height: 49px; line-height: 49px; } .fotky span { background-image: url('../images/ir-fotky.png'); } .fb { width: 188px; height: 49px; line-height: 49px; } .fb span { background-image: url('../images/ir-facebook.png'); } .videa { width: 198px; height: 49px; line-height: 49px; } .videa span { background-image: url('../images/ir-videa.png'); } .smartphones { clear: both; margin: 0 auto; width: 593px; height: 49px; padding: 0 0 40px 0;} .smartphones h2 { position: relative; width: 325px; height: 21px; overflow: hidden; float: left; margin: 15px 0 0 0; display: block; text-align: center;} .smartphones h2 span { position: absolute; width: 325px; height: 21px; top: 0; left: 0; display: block; background: url(../images/smartphones-headline.png) top left no-repeat; z-index: 1;} .smartphones a.app-iphone { position: relative; width: 108px; height: 49px; overflow: hidden; float: left; margin: 0 0 0 20px; display: block; text-align: center;} .smartphones a.app-iphone span { position: absolute; width: 108px; height: 49px; top: 0; left: 0; display: block; background: url(../images/smartphones-iphone.png) top left no-repeat; z-index: 1;} .smartphones a.app-android { position: relative; width: 120px; height: 49px; overflow: hidden; float: left; margin: 0 0 0 20px; display: block; text-align: center;} .smartphones a.app-android span { position: absolute; width: 120px; height: 49px; top: 0; left: 0; display: block; background: url(../images/smartphones-android.png) top left no-repeat; z-index: 1;} /* Menu ---------------------------------------------------------------------------------*/ #menu { position: absolute; right: 0; top: 35px; padding-right: 7px; } #menu li { float: left; height: 44px; line-height: 44px; } #menu li a { text-align: center; text-decoration: none; font-size: 120%; font-style: italic; font-weight: bold; color: #fff; background: #004e85; } #menu li a:hover, #menu li a:focus, #menu li a:active { color: #000; background: #ffd23a; } #menu li a:hover span, #menu li a:focus span, #menu li a:active span { background-position: 0 -44px; } #menu li.active a { color: #195d9b; background: none; } #menu li.active a span { background-position: 0 -88px; } #menu li.uvod { width: 86px; } #menu li.uvod span { background-image: url('../images/menu-uvod.png'); } #menu li.program { width: 101px; } #menu li.program span { background-image: url('../images/menu-program.png'); } #menu li.archiv { width: 87px; } #menu li.archiv span { background-image: url('../images/menu-archiv.png'); } #menu li.porady { width: 91px; } #menu li.porady span { background-image: url('../images/menu-porady.png'); } #menu li.onas { width: 90px; } #menu li.onas span { background-image: url('../images/menu-onas.png'); } /* Slideshow ----------------------------------------------------------------------------*/ #slideshow { position: absolute; right: 200px; top: 81px; width: 600px; height: 200px; overflow: hidden; } #slideshow li { display: block; float: left; width: 600px; height: 200px; } #slideshow li.pane1 { background: url('../images/slideshow2.jpg') bottom center no-repeat;} #slideshow li.pane2 { background: url('../images/slideshow3.jpg') bottom center no-repeat;} #slideshow li.pane3 { background: url('../images/slideshow4.jpg') bottom center no-repeat;} #slideshow li.pane4 { background: url('../images/slideshow5.jpg') bottom center no-repeat;} #slideshow li.pane5 { background: url('../images/slideshow1.jpg') bottom center no-repeat;} #slideshow li.pane6 { background: url('../images/slideshow6.jpg') bottom center no-repeat;} #slideshow li.pane7 { background: url('../images/slideshow7.jpg') bottom center no-repeat;} #slideshow li.pane8 { background: url('../images/slideshow8.jpg') bottom center no-repeat;} #slideshow li.pane9 { background: url('../images/slideshow9.jpg') bottom center no-repeat;} .slidetabs { display: none;} /* Footer -------------------------------------------------------------------------------*/ #footer { clear: both; width: 100%; color: #195d9b; background: url('../images/footer-top.png') 50% 0 no-repeat; } #footer .in { overflow: hidden; width: 100%; padding: 15px 0 22px; background: url('../images/footer-bottom.png') 50% 100% no-repeat; } #footer form, #footer input { float: left; } #footer form { width: 25%; padding-top: 9px; } #footer #search { float: left; display: inline; width: 137px; height: 16px; margin: 0 5px 0 21px; line-height: 16px; padding: 3px; border: 1px solid #2463a4; color: #2463a4; } #footer p { float: right; text-align: right; margin-right: 28px; padding: 10px 0 0 0; } /* --------------------------------------------------------------------------------------- SUBPAGES - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ #content .breadcrumb { margin: 0; padding: 0 12px; line-height: 39px; font-weight: bold; color: #004e85; background: #eaf3fa; } .breadcrumb a, .breadcrumb span { font-weight: normal; } /*.breadcrumb a { text-transform: lowercase; }*/ .wrap { overflow: hidden; width: 100%; } #sub .maincontent { margin-bottom: 42px; padding-top: 0; background: url('../images/subpage.png') 100% 0 repeat-y; } #sub .content-program { margin-bottom: 42px; padding-top: 0; overflow: hidden; width: 100%; } #sub .main-in { background: url('../images/subpage-bottom.png') 100% 100% no-repeat; } #sub .main-in2 { overflow: hidden; width: 100%; background: url('../images/subpage-top.png') 100% 0 no-repeat; } #submenu { overflow: hidden; float: left; width: 246px; padding: 70px 0 50px; } #submenu li { overflow: hidden; float: left; width: 100%; } #submenu ul { overflow: hidden; padding: 0 0 0 20px; } ul#submenu a { display: block; width: 198px; margin-bottom: -2px; padding: 0 24px; line-height: 51px; text-decoration: none; font-size: 117%; font-weight: bold; color: #fff; background: #004e85 url('../images/submenu.png') 0 0 no-repeat; } ul#submenu a:hover, ul#submenu a:focus, ul#submenu a:active { text-decoration: underline; color: #000; background: #ffd23a url('../images/submenu.png') 0 -51px no-repeat; } ul#submenu a.active, ul#submenu a.active:hover, ul#submenu a.active:focus, ul#submenu a.active:active, ul#submenu .current-cat a, ul#submenu .current-cat a:hover, ul#submenu .current-cat a:focus, ul#submenu .current-cat a:active { position: relative; text-decoration: none; color: #195d9b; background: #fff url('../images/submenu.png') 0 -102px no-repeat; } #submenu ul a, ul#submenu .current-cat ul li a { display: block; width: 192px; margin-bottom: -2px; padding: 0 10px 0 24px; line-height: 51px; text-decoration: none; font-size: 117%; font-weight: bold; color: #195d9b; background: #004e85 url('../images/submenu-sub.png') 0 0 no-repeat; } #submenu ul a:hover, #submenu ul a:focus, #submenu ul a:active { text-decoration: underline; color: #000; background: #ffd23a url('../images/submenu-sub.png') 0 -51px no-repeat; } #submenu ul a.active, #submenu ul a.active:hover, #submenu ul a.active:focus, #submenu ul a.active:active, ul#submenu .current-cat ul .current-subcat a, ul#submenu .current-cat ul .current-subcat a:hover, ul#submenu .current-cat ul .current-subcat a:focus, ul#submenu .current-cat ul .current-subcat a:active { position: relative; text-decoration: none; color: #195d9b; background: #fff url('../images/submenu-sub.png') 0 -102px no-repeat; } #content { overflow: hidden; float: right; width: 700px; padding: 70px 28px 30px 24px; } #content .in { background: url('../images/subpage-top.png') 0 0 no-repeat; } #content h1, #content h2, .box h1, .box h2 { margin-bottom: 10px; } #content h1, .box h1 { font-size: 167%; } #content h2, .box h2 { font-size: 133%; color: #004e85; } #content h3, .box h3{ font-size: 116%; color: #000; } #content p, .box p { margin-bottom: 15px; } .column-l, .column-r, .column-w { margin-top: 15px; } .column-l { float: left; width: 440px; } .column-r { float: right; width: 248px; padding-bottom: 30px; background: url('../images/column-hr2.png') 0 100% no-repeat; } /* NEJISTÉ */ .column-r {padding-bottom: 0px} .column-r ul, .column-r ol, .column-r p { margin-left: 10px; } .column-r h2 { padding: 0 0 10px 8px; background: url('../images/column-hr.png') 0 100% no-repeat; } /* --------------------------------------------------------------------------------------- Program - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ /*#submenu .program-table { clear: both; width: 220px; margin: 26px 0 0 8px; padding-top: 16px; background: url('../images/program-top.png') 0 0 no-repeat; } #submenu .program-in { overflow: hidden; width: 100%; padding-bottom: 18px; background: url('../images/program-in.png') 0 100% no-repeat; } #submenu .program-table h3 { overflow: hidden; width: 200px; height: 15px; padding: 9px 10px; line-height: 15px; text-align: center; color: #004e85; background: #edf4fc; } #submenu .program-table h3 .prev, #submenu .program-table h3 strong { float: left; } #submenu .program-table h3 strong { width: 168px; } #submenu .program-table h3 .next { float: right; } #submenu .program-table table { float: right; width: 215px; line-height: 26px; text-align: center; font-weight: bold; } #submenu .program-table th, #submenu .program-table td { padding: 0 4px 4px 0; } #submenu .program-table td a { display: block; width: 100%; text-decoration: none; color: #fff; background: #004e85; } #submenu .program-table td a:hover, #submenu .program-table td a:focus, #submenu .program-table td a:active { color: #000; background-color: #ffd23a; } #submenu .program-table td.active a { color: #004e85; background: #fff; } */ #fancybox-content .hasDatepicker h3 { overflow: hidden; width: 200px; height: 15px; padding: 9px 10px; line-height: 15px; text-align: center; color: #004e85; background: #edf4fc; } #fancybox-content .hasDatepicker h3 .prev, #fancybox-content .hasDatepicker h3 strong { float: left; } #fancybox-content .hasDatepicker h3 strong { width: 168px; } #fancybox-content .hasDatepicker h3 .next { float: right; } #fancybox-content .hasDatepicker table { float: left; width: 215px; margin: 0 0 0 27px; line-height: 26px; text-align: center; font-weight: bold; } #fancybox-content .hasDatepicker th, #fancybox-content .hasDatepicker td { padding: 0 4px 4px 0; } #fancybox-content .hasDatepicker td a { display: block; width: 100%; text-decoration: none; color: #fff; background: #004e85; } #fancybox-content .hasDatepicker td a:hover, #fancybox-content .hasDatepicker td a:focus, #fancybox-content .hasDatepicker td a:active { color: #000; background-color: #ffd23a; } #fancybox-content .hasDatepicker td.active a { color: #004e85; background: #fff; } #fancybox-content .hasDatepicker .ui-datepicker-header {overflow: hidden; width: 200px; height: 15px; padding: 9px 10px; line-height: 15px; text-align: center; color: #004e85; background: #eaf3fa; font-size: 120%; position: relative; margin: 0 0 0 22px;} #fancybox-content .hasDatepicker a.ui-state-active { color: #004e85; background: #fff; } #fancybox-content .hasDatepicker .ui-datepicker-title { width: 168px; font-weight: bold;} #fancybox-content .hasDatepicker .ui-datepicker-month {} #fancybox-content .hasDatepicker .ui-datepicker-title, #fancybox-content .hasDatepicker .ui-datepicker-prev {float: left;} #fancybox-content .hasDatepicker .ui-datepicker-next {float: right} #fancybox-content .hasDatepicker .ui-icon { width: 16px; height: 16px; overflow:hidden; text-indent:-99999px; display: block; cursor: hand; cursor: pointer;} .top5 li { overflow: hidden; width: 100%; padding-bottom: 20px; } .top5 li img { float: left; display: inline; margin-right: 10px; } .box .program { margin: 10px 0 0 0; padding-top: 10px; } .box .program li { overflow: hidden; width: 100%; } .box .program li .date { float: left; width: auto; padding: 0; line-height: 28px; } .box .program li .date em { float: left; padding: 0 5px; font-style: normal; color: #fff; background: #004e85; font-size: 110%; font-family: Tahoma, Geneva, sans-serif; } .program .text p, .program .text h2 { float: right; width: 230px; } .program .text p { font-size: 90%; color: #595959; } #content .program h2, .box .program h2{ margin-bottom: 6px; } #sub li.last { padding-bottom: 0; } #sub .content-program h1 { padding: 10px 25px; font-size: 167%; float: left; } #sub .content-program a.change-date { margin: 20px 70px 10px 0; font-size: 14px; float: right; font-weight: bold; padding: 0 0 0 20px; background: url('../images/icon-calendar.png') left center no-repeat; } #sub .content-program a.move-date-left { margin: 20px 10px 10px 0; font-size: 14px; float: right; font-weight: bold; padding: 0 0 0 20px; background: url('../images/icon-arrow-left.png') left center no-repeat; } #sub .content-program a.move-date-right { margin: 20px 10px 10px 0; font-size: 14px; float: right; font-weight: bold; padding: 0 20px 0 0; background: url('../images/icon-arrow-right.png') right center no-repeat; } .box { width: 980px; margin: 0 auto; padding: 0 5px; background: url('../images/new-program-bg.png') top center repeat-y; clear: both;} .box .box-bottom { width: 990px; margin: 0 -5px; height: 10px; clear: both; background: url('../images/new-program-bottom.png') bottom center no-repeat;} .box .box-top { width: 990px; margin: 0 -5px; height: 19px; clear: both; background: url('../images/new-program-top.png') bottom center no-repeat;} .box .column { width: 300px; margin: 0px 15px 0 11px; float: left;} .box .column h2.day { margin: 0px auto; padding: 5px 15px; background: #ffd23a; color: #000; font-size: 167%; width: 140px; text-align: center;} form#program-search { clear: both; width: 100%; border-bottom: 3px solid #195d9b; border-top: 3px solid #195d9b; padding: 17px 0; line-height: 40px; } form#program-search legend { display: none; } form#program-search input[type=text] { display: block; float: left; width: 423px; height: 38px; line-height: 38px; padding: 0 10px; margin: 0 0 0 5px; border: 1px solid #195d9b; background: #fff; } form#program-search input.submit { display: block; float: left; width: 118px; height: 40px; text-align: center; margin: 0 0 0 5px; border: 1px solid #195d9b; background: #195d9b; color: #fff; font-size: 12px; } form#program-search p { display: block; float: left; margin: 0 0 0 30px; font-weight: bold; color: #195d9b; font-size: 12px; } form#program-search p label { padding: 0 15px 0 0;} /* --------------------------------------------------------------------------------------- Acciho upravy - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ /*#submenu .program-table .ui-datepicker-header {overflow: hidden; width: 200px; height: 15px; padding: 9px 10px; line-height: 15px; text-align: center; color: #004e85; background: #eaf3fa; font-size: 120%; position: relative;} #submenu .program-table a.ui-state-active { color: #004e85; background: #fff; } #submenu .program-table .ui-datepicker-title { width: 168px; font-weight: bold;} #submenu .program-table .ui-datepicker-month {} #submenu .program-table .ui-datepicker-title, #submenu .program-table .ui-datepicker-prev {float: left;} #submenu .program-table .ui-datepicker-next {float: right} #submenu .program-table .ui-icon { width: 16px; height: 16px; overflow:hidden; text-indent:-99999px; display: block; cursor: hand; cursor: pointer;}*/ .ui-icon-circle-triangle-e { background: url('../images/next.png') 0 100% no-repeat; } .ui-icon-circle-triangle-w { background: url('../images/prev.png') 0 100% no-repeat;} .post {margin-bottom: 1.5em;} /* --------------------------------------------------------------------------------------- Live - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ #sub .whole { width: 1000px; margin-top: 30px; background: #fff url('../images/whole.png') 0 0 repeat-y; } #sub .whole .main-in { background: url('../images/whole-top.png') 0 0 no-repeat; } #sub .whole .main-in2 { width: 946px; padding: 45px 28px 15px 26px; background: url('../images/whole-bottom.png') 0 100% no-repeat; } #sub .whole #content { float: none; width: auto; padding: 0; } #sub .whole h1.l { margin: 0; padding-bottom: 10px; } #sub .whole .column-l { width: 753px; } #sub .whole .column-r { width: 160px; } #sub .whole .top5 { padding-bottom: 20px; background-image: url('../images/live-col-bottom.png'); } #sub .whole .top5 h2 { padding-left: 0; letter-spacing: -1px; background-image: url('../images/live-col-top.png'); } #sub .whole .top5 ol { margin-left: 0; font-weight: bold; } #sub .whole .top5 li { padding-bottom: 15px; } #sub .whole .top5 li.last { padding-bottom: 0; } .c1, .c2 { overflow: hidden; float: left; width: 440px; } .c2 { width: 290px; } .whole .c1, .whole .c2 { margin-top: 20px; } .video { clear: both; padding: 10px 0; background: #eaf3fa; } #video-low { width: 400px; height: 344px; margin: 0 auto; } #video-high { width: 720px; height: 620px; margin: 0 auto; } #content .qualitychoice { float: right; margin: 0; line-height: 3em; } .qualitychoice a { font-weight: bold; } .flvPlayer { padding: 0; /*background: #eaf3fa*/; text-align: center; position: relative; } .flvPlayer a.download { display: block; width:144px; height: 39px; position: absolute; bottom: -19px; left: 50%; margin: 0 0 0 -72px; color: #fff; background: url('../images/download-button.png') top center no-repeat; line-height: 39px; text-decoration: none; font-size:14px; font-weight: bold;} .flvPlayer a.download:hover { text-decoration: underline;} .viewcount { display: block; float: right; text-align: right; margin: -10px 0 0 0; font-size: 14px; color: #004e85; font-weight: bold;} .social_bookmark { display: block; float: left; margin: -15px 0 0 0; width: 250px; } .social_bookmark strong { display: block; float: left; margin: 5px 5px 0 0; font-size: 14px; color: #004e85; font-weight: bold; } .search .flvPlayer a.download { display: block; width:144px; height: 39px; text-align: left; float: left; position: relative; bottom: 0; left: 0; margin: -5px 0 0 0; color: #004e85; background: none; line-height: 100%; text-decoration: underline; font-weight: normal; font-size: 12px;} .search .flvPlayer a.download:hover { text-decoration: none;} .search .viewcount { display: block; float: right; margin: -10px 250px 0 0; font-weight: normal; font-size: 12px;} .search h2 { clear: both;} #sub .top3 { width: 345px; } #sub .top3.fl-l { clear:both; float: left; margin: 20px 0 20px 0;} #sub .top3.fl-r {float: right; margin: 20px -5px 20px 0; } #sub .top3 h2 { padding-left: 0; letter-spacing: -1px; padding: 0 0 5px 0; background: url('../images/line-videa.png') bottom left no-repeat; } #sub .top3 ol { margin-left: 0; font-weight: bold; width: 100%; height: 85px; background: url('../images/line-videa.png') bottom left no-repeat;} #sub .top3 li { float: left; margin: 0 15px 0 0 ; width: 100px; } #sub .top3 li img { height: 70px; width: 100px; } #sub .fb-comments { clear: both;} /* --------------------------------------------------------------------------------------- Teleview - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ .teleview li { overflow: hidden; width: 100%; padding: 5px 0; } .teleview img { float: left; display: inline; } .teleview h2, .teleview p { margin-left: 90px; } .teleview h2 { line-height: 1.3; } #content .teleview p { margin-bottom: 8px; line-height: 1.4; font-size: 90%; color: #595959; } .teleview p a { color: #595959; } #content .paging { margin: 0; padding: 25px 0 0 30px; text-align: center; } .paging a { padding: 0 2px; } .paging a.active_page { color: black; text-decoration: none; } /* --------------------------------------------------------------------------------------- Dotazy - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ .dotazy h3 { padding: 0 0 5px 0; color: #004e85 !important;} .dotazy textarea { width: 685px;} .dotazy .avatar { display: none;} .dotazy .comment-author { float: left; margin: 0 5px 0 0; } .dotazy cite.fn { font-style: normal; font-weight: bold;} .dotazy li.comment { border-bottom: 1px solid #ddd; padding: 5px 0 0 0;} .dotazy ol.commentlist { padding: 0 0 10px 0;} .dotazy ol.commentlist li.depth-2 { padding: 0 0 0 20px; border-bottom: 0px; background: url('../images/thread.png') top left no-repeat;} .dotazy ol.commentlist div.reply { padding: 0 0 10px 0;} .navigation { padding: 10px 0;} #program-results { float: right; clear: both; width: 170px; height: 100%; margin: 0 0 30px 30px; line-height: 130%; } #program-results h2 { padding: 0 0 15px 0; background: url('../images/search-underline.png') bottom right no-repeat;} #program-results h3, #program-results-full h3 { font-size: 110%;} #program-results p, #program-results-full p { font-weight: bold;} #program-results p em, #program-results-full p em { font-style: normal; margin: 0 0 10px 0; } #program-results-full { line-height: 130%; }