/**************************************************************************************************/
/* mainPanel / boxy se zpravami */
#mainPanel {
	padding: 10px;
}
#mainPanel.homepage {
	padding-bottom: 0;
}
#mainPanel.category, #mainPanel.article, #mainPanel.common {
	margin: 0;
	padding: 10px;
	xbackground: #d6d7d9 url('../gfx/backgroundCategoryPage.png') repeat-x top left;
	background: #d6d7d9 url('../gfx/backgroundHomepageMainPanel.png') repeat-x top center;
}
#mainPanel p.content {
	padding: 10px;
}
#mainPanel div.boxesContainer {
	margin-bottom: 10px;
}

/**************************************************************************************************/
#mainPanel div.newsPanel {
	background-color: #fff;
	position: relative;
	margin-bottom: 10px;
}
#mainPanel div.newsPanel ul.tabs {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 9px;
	left: 135px;
}
#mainPanel div.newsPanel ul.tabs li {
	display: block;
	xwidth: 72px;
	margin-right: 6px;
	float: left;
}
#mainPanel div.newsPanel ul.tabs li a, .commonButton {
	display: block;
	height: 22px;
	cursor: pointer;
}
.commonButton {
	display: inline-block;
}
#mainPanel div.newsPanel ul.tabs li a:hover, .commonButton {
	text-decoration: none;
}
#mainPanel div.newsPanel ul.tabs li a span, .commonButton span {
	display: block;
	float: left;
	position: relative;
}
#mainPanel div.newsPanel ul.tabs li a span.navButtonLeft, #mainPanel div.newsPanel ul.tabs li a span.navButtonRight,
.commonButton span.buttonLeftSide, .commonButton span.buttonRightSide {
	width: 5px;
	height: 22px;
}


div.menuCategoriesList ul li a span.navButtonImg {
	height: 36px;
	position: absolute;
	width: 68px;
	background: no-repeat top left;
}

div.menuCategoriesList ul li a span.special {
	font-weight: bold;
	color: #253b82 !important;
	margin-left: 30px;
}

#menu-rio-2016 a:hover span.navButtonLeft {
	background-image: none !important;
}

#menu-rio-2016 a:hover span.navButtonRight {
	background: none !important;
}

#menu-rio-2016 a:hover span.navButtonTitle {
	background: none !important;
}
#menu-rio-2016 a:hover {
	background-image: none !important;
}








#mainPanel div.newsPanel ul.tabs li a span.navButtonLeft, .commonButton span.buttonLeftSide {
	background: transparent url('../gfx/panelTabCornersBg.png') no-repeat top left;
}
#mainPanel div.newsPanel ul.tabs li a span.navButtonRight, .commonButton span.buttonRightSide {
	background: transparent url('../gfx/panelTabCornersBg.png') no-repeat top right;
}
#mainPanel div.newsPanel ul.tabs li.active a span.navButtonLeft, .commonButton:hover span.buttonLeftSide {
	background: transparent url('../gfx/panelActiveTabCornersBg.png') no-repeat top left;
}
#mainPanel div.newsPanel ul.tabs li.active a span.navButtonRight, .commonButton:hover span.buttonRightSide {
	background: transparent url('../gfx/panelActiveTabCornersBg.png') no-repeat top right;
}
#mainPanel div.newsPanel ul.tabs li a span.navButtonTitle, .commonButton span.buttonTitleBox {
	background: #bbecf1;
	color: #395391;
	padding: 0px 7px;
	line-height: 22px;
	font-size: 100%;
}
#mainPanel div.newsPanel ul.tabs li.active a span.navButtonTitle, .commonButton:hover span.buttonTitleBox {
	background: #ebebec;
	color: #000;
}
#mainPanel div.newsPanel a.moreItemsLink,
#mainPanel div.videoblock a.moreItemsLink {
	display: block;
	position: absolute;
	top: 13px;
	right: 10px;
	width: 124px;
	line-height: 15px;
	background: transparent url("../gfx/arrows.png") no-repeat right 1px;
	font-size: 95%;
	text-decoration: none;
}
#blogsBox a.moreItemsLink{
	width: auto !important;
}
#blogsBox a.moreItemsLink span{
	padding-right: 20px;
}



#mainPanel div.newsPanel div.newsPanelBoxes {
	xheight: 178px;
	padding: 10px;
}
#mainPanel div.newsPanel div.newsPanelBoxes div.item {
	width: 210px;
	float: left;
	margin-right: 32px;
}
#mainPanel div.newsPanel div.newsPanelBoxes div.item.last {
	margin-right: 0 !important;
}
#mainPanel div.newsPanel div.newsPanelBoxes div.item a.title {
	display: block;
	font-size: 116%;
	font-weight: bold;
	margin-top: 5px;
}
#mainPanel div.newsPanel div.newsPanelBoxes div.item span.authorName{
	display: block;
	font-size: 116%;
	margin-top: 5px;
	float: left;
}
#mainPanel div.newsPanel div.newsPanelBoxes div.item a.insertProgramme {
	width: 210px;
	height: 118px;
	display: block;
	background: transparent url('../gfx/buttonAddMyVideo.png') no-repeat center center;
	background-color: #ebebec;
}
#mainPanel div.newsPanel div.newsPanelBoxes div.item a.insertProgramme span {
	display: none;
}

.newsPanelBoxes.tabContent {
	display: none;
	min-height: 162px;
}

.newsPanelBoxes.tabContentShow {
	display: block;
}
.tabContent.loading, .loading66 {
	background: transparent url('../gfx/loader66.gif') no-repeat center center;
}
#subSectionsBox div.tabContent {
	min-height: 806px;
}

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

div.menuCategoriesList {
	position: relative;
	background-color: #fff;
	border-bottom: 1px solid #dedfe1;
}
div.menuCategoriesList ul {
	list-style: none;
	padding: 6px 10px;
	margin: 0;
}
div.menuCategoriesList ul li {
	display: inline-block !important;
	margin-right: 5px;
	float: left;
}
div.menuCategoriesList ul li.last {
	margin-right: 0;
}
div.menuCategoriesList ul li a.title {
	display: inline-block;
	height: 36px;
}
div.menuCategoriesList ul li a:hover {
	text-decoration: none;
}
div.menuCategoriesList ul li a span {
	display: block;
	float: left;
	position: relative;
}
div.menuCategoriesList ul li a span.navButtonLeft,
div.menuCategoriesList ul li a span.navButtonRight {
	width: 5px;
	height: 36px;
}
div.menuCategoriesList ul li a:hover span.navButtonLeft,
div.menuCategoriesList ul li a.active span.navButtonLeft {
	background: transparent url('../gfx/navGrayTabCornersBg.png') no-repeat top left;
}
div.menuCategoriesList ul li a:hover span.navButtonRight,
div.menuCategoriesList ul li a.active span.navButtonRight {
	background: transparent url('../gfx/navGrayTabCornersBg.png') no-repeat top right;
}
div.menuCategoriesList ul li a:hover span.navButtonArrow,
div.menuCategoriesList ul li a.active span.navButtonArrow {
	background: #d0d1d3;
}
div.menuCategoriesList ul li a span.navButtonTitle {
	font-size: 100%;
	padding: 0px 7px;
	line-height: 36px;
	color: #000;
}
div.menuCategoriesList ul li a:hover span.navButtonTitle,
div.menuCategoriesList ul li a.active span.navButtonTitle {
	background-color: #d0d1d3;
}
div.menuCategoriesList ul li a.active span.navButtonTitle {
	font-size: 100%;
	font-weight: bold;
}
div.menuCategoriesList ul li a.loading {
	display: block;
	background: transparent url("../gfx/ajax-loader3.gif") no-repeat center center;;
}

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

#wideContainer {
	float: left;
	width: 636px;
	margin-right: 10px;
}

#wideContainer.fullWidth {
	width: 960px;
	background: #ffffff;
	padding-top: 10px;
}

#wideContainer.fullWidth.volby2014 {
	background: none;
}

#shortContainer {
	float: left;
	width: 314px;
}

#mainPanel div.panelBox {
	padding: 10px;
	background-color: #fff;
	margin-bottom: 10px;
	position: relative;
}
#mainPanel div.panelBox.header, #mainPanel div.panelBox.plain {
	padding: 0;
}
#mainPanel div.panelBox.last {
	margin-bottom: 0;
}
#mainPanel div.panelBox.header h2 {
	line-height: 40px;
	padding: 0 0 0 12px;
	background: #ffffff url("../gfx/gradientPanelBoxHeader.png") repeat-x bottom center;
	font-size: 150%;
	font-weight: normal;
}
#mainPanel div.panelBox.header h2 a {
	color:black;
}
#mainPanel div.panelBox a.moreArticlesLink,
#mainPanel div.panelBox a.nextArticlesLink {
	float: right;
	display: block;
	margin: 0 10px 10px 0;
	width: 90px;
	background: transparent url('../gfx/arrowRightBlue.png') no-repeat center right;
}
#mainPanel div.panelBox a.prevArticlesLink {
	float: left;
	display: block;
	width: 110px;
	margin: 0 0 10px 10px;
	background: transparent url('../gfx/arrowLeftBlue.png') no-repeat center left;
}
#mainPanel div.panelBox a.nextArticlesLink {
	width: 95px;
	margin: 0;
}
#mainPanel div.panelBox a.nextArticlesLink.blogs {
	width: 82px;
}
#mainPanel div.panelBox a.prevArticlesLink.blogs {
	width: 125px;
}
#mainPanel div.panelBox a.nextArticlesLink.chats {
	width: 113px;
}
#mainPanel div.panelBox a.prevArticlesLink.chats {
	width: 115px;
}
#mainPanel div.panelBox a.moreArticlesLink span,
#mainPanel div.panelBox a.nextArticlesLink span {
	display: block;
	padding-right: 10px;
}
#mainPanel div.panelBox a.prevArticlesLink span {
	display: block;
	padding-left: 15px;
}
#mainPanel div.panelBox.plain a.prevArticlesLink,
#mainPanel div.panelBox.plain a.moreArticlesLink,
#mainPanel div.panelBox.plain a.nextArticlesLink {
	margin: 10px 10px 10px 10px;
}

