@charset "utf-8";

html,body{color: #434343; margin:0px; height:100%;font-family: Arial, Helvetica, sans-serif; font-size:12px;}
*{margin:0;}
html{overflow-y:scroll;}
td{font-size:12px;}
input{font-size:12px; }
select{font-size:12px;}
ul,li,p,div,input,ol{padding:0px; margin:0px;}
a{text-decoration:none; color:#000;}
a:hover{ color:#333;text-decoration:underline;}
textarea{ overflow:auto; height:60px;font-size:12px;}
img{ border:0px;}
fieldset{ padding:10px; padding-top:0px;margin-top:5px; }
form{ padding:0px; margin:0px;}
li{ line-height:20px;}
ul,li{    list-style-type:none;}
ul,li,h1,h2,h3,h4,h5,h6,dl,dt,dd{    margin:0; padding:0;}
table {width:100%;}
form, fieldset, label, legend, object {border: 0 none;}


body {
    background: #F7F7F7;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    z-index: 1;
    border-top: 2px solid #000;
}


.clearboth{ clear:both; width:100%; font-size:1px; height:1px; overflow:hidden; margin:0; padding:0;}
.clear{width:100%; overflow:hidden;clear:both;}
.clear1{margin-top:-1px; overflow:hidden;clear:both;}
.clear10{ width:100%; height:10px; overflow:hidden; clear:both; font-size:1px;}

#bottom_box{width:100%; border-top:1px #ECECEC solid; background:#F7F7F7;}
.bottom_box-inner{width:970px; margin:auto; border-top:4px #E8E8E8 solid; border-bottom:1px #D8D8D8 solid; background:#EFEFEF; padding:10px;}
.bottom_box-inner h3{margin-bottom:5px; font-size:12px; color:#333;}
.bottom_box-inner ul{margin:0px; padding:0px;}
.bottom_box-inner ul li{width:173px; padding-left:20px; float:left;}
.bottom_box-inner ul li a{display:block; line-height:25px; color:#767676;}
.bottom_box-inner ul li a:hover{text-decoration:underline;}

.copyright{text-align:center; width:990px; font-size:11px; color:#737373; line-height:18px; margin:auto; padding-bottom:30px;}

#top-box{ width:990px; overflow:hidden; height:100px;padding-top: 10px;}
#logo{ float:left; width:313px;height:100px;}
#logo img{width:313px;height:100px;}

#header_box{ width:990px; margin:0 auto;}
#body_box{ width:958px; padding:5px 15px; background:#ececec; overflow:hidden; margin:0 auto;border-left:1px solid #ccc;border-right:1px solid #ccc;}

#top-right{width:666px;float:right; overflow:hidden; height:100px;}

#top-link{ height:21px; width:660px; padding-top:12px; overflow:hidden; text-align: right;}
#top-link ul{ height:21px; float:right;}
#top-link ul li{ height:21px; float:left; }
.top-link-clen{ padding-right:5px; line-height:21px;}
.top-link-clen a{ margin-left:5px; margin-right:5px;}

#top-right-next .search-form{width:250px; height:32px; background:url(./img/search_bg.jpg) no-repeat; float:right;}

#top-right-next .search-form .text{width:190px; border:0px; background:none; float:right; color:#A1A1A1; height:32px; line-height:32px; padding:3px; margin-left:3px; outline:none;}
#top-right-next .search-form .submit{width:36px; height:32px; background:none; border:none; padding:0px; margin:0px; float:right; cursor:pointer;}
#top-right-next {width:660px; padding-top:5px;}
#top-right-next .promo_text{width:160px; height:32px; padding-left:10px; border-left:1px #AEAEAE solid; line-height:18px; font-style:italic; color:#666; float:left; }

#menu-box{width: 990px;
          margin: auto;
          height: 36px;}
#menu-box-bottom{z-index: 1;
                 width: 985px;
                 height: 25px;
                 background: #747171;
                 padding-left: 5px;}

#menu-box-top{z-index: 1;
              width: 985px;
              height: 36px;
              background: #6F6969;
              border-radius: 5px 5px 0 0;
              padding-left: 5px;}
#menu-box-bottom li,#menu-box-top li{float:left;}
#menu-box-top li a{color: #f3f3f3;
                   text-decoration: none;
                   line-height: 36px;
                   padding: 0 20px;
                   font-size: 14px;
                   border-right:1px solid #808080;
                   font-weight: bold;}
#menu-box-bottom li a{color: #f3f3f3;
                      text-decoration: none;
                      line-height: 25px;
                      padding: 0 20px;
                      font-size: 12px;
                      font-weight: bold;}
#menu-box-bottom li a:hover, #menu-box-top li a:hover{
    color:#fff;
}

.stream-box, .text-box, .hry-box {
    border: 1px solid #ccc;
    overflow: hidden;
    border-radius: 3px;
}    

.text-box p{
    padding: 10px;
font-size: 15px;
line-height: 24px;
}
.text-box p small{
color: #727272;
}

.stream-box_item, .hry-box_item{
    width: 180px;
    height: 170px;
    float: left;
    padding: 7px 4px 7px 6px;
    position: relative;
}
.stream-time {
    position: absolute;
    top: 121px;
    background: #979494;
    left: 8px;
    color: #fff;
    padding: 2px 4px;
    border-radius: 3px;
    font-weight: bold;
}

.stream-rating {
    position: absolute;
    top: 121px;
    float: right;
    right: 6px;
    background: rgb(58, 58, 58);
    padding: 2px 4px;
    color: #fff;
    border-radius: 2px;
}
.pagelister {
    height:35px;
    text-align:right;
    font-size: 20px;
    color: #333;
    font-weight: bold;
    margin: 16px 0 0 0;
}

.pagelister span{
    padding: 4px 14px;
background: #E0DFDF;
margin: 2px;
border-radius: 7px;
}
.aktualni-stranka {
    color: #fff;
    background: #333 !important;
}
#box-stream {
    width:530px;
    float:left;
}    
.title {
    background: #6F6969;
    border-radius: 3px 3px 0 0;
}
.title h1{
    font-size: 15px;
    color: #fff;
    padding: 7px 11px;
    text-align: left;
}    
.title h2{
    font-size: 13px;
    color: #fff;
    padding: 7px 20px;
    text-align: left;
}  
#stream-embed, #hra-embed, #hra-text, #stream-text, #stream-prop {
    padding: 10px;
    background: #eee;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#stream-rating {
    padding:10px 0;
}

