@import url("/static/shared/css/helpers.css?v=1");
@import url("/static/slo/main/css/header_brand.css?v=1");
@import url("/static/slo/main/css/head.css?v=1");
@import url("/static/slo/main/css/focus_news.css?v=1");
@import url("/static/shared/css/common.css?v=1");
@import url("/static/slo/main/css/common.css?v=1");
@import url("/static/slo/shared/css/vote.css?v=1");
@import url("/static/slo/main/css/head_menu.css?v=1");
@import url("/static/shared/css/dividers.css?v=1");
@import url("/static/slo/shared/css/foot.css?v=1");
@import url("/static/slo/main/css/simple_page.css?v=1");
@import url("/static/slo/main/css/new-news.css?v=1");
@import url("/static/slo/main/css/box/right/twitter.css");

/** @import url("/static/slo/main/css/tvlisting.css"); css file doesn't exist - 404 error is produced **/

/* START: Globals */


html, body {
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	font: normal 11px Arial, Helvetica, Sans-serif;
}
ol, ul {
	list-style: none;
	margin: 0;
	padding:0
}
body {
	
}
div, span {
	padding: 0;
	margin: 0;
}

a {
	text-decoration: none;
	color: #0f3da1;
}

a:hover {
	text-decoration: underline;
	color: #0f3da1;
}

h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
	font: normal 11px Arial, Helvetica, Sans-serif;
}

h1 {
	font-weight: bold;
	font-size: 18px;
}

h2 {
	font-weight: bold;
	font-size: 15px;
}

h3 {
	font-weight: bold;
	font-size: 12px;
}

h4 {
	font-weight: bold;
	font-size: 14px;
}

h5 {
	font-weight: bold;
}

h6 {
	font-weight: bold;
	font-size: 16px;
}
/* END: Globals */

/* START: Video player warnings */
.video_player_warnings {
	width: 560px;
        font-size: 11px;
	background-image: url(/static/shared/img/background_video_player_warning.gif);
	background-repeat: no-repeat;
	padding: 0 0 10px 11px;
}

.video_player_warnings p {
	font-size: 12px;
	font-weight: bold;
	color: #c70f1d;
	padding: 10px 0 0;
}

.video_player_warnings a:link {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.video_player_warnings a:hover {
	font-weight: bold;
	color: #c70f1d;
	text-decoration: underline;
}

#video_player_old_flash { 
	display: none; 
}
/* END: Video player warnings */

/* START: Embed line */
.embed_field {
	font-size: 11px;
	color: #a2a2a2;
	margin: 0 0 13px 0;
	padding: 0 0 0 46px
}

.embed_field input {
	width: 519px;
	font-size: 11px;
	border-color: #dcdcdc;
	border-width: 1px;
	border-style: solid;
	background-color: #ffffff
}
/* END: Embed line */


.warning a {
	color: #0f3da1;
}

.warning a:hover {
	color: #0f3da1;
}

/* START: Videoteka */
#main .videoteka {
	margin: 0px 10px 0px 5px;
	width: 630px;
	float: left;
}
#main .video-chat {
	float: left;
	width: 340px;
}
#main .headerUefa {
	width: 980px;
	height: 60px;
	background: url(/static/slo/main/img/box/central/header_uefa_video.jpg) no-repeat;
	margin: 10px 0px 7px 5px;
}

#main .live_tv {
	margin: 10px 0px 0px 10px;
}

#main .live_tv_background_top {
	height: 40px;
	background-image: url(/static/slo/main/img/backgrounds/background_top_live_tv.gif);
	background-repeat: no-repeat;
	font-size: 0;
}

#main .live_tv_content {
	background-image: url(/static/slo/main/img/backgrounds/background_content_live_tv.gif);
	background-repeat: repeat-y;
	padding: 0 30px 0 30px;
}

#main .live_tv_info {
	float: left;
	width: 100px;
	padding: 0 10px 0 0;
}

#main .live_tv_info_off {
	color: #666666;
	padding: 10px 0 0 0;
}

#main .live_tv_info_on {
	color: #ff0000;
	font-weight: bold;
	padding: 10px 0 0 0;
}

#main .live_tv_show {
	float: left;
	width: 100px;
}