#mainPanel div.panelBox.imageBox {}
#mainPanel div.panelBox.imageBox .imageBoxTitle {
	background: url("../gfx/pictureSetPhotoBar.png?v=1") no-repeat scroll left top transparent;
	display: block;
	color: white;
	font-size: 116%;
	position:absolute;
	bottom:10px;
	padding:14px 0 6px 6px;
	width:288px;
}

#categoryMainNews {
	position: relative;
}
#categoryMainNews div.mainImg{
	background-color:#E5E5E5;
	width:616px;
	height:346px;
	overflow:hidden;
}
#categoryMainNews div.mainImg img{
	margin:0 auto;
}
#categoryMainNews span.superTitle {
	margin-top: 15px;
	display: block;
	text-transform: uppercase;
	font-style: normal;
	font-size: 84%;
	color: #253b82;
}
#categoryMainNews h2 {
	font-size: 200%;
	padding: 0;
	margin: 10px 0 0 0;
	font-weight: normal;
	color: #253b82;
}
#categoryMainNews a.articleVideoContained {
	position: absolute;
	top: 275px;
	left: 20px;
	width: 175px;
	height: 63px;
	display: block;
	background: transparent url('../gfx/articleVideoContainedBox.png') no-repeat top left;
	color: #fff;
}
#categoryMainNews a.articleVideoContained:hover {
	text-decoration: none;
}
#categoryMainNews a.articleVideoContained span {
	position: relative;
	left: 69px;
	top: 25px;
}
#categoryMainNews span.timeInformation, #categoryTopNews ul li span.timeInformation,
#mainPanel div.panelBox ul.newsList li span.timeInformation,
#mainPanel div.panelBox span.articleInformation,
#mainPanel div.panelBox span.timeUpdateInformation,
#mainPanel div.panelBox span.authorInformation {
	font-size: 80%;
	color: #999999;
	display: block;
	padding: 2px 0 10px 0;
}
#categoryTopNews ul {
	margin: 0;
	padding: 5px 10px 10px 10px;
	display: block;
	list-style: none;
}
#categoryTopNews ul li {
	display: block;
	padding: 5px 0;
	border-bottom: 1px solid #daf2f2;
}
#categoryTopNews ul li.last {
	border-bottom: 0;
}
#categoryTopNews ul li span.timeInformation {
	padding: 0;
}
#categoryTopNews ul li a {
	font-weight: bold;
}
#mainPanel div.panelBox ul.newsList {
	margin: 0;
	padding: 0;
	display: block;
	list-style: none;
}
#mainPanel div.panelBox.plain ul.newsList {
	padding: 10px;
}
#mainPanel div.panelBox ul.newsList li {
	display: block;
	margin: 10px 0;
}
#mainPanel div.panelBox ul.newsList li.first {
	margin-top: 0;
}
#mainPanel div.panelBox ul.newsList li.last {
	margin-bottom: 0;
}

#mainPanel div.panelBox ul.newsList li img {
	float: left;
	margin: 0 10px 0 0;
}
#mainPanel div.panelBox ul.newsList li a.title {
	font-size: 150%;
	font-weight: normal;
	display:block;
}
#mainPanel div.panelBox ul.newsList li div.article {
	margin-left:220px;
}
#mainPanel div.panelBox ul.menuSubcategoriesList {
	list-style: none;
	padding: 0;
	margin: 0;
	background-color: #d6d7d9;
}
#mainPanel div.panelBox ul.menuSubcategoriesList li {
	display: block;
	margin-right: 8px;
	float: left;
}
#mainPanel div.panelBox ul.menuSubcategoriesList li.last {
	margin-right: 0;
}
#mainPanel div.panelBox ul.menuSubcategoriesList li a {
	display: block;
	height: 34px;
	cursor: pointer;
}
#mainPanel div.panelBox ul.menuSubcategoriesList li a:hover {
	text-decoration: none;
}
#mainPanel div.panelBox ul.menuSubcategoriesList li a span {
	display: block;
	float: left;
	position: relative;
}
#mainPanel div.panelBox ul.menuSubcategoriesList li a span.navButtonLeft, #mainPanel div.panelBox ul.menuSubcategoriesList li a span.navButtonRight {
	width: 5px;
	height: 34px;
}
#mainPanel div.panelBox ul.menuSubcategoriesList li a span.navButtonLeft,
#mainPanel div.panelBox ul.menuSubcategoriesList li.hidden:hover a span.navButtonLeft {
	background: transparent url('../gfx/navTabCornersBg.png') no-repeat top left;
}
#mainPanel div.panelBox ul.menuSubcategoriesList li.hidden:hover a span.navButtonRight,
#mainPanel div.panelBox ul.menuSubcategoriesList li a span.navButtonRight {
	background: transparent url('../gfx/navTabCornersBg.png') no-repeat top right;
}
#mainPanel div.panelBox ul.menuSubcategoriesList li:hover a span.navButtonLeft, #mainPanel div.panelBox ul.menuSubcategoriesList li.active a span.navButtonLeft {
	background: transparent url('../gfx/navActiveTabCornersBg.png') no-repeat top left;
}
#mainPanel div.panelBox ul.menuSubcategoriesList li:hover a span.navButtonRight, #mainPanel div.panelBox ul.menuSubcategoriesList li.active a span.navButtonRight {
	background: transparent url('../gfx/navActiveTabCornersBg.png') no-repeat top right;
}

#mainPanel div.panelBox ul.menuSubcategoriesList li.scroller:hover a span.navButtonLeft, #mainPanel div.panelBox ul.menuSubcategoriesList li.scroller a span.navButtonLeft {
	background: transparent url('../gfx/navTabRedFullCornersBg.png') no-repeat top left;
}
#mainPanel div.panelBox ul.menuSubcategoriesList li.scroller:hover a span.navButtonRight, #mainPanel div.panelBox ul.menuSubcategoriesList li.scroller a span.navButtonRight {
	background: transparent url('../gfx/navTabRedFullCornersBg.png') no-repeat top right;
}
#mainPanel div.panelBox ul.menuSubcategoriesList li:hover a span.navButtonArrow, #mainPanel div.panelBox ul.menuSubcategoriesList li.active a span.navButtonArrow {
	background-color: #fff;
}
#mainPanel div.panelBox ul.menuSubcategoriesList li.hidden:hover a span.navButtonTitle,
#mainPanel div.panelBox ul.menuSubcategoriesList li a span.navButtonTitle {
	font-size: 100%;
	padding: 0px 3px;
	line-height: 34px;
	color: #fff;
	background-color: #333;
}
#mainPanel div.panelBox ul.menuSubcategoriesList li:hover a span.navButtonTitle, #mainPanel div.panelBox ul.menuSubcategoriesList li.active a span.navButtonTitle {
	background: #fff;
	color: #000;
}
#mainPanel div.panelBox ul.menuSubcategoriesList li.scroller:hover a span.navButtonTitle, #mainPanel div.panelBox ul.menuSubcategoriesList li.scroller a span.navButtonTitle {
	background: url("../gfx/navTabRedMainBg.png") repeat scroll left top transparent;
	color: #fff;
}
#subSectionsNewsList {
	min-height: 786px;
}
#categoryCauses a:first-child {
	display: table-cell;
	vertical-align: top;
}
#categoryCauses strong {
	display: block;
	color: #253b82;
	font-size: 120%;
	margin-bottom: 10px;
}
#categoryCauses a.title {
	display: block;
	padding-top: 8px;
}
#categoryCauses ul {
	display: block;
	list-style: none;
	padding: 10px;
	margin: 0;
	width: 616px;
}
#categoryCauses ul li {
	width: 140px;
	display: block;
	float: left;
	margin-right: 18px;
}
#categoryCauses ul li.last {
	margin-right: 0;
}
#categoryCauses ul.borderTop li {
	padding-top: 7px;
	border-top: 1px solid #daf2f2;
}
#specialSideBox {
	width: 314px;
	height: 80px;
	background: url('../gfx/gradientSpecialSideBox.png') repeat-x top left;
	margin-bottom: 10px;
}
#specialSideBoxImage {
	width: 106px;
	height: 80px;
	display: block;
	xbackground: url('../gfx/specialSideBoxImageShadow.png') no-repeat top left;
	position: relative;
	left: 4px;
	float: left;
}
#specialSideBoxImage img {
	position: relative;
	top: 10px;
	left: 6px;
}
#specialSideBox h4 {
	display: block;
	position: relative;
	top: 7px;
	left: 5px;
	font-size: 150%;
	font-weight: normal;
	background: url('../gfx/arrowRightBlue.png') no-repeat center right;
	width: 300px;
}
#specialSideBox h4 a {
	display: block;
	width: 290px;
}
#specialSideBox p {
	display: block;
	position: relative;
	left: 5px;
	top: 15px;
}

