* { margin: 0; padding: 0; }
/* zakladni html tagy */
body { color: #000; background:  #fbfbfb; background-image:url(../images/herni-trailery.cz/back.png); background-repeat:repeat-x; background-position:0 46px; font-family: "Tahoma CE", Tahoma, "Arial CE", Arial, "Helvetica CE", Helvetica, helvetica, sans-serif !important; font-size:  11px; text-align: center; }
input, select, textarea { font-family: "Tahoma CE", Tahoma, "Arial CE", Arial, "Helvetica CE", Helvetica, helvetica, sans-serif !important; font-size: 11px; padding: 2px; }
kbd { font-size: 1.3em; }
a { color: #f20000; }
a:hover { color: #000; }
a img { border: 0; }
#content { margin:0 auto; width: 945px; }
#head { height: 98px; background: #f20000; color: #fff; }
#head #logo { display: block; width: 337px; height: 75px; float: left; padding: 19px 0 0 22px; background: url('../img/super_logo.gif') 22px 19px no-repeat; }
#head #logo span { display: none; }
#head p { float: right; padding: 9px 9px 9px 9px; font-weight: bold; color: #ff9999; }
#head form p { padding: 9px 9px 0 9px; }
#head p a { color: #fff; font-weight: bold; }
#head form { float: right; width: 510px; margin-top: 8px; }
#head form #w { width: 215px; margin-right: 8px; }
#head form p span { color: #000; display: block; float: left; margin-top: 4px; }
.button { background: #cdcece url('../img/super_button.gif') 0 0 repeat-x; font-weight: normal; text-transform: uppercase; padding: 1px; margin-right: 9px; }

#main_video { background: #000; color: #fff; width: 728px; float: left; font-size: 11px; }
#main_video h1 { font-weight: bold; font-size: 13px !important; margin: 6px 0 4px 0; }
#container{ width:640px; height:360px; }
#video_text { border:0px solid #fff; padding: 10px 9px 11px 9px; height: 70px; text-align:left; }
#video_text strong { font-weight: normal; }
.datetime { background:#000; width:88px; text-align: center; position:absolute; margin: 52px 0 0 0; font-size: 10px !important; color: #666; font-weight: bold; }
.actual_datetime { float:right; }
#main_video a { color: #fff; }
#main_video a:hover { color: #f20000; }
#main_video p { font-size: 12px; }
.articlelink { margin: 16px 0 4px 0; padding-top: 5px; font-weight: bold; }
.articlelink a { font-weight: bold; text-transform: uppercase; margin: 2em 0 0 0; }
#player {}
.video { padding: 4px 4px 4px 4px; @padding: 0px 4px 4px 4px; _padding: 0px 4px 4px 4px; text-align: left; background: #fbfbfb; min-height: 64px; clear: both; height: 78px; font-size:8px; border-bottom:2px solid #C3EAF2; border-right:1px solid #C3EAF2; }
.active { background: #fff; }
.video_picture img { width: 84px; height: 60px; border: 2px solid #000;}
.video_picture { float:left; margin: 2px 2px 0 0; }
.video h3 { font-weight:bold; font-size: 11px; }
.video h3 a { color: #000; }
.link, .link a { font-weight: bold; text-transform: uppercase; }
.active h3 { color: #f20000; }
.active img { border: 2px solid #f20000; }
.active h3 a { color: #f20000; }
.active .link, .active .link a { }
#super_stream { position: relative; top: 6px; }
#lista { display: block; background: #000; color: #fff; float: right; width: 100%; height: 16px; position: relative; font-family: "Tahoma CE", Tahoma, "Arial CE", Arial, "Helvetica CE", Helvetica, helvetica, sans-serif !important; font-size: 11px; }
#lista a{ color: #fff; }
 #lista a:hover{ text-decoration: none; }
 #lista ul, #lista li { list-style: none; float: left; }
#lista li span { display: block; float: left; padding: 10px 10px 7px 12px; color: #000; font-weight: bold; text-transform: uppercase; text-decoration: underline; cursor: pointer; }
#lista li span:hover { color: #f20000; }
#lista li span.active { color: #f20000; text-decoration: none; background: #e4e4e4; }
#kategorie, #playlist { float: right; display: inline; width: 215px; margin-top: 1px; }
#kategorie .kat_h { display:block; background:#C3EAF2; font-weight:normal; text-align:left; padding:0 0 0 15px; color:#000; height:16px; font-size:12px; }
#novideos { margin: 1em 0 1em 0; text-align: center; }
.sloupec { width: 492px; float: left; }
.sloupec .video { padding: 20px; }
#menu { clear: both; font-family: "Tahoma CE", Tahoma, "Arial CE", Arial, "Helvetica CE", Helvetica, helvetica, sans-serif !important; font-size: 11px; padding: 0; position: relative; text-transform: uppercase; background: #000; }
#menu ul { height: 26px; padding: 4px 5px 0px 0; position: relative; }
#menu li { color: #FBFBFB; float: left; list-style-type: none; }
#menu li a { color: #FBFBFB; display: block; font-weight: bold; padding: 4px 7px 7px 7px; }
#menu li a.p13 { padding-left: 13px; }
#menu li.active { background: #e4e4e4 url('http://1.im.cz/super/img/menurow.gif') no-repeat left top; }
#menu li.active span { background: url('http://1.im.cz/super/img/menurow.gif') no-repeat right top; color: #f20000; display: block; font-weight: bold; padding: 4px 12px 9px 12px; }

.video .blind { margin-left: 50px; font-size:10px; }
/*
    genericke
*/
.invisible {
    display: none;
}
.blind {
    font-size: 12px;
    text-align: left;
    
}
.center {
    text-align: center;
}
.left {
    text-align: left;
}
.right {
    text-align: right;
}
.justify {
    text-align: justify;
}
.clear {
    clear: both;
}
.red {
    color: red;
}
.blue {
    color: blue;
}
.green {
    color: green;
}

.strankovani{ float: left; width: 100%; height: 30px; padding: 0 0 0 0; text-align: center; vertical-align: middle; }
.strankovani a { width: 18px; _width: 20px; height:16px; padding: 3px; _padding: 4px; color: #000; font-weight:bold; }
.strankovani a:hover{ color: #000; text-decoration: none; }
.strankovani a.prev { width: 100px; margin-right: 4px; }
.strankovani a.next { width: 100px; }
.strankovani a.aktual {  color: #ff0000; text-decoration: none; }
.strankovani a.aktual:hover {  color: #ff0000; cursor: default; }

#rss_articles{ width:930px; margin:0 auto; text-align:left; }
#rss_articles div{ margin:3px 0; padding:0 0 3px 0; border-bottom:1px dotted #000; }
#rss_articles div u{ float:right; }

#categs {
    font-size: 13px;
    color: #fff;
    margin-top: -30px;
}

#categs a{
    color: #fff;
}

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


.video_ad_square {
    height: 130px;
    padding: 4px;
    background: #fbfbfb;
    clear: both;
    font-size:8px;
    text-align: left;
    border-bottom:2px dotted #999;
}
.video_ad_square b { text-align: center; display: block; width:160px; float:right; text-align: center; color:#3DBA00; margin-top:10px; }
.video_ad_square div { border:2px solid #000099; width:125px; height:125px; float:left; }
.video_ad_square div div { border:0; }
.video_ad_square h3 { width:160px; text-decoration: underline;
    font-size: 11px;
    text-align: left;
    float: right;
}
.video_ad_square u { width:160px; font-size:10pt; text-decoration: none !important; font-weight:normal; float:right; display: block; }