/*********************************************************************************************************/
/* Global styles */
body {
	margin: 0px;
	padding: 0px;
	background: #dedfe1;
	text-align: center;
	font: 75% Verdana, Arial, sans-serif;
}
h1, h2, h3, h4, h5, ul, ol, li, p, table, img {
	margin: 0px;
	padding: 0px;
}

img {
	display: block;
	border: none;
}


.positionCenter, #shadowContent #slideBox {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
a {
	color: #253b82;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
#headerCzechTV {
	background: none;
	background-color: #bfc0c1;
}
#ajaxLoader, #ajaxErrorBox {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
}

#ajaxLoader p {
	display: block;
	width: 100px;
	height: 50px;
	background: transparent url("../gfx/loader.gif") no-repeat center center;;
}

#ajaxLoader p span {
	display: none;
}
#ajaxErrorBox {
	background: #f6f6f6;
	padding: 10px;
	text-align: center;
	border: 2px solid #ccc;
	-moz-box-shadow: 0 0 3px 2px #ddd;
	-webkit-box-shadow: 0 0 3px 2px#ddd;
	box-shadow: 0 0 3px 2px #ddd;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#myPage {
	background: transparent url("../gfx/background.png") repeat-x top center
}
#logoLink {
	position: absolute;
	display: block;
	z-index: 20;
	top: 27px;
	left: 27px;
}
/*********************************************************************************************************/
/* Shadows */

#shadowHeader {
	background: transparent url("../gfx/shadowHeader.png") no-repeat bottom center;
}

#shadowHeader h1 {
	display: none;
}

#shadowHeader .positionCenter {
	background: transparent url('../gfx/headerStrip.png') no-repeat top left;
	height: 111px;
	position: relative;
	border-bottom: 1px solid #dedfe1;;
}

#shadowContent {
	background: transparent url("../gfx/shadowContent.png") repeat-y top center;
	min-height: 300px;
}

#myPage.podzimniVolbyBg {
	background: #0d466a url("../gfx/ct_logo_pattern.png") repeat-y top center;
}

#myPage.podzimniVolbyBg {
	background:
		url("../gfx/ct_logo_pattern.png") repeat top center,
		url("../gfx/podzimniVolbyBg.jpg") repeat-x top center;
	background-size: auto auto, 100% 100%;
}


#shadowContent .positionCenter {
	background: #d7d7d7;
	position: relative;
}


#shadowFooter {
	background: transparent url("../gfx/shadowFooter.png") no-repeat top center;
}

#shadowFooter .positionCenter {
	background: #666666;
	margin: 0 auto 0 auto;
}
/*********************************************************************************************************/

/* Navigation */
#navigation {
	position: relative;
	top: 65px;
	left: 230px;
	display: inline-block;
}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	bottom: -2px;
	height: 44px;
}
#navigation ul li {
	display: block;
	xwidth: 72px;
	float: left;
	position: relative;
}

#navigation ul li.weather strong.temperature {
	font-weight: bold;
	font-size: 80%;
	line-height: 30px;
}
#navigation ul li a {
	display: block;
	height: 34px;
	cursor: pointer;
	position: relative;
	z-index: 2;
	margin: 10px 5px 0 5px;
	overflow: hidden;
}
#navigation ul li a.active {
	bottom: -1px;
	margin-top: 0;
	margin: 0;
	height: 44px;
}
#navigation ul li a:hover {
	text-decoration: none;
}
#navigation ul li a span {
	display: block;
	float: left;
	position: relative;
}
#navigation ul li a span.navButtonLeft, #navigation ul li a span.navButtonRight {
	width: 5px;
	height: 34px;
}
#navigation ul li a span.navButtonArrow {
	width: 10px;
	height: 34px;
	background: #333333 url('../gfx/navTabArrow.png') no-repeat 0 17px;
}
#navigation ul li a span.navButtonLeft {
	background: transparent url('../gfx/navTabCornersBg.png') no-repeat top left;
}
#navigation ul li a span.navButtonRight {
	background: transparent url('../gfx/navTabCornersBg.png') no-repeat top right;
}
#navigation ul li.live a span.navButtonLeft {
	background: transparent url('../gfx/navTabRedCornersBg.png') no-repeat top left;
}
#navigation ul li.live a span.navButtonRight {
	background: transparent url('../gfx/navTabRedCornersBg.png') no-repeat top right;
}
#navigation ul li a:hover span.navButtonLeft {
	background: transparent url('../gfx/navSelectedTabCornersBg.png') no-repeat top left;
}
#navigation ul li a.active span.navButtonLeft {
	background: transparent url('../gfx/navActiveShadowTabCornersBg.png') no-repeat top left;
	width: 10px;
	height: 43px;
}
#navigation ul li a:hover span.navButtonRight {
	background: transparent url('../gfx/navSelectedTabCornersBg.png') no-repeat top right;
}
#navigation ul li a.active span.navButtonRight {
	background: transparent url('../gfx/navActiveShadowTabCornersBg.png') no-repeat top right;
	width: 10px;
	height: 43px;
}
#navigation ul li a:hover span.navButtonArrow {
	background-color: #d0d1d3;
}
#navigation ul li a.active span.navButtonArrow {
	background-color: #fff;
}
#navigation ul li a span.navButtonTitle {
	font-size: 114%;
	padding: 0px 7px;
	color: #000;
	line-height: 34px;
	height: 34px;
	background: transparent url('../gfx/navTabMainBg.png') repeat top left;
	color: #fff;
}