#categoryShortNews h2, #categoryPoll h2, .gray h2, #cameraBlock h2, #chooseRegion h2, #categoryShortNewsTitles h2 {
	background: #ffffff url("../gfx/gradientNewsBoxHeader.png") repeat-x bottom center !important;
	border-bottom: 1px solid #fff;
}
#categoryShortNews ul {
	list-style: none;
	margin: 0;
	padding: 10px;
	font-size: 90%;
}
#categoryShortNews ul li {
	display: block;
	padding: 5px 0;
	border-bottom: 1px solid #daf2f2;
}
#categoryShortNews ul li.last {
	border-bottom: 0;
}


/* kratke zpravy, kde se zobrazuje nadpis a po prejeti mysi celt text  */
#categoryShortNewsTitles{
	position:relative;
}
#categoryShortNewsTitles ul{
	list-style: none;
	margin: 0;
	padding: 10px;
}
#categoryShortNewsTitles ul li {
	display: block;
	padding: 5px 0;
	height:28px;
	overflow:hidden;
	cursor:default;
}

#categoryShortNewsTitles li.hasTitle span.shortText {
	border-bottom: 1px dotted #9C969C;
}
#categoryShortNewsTitles ul li td.datetime{
	vertical-align: top;
	font-size: 90%;
}

#categoryShortNewsTitles .fullText{
	display:none;
}

#categoryShortNewsTitles .shortNewsBubble {
	position:absolute;
	z-index:103;
	text-align:left;
}

#categoryShortNewsTitles .shortNewsBubble.hover {
}

#categoryShortNewsTitles .shortNewsBubble .inner1{
	position:relative;
	/*left:958px;*/
	width:314px;
}

#categoryShortNewsTitles .shortNewsBubble .top {
	height:23px;
	background-image:url('../gfx/topNewsShortNews-top.png');
}

#categoryShortNewsTitles .shortNewsBubble .arrow{
	height:23px;
	background-image:url('../gfx/topNewsShortNews-arrow.png');
}

#categoryShortNewsTitles .shortNewsBubble .inner2{
	padding:10px;
	background-image:url('../gfx/topNewsShortNews-content.png');
	background-repeat: repeat-y;
	padding: 0 20px;
}

/** TEAM MATCHES **/

#teamMatches .panelBox {
	margin-bottom: 0px !important;
}

#teamMatches table {
	background-color: white;
	margin-bottom: 10px;
	padding: 8px;
}

#teamMatches .datetime {
	font-weight: bold;
}

#teamMatches .round {
	font-size: 13px;
}

#teamMatches .channel {
	font-size: 13px;
	display: block;
	float: right;
	text-transform: uppercase;
}



#teamMatches .team-img {
	width: 30px;
}

#teamMatches .team-name {
	min-width: 115px;
}

#teamMatches .all-matches {
	margin-bottom: 10px;
	text-align: right;
}

#teamMatches .microphone {
	background: transparent url('../gfx/HO_play_sprites2015.png') no-repeat 5px -188px;
	width: 20px;
	height: 20px;
	float: left;
	display: block;
}

#teamMatches .comentators {
	font-size: 13px;
	color: #666666;
	border-top: 1px solid #E6E6E8;
	padding-top: 10px;
}


#allMatches li {
	background-color: #EBEBED;
	margin-bottom: 10px;
	padding: 15px;
}

#allMatches ul {
	margin: 0px !important;
}

#allMatches tr {
	text-align: center !important;
	width: 100%;
}

#allMatches .datetime {
	font-weight: bold;
}

#allMatches .channel {
	font-size: 13px;
	display: block;
	float: right;
	text-transform: uppercase;
}



#allMatches .round, .info{
	font-size: 13px;
}

#allMatches .teams-container {
}

#allMatches table {
	width: 100%;
}


#allMatches .team-img {
	width: 30px;
	display: inline-block;
}

#allMatches .team-name {
	width: 240px;
	display: block;
	font-size: 14px;
	font-weight: bold;
}

#allMatches .left {
	text-align: left;
}

#allMatches .right {
	text-align: right;
}

#allMatches .all-matches {
	margin-bottom: 10px;
	text-align: right;
}

#allMatches .microphone {
	background: transparent url('../gfx/HO_play_sprites2015.png') no-repeat 5px -188px;
	width: 20px;
	height: 20px;
	display: inline-block;
	position: relative;
	top: 6px;
}

#allMatches .comentators {
	font-size: 13px;
	color: #666666;
	padding-top: 10px;
}

#allMatches .container{
	text-align: center;
}

#allMatches .container .inner {
	width: 200px;
	margin: 0 auto;
}






/** POLL BOX / anketa **/
#categoryPoll {
	background-color: #ebebec !important;
}

#categoryPoll div.pollBox p {
	font-size:100%;
	padding: 0;
}

div.pollBox {
	padding: 10px;
}
div.pollBox ul {
	list-style: none;
	padding: 10px 0 0 0;
	margin: 0;
}
div.pollBox ul li {
	display: block;
	padding: 3px 0;
	color: #253b82;
	font-size: 90%;
}
div.pollBox div.pollBar {
	background: transparent;
	width: 294px;
	height: 12px;
	position: relative;
	margin-top: 2px;
}
div.pollBox div.pollBar span.pollPositiveBar {
	display: block;
	background: transparent url('../gfx/pollPositiveBarBackground.png') repeat-x center left;
	height: 15px;
	float: left;
	margin-right: 5px;
}
div.pollBox div.pollBar span.pollResult {
	display: block;
	color: #56979e;
	font-size: 110%;
}

div.pollBox div.pollBoxVideo{
	margin:8px 0 0 0;
	position:relative;
	display:none;
}

div.pollBox div.pollBoxVideo img{
	width:294px; height:165px;
}

div.pollBox div.pollBoxVideo a {
	position:absolute; top:0; left:0;
	width:294px; height:165px;
	background: transparent url('../gfx/buttonPlay.png') no-repeat center center;
}

div.pollBox div.pollBoxVideo iframe{
	width:294px; height:165px; border:0;
}

div.pollBox div.pollMessages{
	margin:8px 0 0 0;
	color:red;
	font-style: italic;
	display:none;
}
#categoryPoll div.pollBox p.votesCount{
	font-size: 90%;
	margin-top:4px;
}

/*************************************************************************************************************/
/* articles */

#mainPanel.article h1 {
	font-weight: normal;
	font-size: 250%;
	padding-bottom: 10px;
}
#mainPanel.calendarium h1 {
	font-weight: normal;
	font-size: 200%;
	padding: 6px 10px;
	width: 250px;
	float: left;
}
#mainPanel div.panelBox span.articleInformation {
	padding-bottom: 0;
}
#mainPanel div.panelBox span.timeUpdateInformation {
	color: #47cad8;
	padding: 2px 0 8px;
}
.article #wideContainer p,
.article #wideContainer ul {
	font-size: 108%;
	padding: 8px 0;
}
.article #wideContainer .articleContent p{
	line-height:1.6;
}
#perex {
	font-size: 116%;
}
#mainNewsVideo {
	position: relative;
	margin: 10px 0;
}
#mainPanel.article div.panelBox div.highlightBox {
	padding: 10px;
	background-color: #ebebed;
	min-height: 118px;
}
#mainPanel.article div.panelBox div.highlightBox p.title {
	font-size: 116%;
	padding-top: 0;
}
#mainPanel.article div.panelBox div.highlightBox p.quote {
	font-style: italic;
}
#mainPanel.article div.panelBox div.highlightBox img {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
}
#mainNewsVideo span.playArrow {
	display: none;
}
#mainNewsVideo span.arrow {
	position: absolute;
	bottom: 41px;
	left: 10px;
	background: transparent url('../gfx/articleVideoBarArrow.png') no-repeat top left;
	display: block;
	width: 12px;
	height: 9px;
}
#mainNewsVideoDescription {
	height: 41px;
	background-color: #3d3d3d;
	color: #fff;
	line-height: 41px;
	font-size: 116%;
	padding-left: 12px;
}
#mainNewsVideo {

}
#articlesToolsBox {
	list-style: none;
	margin: 10px 0 10px 0 !important;
	padding: 10px;
	background: #ebebed;
}
#articlesToolsBox li {
	display: inline-block;
	float: left;
	padding: 0 15px;
}
#articlesToolsBox a {
	display: block;
	background: url('../gfx/articlesToolsIcons.gif') no-repeat;
	color: #253b82;
	font-size: 92%;
	height: 15px;
}
#articlesToolsBox li a.print {
	background-position: 0 0;
}
#articlesToolsBox li a.send {
	background-position: 0 -15px;
}
#articlesToolsBox li a.settings {
	background-position: 0 -30px;
}
#articlesToolsBox li a.report {
	background-position: 0 -45px;
}
#articlesToolsBox li a span {
	display: block;
	padding-left: 18px;
}
#discussionDisclaimer {
	color: #666;
	font-size: 92% !important;
}

