/*	---------------------------------------------------------------------------------------
	HopeTV
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:		Basic styles and layout
	Media:				screen, projection
	Datum:				
	Author:				Zdenek Kostal (http://zdenekkostal.cz/)
	---------------------------------------------------------------------------------------*/

@import url("./reset.css");

/*	---------------------------------------------------------------------------------------
	Basic styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

html { background: #fcfdff url('../images/body.jpg') 0 0 repeat-x; }
body { padding-bottom: 70px; background: url('../images/header.jpg') 50% 0 no-repeat; }

a { color: #195d9b; }

.auc { overflow: hidden; width: 100%; }

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

/* Main ---------------------------------------------------------------------------------*/

#main { position: relative; width: 1000px; margin: 0 auto; }

/* Header -------------------------------------------------------------------------------*/

#header { height: 191px; 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: 40px; }
.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; width: 80px; padding-right: 10px; }
.content li .date em { float: right; padding: 0 5px; letter-spacing: -1px; font-style: normal; }

.content li h3 { font-size: 100%; }

/* Column -------------------------------------------------------------------------------*/

.column { float: left; width: 420px; }

/* Boxes on HP --------------------------------------------------------------------------*/

.header { overflow: hidden; width: 100%; color: #195d9b; background: #fff; }
.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: 10px; background: url('../images/program-bottom.png') 0 100% no-repeat; }
.program ul { height: auto !important; height: 254px; min-height: 254px; margin: 0; padding: 10px 28px 15px 23px; color: #ffd23a; background: #004e85 url('../images/program.png') 0 0 no-repeat; }
.program li h3 a { color: #ffd23a; }
.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 .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: 328px; height: 220px; padding: 82px 0 0 87px; background: url('../images/flash.jpg') 0 0 no-repeat; }
#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'); }

.photos .header, .news .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: 248px; min-height: 248px; 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; }

.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; }

.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: 250px; min-height: 250px; 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; }

.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'); }

.zpravy { width: 187px; height: 49px; line-height: 49px; }
.zpravy span { background-image: url('../images/ir-zpravy.png'); }

.fotky { width: 168px; height: 49px; line-height: 49px; }
.fotky span { background-image: url('../images/ir-fotky.png'); }

/* Menu ---------------------------------------------------------------------------------*/

#menu { position: absolute; right: 0; top: 35px; padding-right: 95px; background: url('../images/menu.png') 100% 0 no-repeat; }
#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: 92px; }
#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.porady { width: 88px; }
#menu li.porady span { background-image: url('../images/menu-porady.png'); }
#menu li.onas { width: 93px; }
#menu li.onas span { background-image: url('../images/menu-onas.png'); }

/* 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: 18px 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; }

/*	---------------------------------------------------------------------------------------
	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 .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; width: 100%; }
ul#submenu a, #submenu ul 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, #submenu ul a:hover, #submenu ul a:focus, #submenu ul 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, #submenu ul a.active, #submenu ul a.active:hover, #submenu ul a.active:focus, #submenu ul 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; }


#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 { margin-bottom: 10px; }
#content h1 { font-size: 167%; }
#content h2 { font-size: 133%; color: #004e85; }
#content h3 { font-size: 116%; color: #000; }
#content 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; }

.top5 li { overflow: hidden; width: 100%; padding-bottom: 20px; }
.top5 li img { float: left; display: inline; margin-right: 10px; }

.column-l .program { margin: 0; padding-top: 6px; }
.column-l .program li { overflow: hidden; width: 100%; }
.column-l .program li .date { float: left; width: auto; padding: 0; line-height: 28px; }
.column-l .program li .date em { float: left; padding: 0 5px; font-style: normal; color: #fff; background: #004e85; }
.program .text p, .program .text h2 { float: right; width: 370px; }
.program .text p { font-size: 90%; color: #595959; }
#content .program h2 { margin-bottom: 6px; }

#sub li.last { padding-bottom: 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: 10px 0; background: #eaf3fa; text-align: center; }
.viewcount { text-align: right; }

/*  ---------------------------------------------------------------------------------------
  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; }