@font-face {
    font-family: din;
    src: url("/sources/DINPro.otf");
} 
@font-face {
    font-family: dinB;
    src: url("/sources/DINPro-Bold.otf");
}

body{margin: 0; background-color:rgb(151,156,163);}            

header{width: 100%; height: 45px; background:black; position: fixed;
       -webkit-transition: all .6s; z-index: 99999;
}

.menu{width: 1100px;
      height: 40px;
      margin: auto;
      list-style: none;
      font-family: din;
      font-size: 28px;
      color: white;                  
}

.menu li{float: left;margin-top: 4px; cursor: pointer;-webkit-transition: all .3s; -moz-transition: all .3s;}
.menu li:hover{color: rgb(149,152,157);}
.navigator{margin-right: 155px}
header a{text-decoration: none;color: white;-webkit-transition: all .3s; -moz-transition: all .3s;}
.trailer:hover{color:rgb(149,152,157);}

section{width: 1130px; height: 2800px; margin: auto;}

.spacer{width:1040px; height: 10px;
        border-bottom: 2px solid gray;
        float: left; margin-left: 36px;
        margin-top: 100px; margin-bottom:100px;
}


#main{width: 1130px; height: 650px; background-image: url("/images/main_big.png"); 
      margin: auto;
      background-size: contain;
      background-position: top;
      background-repeat: no-repeat;
}


#predprodej{width: 1130px; height: 625px; font-family: din; float: left;}
#predprodej strong{padding-left: 15px;font-size: 17px;color: white;}   

.kina{width: 1045px; height: 600px;
      margin-top: 15px; float: left; margin-left:32px;
      overflow-y:scroll;
}
td{color: black; 
   font-size: 18px;
   padding-top: 8px;
}
td a{color: white;
     text-decoration: none;
     padding:2px 14px 2px 14px;  
     border: 1px solid rgba(0,0,0,0);
     background: black; -webkit-transition: all .3s;;
}
td:hover a{border: 1px solid whitesmoke;}

.odkaz{cursor: pointer; float: right;}
.mesto,.datum{font-family: dinB}
.mesto{width: 385px;padding-left: 5px}
.kino{width: 490px;}
.kino b{font-family: dinB; font-weight: normal;}

.vyprodano{background: red;padding: 2px 12.5px 2px 12.5px;}
.orange{color: #f0180f;}

#posuvnik::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: lightgray;}
#posuvnik::-webkit-scrollbar{width: 8px; padding-right: 5px;background-color: white;}
#posuvnik::-webkit-scrollbar-thumb{background-color: black;}


#info{width: 1130px; height: 634px; float: left;}

.stazitelne{margin-top:90px; float: right;
            width: 1092px; height: 200px; 
            margin-bottom: 60px;
}

#info h2{float: left; margin: 0; padding: 0;
         margin-left: 508px; margin-top: 25px;
         color:black; font-family: dinB; text-align: center;
}

.promp{text-align: center; float: left;
       font-size: 17px; font-weight: bold; color: black;
       font-family: din; text-decoration: none;cursor: pointer;                   
}  
.promp span{-webkit-transition: all .2s; -moz-transition: all .2s;}
.promp img{width: 130px; border: 1px solid black;}
.promp:hover span{color: white;}
.promp a{text-decoration: none;cursor: pointer; color: black;}

.polovicni{width: 130px; height: 185px;text-align: center; float: left;
           font-size: 17px; font-weight: bold; color: white;
           font-family: din; text-decoration: none;}

.promp,.polovicni{margin-right: 50px;}

.cast{width: 130px; float: left; margin-bottom: 12px;cursor: pointer; text-decoration: none; color: black;}
.cast img{width: 128px; border: 1px solid black;}
.cast span{-webkit-transition: all .2s; -moz-transition: all .2s;}


.cast:hover span{color: white;}

.programovani{width: 250px; height: 65px;float: left;font-size: 18px;
              padding: 10px;margin-top:20px; margin-left: 27px; font-family: din;
}            
.programovani a{color: white;}


#photos{width: 1130px; height: 635px; float: left; text-align: center;}
#photos img{border: 1px solid black; width: 329px;margin-right: 20px;
            -webkit-transition: all .3s;-moz-transition: all .3s;
}            
#photos div{margin-top: 90px;}
#photos h2{padding: 0; margin: 0; margin-top: 25px; font-family: dinB;}

#photos img:hover{border: 1px solid whitesmoke;}
.spodni{margin-top: 75px;}


.fb-share-button{float: right; margin-right: 53px; margin-top: 85px;}