#otherMainNews ul {
	padding: 10px !important;
}
#otherMainNews p {
	padding: 0 !important;
	margin: 0 !important;
}
#otherMainNews h2 {
	background-image: url('../gfx/gradientNewsBoxHeader.png') !important;
}

#readMore {
	margin: 20px 0;
}
#readMore strong {
	font-size: 150%;
	font-weight: normal;
}
#readMore ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#readMore ul li {
	margin-top: 8px;
}
#readMore ul li span {
	font-size: 92%;
}
#readMore ul li a {
	font-size: 150%;
}
#shortContainer div.commercialBox {
	width: 300px;
	margin: 0 auto 10px auto;
}
#shortContainer div.commercialBox p {
	font-size: 75%;
	color: #868078;
	padding: 0 0 5px 25px;
}
#shortContainer div.commercialInclude {
	width: 250px;
	height: 250px;
	margin: 0 auto;
	background-color: #b2b2b2;
}
#categoryOtherNews p {
	padding: 0 !important;
	font-size: 100% !important;
}
#exclusiveBox ul, #categoryOtherNews ul {
	padding: 12px 5px 12px 12px;
}
#exclusiveBox ul li, #categoryOtherNews ul li {
	padding: 16px 0 0 0;
	list-style-type: none;
	display: block;
}
#exclusiveBox ul li.first, #categoryOtherNews ul li.first {
	padding: 0 0 0 0;
}
#exclusiveBox ul li img, #categoryOtherNews ul li img {
	float: left;
	margin: 0 10px 0 0;
}
#exclusiveBox ul li a, #categoryOtherNews ul li a {
	font-weight: normal;
	font-size: 107%;
	padding: 0 0 5px 0;
	font-weight: bold;
}
#exclusiveBox ul li span.superTitle, .panelBox ul li span.superTitle, #categoryOtherNews ul li span.superTitle {
	display: block;
	text-transform: uppercase;
	font-style: normal;
	font-size: 84%;
	color: #253b82;
}

#shortContainer ul.twoCols {
	width: 142px;
	float: left;
	margin: 10px;
	list-style: none;

}
#shortContainer ul.twoCols.left {
	margin-right: 0;
}
#articleShareBox {
	float: right;
	width: 230px;
	color: #999999;
	font-size: 92%;
	margin-left: 10px;
	margin-bottom: 10px;
}
#shareButtons {
	background-color: #ebebed;
	padding: 5px;
	/*margin-top: 20px;*/
	position: relative;
	top: 10px;
}
#facebookShareButton, #twitterShareButton {
	width: 100px;
	float: left;
}
#twitterShareButton {
	float: right;
}
#fontSizeSettingsBox span.title {
	padding-top: 12px;
	display: block;
	width: 85px;
	float: left;
}
#fontSizeSettings {
	width: 119px;
	float: right;
}
#fontSizeSettings a {
	display: block;
	float: left;
	border: 1px solid #d6d7d9;
	margin-left: 5px;
	cursor: pointer;
}
#fontSizeSettings a:hover,
#fontSizeSettings a.active {
	background-color: #b5eaf0;
}
#fontSizeSettings a.ss {
	margin-top: 10px;
	width: 12px;
	height: 12px;
}
#fontSizeSettings a.s {
	margin-top: 8px;
	width: 14px;
	height: 14px;
}
#fontSizeSettings a.m {
	margin-top: 5px;
	width: 17px;
	height: 17px;
}
#fontSizeSettings a.l {
	margin-top: 3px;
	width: 19px;
	height: 19px;
}
#fontSizeSettings a.xl {
	width: 22px;
	height: 22px;
}
#articlePublicationBox {
	min-height: 36px;
}
/*************************************************************************************************************/
/* blogy */
#mainPanel div.panelBox.blog {
	padding: 0;
}
#mainPanel div.panelBox.blog .header {
	xheight: 65px;
	margin-bottom: 10px;
}
#mainPanel div.panelBox.blog .header .dateBox {
	width: 65px;
	height: 45px;
	margin-right: 10px;
	padding: 10px 0;
	float: left;
	font-size: 11px;
	text-align: center;
	background-color: #D0D1D3;
}
#mainPanel div.panelBox.blog .header .dateBox strong {
	font-size: 15px;
	display: block;
}
#mainPanel div.panelBox.blog .header a.title {
	padding-top: 10px;
	margin-bottom: 5px;
	display: block;
	font-size: 200%;
	font-weight: normal;
}
#mainPanel div.panelBox.blog .header .titleBox {
	width: 561px;
	float: left;
}
#mainPanel div.panelBox.blog .header span {
	font-size: 90%
}
#mainPanel div.panelBox.blog p {
	margin: 0 10px 10px 10px;
}
#mainPanel div.panelBox.blog img {
	margin: 0 10px 10px 10px;
	float: left;
}
#mainPanel #shortContainer #blogAuthor > div {
	padding: 11px 11px 5px 11px;
}

/*************************************************************************************************************/
/* calendar */
table.calendar {
	width: 314px;
	background: #ebebec url('../gfx/gradientCalendarTableHeader.png') repeat-x top left;
	xfont-size: 120%;
	padding: 5px;
}
table.calendar td {
	text-align: center;
	vertical-align: middle;
	padding: 5px;
}
table.calendar tr.calendarHeader td {
	padding: 6px 0 0 0;
	position: relative;
	vertical-align: top;
}
table.calendar tr.calendarHeader td a {
	display: block;
	width: 100%;
	height: 15px;
	position: relative;
}
table.calendar tr.calendarHeader td a.left {
	background: url('../gfx/arrowCalendarLeft.png') no-repeat center left;
	left: 5px;
}
table.calendar tr.calendarHeader td a.right {
	background: url('../gfx/arrowCalendarRight.png') no-repeat center right;
	right: 5px;
}
table.calendar tr.calendarHeader td a span {
	display: none;
}
table.calendar tr.calendarDayTitles td {
	font-size: 95%;
	padding-top: 20px;
}
table.calendar tr.calendarHeader td a {
	background: none;
}
table.calendar td a,table.calendar td span {
	display: block;
	line-height: 28px;
	background-color: #fff;
	color: #000;
}
table.calendar td span {
	color: #aaa;
}
table.calendar td.today a {
	font-weight:bold;
}
table.calendar td.events a{
	background-color: #a2eff6;
}
table.calendar td.active a {
	background-color: #a2eff6;
}

/*********************************************************************************************************/
/* event calendar */
#mainPanel #shortContainer #categoryCalendar{
	/*margin-bottom:40px;*/
}

#mainPanel #shortContainer #categoryCalendar .eventsList ul {
	padding-bottom:6px;
}

#mainPanel #shortContainer #categoryCalendar .eventsList li.today{
	background-color: #A2EFF6;
}

#mainPanel #shortContainer #categoryCalendar .eventsList ul li {
	list-style-type: none;
	padding:12px 12px 6px 12px;
}

#mainPanel #shortContainer #categoryCalendar .eventsList ul li:first-child{
	padding-top:12px;
}

#mainPanel #shortContainer #categoryCalendar .eventsList ul li p {
	margin-bottom:6px;
}

#mainPanel #shortContainer #categoryCalendar .eventsList ul li p.date {
	font-weight:bold;
	font-size:110%;
}

#mainPanel #shortContainer #categoryCalendar .eventsList ul li img.eventPicture{
	margin:0px 12px 6px 0px;
}

#mainPanel #shortContainer #categoryCalendar .eventsList ul li.titleToday p.date,
#mainPanel #shortContainer #categoryCalendar .eventsList ul li.titleNextDays p.date,
#mainPanel #shortContainer #categoryCalendar .eventsList ul li.notFound p.date{
	padding-left:18px;
	background: transparent url('../gfx/calendar/clock.png') no-repeat left;
}

#mainPanel #shortContainer #categoryCalendar .eventsList ul li.titleNextDays{
	padding-bottom:6px;
	padding-top:18px;
}
#mainPanel #shortContainer #categoryCalendar .eventsList ul li.titleNextDays p{
	margin-bottom:0px;
}