#navigation ul li.categories a.active,
#navigation ul li.causes a.active {
	height: 44px;
	position: relative;
	top: 1px;
	z-index: 1;
}
#navigation ul li.categories a.active,
#navigation ul li.causes a.active {
	background: transparent;
}
#navigation ul li.categories a.active span.navButtonArrow,
#navigation ul li.causes a.active span.navButtonArrow {
	background: transparent url('../gfx/navSelectedTabArrow.png') no-repeat top left;
	height: 44px;
}
#navigation ul li.causes a.inSection span.navButtonArrow {
	background: transparent url('../gfx/navSelectedTabArrowDown.png') no-repeat top left !important;
	height: 44px;
}
#navigation ul li.causes a.active span.navButtonRight,
#navigation ul li.causes a.active span.navButtonLeft,
#navigation ul li.causes a.active span.navButtonTitle {
	height: 44px;
}

#navigation ul li a span.navButtonTitle img {
	display: inline !important;
	xvertical-align: top;
}
#navigation ul li a span.navButtonTitle span.weatherIcon {
	display: inline-block !important;
	background-color: #333;
	float: none;
	height: 23px;
	top: 5px;
}
#navigation ul li a:hover span.navButtonTitle span.weatherIcon {
	background-color: transparent;
}
#navigation ul li a.active:hover span.navButtonTitle span.weatherIcon {
	background-color: #333;
}
#navigation ul li.live a span.navButtonTitle {
	background: transparent url('../gfx/navTabRedMainBg.png') repeat top left;
}
#navigation ul li a:hover span.navButtonTitle {
	background: #d0d1d3;;
	color: #000;
}
#navigation ul li a.active span.navButtonTitle {
	background: transparent url('../gfx/navActiveShadowTabMainBg.png') repeat top left;
	color: #000;
	height: 34px;
	padding-top: 9px;
}
#navigation ul li a.loading {
	display: block;
	background: transparent url("../gfx/ajax-loader3.gif") no-repeat center center;
}



#navigation ul li.blue a span.navButtonRight, #navigation ul li.blue a span.navButtonLeft {
	background-image: url('../gfx/navTabBlueCornersBg.png');
}
#navigation ul li.blue a span.navButtonTitle {
	background: url('../gfx/navTabBlueMainBg.png');
}
#navigation ul li.green a span.navButtonRight, #navigation ul li.green a span.navButtonLeft {
	background-image: url('../gfx/navTabOliveCornersBg.png');
}
#navigation ul li.green a span.navButtonTitle {
	background: url('../gfx/navTabOliveMainBg.png');
}

/*********************************************************************************************************/

#headerInfoPanel {
	position: absolute;
	right: 11px;
	top: 11px;
}
#headerInfoPanel div {
	float: right;
	font-size: 92%;
	padding-right: 4px;
	position: relative;
}
#headerInfoPanel span {
	display: block;
}
#headerNameDay {
	color: #253b82;
	display: none !important;
}

/*********************************************************************************************************/
#slideBox {
	z-index: 100;
}
#slideBoxCauses {
	height: 175px;
	position: absolute;
	top: 0;
	width: 980px;
	z-index: 100;
}
#slideBoxSections {
	background: #fff url('../gfx/gradientSectionsBar.png') repeat-x top left;
}
.loadingBig {
	display: block;
	background: transparent url("../gfx/loader66.gif") no-repeat center center;
}

