ACC SHELL
html,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form {padding:0; margin:0; list-style:none;}
/* přidání nového fontu */
/*
@font-face { font-family: 'Rubik'; src: url('/font/Rubik-webfont.eot'); src: local('Rubik-regular'), url('/font/Rubik-webfont.ttf') format('truetype'), url('/font/Rubik-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Rubik'; src: url('/font/Rubik-webfont.eot'); src: local('Rubik-regular'), url('/font/Rubik-webfont.ttf') format('truetype'), url('/font/Rubik-webfont.woff') format('woff'); font-weight: bold; font-style: normal; }
@import url(https://fonts.googleapis.com/css?family=Rubik:900,300&subset=latin,latin-ext);
*/
/* základní používané classy */
.b{font-weight:bold}
.wnormal {font-weight: normal !important}
.clear{clear:both; height: 0;}
.none {display: none;}
.err {border: 2px solid red;}
.fl {float: left;}
.fr {float: right;}
.taleft {text-align: left !important;}
.taright {text-align: right !important;}
.tacenter {text-align: center !important;}
.note { font-style: italic;}
.big {text-align: center; color: #fff; font-weight: bold; font-size: 207%; display: block;}
.obrfr {float: right; padding: 0 0 10px 10px; display: block;}
.obrfl {float: right; padding: 0 10px 10px 0; display: block;}
a img {border: 0;}
.nomargin {margin:0 !important;}
.nomargin-right {margin-right:0 !important;}
/* elementy obsahu */
a {color: #3ebdf2; text-decoration: none; font-weight: bold; cursor: pointer;}
a:hover {text-decoration: underline;}
h1, .h1 {font-size: 165%; display: block; color: #E70E25; font-family: 'Rubik'; line-height: 1.1em; padding-bottom: 5px;}
h2, .h2 {font-size: 140%; color: #E70E25; display: block; font-family: 'Rubik'; line-height: 1.1em; padding-bottom: 5px; font-weight: normal;}
h2 a.red { color: #E70E25}
h3 {font-size: 130%;}
p {padding: 0px 0 10px 0;}
ul {padding: 0px 0 10px 0;}
/* základní kostra */
body { font-size:62.5%; font-family: Arial,Georgia; color:#ffffff; position: relative; padding-top: 300px !important; margin-top: -45px !important;-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;}
body#kanaly {padding-top: 600px !important}
#header {position: absolute; top: 0px; left: 0; width: 100%; background: #333333 url('../pics/header.png') repeat-x center bottom; }
#headerInner { position: relative; width: 980px; margin: 0 auto; height: 240px; margin-top: 30px;}
#headerBanner { position: relative; ; width: 980px; margin: 0 auto; text-align: center;}
#headerBanner .bannerItem {padding: 10px 0;}
#header a#logo {background: url('../pics/logo-darkbg.png') no-repeat left top; position: absolute; top: 0px; left: 0px; padding:150px 0 0 305px; width: 0; height: 0; display: block; overflow: hidden; }
#header #logobeta {background: url('../pics/beta.png') no-repeat left top; position: absolute; top: 40px; left: 312px; padding:28px 0 0 75px; width: 0; height: 0; display: block; overflow: hidden; }
#rss {color: #00A7D1; background: #000 url('../pics/rss.gif') no-repeat 5px 14px; height: 30px; display: block; position: absolute; top: -30px; right: 0; font-family:'Rubik'; font-size:180%; padding:10px 5px 0 23px;}
body#kanaly #header {background: #333333 url('../pics/header.png') repeat-x center 20px;}
body#kanaly #headerInner {height:540px !important;}
.pata {
width: 700px;
text-align: center;
position: relative;
margin: 20px auto;
padding: 15px;
border: 1px solid #3a3a3a;
}
#footerInner .pata a {float: none; color: #444;}
#nejkanaly {position:relative; top:240px; left:0; width:961px; padding:10px; background:url('../pics/bg-nejsledovanejsi.png') no-repeat left top; }
#nejkanaly h2 {text-transform: uppercase; color:#fff;}
#nejkanaly h2 span {color:#e70e25}
#nejkanaly a {height:17px; color:#fff; font-family:'Rubik'; font-size:130%;}
#nejkanaly a.dalsi_kanaly {position: absolute; top: 5px; right: -8px; display: block; width:67px; padding:3px 0 0 13px; background:url('/pics/bg-dalsi-kanaly_small1.png') no-repeat left top;}
#nejkanaly a.dalsi_kanaly_prev {position: absolute !important; top: 5px; right: 80px; display: block; width:53px; padding:3px 0 0 27px; background:url('/pics/bg-dalsi-kanaly_small2.png') no-repeat left top;}
#nejkanaly a.dalsi_kanaly.disable {background:url('/pics/bg-dalsi-kanaly_small1_cb.png') no-repeat left top;}
#nejkanaly a.dalsi_kanaly_prev.disable {background:url('/pics/bg-dalsi-kanaly_small2_cb.png') no-repeat left top;}
#nejkanaly a.disable:hover {text-decoration: none; cursor: default;}
.itemy {width: 960px; height:auto; overflow: hidden; position: relative;}
.itemy .item {position:relative; width:119px; height:204px; text-align: center; color:#fff; font-size:110%; float:left; margin-right:1px; cursor: pointer !important; margin-bottom:15px;}
.itemy .item a {font-size: 11px !important; font-family: Arial,Georgia !important;}
.itemy .item a:hover {text-decoration: none;}
.itemy .item .logo {width:99px; height:40px; padding:10px; background:url('/pics/item-nadpis.png') no-repeat; background-position:right top;}
.itemy .item .pocetZhlednuti {width:99px; height:40px; padding:10px; background:url('/pics/item-nadpis.png') no-repeat; background-position:right top; color: #e70e25}
.itemy .item .pocetZhlednuti {width:99px; height:40px; padding:15px 10px 10px 10px; background:url('/pics/item-nadpis.png') no-repeat; background-position:right top; color: #e70e25}
.itemy .item .pocetZhlednuti strong {font-family: 'Rubik', sans-serif; line-height: 1.1em; font-size: 19px;}
.itemy .item .pocetZhlednuti.promo strong {padding-top:5px !important; display:block;}
.itemy .item .logotext {width:99px; height:40px; padding:10px; background:url('/pics/item-nadpis.png') no-repeat; background-position:left top; color:#1da8d1; font-size:110%; font-weight: bold;}
.itemy .item .text {background:#2c2c2c; height:130px; padding:7px; width:105px; z-index:3 !important}
.itemy .item .text.active {background:#e70e25; cursor:pointer;}
.itemy .item .text p {padding:0; font-weight: normal;}
.itemy .item .text h2.top {height:30px; font-weight:bold; color:#35BDF2 !important; margin-bottom: -4px !important; font-size: 10px !important; font-family: 'Arial' !important;}
.itemy .item .text.active h2.top {color:#fff !important;}
.itemy .item .text img {border:1px solid #282828; margin:5px 0; width:100px;}
.itemy .item .text.noborder img { border: 0px;}
.itemy .item .oko {position:absolute; bottom:0; height:17px; width:104px; padding:4px 0 0 15px; background:#444 url('/pics/ico-oko.gif') no-repeat 25px center;text-align: center;font-weight: bold; z-index:1 !important; display: none; }
.itemy .item:hover .text {background:#e70e25;}
.itemy .item:hover .text h2.top {color:#fff !important;}
.videoList #otherVideos li a.dualLine {color: #3ebdf2;}
.kategorie-link a {color: #aaa !important;}
.itemy .small {margin-top: 0px; float: left; /*margin-bottom: 2px;*/}
.itemy .small h2 {display: inline-block !important;font-weight:bold; color:#35BDF2 !important; margin-bottom: -5px !important; font-size: 10px !important; font-family: 'Arial' !important; margin-right: 20px; position: relative;}
.itemy .small h2:before {content: "."; position: absolute; right: -14px; top: -9px; font-size: 30px; color:#e70e25;}
.itemy .small h2:hover {color: #fff !important;}
.itemy .small:last-child h2:before {display: none;}
.itemy .small strong {display: inline-block !important;font-weight:normal; color:#fff !important; position: relative; bottom: -2px; text-transform: uppercase; font-size: 10px !important; font-family: 'Arial' !important; margin-right: 10px;}
#itemy-right {width: 320px; height:auto; overflow: hidden; position: relative;}
#itemy-right .item {position:relative; width:100px; height:200px; text-align: center; color:#fff; font-size:110%; float:left; margin-right:1px; cursor: pointer !important;}
#itemy-right .item {margin: 0 0px;}
#itemy-right .item .logo {width:80px; height:40px; padding:10px; url("/pics/item-nadpis.png") no-repeat scroll -10px top rgba(0, 0, 0, 0)}
#itemy-right .item .pocetZhlednuti {width:80px; height:40px; padding:10px;background: url("/pics/item-nadpis.png") no-repeat scroll -10px top rgba(0, 0, 0, 0); color: #e70e25}
#itemy-right .item .pocetZhlednuti {width:80px; height:40px; padding:15px 10px 10px 10px; color: #e70e25; border-top-left-radius: 3px; border-top-right-radius: 3px;}
#itemy-right .item .pocetZhlednuti strong { font-size: 180%; font-family: 'Rubik';}
#itemy-right .item .pocetZhlednuti.promo strong {padding-top:5px !important; display:block;}
#itemy-right .item .logotext {width:99px; height:40px; padding:10px; background:url('/pics/item-nadpis.png') no-repeat; background-position:left top; color:#1da8d1; font-size:110%; font-weight: bold;}
#itemy-right .item .text {background:#2c2c2c; height:130px; padding:4px; width:92px; z-index:3 !important; margin-bottom: 10px;}
#itemy-right .item .text.active {background:#e70e25; cursor:pointer;}
#itemy-right .item .text p {padding:0}
#itemy-right .item .text p.top {height:30px; font-weight:bold; color:#35BDF2; font-family: 'Rubik';}
#itemy-right .item .text.active p.top {color:#fff;}
#itemy-right .item .text img {border:1px solid #282828; margin:5px 0; width:90px;}
#itemy-right .item .text.noborder img { border: 0px;}
#itemy-right .item .oko {position:absolute; bottom:0; height:17px; width:104px; padding:4px 0 0 15px; background:#444 url('/pics/ico-oko.gif') no-repeat 25px center;text-align: center;font-weight: bold; z-index:1 !important; display: none; }
#itemy-right .item:hover .text {background:#e70e25;}
#itemy-right .item:hover .text p.top {color:#fff;}
#nejkanaly2 {clear:both; position:relative; width:961px; margin-bottom: 3px; height:3px; padding:1px; }
#nejkanaly2 h2 {text-transform: uppercase; color:#fff;}
#nejkanaly2 h2 span {color:#e70e25}
#nejkanaly2 a {height:17px; color:#e70e24; font-family:'Rubik'; font-size:130%;}
#nejkanaly2 a.dalsi_kanaly {color: #fff;position: absolute; top: 5px; right: -8px; display: block; width:67px; padding:3px 0 0 13px; background:url('/pics/bg-dalsi-kanaly_small1.png') no-repeat left top;}
#nejkanaly2 a.dalsi_kanaly_prev {color: #fff;position: absolute !important; top: 5px; right: 80px; display: block; width:53px; padding:3px 0 0 27px; background:url('/pics/bg-dalsi-kanaly_small2.png') no-repeat left top;}
#nejkanaly2 a.dalsi_kanaly.disable {color: #fff;background:url('/pics/bg-dalsi-kanaly_small1_cb.png') no-repeat left top;}
#nejkanaly2 a.dalsi_kanaly_prev.disable {color: #fff;background:url('/pics/bg-dalsi-kanaly_small2_cb.png') no-repeat left top;}
#nejkanaly2 a.disable:hover {text-decoration: none; cursor: default;}
#nejkanaly2 #itemy {width: 960px; height:200px; overflow: hidden; position: relative;}
#nejkanaly2 #itemy .item {position:relative; width:119px; height:200px; text-align: center; color:#fff; font-size:110%; float:left; margin-right:1px; cursor: pointer !important;}
#nejkanaly2 #itemy .item .logo {width:99px; height:40px; padding:10px; background:url('/pics/item-nadpis.png') no-repeat; background-position:right top;}
#nejkanaly2 #itemy .item .pocetZhlednuti2 {width:99px; height:25px; padding:10px; background:url('/pics/item-nadpis.png') no-repeat; background-position:right bottom; color: #e70e25 !important; border-radius: 3px 3px 0 0;}
#nejkanaly2 #itemy .item .pocetZhlednuti {width:99px; height:25px; padding:15px 10px 10px 10px; background:url('/pics/item-nadpis.png') no-repeat; background-position:right bottom; color: #e70e25; border-radius: 3px 3px 0 0;}
#nejkanaly2 #itemy .item .pocetZhlednuti a {color: #e70e24 !important;}
#nejkanaly2 #itemy .item .pocetZhlednuti strong { font-size: 180%; font-family: 'Rubik';}
#nejkanaly2 #itemy .item .pocetZhlednuti a {font-size: 100%; color: #e70e25; }
#nejkanaly2 #itemy .item .pocetZhlednuti.promo strong {padding-top:5px !important; display:block;}
#nejkanaly2 #itemy .item .logotext {width:99px; height:40px; padding:10px; background:url('/pics/item-nadpis.png') no-repeat; background-position:left top; color:#1da8d1; font-size:110%; font-weight: bold;}
#nejkanaly2 #itemy .item .text {background:#444444; height:130px; padding:7px; width:105px; z-index:3 !important}
#nejkanaly2 #itemy .item .text.active {background:#e70e25; cursor:pointer;}
#nejkanaly2 #itemy .item .text p {padding:0}
#nejkanaly2 #itemy .item .text p.top {height:30px; font-weight:bold; color:#35BDF2; font-family: 'Rubik';}
#nejkanaly2 #itemy .item .text.active p.top {color:#fff;}
#nejkanaly2 #itemy .item .text img {border:0px; margin:10px 0 12px 0; width:100px;}
#nejkanaly2 #itemy .item .text.noborder img { border: 0px;}
#nejkanaly2 #itemy .item .oko {position:absolute; bottom:0; height:17px; width:104px; padding:4px 0 0 15px; background:#444 url('/pics/ico-oko.gif') no-repeat 25px center;text-align: center;font-weight: bold; z-index:1 !important; display: none; }
#nejkanaly2 #itemy .item:hover .text {background:#e70e25;}
#nejkanaly2 #itemy .item:hover .text p.top {color:#fff;}
#nejkanaly2 #poztext_partner { position: absolute; top: 45px; right: 80px; width: 200px; height: 100px; color: #ccc; font-size: 17px; text-align: center; font-family:'Rubik'; }
#nejkanaly2 #poztext_partner img {margin-top: 3px;}
.topstitky {
position: absolute;
right: 120px;
top: 143px;
color: #333;
font-size: 11px;
}
.topstitky a {
font-weight: normal;
border-bottom: 1px dotted #aaa;
}
.topstitky a:hover {
text-decoration: none;
border-color: #05a7d3;
}
.nadpis-pocasi {
position: absolute;
top: 100px;
color: #333;
left: 0px;
font-family: 'Rubik';
font-size: 1.3em;
color: #666;
}
.ohidden {overflow: hidden;}
.size {padding: 5px;display: inline-block; background: rgba(255,255,255,0.2); margin-bottom: 3px;
border-radius: 3px;
font-size: 1.1em;
}
.size:hover {
background:#e70e25;
color: #fff;
text-decoration: none;
}
.size0 {font-size: .8em;}
.size1 {font-size: 1em;}
.size2 {font-size: 1.1em;}
.size3 {font-size: 1.2em;}
.size4 {font-size: 1.3em;}
.size5 {font-size: 1.5em;}
.size6 {font-size: 1.8em;}
#headerRight { position: absolute; top: -30px; right:0; padding: 173px 630px 0 0; overflow: hidden;}
#user {background:#00a7d1; height: 30px; width: 360px; position:absolute; top:0; right:65px; font-family:'Rubik'; font-size:180%; padding:5px 10px;}
#user a {padding:5px 10px 5px 20px; color:#fff; float:left;}
#user a.register {background:url(../pics/user-register.gif) no-repeat left center;}
#user a.login {background:url(../pics/user-login.gif) no-repeat 5px center;}
#user a.login2 {background:url(../pics/user-login.gif) no-repeat 5px center; float: right;}
#user a.upload {background:url(../pics/user-upload.gif) no-repeat left center; float: right;}
#pocasi {position:absolute; left: -46px;
top: 121px; font-family: 'Rubik'; transform: scale(.8);}
#pocasi .item {float:left; height:45px; padding-right:30px;}
#pocasi img {float:left;}
#pocasi p {padding:5px 0 0 0;}
#pocasi .teplota{font-size:300%; color:#cacaca; float:left; padding-right:3px;}
#pocasi .datum{font-size:160%; width:55px; float:left; line-height:15px; color:#cacaca;}
#pocasi .today .datum {color:#808080;}
#pocasi .today {position:relative;top: 0px; left: 4px; width: 160px;}
#svatek { position: absolute;
left: 188px;
top:100px;
font-size: 130%;
font-family: 'Rubik';
color: #808080;}
#search {position:absolute; right:46px; top:105px;}
#search label {font-size:180%;font-family: 'Rubik'; color:#00a7d1; padding-right:10px;}
#search .itext {background:#444; border:none; height:20px; padding:5px; width:219px; color:#fff; font-size: 11px;}
#search .isubmit {background:#00a7d1; border:none; height:30px; color:#fff; font-family: 'Rubik'; position:absolute; right: -46px; top:0px; padding: 0 !important; width: 40px;}
#topmenu {position: absolute; top: 150px; background: #e70e25; height: 60px; width: 475px; padding: 0 0 0 10px; overflow: hidden;}
#topmenu li {float: left; display: block;}
#topmenu li a {padding: 40px 25px 11px 25px; float: left; display: block; color: #fff; font-size: 140%; font-family: 'Rubik'; line-height: 1.1em; text-transform: uppercase;}
#topmenu li a:hover {text-decoration: none; color: #111;}
#topmenu li#menu1 a {background: url('../pics/menu1.png') no-repeat center top;}
#topmenu li#menu2 a {background: url('../pics/menu2.png') no-repeat center top;}
#topmenu li#menu3 a {background: url('../pics/menu3.png') no-repeat center top;}
#topmenu li#menu4 a {background: url('../pics/menu4.png') no-repeat center top;}
#topmenu li#menu6 a {background: url('../pics/menu6-2012.png') no-repeat center top;}
#topmenu2 {position: absolute; right: 0; top: 150px; background: #1da8d1 url('../pics/topmenu2.png') no-repeat left top; height: 60px; width: 377px; padding: 0 0 0 75px; overflow: hidden;}
#topmenu2 li {float: left; display: block;}
#topmenu2 li a {padding: 40px 20px 11px 20px; float: left; display: block; color: #fff; font-size: 150%; font-family: 'Rubik'; text-transform: uppercase;}
#topmenu2 li a:hover {text-decoration: none; color: #111;}
#topmenu2 li#menu5 a {background: url('../pics/menu5.png') no-repeat center top;}
#topmenu2 li#menu7 a {background: url('../pics/menu7.png') no-repeat center top;}
#topmenu2016 {position: absolute; right: 0; top: 150px; height: 60px; width: 486px; font-family: 'Rubik';}
#topmenu2016 li {display: block; float:left; height:60px; text-transform: uppercase; line-height: 21px; color:#fff;}
#topmenu2016 li a {display:block; padding:10px; height:40px; width:218px; border-radius:5px; font-size:16px;}
#topmenu2016 .webkamera {margin-right:10px; background:#00a7d1 url('/pics/ico-header-webkamera.png') no-repeat right 3px top 3px; color:#fff;}
#topmenu2016 .nahrajvideo {background:#2c2c2c url('/pics/ico-header-nahrajvideo.png') no-repeat right 3px top 3px; color:#ea0319;}
#topmenu2016 .nahrajvideo span {color:#fff; display:block;}
#footer {position: relative; clear:both; border-bottom: 20px solid #e70e25; color:#444;}
#footerInner {width: 980px; margin: 0 auto; padding: 10px 0; position: relative; font-size: 110%; color: #fff; }
#footerInner p.seda {color: #444;}
#footerInner p.seda a {color: #444 !important;}
#footerInner p.seda a:hover {color: #444 !important;}
#footerInner a.copy {position: absolute; top: 10px; right: 10px; color: #444; font-weight: normal;}
#footerInner span.red {color: #ba1729;}
#footerInner a {color: #444; font-weight: normal;}
#plocha {width: 980px; margin: 0 auto; position: relative; font-size: 110%;}
#right {width: 320px; float: right; position: relative; margin-bottom: 20px; color:#444}
.graybox {padding: 10px; background-color: #444444; margin-bottom: 10px; color:#fff;}
.lightbox {padding: 10px; background-color: #444444; margin-bottom: 10px; width: 300px;}
.lightbox .next {color: #3ebdf2; float: right; display:block; font-size: 100%; padding-top: 3px; font-weight: normal;}
.lightbox .itemlist {border-bottom: 1px solid #555555; padding: 0;}
.autoheight li {height: auto !important}
.lightbox .itemlist li {border-top: 1px solid #555555; padding: 10px 10px 10px 0; height: 56px;}
.lightbox .itemlist img {float: left;display: block; padding-right: 10px;}
.lightbox .itemlist li a.kategorie {display: block; font-weight: bold; text-transform: uppercase; color: #3ebdf2;}
.lightbox .itemlist li a.jmeno {color: #3ebdf2; font-size: 130%; font-weight: normal; font-family: 'Rubik'; }
.bottom {margin: 20px 0 40px 0;}
.bottom .lightbox {width: 300px; float: left; margin-right: 10px; margin-bottom: 15px;}
.bottom .lightbox.bottom3 {height: 340px !important; margin-right: 10px;}
.bottom .lightbox.bottom4 {height: 290px !important; margin-right: 10px; margin: 0 10px 10px 0 !important; position: relative;}
.bottom .lightbox.w290 {width: 290px;}
.odsadit10 {padding: 10px;}
.videoList {}
.videoList #otherVideos {padding: 0;}
.videoList #otherVideos li { float: left; display: block; height: 153px; width: 192px; background-color: #444444; margin: 0 7px 6px 0; padding: 10px;}
.videoList #otherVideos li img {width: 191px; display: block; padding-bottom: 5px; }
.videoList #otherVideos li a.kategorie {display: block; font-weight: bold; text-transform: uppercase;}
.videoList #otherVideos li .imga {display:block;height: 143px; }
.videoList #otherVideos li .imga .dualLine {color: #3ebdf2 !important;}
.popis2 {height: 42px; overflow: hidden; margin-bottom: 2px;}
.novinky {margin-bottom: 10px; }
#right .otherVideos {padding: 0; border-top: 1px solid #444444;}
#right .otherVideos li { float: left; display: block; padding: 6px 10px 0px 0; height: 65px; border-bottom: 1px solid #444444;}
#right .otherVideos li img {float: left;display: block; padding-right: 10px;}
#right .otherVideos li a.kategorie {display: block; font-weight: bold; text-transform: uppercase;}
.blackbox {position: relative; width: 300px; background-color: #fff; padding: 10px; color: #222222; margin-left: 10px; margin-bottom: 15px; _height:255px; min-height:255px !important;}
.blackbox.nomarginleft {margin-left: 0 !important;}
.blackboxx {width: 295px;}
.blackbox .next {color: #e70e25; float: right; display:block; font-size: 75%; padding-top: 3px; font-weight: normal; }
.blackbox .itemlist {border-bottom: 1px solid #dddddd; padding: 0;}
.blackbox .itemlist li {border-top: 1px solid #dddddd; padding: 15px 10px 15px 0; height: 60px;}
.blackbox .itemlist img {float: left;display: block; padding-right: 10px;}
.blackbox .itemlist li a.kategorie {display: block; font-weight: bold; text-transform: uppercase; color: #005e82;}
#right .blackbox {margin-right: 0}
#plocha .blackbox {min-height: 180px;}
.blackbox2 {position: relative; width: 300px; background-color: #fff; padding: 10px; color: #222222; margin-right: 10px; margin-bottom: 15px;}
#upload {display:block; background: #E70E25 url('../pics/upload.png') no-repeat 10px 15px; padding: 15px 10px 0px 65px; height: 70px; font-family: 'Rubik'; color: #fff; font-size: 228%; margin-bottom: 10px;}
#upload span {font-size: 80%; font-family: 'Rubik'; font-weight: normal;}
#upload:hover {text-decoration: none;}
#upload2013 {display:block; background: #1DA8D1; padding: 10px 10px 0px 10px; height: 75px; font-family: 'Rubik'; color: #fff; font-size: 350%; margin-bottom: 10px;text-align: center;}
#upload2013 span {font-size: 60%; font-family: 'Rubik'; font-weight: normal;}
#upload2013:hover {text-decoration: none;}
#left {width: 650px; min-height: 580px; float: left; position: relative; padding-bottom: 30px;}
h2.red {color: #fff; background-color: #E70E25; padding: 7px 10px 5px 10px; text-transform: uppercase;}
#otherVideosDIV { overflow: hidden; color: #000;}
#otherVideos {padding: 0;}
#otherVideos li { float: left; display: block; padding: 5px 6px; width: 198px; position: relative; -moz-border-radius: 5px; border-radius: 5px; color: #fff;}
#otherVideos li:hover {background: #e70e25;}
#otherVideos li img {float: left;display: block; padding-right: 5px; padding-bottom: 10px;}
#otherVideos li a.kategorie {display: block; font-weight: bold; text-transform: uppercase;}
#otherVideos li.now { background-color: #E70E25; color: #fff;}
#otherVideos li.now a { color: #fff;}
#otherVideos li a:hover {text-decoration: none;}
#otherVideos li h2 {
color: #35BDF2 !important;
margin-top: 15px;
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 1.28em;
}
#otherVideos li .datum {
color: #aaa;
}
#bannery {padding: 0 10px; margin-bottom: 15px;}
#bannery ul {padding: 0;}
#bannery ul li {float: left; display: block; padding: 0 5px;}
#bannery ul li a {float: left; display: block;}
#player1 {position: relative; width:630px; height: 360px;}
/* detail */
#detail #infobox, #kanal #infobox {position: absolute; top: 0px; right: 0; width: 320px;}
.mb40 {margin-bottom: 40px;}
.mb20 {margin-bottom: 20px;}
.detail-info {margin-top:10px; font-size: 120%;}
.popis {width:335px;}
.grayinfo {color: #999; font-size: 82%; padding-bottom: 5px;}
.bleskovky {width: 100%;}
#ajaxPlaylist {padding: 5; overflow: hidden; position: relative;}
#ajaxHP {height: 392px; overflow: hidden; position: relative; margin-bottom: -15px;}
#red_arrow {position: absolute; bottom: 114px; left: 95px; background: url('/pics/red_arrow.png') no-repeat center top; width: 0; height: 0; overflow: hidden; display: block; padding: 25px 0 0 49px;}
#social {position: absolute; bottom: 10px;}
#facelike {position:absotelu; top:0px; float:left;}
#facebookShare {margin:0 10px 0 0; padding:21px 0 0 57px; background: url('/pics/facebook-share.jpg') no-repeat left top; display: block; color: #e5e5e5; font-weight: normal; overflow:hidden; text-indent:-10000px; width:0; height:0;}
/* hlasování */
#hlasovani {background-color: #000; padding: 10px; margin-bottom: 10px; font-size: 92%; width:245px;}
#hlasovani a.fl {font-weight: normal; font-family: 'Rubik'; color: #00A7D1; }
#hlasovani a.fr {font-weight: normal; font-family: 'Rubik'; color: #E70E25}
#hlasovani_procenta {height: 5px; background-color: #E70E25; width: 100%; position: relative;}
#hlasovani_procenta span {position: absolute; top: 0; left: 0; background-color: #00A7D1; display: block; height: 5px;}
/* drobeckova navigace */
#navigace {position: absolute; bottom: 0px; left: 0px; z-index: 100; color: #fff; font-size: 130%; }
#navigace a {font-weight: normal; color: #ccc; text-decoration: underline;}
#kanaly #navigace { color:#333}
/* registrace */
#loginForm {display: none; position: fixed; top: 50%; background-color: #fff; padding: 20px; left: 50%; margin-top: -100px; margin-left: -115px; z-index: 10000;}
#loginForm_bg {display: none; position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 9999; background-color: #000; filter:alpha(opacity=80);opacity:.8 }
#registrace2 input.submit {background-color: #E70E25; border: 0; color: #fff !important; font-family: 'Rubik'; font-weight: bold; font-size: 18px; width: 160px; cursor: pointer; display: block; margin: 0 auto;}
#registrace2 table {padding: 10px 0px;}
#registrace2 th {color: #000; font-size: 120%; padding: 10px; font-weight: normal; text-align: right; }
#registrace2 td.pozn {border-bottom: 0; text-align: right; color: #888;}
#registrace2 input {padding: 5px; font-size: 140%; font-family: Arial,Georgia; width: 170px; color: #000 !important; background-color: #A5A5A5; border: 0px; font-weight: bold;}
#registrace p {padding-top: 10px;}
#registrace table {padding: 20px 50px;}
#registrace th {color: #444; font-size: 120%; padding: 20px; font-weight: normal; text-align: right; }
#registrace td {border-bottom: 1px solid #eee; padding: 5px;}
#registrace th {border-bottom: 1px solid #eee}
#registrace td.pozn {border-bottom: 0; text-align: right; color: #888;}
#registrace input {padding: 5px; font-size: 140%; font-family: Arial,Georgia; width: 380px; color: #fff; background-color: #444; border: 1px solid #444;}
#registrace select {padding: 5px; font-size: 140%; font-family: Arial,Georgia; width: 390px; color: #fff; background-color: #444; border: 1px solid #444;}
#registrace input.submit {background-color: #E70E25; border: 0; color: #fff; font-family: 'Rubik'; font-weight: bold; font-size: 18px; width: 170px; cursor: pointer; display: block; margin: 0 auto;}
#registrace textarea {font-size: 140%; background:#444; border: 1px solid #444; width:380px; height:60px; padding:5px; color:#fff; font-family: Arial,Georgia; }
#registrace input.readonly {color: #666;}
#registrace .note {color: #888; text-align: right;}
.krokUplodu em {font-style: normal; color: #E70E25; font-size: 320%; font-weight: bold; position: absolute; bottom:-8px; left: 10px;}
.krokUplodu {font-size: 180%; background-color: #303030; padding: 3px 10px 5px 70px; margin-top: 40px; display: block; position: relative; }
#komentare {position:relative; width:100%; margin-bottom:15px;}
#komentare .prispevek {border-bottom:1px solid #444444; padding-top:5px; margin-bottom:3px;}
#komentare .prispevek .hlavicka {background:#1a1a1a; padding:5px 10px; border-bottom:1px solid #444444;}
#komentare .prispevek .hlavicka p {padding:0;}
#komentare .prispevek .text {padding:5px 3px; background:#313131; padding:8px 10px;}
#komentare .fl a {margin-right:10px;}
#komentare .fr a {margin-right:10px;font-weight:normal; color:#747474}
#komentare .reakce {margin-left:30px;}
#komentare textarea {background:#313131; border:none; width:640px; height:60px; padding:5px; color:#fff; font-size:100%; font-family: Arial,Georgia; margin-bottom:5px;}
#komentare input.isubmit {background-color: #E70E25; border: 0; color: #fff; font-family: 'Rubik'; font-weight: bold; font-size: 18px; width: 170px; cursor: pointer; display: block; margin: 0 auto;}
.pagination {width:100%; margin:10px 0; clear: both; text-align: right;}
.pagination li {display: inline-block;}
.pagination li.current {min-width:28px; padding: 5px 0; text-align: center; display: inline-block; background:#e70e25 ;}
.pagination a {margin:0px; color:#444; padding:5px 0px; display: inline-block; min-width: 28px; text-align: center;}
.pagination span {margin:0px; color:#444; padding:5px 0px;display: inline-block; min-width: 28px; text-align: center; background:#E70E25}
.pagination a:hover {text-decoration:none; background:#E70E25; color:#fff;}
#razeni {position: absolute; top: 5px; right: 330px;}
#reakcenakomentar {position: relative;}
#reakcenakomentar .odsadit {padding: 10px;}
#komentare #noReakce {display:none; position: absolute; top: -20px; right: 0; color: #747474 !important; font-weight: normal;}
.AjaxUploaderQueueTable {color: #000 !important; background-color: #000 !important; margin: 0 auto; width: 500px;}
.AjaxUploaderQueueTable td {color: #000 !important; background-color: #000 !important; }
.AjaxUploaderCancelAllButton {display: none;}
#uploaderprogresspanel {position: fixed; border: 4px solid red; top: 50%; background-color: #fff; padding: 20px; left: 50%; margin-top: -100px; margin-left: -260px; z-index: 1000;}
#uploadbutton {background-color: #E70E25; border: 0; color: #fff; font-family: 'Rubik'; font-weight: bold; font-size: 18px; width: 170px; padding: 5px; cursor: pointer; display: block; margin: 10px auto; text-align: center;}
#uploadercancelbutton {color: #E70E25;font-weight: bold; cursor: pointer;}
#videoInfo {font-size: 120%; padding-bottom: 0px; position: relative; color:#333}
#videoInfo .setHeight {min-height: 153px; overflow: hidden; position: relative;}
#videoInfo .setHeight.allclick {cursor: pointer !important;}
#videoInfo #hlasovani {width: 300px;}
#videoInfo p {line-height: 1.28em; font-size: 89%; margin-top: 5px;}
#webcam {height: 125px}
#webcam .h1 {font-size: 120%;}
#webcam p {
line-height: 1.28em;
}
.camBox {height: 394px; overflow: hidden;}
#detkanal {position: relative;}
#detkanal div.nazev{display:block; background: #E70E25; padding: 10px 10px 5px 15px; height: 70px; font-family: 'Rubik'; line-height: 1.1em; color: #fff; font-size: 185%; margin:0 0 10px 95px; position:relative; font-weight: 700;}
#detkanal div.img {position:relative; left:0; top:0; text-align: center; width:85px; height:85px; padding:0 0; background:#fff; display:table-cell;vertical-align:middle; border:1px solid #eee; box-sizing:border-box;}
#detkanal div.img img {display:block;margin-left:auto;margin-right:auto; vertical-align:middle; position:relative;}
#detkanal div.nazev {margin-top:-85px;}
#detkanal a { position: absolute; top: 0; left: 0; width: 0; height: 0; display: block; overflow: hidden; padding: 85px 0 0 320px;}
.kanalpopis {padding: 5px 0 10px 0; color:#444}
#konecVidea {position: absolute; bottom: 175px; right: 20px; z-index: 100000; background-color: #1F2C32; width: 130px; border: 1px solid #B2B2B2; padding: 5px; filter:alpha(opacity=80);opacity:.8}
#konecVidea span.time {float: right; font-size: 200%; color: #fff; font-weight: bold;}
#stromek{position:absolute;top:576px; left:50%; margin-left:485px; background:url('/pics/strom.png') no-repeat left top; width:141px; height:371px;}
.item_news {padding: 10px 0; border-top: 1px solid #555 }
.dualLine {display: block; height: 32px; font-weight: bold; color: #222;}
ul.clanky {
border-top:1px solid #ddd;
}
ul.clanky li {
border-bottom:1px solid #ddd;
padding:15px 0 5px 0;
min-height:61px;
line-height:15px;
font-size:12px;
}
ul.clanky li a {
font-weight:normal;
color:#e70e25;
font-size:12px;
}
ul.clanky li span {
color:#3EBDF2;
display:inline-block;
/* padding:1px 5px;*/
font-weight: normal;
margin: 2px 0 8px 0;
}
ul.clanky li p {
padding:3px 0;
}
ul.clanky li p a {
color:#e70e25;
font-weight:bold;
font-size:14px;
}
.lightbox ul.clanky {
border-top:1px solid #666;
}
.lightbox ul.clanky a {
color:#3EBDF2;
}
.lightbox ul.clanky li {
border-bottom:1px solid #666;
}
.lightbox ul.clanky li a span {
background:#666;
color:#fff;
display:inline-block;
padding:2px 5px;
font-weight: normal;
margin-right: 5px;
}
.blackbox .itemlist li {
color: #999;
height: auto;
min-height: 56px;
}
.itemlist .dualLine {
height: auto;
margin-bottom: 5px;
}
#facebook_stranka {width: 810px;}
#facebook_stranka .videoList {width: 790px; padding: 0 10px;}
#facebook_stranka .videoList li {width: 238px; height: 180px;}
#facebook_stranka .videoList li img {width: 235px;}
#facebook_stranka h1 {width: 790px; padding: 10px;}
#facebook_stranka #header {height: 180px; background-position: 0px 20px;}
#facebook_stranka #header #headerInner {margin: 30px 10px 0 10px !important; width: 790px; height: 140px;}
#facebook_stranka #footer {width: 790px; padding: 0 10px;}
#facebook_stranka #footer #footerInner {width: 790px !important;}
#facebook_stranka #footer .copy {float: right;}
#facebook_stranka #header .sdilej {position: absolute; top: 40px; right: 0; font-family:Rubik; font-size: 140%; color: #666; }
#facebook_stranka #header .sdilej span {padding-right: 10px;}
#facebook_stranka #left .sdilej {position: relative; padding-top: 20px; right: -158px; font-family:Rubik; font-size: 140%; color: #666; text-align: right;}
#facebook_stranka #left .sdilej span {padding-right: 10px;}
#facebook_header_link {position: absolute; top: 105px; right: 245px;}
#twitter_header_link {position: absolute; top: 105px; right: 215px;}
h2.denik_h2 {float: left; width: 350px; padding-bottom: 15px;}
h2.detail_h2 {padding-bottom: 15px;}
#denik_link {float: right; color: #fff; background-color: #1DA8D1; width: 265px; display: block; padding: 5px 0; text-align: center; border-radius: 5px; font-family: 'Rubik';}
.minheight_popis {min-height: 250px; font-size: 110%; line-height: 1.4em;}
.zhlednuto {position: absolute; bottom: 2px;}
#partner-ol {position:relative; height:85px; background:url('../pics/partner-ol2015.jpg') no-repeat left top; width:340px; margin-top:11px; left:0; display:block;}
.player:-webkit-full-screen {
width: 100%;
height: 100%;
}
.player:-moz-full-screen {
width: 100%;
height: 100%;
}
.dualLineRight {
display: block;
float: right;
height: 20px;
}
.video_table { width: 100%; border-collapse: collapse;}
.video_table td {padding: 5px; text-align: left; font-size: 14px; border-bottom: 1px solid #444;}
.video_table_user {width:100%;}
.video_table_user td {padding: 5px; text-align: left; font-size: 14px; color:#444; border-bottom: 1px solid #444;}
.detailtext p {line-height: 1.6em; margin: 15px 0 10px 0;}
/* white bg */
/*body {background:#fff;}*/
#header {background: #fff url('../pics/header.png') repeat-x center top 20px !important; }
.twitterLink img {border-radius:5px !important;}
#footerInner {padding:20px; width:940px;}
#nejkanaly {background: #444; border-radius:5px;}
#hlasovani {background:#eee; margin-bottom: 20px;}
#co {background: #444444; color:#fff;}
#rss {display:none;}
/*#topmenu2-2013 {background: url('../pics/topmenu-2015-2.png') no-repeat left top !important;}*/
.icoplay { border-radius: 50%; width: 86px; height: 86px; position: absolute; top: 50%; left: 50%; margin: -43px 0 0 -43px; background: #E70E25 url('/images/ico-play.png') no-repeat center center;}
#mainVideo a:hover .icoplay {border: 10px solid #fff; margin: -53px 0 0 -53px; }
#mainVideo .zzip {
position:absolute;
right:20px;
top:50px;
background:url('/pics/logo-zzip.png') no-repeat left top;
width:100px;
height:47px;
}
#right-info {
width: 320px;
float: right;
position: relative;
margin-bottom: 20px;
color: #444;
}
/* branding changes */
/* #header {background: none !important; top:250px; width:1020px !important; left:50%; margin-left:-510px;}
#headerInner {background:#fff url('/pics/bg-header-brand-segment.png') repeat-x left top !important; padding:0 20px;}
#headerInner #logo {left:20px !important;}
#headerInner #headerRight {right:20px !important}
#headerInner #topmenu2016 {right:20px !important}
#plocha {background:#fff; padding:0 20px;}
a#brandhref {
position:fixed;
display:block;
top:0;
left:0;
width:100%;
height:100%;
background: url('/images/brand/nsc20170112.jpg') no-repeat center top; background-attachment: fixed;
}
.adBannerHp {
margin:20px 0 0 0;
width:650px;
height:80px;
} */
.aktualne-detail {color:#222222;}
.aktualne-detail p {line-height: 1.4em !important;}
.aktualne-detail h2 {font-size:18px;}
.aktualne-detail .back {font-size:15px; display:block; padding:15px; text-align:center; width:150px; margin:0 auto !important; background:#00a7d1; color:#fff; border-radius:5px; font-family:Rubik; }
.aktualne-detail .back:hover {background:#0084a5; text-decoration: none}
.aktualne-detail .datum {color:#3ebdf2}
#kanaly .adBannerHp{ margin:0 auto 40px auto;}
.aktualne {
color:#333;
font-size: 13px;
}
.aktualne ul {
margin-top:20px;
}
.aktualne li {
padding: 25px 0;
line-height: 1.4em;
border-bottom:1px dotted #dddddd;
}
.aktualne li h2 {
font-size:16px;
margin-bottom:10px;
}
.aktualne li p a, .aktualne li h2 a{
color:#e70e25;
}
.aktualne li p a {
font-size:14px;
}
.aktualne li span{
background:#3EBDF2;
color:#fff;
display:inline-block;
float:right;
padding:2px 5px;
font-weight: normal;
font-size:12px;
}
.next.aktuality {color: #e70e25; float: right; display:block; font-size: 12px; font-weight: bold; font-family:Rubik;}
#right .aktualne {
padding-top:10px;
}
#right .aktualne h2 {
font-size:15px;
}
.next2017 {color: #e70e25; float: right; display:block; font-size: 13px; padding-top: 3px; font-weight: normal; font-family: Rubik}
ACC SHELL 2018