/*********************************************************************************************************/
/* Programme paging */
div.pagingContent a.detailProgrammePaging, div.pagingContent a.detailProgrammeRelatedPaging {
	display: block;
	width: 19px;
	height: 19px;
	float: left;
	margin: 0 3px 0 3px;
}
div.pagingContent a.detailProgrammePaging.prev, div.pagingContent a.detailProgrammeRelatedPaging.prev {
	background: transparent url('../gfx/buttons.png') no-repeat -57px -42px;
}
div.pagingContent a.detailProgrammePaging.prev:hover, div.pagingContent a.detailProgrammeRelatedPaging.prev:hover {
	background: transparent url('../gfx/buttons.png') no-repeat -38px -42px;
}
div.pagingContent a.detailProgrammePaging.last, div.pagingContent a.detailProgrammeRelatedPaging.last {
	background: transparent url('../gfx/buttons.png') no-repeat 0 -42px;
}
div.pagingContent a.detailProgrammePaging.last:hover, div.pagingContent a.detailProgrammeRelatedPaging.last:hover {
	background: transparent url('../gfx/buttons.png') no-repeat -19px -42px;
}
div.pagingContent a.detailProgrammePaging.first, div.pagingContent a.detailProgrammeRelatedPaging.first {
	background: transparent url('../gfx/buttons.png') no-repeat 0 -23px;
}
div.pagingContent a.detailProgrammePaging.first:hover, div.pagingContent a.detailProgrammeRelatedPaging.first:hover {
	background: transparent url('../gfx/buttons.png') no-repeat -19px -23px;
}
div.pagingContent a.detailProgrammePaging.next, div.pagingContent a.detailProgrammeRelatedPaging.next {
	background: transparent url('../gfx/buttons.png') no-repeat -57px -23px;
}
div.pagingContent a.detailProgrammePaging.next:hover, div.pagingContent a.detailProgrammeRelatedPaging.next:hover {
	background: transparent url('../gfx/buttons.png') no-repeat -38px -23px;
}
div.pagingContent a.loading {
	background: transparent url("../gfx/loadingMini.gif") no-repeat center center !important;
}
div.pagingContent a.detailProgrammePaging span, div.pagingContent a.detailProgrammeRelatedPaging span {
	display: none;
}
div.pagingContent table {
	width: 100%;
}
div.pagingContent table td {
	width: 33%;
}
div.pagingContent table td.left {
	text-align: right;
}
div.pagingContent table td.center {
	text-align: center;
}
div.pagingContent table td.right {
	text-align: left;
}
/*#programmeRelated div.pagingContent table td.left {
	width: 25%;
}
#programmeRelated div.pagingContent table td.center {
	width: 50%;
}
#programmeRelated div.pagingContent table td.right {
	width: 25%;
}*/


div.contentBox div.pagingContent {
	background-color: #fff;
	padding-bottom: 10px;
}
div.pagingContent table td.left a.detailProgrammePaging, div.pagingContent table td.left a.detailProgrammeRelatedPaging {
	float: right;
}




/**
 *
 */


a.calendariumArrow {
	display: block;
	width: 12px;
	height: 41px;
	line-height: 41px;
}
a.calendariumArrow.left {
	background: url('../gfx/arrowCalendarLeft.png') no-repeat center left;
	float: left;
	margin-left: 10px;
}
a.calendariumArrow.right {
	background: url('../gfx/arrowCalendarRight.png') no-repeat center right;
	float: right;
	margin-right: 10px;
}
a.calendariumArrow span {
	display: none;
}

/*******************************************************************************
 * porady-ct24
 */
.showsLine {
	margin-bottom: 10px;
}
.showsLine.first {
	padding-top: 10px;
}
.showsLineInner {
	overflow: hidden;
}
.showsArchive {
	margin: 15px 15px 0 15px;
}
.showBox {
	width: 204px;
	margin-left: 10px;
	padding: 14px;
	margin-bottom: -300px;
	padding-bottom: 300px;
	float: left;
	background-color: #ffffff;
	position: relative;
}
.showBox.showBoxDiff {
	width: 205px;
}
.showBox a {
	margin-top: 10px 0 5px 0;
	display: block;
	font-size: 140%;
	font-weight: bold;
	color: #2F4088;
}
.showBox a:hover {
	text-decoration: none;
}
.showBox a:hover span.title {
	text-decoration: underline;
}
.showBox p {
	margin: 10px 0;
}
.showBox img {
	margin-bottom: 5px;
}
.floatClear {
	clear: both
}
.timePlaceHolder {
	font-size: 90%;
	font-weight: bold;
	padding-top: 5px;
}
#showsLinks .box {
	width: 293px;
	height: 60px;
	float: left;
	margin: 10px 0 0 10px;
	padding: 10px;
	background: url(../gfx/gradientShows80.png) repeat-x;
}
#showsLinks .box img {
	float: left;
	margin-right: 7px;
}
#showsLinks .box a {
	display: block;
	font-size: 18px;
	font-weight: normal;
	color: #253B82;
	background: url(../gfx/arrowRightBlue.png) 100% 60% no-repeat;
}
/*******************************************************************************
 * scroller / tabmenu
 */
.menuSubcategoriesList li.scroller, .menuSubcategoriesList li.shadow {
	z-index: 100;
}
.menuSubcategoriesList li.scroller.left {
	position: relative;
}
.menuSubcategoriesList li.scroller.right, .menuSubcategoriesList li.shadow.right {
	position: absolute;
	margin-right: 0 !important;
}
.menuSubcategoriesList li.shadow.right {
	background: transparent url('../gfx/shadowTabsRight.png') no-repeat top right;
}
.menuSubcategoriesList li.shadow.left {
	background: transparent url('../gfx/shadowTabsLeft.png') no-repeat top left;
}
#mainPanel div.panelBox ul.menuSubcategoriesList li.shadow {
	width: 38px;
	height: 34px;
	display: none;
	position: absolute;
	z-index: 101;
}
.menuSubcategoriesList li.hidden {
	xvisibility: hidden;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity:0.2;
}
.menuSubcategoriesList li.hidden a {
	cursor: default !important;
}
.menuSubcategoriesList li a.loading span.navButtonTitle{
	background: #333 url("../gfx/ajax-loader5.gif") no-repeat center center !important;
}
.menuSubcategoriesList li.active a.loading span.navButtonTitle,
.menuSubcategoriesList li:hover a.loading span.navButtonTitle {
	background: #fff url("../gfx/ajax-loader3.gif") no-repeat center center !important;
}

#mainPanel.common h1 {
	font-weight: normal;
	font-size: 218%;
	padding: 10px;
	margin: 0;
}
#mainPanel.common h2 {
	font-weight: normal;
	font-size: 150%;
	padding: 10px 10px 5px 10px;
	margin: 0;
}
#mainPanel.common #wideContainer p {
	padding: 10px;
}
#mainPanel.common #wideContainer ul {
	margin: 10px 10px 10px 30px;
	line-height: 2em;
}

/* zobrazeni ikony videa pres obrazky + burtiky */
#shadowContent span.imgWrap, #topNews span.imgWrap {
	position: relative;
	display: block;
}
#shadowContent span.imgWrap .videoLabelContainer {
	position: absolute;
	top: 76px;
	left: 10px;
	width: 210px;
	height: 32px;
	xtext-align: center;
	overflow: hidden;
}
#shadowContent span.imgWrap .videoLabelContainer.w140 {
	width: 130px;
	top: 36px;
}
#shadowContent span.imgWrap .videoLabelContainer.w203 {
	width: 203px;
	top: 72px;
}
#shadowContent span.imgWrap .videoLabelContainer.w210 {
	width: 210px;
	top: 72px;
}
#shadowContent span.imgWrap .videoLabelContainer.w291 {
	width: 291px;
	xtop: 65px;
	top: 121px;
}
#shadowContent div.sliderBoxContent .videoLabelContainer {
	top: 95px !important;
}
#shadowContent span.imgWrap .videoLabelSmall {
	min-width: 32px;
	height: 32px;
	display: inline-block;
	xposition: absolute;
	xtop: 40px;
	xleft: 62px;
	background: url(../gfx/articleVideoLabel.png) no-repeat;
}
#shadowContent span.imgWrap .videoLabelExtraSmall {
	min-width: 32px;
	height: 32px;
	display: inline-block;
	xposition: absolute;
	xtop: 25px;
	xleft: 35px;
	background: url(../gfx/articleVideoLabel.png) no-repeat;
}
#shadowContent span.imgWrap .videoLabelSmall.gallery, #shadowContent span.imgWrap .videoLabelExtraSmall.gallery {
	background: url(../gfx/articleVideoLabelGallery.png) no-repeat;
}
#shadowContent span.imgWrap .videoLabelSmall.analysis, #shadowContent span.imgWrap .videoLabelExtraSmall.analysis {
	background: url(../gfx/articleLabelAnalysis.png) no-repeat;
}
#shadowContent span.imgWrap .videoLabelSmall.chat, #shadowContent span.imgWrap .videoLabelExtraSmall.chat {
	background: url(../gfx/articleLabelChat.png) no-repeat;
}
#shadowContent .videoLabelSmall span, #shadowContent span.imgWrap .videoLabelExtraSmall span {
	display: block;
	margin-left: 32px;
	padding: 0 10px;
	line-height: 32px;
	color: #fff;
	font-weight: normal;
	font-size: 12px;
	background: transparent url(../gfx/articleVideoLabelBackground.png) repeat top left;
}
#shadowContent div.panelBox a.videoLabelBig {
	min-width: 85px;
	height: 85px;
	position: absolute;
	top: 253px;
	left: 20px;
	background: transparent url(../gfx/articleVideoLabelBig.png) no-repeat;
	text-decoration: none;
}
#shadowContent div.panelBox a.videoLabelBig.gallery {
	background: transparent url(../gfx/articleVideoLabelBigGallery.png) no-repeat;
}
#shadowContent div.panelBox a.videoLabelBig.analysis {
	background: transparent url(../gfx/articleLabelAnalysis.png) no-repeat;
	width:95px;
	height:33px;
	top:313px;
}
#shadowContent div.panelBox a.videoLabelBig.chat {
	background: transparent url(../gfx/articleLabelChatBig.png) no-repeat;
}
#shadowContent div.panelBox a.videoLabelBig.analysis span{
	display:none;
}
#shadowContent div.panelBox a.videoLabelBig span {
	display: block;
	margin-left: 85px;
	margin-top: 26px;
	padding: 0 10px;
	line-height: 32px;
	color: #fff;
	font-weight: normal;
	background: transparent url(../gfx/articleVideoLabelBackground.png) repeat top left;
}
#topNews div#topNewsVideoBox span.imgWrap a.videoLabelSquare {
	width: 85px;
	height: 85px;
	position: absolute;
	top: 39px;
	left: 105px;
	background: url(../gfx/buttonPlay.png?v=1) no-repeat;
}