/*******************************************************************************************************
podsekce v menu
**/
#slideBoxSubsections{
	height: 50px;
	width: 948px;
	overflow:hidden;
	background: transparent url("../gfx/subSectionsBarGradient.png") repeat-x left top;
	padding:0 16px;
	position:relative;
}
#slideBoxSubsections ul{
	position:relative;
}
#slideBoxSubsections li{
	list-style-type: none;
	display:inline;
}
#slideBoxSubsections li a {
	color:#003300;
	display:block;
	line-height: 48px;
	float:left;
	padding:0 12px;
	text-decoration: none;
}
#slideBoxSubsections a:hover{
	text-decoration: none;
}
#slideBoxSubsections ul li a:hover{
	text-decoration: underline;
}
#slideBoxSubsections .arrow{
	position:absolute;
	top:1px;
	width:16px;
	height:48px;
	background: transparent url("../gfx/CT4_subSectionsBarArrows.png") no-repeat left top;
	cursor: default;
}
#slideBoxSubsections .arrow.active{
	cursor: pointer;
}
#slideBoxSubsections .arrowLeft{
	left:0;
	background-position: 0px 0px;
}
#slideBoxSubsections .arrowRight{
	right:0;
	background-position: -16px 0px;
}
#slideBoxSubsections .arrowLeft.active{
	background-position: 0px -48px;
}
#slideBoxSubsections .arrowRight.active{
	background-position: -16px -48px;
}

/*******************************************************************************
 * crawler box
 */
#crawlerBox {
	width: 960px;
	margin: 10px auto 0 auto;
	height: 40px;
	background: #fff;
	position: relative;
}
#crawlerBox.expanded {
	height: 200px;
}
#crawlerBox.expanded .items {
	height: 200px !important;
	z-index: 3;
	width: 880px !important;
	overflow: auto !important;
}
#crawlerBox .item {
	width: 804px;
}
#crawlerBox.expanded .item {
	position: static !important;
	display: block !important;
}
#crawlerBox .hidden {
	display: none;
}
#crawlerBox .item span {
	line-height: 40px;
	display: block;
	float: left;
	padding: 0 20px;
	text-transform: uppercase;
	font-size: 110%;
}
#crawlerBox .item .section {
	font-weight: bold;
	background: #BBECF1;
}
#crawlerBox .item .section.type_sport {
	background: #00d200;
	color: #000000;
}
#crawlerBox .item .section.type_byznys {
	background: #f77d0e;
	color: #ffffff;
}
#crawlerBox .item .section.type_svet {
	background: #cf2100;
	color: #ffffff;
}
#crawlerBox .item .section.type_domov {
	background: #9c5b0a;
	color: #ffffff;
}
#crawlerBox .item .section.type_pocasi {
	background: #77b2cd;
	color: #000000;
}
#crawlerBox .item .section.type_ct24 {
	background: #5b8797;
	color: #000000;
}
#crawlerBox.expanded .item .section.invisible {
	background: #eee;
	color: #eee;
}
#crawlerBox .time {
	width: 80px;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 40px;
	display: block;
	float: left;
	text-transform: uppercase;
	background: #000;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	font-size: 110%;

	height: 100%;
	background: #EEE;
}
#crawlerBox .time span {
	background: #000;
	display: block;
	height: 40px;
}
#crawlerBox.ct4 .time span{
	background-color: #33CC00;
}
#crawlerBox .items {
	position: absolute;
	top: 0;
	left: 80px;
}
#crawlerBox .controls {
	width: 76px;
	position: absolute;
	top: 0;
	right: 0;
}
#crawlerBox.expanded .controls {
	right: 20px;
	z-index: 3;
}
#crawlerBox .controls a {
	width: 28px;
	display: block;
	float: left;
	height: 40px;
	background: transparent url('../gfx/crawlerControls.png') no-repeat 0 50%;
	margin-right: 10px;
	cursor: pointer;
}

#crawlerBox .controls a.play {
	background-position: -28px 50%;
}

#crawlerBox .controls a.play.paused {
	background-position: -56px 50%;
}


/*******************************************************************************
 * paging
 */
#paginator {
	margin: 10px 0;
	text-align: center;
}

#paginator > a, #paginator > span {
	height: 19px;
	margin: 0;
	padding: 0 5px;
	display: inline-block;
	line-height: 19px;
	color: #253B82;
	font-weight: bold;
	background-color: #EBEBED;
	text-decoration: none !important;
}