#main .live_tv_icon {
	height: 45px;
}

#main .live_tv_title {
	font-weight: bold;
}

#main .live_tv_when {
	color: #0f3da1;
}

#main .live_tv_repeat {
	color: #666666;
}

#main .live_tv_line {
	float: left;
	height: 125px;
	border-right: 1px solid #cccccc;
	margin: 0 7px 0 7px;
}

#main .live_tv_background_bottom {
	height: 40px;
	background-image: url(/static/slo/main/img/backgrounds/background_bottom_live_tv.gif);
	background-repeat: no-repeat;
	font-size: 0;
}
/* END: Videoteka */

/* START: Microsite promo boxes */
#main #micrositePromo {
	width: 650px;
	margin: 0 0 7px 0;
}

#main #micrositePromo .micrositePromoContent {
	width: 650px;
	background: url(/static/slo/main/img/backgrounds/microsite_promo_content_background.gif) repeat-y;
}

#main #micrositePromo .micrositePromoSecondary {
	width: 650px;
	height: 19px;
	background: url(/static/slo/main/img/backgrounds/microsite_promo_secondary_background.gif) repeat-y;
}
/* END: Microsite promo boxes */

/* START: Banner backgrounds */
.banner728x90 {
	/*background: url(/static/slo/main/img/backgrounds/banner_728x90_background.gif) no-repeat;*/
	padding: 0px 17px 5px 5px;
}

.banner300x50 { background: url(/static/slo/main/img/backgrounds/banner_300x50_background.gif) no-repeat; }

.banner300x100 { background: url(/static/slo/main/img/backgrounds/banner_300x100_background.gif) no-repeat; }

.banner300x170 { background: url(/static/slo/main/img/backgrounds/banner_300x170_background.gif) no-repeat; }

.banner300x250 { background: url(/static/slo/main/img/backgrounds/banner_300x250_background.gif) no-repeat; }

.banner300x600 { background: url(/static/slo/main/img/backgrounds/banner_300x600_background.gif) no-repeat; }

.banner300x50noTitle { background: url(/static/slo/main/img/backgrounds/banner_300x50_no_title_background.gif) no-repeat; }

.banner300x100noTitle { background: url(/static/slo/main/img/backgrounds/banner_300x100_no_title_background.gif) no-repeat; }

.banner300x170noTitle { background: url(/static/slo/main/img/backgrounds/banner_300x170_no_title_background.gif) no-repeat; }

.banner300x250noTitle { background: url(/static/slo/main/img/backgrounds/banner_300x250_no_title_background.gif) no-repeat; }

.banner644x40noTitle { background: url(/static/slo/main/img/backgrounds/banner_644x40_no_title_background.gif) no-repeat; }

.banner300x50,
.banner300x100,
.banner300x170,
.banner300x250,
.banner300x600,
.banner300x50noTitle,
.banner300x100noTitle,
.banner300x170noTitle,
.banner300x250noTitle,
.bannerNoBorder {
	width: 300px;
	margin: 0 0 7px 0;
}

.banner300x50,
.banner300x100,
.banner300x170,
.banner300x250,
.banner300x600 { padding: 10px 10px 16px 10px; }

.banner300x50,
.banner300x50noTitle { height: 50px; }

.banner300x100,
.banner300x100noTitle { height: 100px; }

.banner300x170,
.banner300x170noTitle { height: 170px; }

.banner300x250,
.banner300x250noTitle { height: 250px; }

.banner300x600 { height: 600px; }

.banner300x50noTitle,
.banner300x100noTitle,
.banner300x170noTitle,
.banner300x250noTitle { padding: 10px; }

.banner644x40noTitle {
	height: 40px;
	padding: 3px;
	margin: -2px 0 5px 0;
}

.banner300xX {
	width: 320px;
	margin: 0 0 7px 0;
}

.banner300xX .banner300xXTop {
	height: 5px;
	background: url(/static/slo/main/img/backgrounds/banner_300xX_top_bg.png) no-repeat;
}

.banner300xX .banner300xXContent {
	background: #fff;
	border-left: 1px solid #c1c1c1;
	border-right: 1px solid #c1c1c1;
	padding: 5px 10px 5px 10px;
}