#mycarousel li {
	height: 150px;
}


#relatedProgramsBox {
	padding-bottom: 12px;
}

#relatedProgramsBox .relatedProgram, #topViewsContainer .relatedProgram {
	width: 140px;
	float: left;
	padding-left: 11px;
}

#relatedProgramsBox .relatedProgram img, #topViewsContainer .relatedProgram img {
	width: 140px;
	height: 78px;
	margin-bottom: 5px;
}

#relatedProgramsBox div.clearfix, #topViewsContainer div.clearfix {
	padding-bottom: 12px;
}

#relatedProgramsBox div.clearfix.first, #topViewsContainer div.clearfix.first {
	padding-top: 12px;
}


/* tabulky ************************ */
table.stats {
	width: 100%;
}

table.stats thead {
	background-color: #BDECF2;
}

table.stats td, table.stats th {
	padding: 5px;
	line-height: 25px;
}

table.stats tbody tr td {
	border-bottom: 1px solid #BDECF2;
}

table.stats tr td.right {
	text-align: right;
}

table.stats tr.blue {
	background-color: #E4F6F8;
}

table.stats tbody td.blue {
	color: #303A82;
}



/* sledovanost ***** */
#ratings table.stats tbody tr td {
	font-size: 10px;
	line-height: 15px;
}

#ratings table.stats thead tr th:first-child {
	font-size: 150%;
}

#ratings table.stats {
	margin-bottom: 20px;
}

#ratings h1 {
	font-size: 16px;
	line-height: 34px;
	color: #343434;
}

#ratings table.stats:last-child {
	margin: 0;
}


#blogAuthor p {
	padding: 8px 0;
	font-size: 108%;
}



#mainPanel .videoblock {

}
#mainPanel .videoblock a:first-child {
	display: table-cell;
	vertical-align: top;
}
#mainPanel .videoblock strong {
	display: block;
	color: #253b82;
	font-size: 120%;
	margin-bottom: 10px;
}
#mainPanel .videoblock a.title {
	display: block;
	padding-top: 8px;
}
#mainPanel .videoblock ul {
	display: block;
	list-style: none;
	padding: 10px;
	margin: 0;
	width: 616px;
}
#mainPanel .videoblock ul li {
	width: 140px;
	display: block;
	float: left;
	margin-right: 18px;
}
#mainPanel .videoblock ul li.last {
	margin-right: 0;
}
#mainPanel .videoblock ul.borderTop li {
	padding-top: 7px;
	border-top: 1px solid #daf2f2;
}
#mainPanel div.videoblock a.moreItemsLink {
	width: 48px !important;
}


#mainPanel.videosection .menuCategoriesList {
	position: relative !important;
	top: 2px;
}


/******************************************************************************/
/* online kamera */
#mainPanel div.panelBox#cameraBlock {
	min-height: 200px;
	background: transparent;
	margin-bottom:0px;
}

#mainPanel div.panelBox ul.menuSubcategoriesList#cameraMenu {
	background: transparent;
}

#cameraBlock #cameraOnlineTab {
	display: block;
	width: 128px;
	height: 34px;
	background: url(../gfx/cameraOnlineTab.png) no-repeat;
}

#cameraBlock .camera {
	margin: 5px 10px;
	display: inline-block;
}

#cameraBlock #cameraBody {
	min-height: 305px;
	padding: 10px 12px;
	background: #ffffff;
	position: relative;
}

#cameraBlock #cameraList {
}

#cameraBlock #cameraList a {
	width: 140px;
	display: block;
	float: left;
	text-align: center;
}

#cameraBlock #cameraList a.second {
	margin-left: 10px;
}

#cameraBlock #cameraList a img {
	width: 140px;
	height: 105px;
	margin: 0 auto 4px auto;
}

#cameraBlock #cameraList .cameraLine {
	margin-bottom: 10px;
}

#cameraBlock .moreLink {
	margin: 0 auto;
	text-align: center;
	position: absolute;
	bottom: 10px;
	width: 290px;
	display: none;
	font-weight: bold;
	background: transparent url('../gfx/arrowRightBlue.png') no-repeat 193px 0;
}
#cameraBlock #cameraBody.loading {
	background: #fff url('../gfx/loader66.gif') no-repeat center center;
}

/* snehove zpravodajstvi */
#weatherMountains{

}

#mainPanel div.panelBox.header#weatherMountains h2{
	color:white;
	background-color:#C00F33;
	background-image:none;
}

#mainPanel div.panelBox.header#weatherMountains h2 a {
	color:white;
}

#weatherMountains p{
	padding:0 10px;
	margin-bottom:6px;
}

#weatherMountains p.center{
	text-align:center;
}

#weatherMountains p.right{
	text-align:right;
}

#weatherMountains a.others{
	background: url("../gfx/arrowRightBlue.png") no-repeat right;
	padding-right:20px;
	line-height:30px;
	font-weight: bold;
	margin: 0 auto;
}

#weatherMountains table.snowInformations{
	margin-bottom:6px;
}

#weatherMountains table .center{
	text-align:center;
}

#weatherMountains table.snowInformations{
	width:100%;
	background-color:white;
	padding:0 10px;
	margin-top:12px;
}

#weatherMountains table.snowInformations td{
margin:0;
padding:6px 2px;
}

#weatherMountains table.snowInformations th{
color:#00007A;
margin:0;
padding:12px 2px 6px 2px;
}

#weatherMountains table.snowInformations tr.odd{
	background-color:#ffffff;
}

#weatherMountains table.snowInformations tr.even{
	background-color:#f0f0f0;
}

/* colorBox - prebyti spodniho okraje. kdyz je iframe, nevleze se popisek
TODO: udelat zvlast css pro colorbox?
*/
#cboxWrapper #cboxLoadedContent {
	margin-bottom: 60px;
}



/* online report - spolecne veci */
.onlineReportPosts span.whiteTextGrayBg{
	color:white;
	background-color:#969697;
}

.onlineReportPosts span.whiteTextRedBg{
	color:white;
	background-color: #c00f33;
}

.onlineReportPosts span.whiteTextBlueBg{
	color:white;
	background-color: #1168b4;
}


/* vyhledavaci formular */
.searchForm .item{
	display:block;
	padding:2px 0px 2px 0px;
}

.searchForm .item.marginBottom{
	margin-bottom:16px;
}
.searchForm .item.marginTop{
	margin-top:16px;
}

.searchForm .item span{
	display:inline-block;
	width:70px;
}

.searchForm .item input,
.searchForm .item select{
	width:200px;
}

.searchFormInner{
	padding:20px;
}

.searchForm .item.submit{
	text-align:right;
}

.searchForm .item.submit .submitButton{
	width:auto;
}

/* pravy box se zpravami s obrazkem  */
#shortContainer .panelBox.articlesWithImages .image{
	width: 140px;
	height: 78px;
	overflow:hidden;
	float:left;
	margin-right:8px;
}
#shortContainer .panelBox.articlesWithImages .clearer{
	clear:both;
}



/*===START==DUCHODOVA KALKULACKA=======*/

#pensionCalculator {
	width:960px;
	height: auto;
	padding: 10px;
	background: url("../gfx/backgroundHomepageMainPanel.png") repeat-x scroll center top #D6D7D9;
}

#pensionCalculator #header {
	float: left;
	width: 960px;
	background:#fcfcfc;
	border-bottom: 1px solid #eeeeee;

}

#pensionCalculator #header div {
	float: left;
}

#pensionCalculator #header .coins_texts {
	background: url('../gfx/duchodova-kalkulacka/banner_header.jpg') no-repeat;
	width: 490px;
	height: 80px;
	margin: 10px;
}

#pensionCalculator #header .showButton {
	margin: 30px 0 0 100px;

}

#pensionCalculator #header .showButton #viewFormCalculator:hover {
	cursor: pointer;
}

#pensionCalculator #header .showButton, #pensionCalculator #header .showButton .button {
	 width: 331px;
	 height: 50px;
}

#pensionCalculator #header .showButton .button {
	background: url('../gfx/duchodova-kalkulacka/view_calculator_button.jpg') no-repeat;

}

#pensionCalculator #header .showButton .close {
	width: 136px;
	height: 37px;
	margin-left: 150px;
	display: none;
}

#pensionCalculator #header .showButton .close {
	background: url('../gfx/duchodova-kalkulacka/close.jpg') no-repeat;
}

#pensionCalculator #header .showButton .button span {
	color: #fff;
	font-size: 22px;
	font-family: Verdana;
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
	top: 5px;
	left: 17px;
}

#pensionCalculator #header .showButton a:hover {
	text-decoration: none;;
}



#pensionCalculator #content {
	float:left;
	width: 960px;
	height: 240px;
	background: #fff;
	border-top: 1px solid #eeeeee;
	display: none;
}