#paginator > span, #paginator > a.active {
	color: #000000;
	background-color: #ffffff;
	cursor: default;
}

#paginator a span {
	display: none;
}

#paginator a:hover {
	text-decoration: none;
}

#paginator a.first {
	width: 19px;
	height: 19px;
	padding: 0;
	background: url(../gfx/page_first.png) no-repeat;
}

#paginator a.prev {
	width: 19px;
	height: 19px;
	margin-right: 10px;
	padding: 0;
	background: url(../gfx/page_prev.png) no-repeat;
}

#paginator a.next {
	width: 19px;
	height: 19px;
	margin-left: 10px;
	padding: 0;
	background: url(../gfx/page_next.png) no-repeat;
}

#paginator a.last {
	width: 19px;
	height: 19px;
	padding: 0;
	background: url(../gfx/page_last.png) no-repeat;
}

#paginator span.first{
	padding:0;
	width: 19px;
	height: 19px;
}
#paginator span.prev{
	padding:0;
	width: 19px;
	height: 19px;
	margin-right: 10px;
}
#paginator span.next{
	padding:0;
	width: 19px;
	height: 19px;
	margin-left: 10px;
}
#paginator span.last{
	padding:0;
	width: 19px;
	height: 19px;
}

#paginator a.loading {
	background: transparent url("../gfx/loadingMini.gif") no-repeat center center !important;
}

#breadcrumbs {
	margin-bottom: 20px;
	height: 15px;
	line-height: 15px;
	font-size: 80%;
}

.articleContent #breadcrumbs{
	margin-bottom: 10px;
}


.arrowBlueBottom {
	width: 14px;
	height: 9px;
	display: block;
	background: url(../gfx/arrowsBlueBottomTop.png) 100% 0 no-repeat;
}

.arrowBlueTop {
	width: 14px;
	height: 9px;
	display: block;
	background: url(../gfx/arrowsBlueBottomTop.png) 100% -9px no-repeat;
}

#shortNewsExpander,
#calendarEventsExpander
{
	height: 10px;
	margin: 5px 0 10px 0;
	position: relative;
	padding: 0 0 10px 0;
}

#shortNewsExpander a,
#calendarEventsExpander a
{
	position: absolute;
	right: 0;
	line-height: 9px;
	margin: 0 10px 10px 0;
	width: 200px;
	text-align: right;
	padding-right: 20px;
}

#categoryShortNews #shortNewsExpander {
	height: 0;
	padding: 0;
}

#categoryShortNews #shortNewsExpander a {
	margin-right: 0;
}

#slideBoxCauses.hideArrows .jcarousel-prev, #slideBoxCauses.hideArrows .jcarousel-next {
	visibility: hidden;
}

.no-js #slideBoxCauses {
	display: none;
}
.no-js #slideBoxSections {
	display: block;
}


body.ipad {
	zoom: 1;
}
.ipad #topNewsShortNews li {
	margin-bottom: 10px;
	height: 48px;
}
.ipad #moreTopNews .newsBox {
	height: 225px;
}

.ipad #navigation ul li a span.navButtonArrow {
	left: -1px;
}
.ipad #navigation ul li a span.navButtonRight {
	left: -1px;
}
/*
.ipad #navigation ul li a span.navButtonTitle {
	line-height: 35px;
}
.ipad #navigation ul li a.active span.navButtonTitle {
	padding-top: 10px;
	height: 34px;
}
*/
.ipad #mainPanel div.newsBoxes .newsBox ul.articles li.first a,
.ipad #mainPanel div.newsBoxes .newsBox.bigLinks ul.articles li a {
	height: 187px;
}
.ipad #mainPanel div.newsBoxes .newsBox ul.articles li.last {
	height: 53px;
}
.ipad #facebookBox {
	height: 362px;
}
.ipad .jcarousel-item a.section {
	font-weight: normal;
}
.ipad #mycarousel li {
	height: 160px;
}
.ipad #showsLinks .box a {
	font-size: 125%;
}


body.ipad object[type="application/x-shockwave-flash"]{
	display:none;
}

img.only-ipad{
	display:none;
}

body.ipad img.only-ipad{
	display: block;
}

#footer #footerSocialNetworks li {
	margin: 0 0 0 29px;
}

#footer #footerSocialNetworks.ct4 li {
	margin: 0 0 0 17px;
}

#adSliderIframe {
	width: 980px;
	height: 234px;
	margin-bottom: -2px;
}