.banner300xX .banner300xXBottom {
	height: 11px;
	background: url(/static/slo/main/img/backgrounds/banner_300xX_bottom_bg.png) no-repeat;
}

.banner980x40noTitle {
	margin: 10px auto 5px;
	width: 980px;
}

.absoluteBanner {
	position: absolute;
	top: 0px;
	left: 990px;
}
/* END: Banner backgrounds */

/* START: Video Channel Banner */
.videoChannelBanner {
	display: block;
	width: 320px;
	height: 197px;
	background: url(/static/slo/main/img/video_channel_banner.png) no-repeat 0 0;
	margin: 0 0 10px;
}

.videoChannelBanner span { display: none }
/* END: Video Channel Banner */


/*TAKEOVER IE*/
#takeover-box {
	display: none;
}
#embed_flvvideo {
	overflow: hidden;
	width: 624px;
}

.side-padding {
/*	padding-right:170px; */
}
.mobile-banner-box {
	margin-bottom: 10px;
}
.mobile-banner-box ul {
	display: block;
}
.mobile-banner-box li {
	display: block;
}
.mobile-banner-box li a {
	display: block;
}
.mobile-banner-box .intro {
	background-image: url(/static/slo/main/img/mobilno-banner-box.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 300px;
	height: 200px;
}
.mobile-banner-box li a {
	background-image: url(/static/slo/main/img/mobilno-banner-box.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	
	height: 54px;
}
.mobile-banner-box .mobile-banner-iphone a {
	background-position: 0 -200px;
}
.mobile-banner-box .mobile-banner-android a {
	background-position: 0 -400px;
}
.mobile-banner-box .mobile-banner-windows a {
	background-position: 0 -600px;
}











.splash {
	position: relative;
	padding: 10px;
	background-color: #FFF;
	border: 1px solid #d1d3d5;
	margin-bottom: 10px;
	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	
	z-index: 1;
}
.splash-nav {
	position: absolute;
	top: 25px;
	left: 25px;
	
	z-index: 6;
}
.splash-nav a {
	display: block;
	width: 91px;
	height: 50px;
	margin-bottom: 3px;
	padding: 2px 11px 2px 2px;
	overflow: hidden;
	
	background: transparent;
}
.splash-nav .selected {
	background-image: url(/static/slo/main/img/splash-hover-bg.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
.splash-content {
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 10px;
	padding: 15px;
	font-size: 12px;
	
	z-index: 4;
	
	color: #BBB;
}
.splash-content h2 {
	color: #FFF;
	font-size: 20px;
	line-height: 22px;
	margin: 0 0 3px 0;
	padding: 0;
}
.splash-image {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 628px;
	height: 330px;
	overflow: hidden;
	
	z-index: 2;
}
.splash-image-bg {
	position: absolute;
	left: 10px;
	top: 10px;
	right: 10px;
	bottom: 10px;
	
	z-index: 3;
	
	background-image: url(/static/slo/main/img/splash-content-bg.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
.splah-article-link {
	display: block;
	position: absolute;
	left: 10px;
	top: 10px;
	right: 10px;
	bottom: 10px;
	
	z-index: 5;
}
.splash-media {
	margin-bottom: 5px;
}

.splash-thumb-content {
	display: none;
}

.splash-main-content {
	display: block;
}
.splash-main-content .splahs-image {
	width: 628px;
	height: 330px;
	overflow: hidden;
}




.splash .item-buttons {
	margin: 3px 0 0;
	padding: 0;
}
.splash .item-buttons li {
	margin: 0;
	padding: 2px 10px 2px 15px;
	display: block;
	float: left;
	font-size: 11px;
	color: #777;
}
.splash .item-buttons .comments {
	background: url("/static/slo/main/img/backgrounds/comments.png") no-repeat scroll 0 4px transparent;
}
.splash .item-buttons .video {
	background: url("/static/slo/main/img/backgrounds/video.png") no-repeat scroll 0 4px transparent;
	padding-left: 18px;
}
.splash .item-buttons .audio {
	background: url("/static/slo/main/img/backgrounds/comments.png") no-repeat scroll 0 4px transparent;
}
.splash .item-buttons .foto {
	background: url("/static/slo/main/img/backgrounds/foto.png") no-repeat scroll 0 4px transparent;
}
.splash-content a {
	color: #999;
	text-decoration: none;
}
.splash-content a:hover {
	color: #FFF;
	text-decoration: none;
}
.splash-content h2 a {
	color: #FFF;
	text-decoration: none;
}
.splash-content h2 a:hover {
	color: #999;
	text-decoration: none;
}
.splash-image-bg a {
	display: block;
	width: 628px;
	height: 330px;
}




.wp7_app #left {
	float: none;
	width: auto;
}
.wp7_app #right {
	display: none;
}
.wp7-content {
	width: 870px;
	margin: 20px auto;
	color: #777;
	font-size: 12px;
	line-height: 16px;
}
.wp7-header {
	height: 475px;
	background-image: url(/static/slo/main/img/wp7-header.png);
	background-position: top left;
	background-repeat: no-repeat;
	position: relative;
}
.wp7-header .wp7-fb-like {
	left: 612px;
	position: absolute;
	right: 0;
	top: 22px;
}
.wp7-content h2 {
	font-size: 20px;
	font-weight: bold;
	color: #333;
	margin-bottom: 5px;
	font-weight: normal;
}
.wp7-content .wp7-header h2 {
	display: block;
	position: absolute;
	top: 30px;
	left: 0;
	right: 510px;
	color: #6bbd46;
	font-size: 20px;
	line-height: 20px;
}
.wp7-header .wp7-download-link {
	display: block;
	width: 203px;
	height: 50px;
	position: absolute;
	top: 260px;
	left: 54px;
}
.wp7-header .wp7-download-link:hover {
	cursor: pointer;
}
.wp7-description {
	margin-bottom: 20px;
}
.wp7-gallery {
	padding-top: 15px;
	
	background-image: url(/static/slo/main/img/wp7-gallery-bg.png);
	background-position: top center;
	background-repeat: no-repeat;
}
.wp7-gallery a {
	display: block;
	float: left;	
	margin: 0 5px;
}
.wp7-gallery a img {
	padding: 5px;
	background-color: #FFF;
	border: 2px solid #DDD;
	
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
}
.wp7-gallery a:hover img {
	border: 2px solid #6bbd46;
}

.video-box {
	background-color: #000;
	margin-bottom: 10px;
	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	
	background-image: url(/static/slo/main/img/video-box-bg.png);
	background-position: right top;
	background-repeat: no-repeat;
}
.video-box-content {
	background-image: url(/static/slo/main/img/video-box-content-bg.png);
	background-position: center top;
	background-repeat: no-repeat;
	
	padding: 10px 12px 15px;
}
.video-box-title {
	padding: 15px 20px;
}
.video-box-title h2 {
	display: block;
	float: left;
	width: 163px;
	height: 26px;
	
	background-image: url(/static/slo/main/img/video-box-title.png);
	background-position: center top;
	background-repeat: no-repeat;
	
	text-indent: -9999px;
}
.video-box-title h2 a {
	display: block;
	width: 163px;
	height: 26px;	
	text-indent: -9999px;
}
.video-box-nav {
	float: right;
}
.video-box-nav .nav-left,
.video-box-nav .nav-right {
	float: left;
}
.video-box-nav a:hover,
.video-box-nav .selected {
	color: #FFF;
	text-decoration: none;
}

.video-box-nav ul {
	display: block;
	float: left;
	width: 420px;
	height: 25px;
	overflow: hidden;
}
.video-box-nav li {
	display: block;
	float: left;
}
.video-box-nav li a {
	display: block;
	font-size: 12px;
	color: #777;
	padding: 7px 10px;
	text-decoration: none;
}
.video-box-nav .nav-left {
	display: block;
	width: 14px;
	height: 21px;
	margin-top: 3px;
	background-image: url(/static/slo/main/img/video-nav-left.png);
	background-position: left top;
	background-repeat: no-repeat;
	
	text-indent: -9999px;
}
.video-box-nav .nav-left:hover {
	background-position: left bottom;
}
.video-box-nav .nav-right {
	display: block;
	width: 14px;
	height: 21px;
	margin-top: 3px;
	background-image: url(/static/slo/main/img/video-nav-right.png);
	background-position: left top;
	background-repeat: no-repeat;
	
	text-indent: -9999px;
}
.video-box-nav .nav-right:hover {
	background-position: left bottom;
}
.video-box-content a {
	display: block;
	float: left;
	width: 150px;
	height: 160px;
	margin: 0 3px;
	
	color: #999;
	
	text-decoration: none;
	
	position: relative;
}
.video-section-title {
	position: absolute;
	left: 3px;
	top: 3px;
	padding: 2px 6px 3px 5px;
	font-size: 10px;
	line-height: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #BBB;
	background-color: #000;
	
	-moz-background-clip: border;

-moz-background-inline-policy: continuous;

-moz-background-origin: padding;

background: rgba(000, 000, 000, 0.7) none repeat scroll 0 0;


-moz-border-radius: 0 0 5px 0;
-webkit-border-radius: 0 0 5px 0;
-khtml-border-radius: 0 0 5px 0;
border-radius: 0 0 5px 0;
	
}
.video-box-content a:hover {
	text-decoration: none;
	color: #FFF;
}
.video-box-content a:hover h3 {
	color: #FFF;
}
.video-box-content a:hover span {
	color: #FFF;
}
.video-box-content a h3 {
	color: #FFF;
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 5px;
	
	display: block;
	padding: 0 5px;
}
.video-box-content a span {
	color: #999;
	font-size: 10px;
	line-height: 10px;
	display: block;
	padding: 0 5px;
}
.video-box-content a img {
	border: 3px solid #000;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	
	margin-bottom: 7px;
}
.video-box-content a:hover img {
	border: 3px solid #FFF;
}
#main .videoteka {
	width: 960px;
	margin: 0;
	padding: 10px;
	
	background-color: #000;
	margin-bottom: 10px;
	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	
	background-image: url(/static/slo/main/img/video-box-bg.png);
	background-position: center top;
	background-repeat: no-repeat;
}

.video-player-video {
	width: 960px;
	height: 540px;
	overflow: hidden;
}
.video-player h2 {
	color: #FFF;
	font-size: 24px;
	display: block;
	float: left;
	width: 800px;
}
.video-player {
	color: #999;
	font-size: 12px;
	line-height: 18px;
}
.video-player-title {
	padding: 15px 20px 5px;
}
.video-player-content {
	padding: 0 20px 15px;
}
.video-player-options {
	float: right;
	padding-top: 3px;
}
.video-player-content a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
.video-player-content a:hover {
	color: #999;
	text-decoration: none;
}
.video-player-content .article-link {
	background-image: url(/static/slo/main/img/video-box-article-icon.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 15px;
	margin-left: 5px;
}
.videoteka .pagination {
	padding: 0 15px 0 0;
}
.videoteka .pagination-content {
	float: right;
}
.videoteka .pagination-content a {
	display: block;
	padding: 5px 8px;
	margin-left: 3px;
	border: 2px solid #222;
	font-weight: bold;
	color: #999;
	font-size: 11px;
	line-height: 11px;
	text-decoration: none;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
.videoteka .pagination-content a:hover,
.videoteka .pagination-content .selected {
	color: #000;
	border: 2px solid #FFF;
	background-color: #FFF;
	font-weight: bold;
}
.videoteka .pagination-content span {
	display: block;
	float: left;
}
.videoteka .pagination-content .selected {
	display: block;
	float: left;
	padding: 5px 8px;
	margin-left: 3px;
	border: 2px solid #222;
	font-weight: bold;
	color: #999;
	font-size: 11px;
	line-height: 11px;
	text-decoration: none;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	
	color: #000;
	border: 2px solid #FFF;
	background-color: #FFF;
	font-weight: bold;
}
.videoteka .pagination-content .display-none { display: none; }

/* Spletno oko */
.spletno-oko {
	background-color: #F0F0F0;
	margin: 10px 0;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.spletno-oko-content {
	padding: 14px;
	font-size: 11px;
	color: #777;
}
.spletno-oko-content b {
	color: #000;
}
.spletno-oko-btn {
	padding: 14px;
	text-align: center;
	background-image: url(/static/slo/shared/img/backgrounds/gumb_prijava_bg.png);
	background-position: center top;
	background-repeat: no-repeat;
}
.spletno-oko-btn img:hover {
	cursor: pointer;
}