#pensionCalculator #content .texts {
	padding-top: 20px;
}

#pensionCalculator #content .title1, #pensionCalculator #content .title2{
	color: #d7141a;
	font-size: 22px;
	font-family: Verdana;
	font-weight: bold;
	padding-top: 20px;
}

#pensionCalculator #content .title1 {
	margin-left: 190px;
}

#pensionCalculator #content .title2 {
	margin-left: 230px;
}

#pensionCalculator #content #form {
	margin-left: 30px;
	margin-top: 20px;
}

#pensionCalculator #content #form input[type=text], #pensionCalculator #content #form input[type=number],
#pensionCalculator #content #form select {
	background: #dedede;
	border: 1px solid #fff;
	outline: 1px solid #d2d2d2;
	width: 85px !important;
	height: 16px;
	margin-bottom: 4px;
	text-align: right;
	padding-right: 16px;
	padding-top: 7px;
	padding-bottom: 7px;

}


#pensionCalculator #content #form label {
	color: #000000;
	font-family: Verdana;
	font-size: 12px;
}

#pensionCalculator #content #form .age {
	padding-right: 115px;
}

#pensionCalculator #content #form .gender {
	padding-left: 40px;
	padding-right: 60px;;
}

#pensionCalculator #content #form .profit {
	padding-left: 80px;
	padding-right: 83px;
}

#pensionCalculator #content #form .neodpracuje_let {
	padding-left: 80px;

}

#pensionCalculator #content #form .neodpracuje_let_input {
	margin-left: 111px;

}


#pensionCalculator #content #form .submit {
	width: 180px;
	height: 45px;
}

#pensionCalculator #content #form .gross {
	padding-right: 12px;
}
#pensionCalculator #content #form .children {
	padding-left: 40px;
	padding-right: 42px;
}

#pensionCalculator #content #form .work_off {
	padding-left: 80px;
	padding-right: 70px;
}

#pensionCalculator #content #form .submit {
	margin: 30px 0 0 321px;
}

#pensionCalculator #footer #banners {
	margin-left: 131px;
	margin-top: 60px;
}

#pensionCalculator #footer #banners div {
	float: left;
}

#pensionCalculator #footer #banners .banner_age {
	width: 199px;
	height: 90px;
	padding-right: 34px;
	position: relative;
}

#pensionCalculator #footer #banners .banner_age_red {
	background: url('../gfx/duchodova-kalkulacka/banner_age_red.jpg') no-repeat;
}

#pensionCalculator #footer #banners .banner_age_green {
	background: url('../gfx/duchodova-kalkulacka/banner_age_green.jpg') no-repeat;
}

#pensionCalculator #footer #banners .banner_age p, #pensionCalculator #footer #banners .banner_loss p {
	color: #fff;
	font-family: Verdana;
	font-size: 24.11px;
	font-weight: bold;
	margin-left: 64px;
	margin-top: 5px;
	text-align: center;
}

#pensionCalculator #footer #banners .banner_age p .months {
	font-family: Verdana;
	font-size: 17.28px;
	font-weight: bold;
	position: absolute;
	bottom: 29px;
	right: 45px;
}

#pensionCalculator #footer #banners .banner_age p .months_red {
	color: #e6a1a1;
}

#pensionCalculator #footer #banners .banner_age p .months_green {
	color: #68e55d;
}


#pensionCalculator #footer #banners .banner_loss {
	width: 199px;
	height: 90px;
	position: relative;
}

#pensionCalculator #footer #banners .banner_loss_red {
	background: url('../gfx/duchodova-kalkulacka/banner_loss_red.jpg') no-repeat;
}

#pensionCalculator #footer #banners .banner_loss_green {
	background: url('../gfx/duchodova-kalkulacka/banner_loss_green.jpg') no-repeat;
}

#pensionCalculator #footer #banners .banner_loss p .text {
	font-family: Verdana;
	font-size: 12.28px;
	font-weight: normal;
	position: absolute;
	right: 5px;
	bottom: 31px;
}

#pensionCalculator #footer #banners .banner_loss p .text_red {
	color: #e6a1a1;
}

#pensionCalculator #footer #banners .banner_loss p .text_green {
	color: #68e55d;
}

#pensionCalculator #footer #banners .text1, #pensionCalculator #footer #banners .text2 {
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	width: 119px;
}

#pensionCalculator #footer #banners .text1 {
	padding-right: 23px;
	padding-top: 20px;
}

#pensionCalculator #footer #banners .text2 {
	padding-left: 20px;
	padding-top: 11px;

}



#pensionCalculator #footer {
	width: 960px;
	min-height: 322px;
	height: auto;
	float: left;
	padding: 0;
	background: #FCFCFC;
	display: none;
}


#pensionCalculator #footer .info {
	float: left;
	width: 920px;
	min-height: 155px;
	height: auto;
	background: #ebebeb;
	border: 1px dashed #c2c2c2;
	margin-left: 30px;
}

#pensionCalculator #footer .info img {
	margin-left: 16px;
	margin-top: 30px;
	float: left;
}

#pensionCalculator #footer .info p {
	padding-top: 10px;

}

#pensionCalculator #footer .info .text1 {
	font-weight: bold;
	font-family: Verdana;
	font-size: 12px;
	margin-left: 125px;

	width: 794px;
}

#pensionCalculator #footer .info .text2 {
	font-family: Verdana;
	font-size: 12px;
	margin-left: 125px;
	padding-bottom: 10px;

}

#pensionCalculator #footer .info .text4 {
	font-family: Verdana;
	font-size: 12px;
	margin-left: 125px;
	padding-bottom: 10px;
}

 #pensionCalculator #footer .info .text3 {
	font-family: Verdana;
	font-size: 12px;
	margin-left: 125px;

	padding-bottom: 10px;
 }

#pensionCalculator #footer .texts {
	float: left;
	background: #fff;
	width: 960px;
	padding-top: 20px;
	padding-bottom: 10px;

}

#pensionCalculator #footer .texts .created_text {
	float: right;
	color: #2e2e2e;
	width: 920px;
	padding-top: 40px;
}

#pensionCalculator #footer .texts .created_text span {
	float: right;
}

#pensionCalculator #footer .texts .text4 {
	font-size: 10px;
	float: left;
	margin-left: 20px;
	color: #6b6b6b;
}

.calculator {
	background: url("../gfx/gradientSpecialSideBoxCalculator.png") repeat-x scroll left top transparent !important;
	background-color: red;
}

.calculator h4 {
	background: url("../gfx/arrowRightWhite.png") no-repeat scroll right center transparent !important;
}

.calculator h4 a{
	color: #fff;
}

.calculator p {
	color: #fff;
}


/*=====MAC zmenseni paddingu u formulare=====*/
.mac-os .age {
	padding-right: 111px !important;
}

.mac-os .gender {
	padding-right: 58px !important;
}

.mac-os .profit {
	padding-right: 82px !important;
}

/*===END==DUCHODOVA KALKULACKA==========*/

/* GRAFY */
@font-face {
	font-family: 'tv_sans_screenbold';
	src: url('../fonts/tv_sans_screen_bold-webfont.eot');
	src: url('../fonts/tv_sans_screen_bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/tv_sans_screen_bold-webfont.woff') format('woff'),
	url('../fonts/tv_sans_screen_bold-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'tv_sans_screenmedium';
	src: url('../fonts/tv_sans_screen_medium-webfont.eot');
	src: url('../fonts/tv_sans_screen_medium-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/tv_sans_screen_medium-webfont.woff') format('woff'),
	url('../fonts/tv_sans_screen_medium-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'tv_sans_screenregular';
	src: url('../fonts/tv_sans_screen_regular-webfont.eot');
	src: url('../fonts/tv_sans_screen_regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/tv_sans_screen_regular-webfont.woff') format('woff'),
	url('../fonts/tv_sans_screen_regular-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.chartContainer{
	width:100%;
	height:400px;
	font-family: 'tv_sans_screenregular';
	background: #d6d7d9 url("../gfx/chart/bc.jpg") no-repeat top center;
	-webkit-background-size: cover; /* Saf3-4 */
	-moz-background-size: cover; /* FF3.6 */
	background-size: cover; /* Opera, IE9, Saf5, Chrome, FF4 */
}

/**
 * google mapy
 */
.gmInfoWindowContent{
	max-width:200px;
}

/*=======UKRAJINA=============*/

#mainPanel #wideContainer .leftWidget {
	float:left;
	width: 470px;
}

#mainPanel #wideContainer .rightWidget {
	float:right;
	width: 470px;
}
#mainPanel #wideContainer .timeLine {
	margin-top: 10px;
	float:left;
}

#mainPanel #wideContainer .timeLine h2, #mainPanel #wideContainer .socialWatch h2 {
	padding-bottom: 15px;
}

#mainPanel #wideContainer .timeLine h2 {

}

#mainPanel #wideContainer .socialWatch {
	overflow:hidden;
	float:left;
	margin-top: 10px;
}

#mainPanel #wideContainer .socialWatch iframe {

}

#mainPanel #wideContainer .grafy img {

}


/*LIVE KANALY SPORT*/
#wideContainer #playerToolbar .article {
	margin: 17px 0 0 25px;
}