.navigacni-lista {
    padding: 7px 23px;
    font-weight: bold;
    color: #bbb;
}
.navigacni-lista a{
    color:#727272;
}
.stream-info {
    color:#727272;
}
.reklama420x550{
    float:left;
}
#box-tv{
    width: 740px;
    border: 1px solid #ccc;
    border-radius:3px;
    float: left;
}
#tv-embed {
    padding:10px;    
    background: #eee;
}
#tv-kanaly {
    float: left;
    width: 200px;
    margin-left: 15px;
}
.tv-kanaly-item {
    width: 183px;
    display: block;
    padding: 5px 0 5px 10px;
    background: #747171;
    border: 1px solid #7C7A7A;
    border-left: 6px solid #7C7A7A;
    color: #FFFFFF;
    font-weight: bold;
}
.joke-box_item {
    padding: 10px 10px 10px 25px;
    border-left: 5px solid #ddd;
    border-bottom: 1px solid #ddd;
    line-height: 22px;
    font-size: 14px;
    text-align: justify;
}
.odd {
    margin-left:15px;
}    

#box-reklama-produkt {
float: left;
margin-left: 10px;
width: 415px;
border: 1px solid #ccc;
border-radius: 3px;
background: #fff;
}

#box-reklama-produkt2{
float: left;
margin-left: 10px;
width: 294px;
border: 1px solid #ccc;
border-radius: 3px;
background: #fff;
}


.reklama_title{
position: absolute;
padding: 15px 0 0 10px;
width: 295px;
font-weight:bold;
overflow: hidden;
}
.reklama_title2{
position: absolute;
padding: 5px 0 0 10px;
width: 175px;
font-weight:bold;
overflow: hidden;
}

.box-reklama-produkt-item {
height: 88px;
padding-left: 10px;
display: block;
}
.box-reklama-produkt-item:hover {
    background:#ddd;
    text-decoration: none;
}

.box-reklama-produkt-item img{
padding: 8px;
/*width:70px;*/
height:70px;
}
.reklama_cena {
    padding: 10px;
position: relative;
top: -17px;
font-size: 16px;
color: red;
font-weight: bold;
}
.reklama_link {
    padding: 3px 10px;
border-radius: 5px;
position: relative;
top: -18px;
font-size: 13px;
background: rgb(214, 87, 87);
color: #fff;
}
#kategorie-box {
overflow: hidden;
position:absolute;
background:#aaa;
z-index:999;
width: 956px;
padding-bottom: 5px;
display:none;
}
.kategorie-box-show {
overflow: hidden;
z-index:999;
width: 956px;
padding-bottom: 10px;
}

.kategorie-box_item {
width: 227px;
display: block;
float: left;
line-height: 24px;
padding: 5px 0 0 10px;
background: #747171;
color: #FFFFFF;
font-weight: bold;
border: 1px solid #7C7A7A;
}
#stream-prop a {
  padding: 0 10px;
    color: #AD1414;
}
.odkaz_reklama {
    padding:2px 5px;
    color:#727272;
    float: right;
}
.text-box ol {
    padding:10px;
}
.text-box ol li{
    padding: 2px 10px;
border-left: 5px solid #988;
margin-bottom: 10px;
font-size: 14px;
}
.big_button {
    padding: 0px 13px;
line-height: 32px;
font-size: 16px;
background: rgb(214, 87, 87);
color: #fff;
font-weight: bold;
border-radius: 5px;
float: right;
margin: 5px 5px;
}
a.big_button:hover{
background: rgb(206, 0, 0);
color: #FFF;
text-decoration: none;
}
.text-odstavec {
    padding: 5px 10px;
    text-align: justify;
}
.small_btn {
height: 28px;
cursor: pointer;
border: 1px solid #DBD9D9;
padding: 5px;
margin: 0 4px 5px 4px;
}
.rating{
    font-weight: bold;
}
.green{
    color:green;    
}
.orange{
    color:orange;    
}
.red{
    color:red;    
}
#user-space {
    display: block;
    line-height: 30px;
}    
#box-hra {
    width:650px;
    float:left;
}