#wideContainer #playerToolbar .article .read {
	border: 1px solid #000000;
	padding: 8px;
	float: left;
}

#wideContainer #playerToolbar .article .title {

}

#wideContainer #playerToolbar .article .title a {
	display: block;
	text-decoration: underline;
	font-weight: bold;
	font-size: 15px;
	position: relative;
	top: -6px;
}

#wideContainer .panelBox.plain .channels {
	float: left;
	background: #ffffff;
	width: 960px;
	margin-bottom: 10px;
	padding-top: 25px;
}

#wideContainer .panelBox.plain .channel {
	float: left;
	width: 310px;
	padding-left: 7px;
	position: relative;
}

#wideContainer ul.channels {
	text-align: left;
}

#wideContainer ul.channels li .article-link {
	font-size: 80%;

}

#wideContainer .panelBox.plain .channel .progressBarTimeLine {
	background: none repeat scroll 0px 0px #EAEAEA;
	display: block;
	font-size: 1px;
	height: 4px;
	margin: 6px 0px;
	width: 310px;
}

#wideContainer .panelBox.plain .channel .progressBarTimeLine .progressBar {
	background: none repeat scroll 0px 0px #000;
	display: block;
	font-size: 1px;
	height: 4px;
}

#wideContainer .panelBox.plain .channels .channel .article-link {
	background: gray;
	/*padding: 5px;*/
	padding-top: 5px;
	padding-bottom: 5px;
	bottom: 0;
	background: #f1f1f1;
	float: right;
	width: 310px;
	display: table;
}

#wideContainer .panelBox.plain .channels .channel .article-link .article-href {
	display: table-cell;
	padding: 0 0 6px 10px;
}

#wideContainer .panelBox.plain .channels .channel .article-link .article-wrap {
	display: table-cell;
}

#wideContainer .panelBox.plain .channels .channel .article-head {
	border: 1px solid #000000;
	font-size: 12px;
	padding: 3px 4px;
	width: 40px;
	position: relative;
	top: 3px;
	left: 3px;
}

#wideContainer .panelBox.plain .actual-time {
	font-size: 22px;
	color: gray;
}

#wideContainer .panelBox.plain .actual-title {
	font-size: 22px;
	font-weight: bold;
}

#wideContainer .panelBox.plain .channel .logo {
	position: relative;
	top: -180px;
	left: 5px;
}

#wideContainer .panelBox.plain .channel .logo2 {
	float: left;
	padding-right: 10px;
}

#wideContainer .panelBox.plain .channel .play-ct4,
#wideContainer .panelBox.plain .channel.actual .play-ct4 {
	background: url('../gfx/buttonsPlayNow2013.png') no-repeat scroll 0px -128px transparent;
	color: #000;
	display: block;
	height: 32px;
	left: 80px;
	line-height: 32px;
	padding: 0px 12px 0px 40px;
	position: relative;
	top: -93px;
	width: 116px;
	font-size: 100%;
}

#wideContainer .panelBox.plain .channel .play-ct4.now-watching-box {
	margin-left: 10px;
}

#wideContainer .panelBox.plain .channel .play-ct4 .now-watching {
	position: relative;
	left: -8px;
}

#wideContainer .panelBox.plain .channel.actual .play-ct4 {
	top: -93px;
}
#shareVideo {
	width: 100%;
	float: right;
	height: 20px;
	position: relative;
	z-index: 10000;
}
.shareVideo {
	position: relative;
	float: right;
	top: -29px;
}

.twShareVideo {
	position: relative;
	left: 20px;
}


/*
* Kviz v clanku
*/
#mainPanel form.kviz{
	display: block;
}

#mainPanel form.kviz div{
	margin:0;
	padding:0;
}

#mainPanel form.kviz h3{
	font-size: 200%;
	font-weight:normal;
}

#mainPanel form.kviz label{
	display:block;
	float:none;
	width:100%;
	text-align:left;
	margin-bottom:10px;
}

#mainPanel form.kviz input[type=radio]{
	width:20px;
}

#mainPanel form.kviz .kviz-video{
	position:relative;
}

#mainPanel form.kviz .kviz-video a {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width: 294px;
	height: 165px;
	background: url('../gfx/buttonPlay.png') no-repeat scroll center center transparent;
}

#mainPanel form.kviz .kviz-otazka{
	font-weight:bold;
}

#mainPanel form.kviz .kviz-otazka .kviz-picture,
#mainPanel form.kviz .kviz-otazka .kviz-video{
	float:right;
	padding-left:10px;
}

#mainPanel form.kviz .kviz-odpoved{
	font-weight:normal;
}

#mainPanel form.kviz.result .kviz-odpoved.correct1 {
	color:green;
}

#mainPanel form.kviz.result .kviz-odpoved.checked.correct0 {
	color:red;
}

#mainPanel form.kviz.result .kviz-odpoved.checked.correct1 {
	color:green;
}

#mainPanel form.kviz .clearer{
	clear:both;
}

#mainPanel form.kviz .kviz-vyhodnotit{
	margin-top:20px;
}

#mainPanel form.kviz .kviz-vyhodnoceni-text{
	float: right;
	font-size: 150%;
	color: #008000;
	font-weight: bold;
	margin-right: 189px;
	margin-top: 7px;
}

/*
* //konec Kviz v clanku
*/

#wideContainer .panelBox.plain .channel img.extra-i29 {
  background: url("../gfx/HO_CT4_live_extra1.jpg") no-repeat scroll left top rgba(0, 0, 0, 0);
}

#wideContainer .panelBox.plain .channel img.extra-i27 {
  background: url("../gfx/HO_CT4_live_extra0.jpg") no-repeat scroll left top rgba(0, 0, 0, 0);
}

#wideContainer ul.channels li.current .play-ct4 {
	background: url("../gfx/currentPlaying.png") no-repeat scroll rgba(0, 0, 0, 0) !important;
	padding-left: 20px !important;
	font-size: 100% !important;
}

#wideContainer .panelBox.plain .channel.current {
	background: #ffffff;
	padding-right: 8px;
}

#wideContainer .panelBox.plain h1.videoblock {
	width: 390px;
	float:left;
}

.white-bg {
	background: #fff !important;
}

/*ct24/trendy-ceska*/

.desc {
	line-height: 21px;
	margin-left: 25px;
	padding-bottom: 10px;
	padding-right: 35px;
}

.desc a {
	color: red;
	font-weight: bold;
	text-decoration: underline;
}

.banner-newct {
		width: 100%;
		height: 60px;
		position: relative;
	}
	.banner-newct .inner {
		width: 980px;
		height: 100%;
		margin: 0 auto;
		position: relative;
	}
	.banner-newct .left-side {
		width: 50%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: #0b5aac;
	}
	.banner-newct .right-side {
		width: 50%;
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		background: #46a4e4;
	}
	.banner-newct-bg {
		width: 100%;
		height: 60px;
		background-image: url("../gfx/novact24//bg.png");
		background-repeat: no-repeat;
		background-position: center top;
		position: absolute;
		left: 0;
		top: 0;
	}
	.banner-newct .try-link {
		display: block;
		width: 450px;
		height: 100%;
		margin: 0 auto;
		background-image: url("../gfx/novact24//try.png");
	}
	.banner-newct .whatsnew-link {
		display: block;
		width: 96px;
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		background-image: url("../gfx/novact24//whatsnew.png");
	}

		/*================PRO LIVE STRANKU===================================*/
#mainPanel #wideContainer .panelBox .channels .channel .commentators {
	width: 310px;
	position: relative;
	top: -26;
}


#mainPanel #wideContainer .panelBox .channels .channel .icon-commentators {
	background: transparent url("../gfx/HO_play_sprites2015.png") no-repeat scroll -58px -96px;
	display: block;
	float: left;
	height: 18px;
	margin: 0 10px 0 0;
	position: relative;
	top: -3px;
	width: 18px;
}

#mainPanel #wideContainer .panelBox .channels .channel.current .icon-commentators {
	background: transparent url("../gfx/HO_play_sprites2015.png") no-repeat scroll -58px -96px;
	display: block;
	float: left;
	height: 18px;
	margin: 0 10px 0 0;
	position: relative;
	top: -3px;
	width: 18px;
}

#mainPanel #wideContainer .panelBox .channels .channel .commentators-txt {
	display: table;
}

#mainPanel #wideContainer .panelBox .channels .channel .moderators {
	width: 310px;
	margin-top: 4px;
	position: relative;
	
}

#mainPanel #wideContainer .panelBox .channels .channel .cmHeader {
	position: relative;
	top: -21px;
}

#mainPanel #wideContainer .panelBox .channels .channel .icon-moderators {
	background: transparent url("../gfx/HO_play_sprites2015.png") no-repeat scroll 0px -231px;
	display: block;
	float: left;
	height: 18px;
	margin: 0 0px 0 2px;
	width: 23px;
	position: relative;
	top: -3px;
}

#mainPanel #wideContainer .panelBox .channels .channel.current .icon-moderators {
	background: transparent url("../gfx/HO_play_sprites2015.png") no-repeat scroll 0px -231px;
	display: block;
	float: left;
	height: 18px;
	margin: 0 0px 0 1px;
	width: 23px;
}

#mainPanel #wideContainer .panelBox .channels .channel .moderators-txt {
	display: table;
}


/*===================================================*/