body{        
    background-color: #000;
    background-size: cover;
    background-position: center bottom;
    background-attachment: fixed;
    font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif; /*  'Lucida Sans Unicode',  */
    text-rendering: geometricPrecision;
    -webkit-font-smoothing:antialiased;
    -webkit-text-size-adjust: none;
}

body.bgr{
    background-image: url("../images/theater_full.jpg"); 
}

body.overhidden{
    overflow: hidden;    
}

h2{
    font-size: 24px;
    line-height: 28px;
    font-weight: normal;
    font-family: 'Katarine-Semibold','Lucida Grande', Tahoma, Verdana, Arial, sans-serif; 
}


h4{
    font-weight: normal;
}

a{
    color:#A31733;
}

.underline{
    text-decoration: underline;
}

.nounderline{
    text-decoration: none;
}

.center{
    text-align: center;
}

#curtain{
    position: fixed;
    width:100%;
    height: 100%;    
    z-index: 4;    
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
}

#curtain.curtainferman{
    background-image: url("../images/opona3.jpg");;
    top:0;
    left:0;
    display: block;
    overflow:scroll;
}

#darker{
    position: fixed;
    width:100%;
    height: 100%;    
    z-index: 0;   
    background: #000;
    left:0;
    top:0;
    z-index: 2;
}

#main{
    position: relative;    
    width:994px;    
    min-height: 768px;
    margin: 0px auto 620px;    
    padding: 0 15px 160px;
    background: #fff;     
    display: block;
}

#top{
    height: 325px;
    width:100%;
    margin-bottom: 30px;
}

#top header{
    height: 55px;
    width:100%;
    background: #A71832;    
    position: relative;
    z-index: 2;
}

#top header h1, #curtain-text{
    position: relative;
    top:-5px;
    left:20px;
    font-family: 'Katarine-Semibold','Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
    font-size: 35px;
    color:#fff;
    display: inline-block;
    letter-spacing: 1px;
    font-weight: normal;
}

#curtain-text{
    position: fixed;
    left:50%;
    width:994px;
    margin-left: -419px;
    z-index: 3;
    top:5px;
}

#top article{
    position: absolute;
    display: none;
    top:0;
    left:0;
    width:100%;    
}

#top article.first{
    display: block;
}

#top form input[type="text"]{
    height: 25px;
    width: 130px;
    padding: 0px 10px;
    background: url("../images/magnifier_red.png") no-repeat 97% #fff;
    border:0px;
}

#header_r{
    width:317px;
    margin: 16px 14px 0 0;
}

.myaccount{
    color: #fff;
    font-size: 10px;
    border: 1px solid #fff;
    padding: 7px;
    margin-left: 10px;
    border-radius: 2px;
}

.myaccount:hover{
    background-color: #fff;
    color: #000;
    transition: all 0.4s;
}

#header_r form{    
    float:left;
    margin-right: 20px;
    position: relative;
}

.searchsubmit{
    display: block;    
    width:25px;
    height: 28px;
    position: absolute;
    top:1px;
    right: 0;
    cursor: pointer;
}

#logo{
    margin-left: 16px;
    margin-top: 6px;
}

#facebook{
    margin-top: -1px;
    width:30px;
    height: 30px;
    margin-right: 10px;
    background: url("../images/facebook2.png") no-repeat;
}

#facebook:hover{
    background-position: -30px 0
}

#showmenu{
    display: none !important;
}

#topmiddle{
    height: 230px;
    overflow: hidden;
}

#topmiddle .over{
    height: 230px;
    overflow: hidden;
}

#topmiddle article img{
    width:100%;
}

#top nav{
    height: 40px;
    width:100%;
    background: #000;
}

#top nav li{
    display:block;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;    
    float:left;    
}

#top nav li.m1{width:73px;}
#top nav li.m2{width:104px;}
#top nav li.m3{width:115px;}
#top nav li.m4{width:115px;}
#top nav li.m5{width:122px;}
#top nav li.m6{width:114px;}
#top nav li.m7{width:112px;}
#top nav li.m8{width:90px;}
#top nav li.m9{width:149px}

#top nav li.m1:hover, #top nav li.m1.selected{
    background: #A31734;    
}

#top nav li.m2:hover, #top nav li.m2.selected{
    background: #A2A2A3;    
}

#top nav li.m3:hover, #top nav li.m3.selected{
    background: #756D58;
}

#top nav li.m4:hover, #top nav li.m4.selected{
    background: #8D9D1E;
}

#top nav li.m5:hover, #top nav li.m5.selected{
    background: #663366;
}

#top nav li.m6:hover, #top nav li.m6.selected{
    background: #CC0000;
}

#top nav li.m7:hover, #top nav li.m7.selected{
    background: #333366;
}

#top nav li.m8:hover, #top nav li.m8.selected{
    background: #009999;
}

#top nav li.m9:hover, #top nav li.m9.selected{
    background: #967548;
}

.m4color{
    background: #8D9D1E;
    color:#fff;
}

.m4color.perexbox{
    margin-top: 15px;
}

.m4color.perexbox a{
    color:#fff;
    text-decoration: underline;
}

#top nav li a{
    color:#fff;
    font-size: 14px;
    font-weight: normal;
    padding: 0 12px;
    height: 40px;
    display: inline-block;
    letter-spacing: 1px;
}

#top .headab {
    position: absolute;
    display: block;
    bottom: 14px;
    right: 15px;
    background: url("../images/head_o_inscenaci.png");
    width:96px;
    height: 18px;
    z-index: 2;
}

#top .headab:hover {
    background-position: -96px;
}

#headdots{
    bottom:15px;
    right: 150px;    
    position: absolute;
    z-index: 2;
}

#headdots .dot{
    display: block;
    background-image: url("../images/headdots.png");
    background-repeat: no-repeat;    
    width:10px;
    height:10px;
    float:left;    
    margin-right: 10px;
    cursor: pointer;
}

.dot.selected {
    background-position: -24px 0px;
}

#homecal{
    width:321px;
    min-height: 87px;    
    background: url("../images/caltop.jpg") #E3DFD4 no-repeat 0 -10px;
    padding-top: 54px;
    overflow: hidden;
}

#homecal ul{
    border: 1px solid #5F5F64;
    margin-left: 10px;
    width:300px;
    height: 40px;
}

#homecal li{
    width:42px;
    height: 37px;
    display: block;
    font-size: 11px;
    text-align: center;
    border-right: 1px solid #5F5F64;
    float:left;
    cursor: pointer;
    padding-top: 3px;
}

#homecal li:hover{
    color:#E3DFD4;
    background: #000;

}

#homecal li.last{
    border:0px;
}

#homecal .date{
    width:100%;
    font-size: 18px;
    display: block;
}

#homecal .today{
    background: #666666;    
    color:#fff;
}

#homecal .sunday{
    color:#A71832;  
}

#homecal li.active{
    color:#E3DFD4;
    background: #000; 
}

#homecal .in{
    display: block;
    width:1000px;
    margin-left: -349px;
    text-align: center;
}

#homecal img{
    height: 244px;
    display: inline-block;
}

#homecal article{
    width:302px;
    position: relative;
    overflow: hidden;
    margin: 10px 0 0 10px;
    background: #E3DFD4;
    display: none;
}

#homecal article.first{
    display: block;
}

#homecal .aboutp{
    display: block;
    width:97px;
    height: 15px;
    background: url("../images/o-inscenaci_1.png");
}

#homecal .aboutp:hover{
    background-position: -97px 0;
}

#homecal .buyp{
    display:block;
    width:52px;
    height: 15px;
    margin-right:2px;
    margin-bottom: 10px;
    background: url("../images/buy.png");
}

#homecal input.buyp{
    border:0;
    cursor:pointer;
}


#homecal .buyp:hover{
background-position: -52px 0;
}
#homecal p{
    margin-top: 10px;
    color:#5F5F64;
}

#homecal .time, #homecal .text{
    font-size: 11px;
    color:#5F5F64;
    margin-bottom: 5px;
    display: block;
}

#homecal .text{
    margin-bottom: 10px;
}

#homecal h3, #program #homecal h4{
    font-size: 14px;
    line-height: 19px;
    color:#5F5F64;
    margin-bottom: 5px;
}

#home2grand{
    background: url("../images/sipka_gfs_mala.png");
    background-position: right 0;
    height: 26px;    
    padding: 9px 0 0 12px;
    display: block;
    margin-top: 18px;
    font-size: 13px;
    font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
    letter-spacing:1px;
}

#home2grand:hover{
    background-position: 0 -35px;
    color:#000;
}

#program .user-panel, #predplatne .user-panel{    
    background: #000; 
    color: #fff;
    font-size: 12px;
    min-height: 35px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
}

#program .user-panel.up2, #predplatne .user-panel.up2{
    padding: 10px 15px 7px;
}

.user-panel iframe{
    border:0;
}

#program .user-panel .loginHeaderText{
    margin-top: 5px;
}

#program .user-panel>form>div{
    float:left;   
   margin-right: 15px;
}

#program .user-panel>form>div.clear{
    float: none;
}

#program .user-panel .actions>div{
    float: left;
    padding: 0 10px;
}

#program .user-panel .actions>div>a:hover{
    color: #A31733;
}

#program .user-panel #login, #program .user-panel #password{
    border: 0px;    
    height: 15px;
    padding: 5px 10px;
    background: #333;
    color:#fff;
}

#program .user-panel #loginBtn{
    border: 0;
    background: #A31733;
    color: #fff;
    width: 70px;
    font-weight: bold;
    height: 25px;
    padding: 5px;
}

#program .user-panel a{
    color:#fff;
}

#program #homecal h4{
    font-weight: bold;
}

.programbasket{
    padding: 0 5px 0 5px !important;
    text-align: center;
    font-size: 8px;
    top:-5px;
    width:51px;
    min-height: 1px;
}

.programbasket a{
    color:#5F5F64;
}

.programbasket a:hover, .programbasket a:hover .basket{
    color:#000;
    background-position: -28px 0;
}

#programrbox.fixed{
    position: fixed;
    top:0;
}

#programrbox.absbot{
    position: absolute;
    bottom: -68px;
}

#prgsearchabsend{
    width:21px;
    height: 28px;
    display: block;
    background: url("../images/magnifier_white.png") no-repeat 0 8px;
}

#mainr nav li:hover #prgsearchabsend{
    background-position:  -21px 0px;
}

#mainr nav li:hover{
    background-color: #000 !important;
}

#mainr .rimg{
    width:100%;
}



.basket{
    width:28px;
    height: 23px;
    display: inline-block;
    background: url("../images/basket2.png");
    cursor: pointer;
}

#mainl{
    float:left;
    margin-right: 15px;
    width:657px;
    font-size: 12px;
    color:#575757;    
    margin-left: 0px;    
}

#mainl table td{
    vertical-align: top;
}

#mainl h2{
    margin-top: 15px;
    margin-bottom: 10px;
    letter-spacing: 1px;
    color:#000;
}

#mainl h2.fck-h2{
    color:#5F5F64;
}

#mainr{
    float:right;
    width:322px;
}

#recommend{
    display: block;
    /*background: url("../images/doporucujeme.jpg");*/
    width:657px;
    height: 126px;
    margin: 15px 0 15px;
    overflow: hidden;
}

#homealert{
    width:637px;
    padding: 5px 10px;
    background: #A31734;
    color:#fff;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 37px;
    letter-spacing: 1px;
}

#homealert a{
    color:#fff;
    text-decoration: underline;
}

#homenews{
    margin-left: 45px;
}

#homenews .mark,.press .mark {
    color:#BE1430;
    font-size: 11px;
}

.press-h2{
    margin-top: 10px;
}

#homenews article{
    width:276px;
    margin-right: 30px;    
    margin-bottom: 22px;
}

#homenews h2{
    color:#A71832;
    font-size: 24px;
    line-height: 28px;    
    margin: 5px 0 10px;
    font-family: 'Katarine-Semibold','Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
}

#homenews p{
    color:#5F5F64;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 10px;
}

#homenews .fa:hover h2{
    text-decoration: underline;
}

#homenewshouse{
    position: absolute;
    left:50%;
    bottom: 82px;
    margin-left: -120px;
    display: none;
}

#grandlink{
    margin-left: 20px;
}

.linkarrow{
    width: 98px;
    height: 15px;
    background: url("../images/linkarrow_1.png") no-repeat;
    display: block;
}

.linkarrow:hover{
    background-position: -99px 0;
}

#mainr nav{
    margin-top: 15px
}

#mainr nav.mt0{
    margin-top: 0px
}

#mainr nav li{
    width:310px;
    height: 33px;
    padding-left: 12px;
    line-height: 33px;
    vertical-align: middle;
    margin-bottom: 15px;
    position: relative;
    letter-spacing: 1px;
}

#mainr nav li.selected{
    background-color: #000 !important;
}

#mainr nav li a,#mainr nav li>span{
    display: inline-block;
    width:100%;
    font-size: 13px;
}

#mainr nav li a:hover{
    text-decoration: none;
}

.navico{
    position: absolute;
    top:3px;
    right: 15px;
}

.red li a{
    color:#fff;
}

.grey li{
    background-color: #A6A6A6 !important;
    color:#fff;
    cursor: pointer;
}

.grey li a{
    color:#fff;
}

.trnsp li{
    background: url("../images/arrow_transparent.png") 100% no-repeat;
    color:#fff;
    font-size: 13px;    
}

.trnsp li a{
    color:#fff;
}

.green li{
    background-color: #8D9D1E !important;
    color:#fff;
}

.green li a{
    color:#fff;
}

.green li:hover{
    background-color: #000 !important;
}

.blue li{
    background-color: #333366;
}

.tyrkys li{
    background-color: #37968E;
    color:#fff;
}

.tyrkys li a{
    text-decoration: none;
    color:#fff;
}

.purple li{    
    background-color: #663366 !important;
    color:#fff;
}

.purple li a{
    text-decoration: none;
    color:#fff;
}



#repertoar h2{
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 32px;    
    margin-top: 14px;
    color:#000;
}

#repertoar h3, #prlist h4, .playlist h4{
    width:440px;
    min-height: 26px;
    font-size: 13px;
    line-height: 26px;
    vertical-align: middle;
    padding-left: 10px;
    background: #000;
    color:#fff;
    margin-bottom: 8px;
    font-weight: normal;
}

#repertoar h3{
    line-height: 24px;
}

#repertoar p{
    width:440px;
    font-size: 11px;
    line-height: 14px;
    color:#666666;
    margin: 0 0 8px 0px;    
    display: none;
}

#repertoar article{
    width:443px;
    margin-bottom: 22px;
}

#repertoar nav li{
    background-color: #756D58;    
}

#repertoar nav li:hover{
    background-color: #000;    
    color:#fff;
}

#repertoar .cal{
    position: absolute;
    right:-40px;
    top:3px;
}

footer{
    position: absolute;
    bottom: 0px;    
}

footer .first{
    height: 39px;
    padding: 5px 10px;
    width:974px;
    background: #A71832;
    color: #fff;
    font-size: 12px;    
    line-height: 19px;
}

footer .first table{
    width:100%;
    border-collapse: collapse;
}

footer .first table td{
    vertical-align: top;
}

footer .first .tel{
    font-size: 35px;
    font-family: 'Katarine-Semibold','Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
    line-height: 35px;
}

footer .first a{
    color:#fff;
    text-decoration: underline;
}

footer .first a:hover{
    color:#000;
}

footer .second{
    font-size: 11px;
    color:#A71832;
    padding: 10px;
}

footer .second .ml{
    margin-left: 42px
}

#programform {
    position: relative;
    z-index: 2;
    height: 37px;
    position: relative;
    top:10px;
    margin-bottom: 20px;
}

#programformmobile {
    display: none;
}

.mobile_ab{
    display: none;
}

#programform select{
    background: #A2A2A3;
    color:#fff;
    width:321px;
    height: 33px;
    border:0px;
    margin-right: 6px;
}

#programform select option{
    background: #A2A2A3;
}

#programform ul{
    float:left;
    width:321px;
    height: 33px;
    margin-right: 6px;
    overflow: hidden;    
    background: #A6A6A6;
    color:#fff;
    font-size: 13px;
    line-height: 33px;    
    letter-spacing: 1px;
    z-index: 10;
    margin-right: 15px;
}

#programform ul.c{
    margin-right: 0px;
}

#programform ul li.first{
    background: #A6A6A6  url("../images/link1.gif") no-repeat 292px center;
}

#programform ul li{
    height: 33px;    
    padding-left: 12px;
    cursor: pointer;
    position: relative;
}

#programform ul li .navico{
    display: inline-block;
    width:46px;
    height: 28px;
}

#programform ul li .navico.ni1{
    background-image: url("../images/kids_negative_2.png");
}

#programform ul li .navico.ni2{
    background-image: url("../images/tip_negative_2.png");
}

#programform ul li .navico.ni3{
    background-image: url("../images/kometa_negative_2.png");
}

#programform ul li .navico.ni4{
    background-image: url("../images/kiss_negative_2.png");
}

#programform ul:hover{
    height: auto;
    z-index: 11;
}

#programform ul li:hover{
    background-color: #000;
}

#programform ul li:hover .navico{
    background-position: -46px 0;
}

#filterdesc{
    width:637px;
    margin-top: 50px;
    color:#fff;
    background: #666666;
    font-size: 12px;
    line-height: 15px;
    padding: 5px 10px
}

#program h2{
    color:#000;
    margin: 31px 0 28px 10px;    
    letter-spacing:1px;
}

#program .table{
    color:#5F5F64;
    width:100%;
    border-collapse: collapse;
    font-size: 13px;    
}

#program .table .tr{
    width:100%;
}

#program .table .td{
    padding: 5px 10px;    
    vertical-align: top;
    position: relative;    
}

#program .table .td.program-icons{
    display: none;
    padding-left: 0px;
}

#program .table .prod{
    color:#fff;
    padding: 5px 10px;    
    font-weight: normal;
    font-size: 13px;    
    margin-bottom: 0px;
    margin-top: -5px;    
}

#program .table p, #program .table .p{
    font-size: 11px;
    line-height: 14px;    
    margin-top: 5px;
    display: block;   
    overflow: hidden;
}

#program .table p{
    height: 0px;
}

#program .one{
    width:48px;
    padding: 5px 5px 5px 10px;
}

#program .two{
    width:32px;
    font-size: 24px;
    color:#000;
    font-family: 'Katarine-Semibold','Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
    padding: 5px 5px 5px 10px;
    text-align: right;
}

#program .two span{
    position: relative;
    top:-12px;
}

#program .three{
    width:37px;
    padding: 5px 5px 5px 0px;
}

#program .four{
    width:320px;    
    float:left;
}

#program .four .in{
    position: relative;
}

#program .four .tip, #program .four .kiss, #program .four .festival{    
    width: 34px;
    height: 20px;
    position: absolute;
    display: block;
    right:-10px;
    top:-5px;
    background-repeat: no-repeat;
}

#program .four .tip{
    background-image: url("../images/tip.png"); 
}

#program .four .kiss{
    background-image: url("../images/mounth.gif");
    width:30px;
    height: 18px;
}

#program .four .festival{
    background-image: url("../images/festival.png");
    width:26px;
    height: 24px;
    top:-10px;
}

#program .four .kiss.mol{
    right:30px;
}

#program .five{
    font-family: 'Katarine-Semibold','Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
    width:54px;
}
#program .fivei{
    position: relative;
    top:-6px;
}

.canceled{
    text-decoration: line-through;
}


#program .bigger{
    font-size: 24px;   
    margin-left: 5px;
    position: relative;
    top:-6px;    
}

#program .smaller{
    line-height: 24px;
    font-size: 13px;
    position: relative;
    top:-6px;    
    font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
    font-weight: bold;
}

#program .smaller.movl{
    left:-5px;
}



#program #homecal{    
    margin-top: 50px;
    height: 395px;    
}


#program #homecal h3{            
    font-weight: normal;
    font-family: 'Katarine-Semibold','Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
    margin-left: 15px;
    font-size: 24px;
}

#program #homecal article{
    position: absolute;
    top:0;
    height:364px;
    display:block;
}

#program #homecal .eventreco{
    font-size: 11px;
    line-height: 19px;
    color:#5F5F64;
}

#program #mainr{
    position: static;
}

.noforplay{
    font-size: 13px;
    color:#575757;
    display: block;
    text-align: center;
}

#prgsearchab{
    position: absolute;
    top:0px;
    right: 50px;
}

#prgsearchab input[type="text"]{
    width:80px;
    height: 17px;    
    display: block;
    margin-top: 7px;
    padding-left: 5px; 
    border: 0;

}

#prghead{
    margin: 31px 0 0 22px;
}

.perexbox{      
    padding: 5px 10px;
    font-size: 13px;
    margin: 20px 0 30px;
}

.primg, .primg img{
    width: 100%;
}

#production p{
    font-size: 13px;
}

#production .perex{
    width:592px;    
    line-height: 16px;    
    color:#fff; 
    margin-bottom: 15px;
}

#production h2{
    font-size: 35px;
    line-height: 42px;
    margin-bottom: 20px;
    color:#000;
}

#production h3{
    font-size: 24px;
    line-height: 30px;        
    font-family: 'Katarine-Semibold','Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
    font-weight: 400;
    color:#000;
}

.imgdesc{
    color:#606164;
    font-size: 11px;
    width:100%;
    display: block;
    margin-bottom: 10px;
}

#production .text{
    margin-left: 45px;
    margin-bottom: 50px;
    width:567px;
} 

#production .text a:hover{
    text-decoration: underline;
}

#production-artl article{
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
}

#production-artl a h4{    
    font-size: 13px;
    font-weight: bold;
}

#production-artl small{
    color:#575757;
    font-size: 11px;
}

#production-artl a:hover{
    text-decoration: underline;
}

#production #mainl{
    width:612px;
}



#production nav li a{
    color:#fff;
}

.inscbgr a:hover{
    text-decoration: none !important;
}

#prdetphotos .primgsc{
    width:156px;
    height: 120px;
    overflow: hidden;
    position: relative;   
    margin-bottom: 10px;
    text-align: center;
    text-align: right;
}

#prdetphotos .odd{
    margin-right: 10px;    
    float:left;
    text-align: left;
}

#prdetphotos img{
    height:100%;
    display: inline-block;
}

#prdetphotos a{
    display: block;
    height: 100%;
    text-align: center;
    width:1000px;
    margin-left: -422px;
}

#peoples .person{
    margin-right: 13px;
    font-size: 13px;
    margin-bottom: 20px;
    width:121px;  
}
/*
#peoples #mainl a{
    color:#575757;    
}*/

#peoples #mainl a.s{
    display: inline-block;    
    height: 34px;
}

#peoples .person a{

    color:#575757;
}

#peoples .person img{
    width:121px;   
    height: 173px;
}

#peoples h2{            
    padding: 5px;
    margin-bottom: 25px;    
    color:#000;
    font-size: 35px;
}

#peoples h3, #ticket h2{
    font-size: 24px;
    color:#666666;
    margin: 12px 0 20px;
    font-family: 'Katarine-Semibold','Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: normal;
}

#peoples .nom{
    margin-right: 0px;
}

.peoplelist h3{
    color:#575757;
    font-size: 18px;   
    margin: 15px 5px;
}

#peoples .playlist{    
    margin-left: 35px;
}

#peoples .playlist ul{ 
    margin-left: 0px;
}

#peoples .playlist .p{
    display:inline-block;    
    max-width:440px;
}

#peoples .mainimg{
    width:200px;
    float:left;
    margin-right: 20px;
    margin-bottom: 10px;
}

#ticket #mainl table{
    margin-left:5px;
    padding-right: 15px;
}

#sendmailform {
    width:400px;
    height: 100px;
    border:1px solid #ccc;
    padding: 20px;
    position: fixed;
    top:50%;
    left:50%;
    margin-left: -200px;
    margin-top: -70px;
    background: #fff;    
    z-index: 5;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

}

span.closewindow{
    background: url("../images/layout/close.png");
    width:30px;
    height: 31px;
    position: absolute;
    right: -15px;
    top:-15px;
    cursor: pointer;
}

span.closewindow:hover{
    background-position: -30px;
}

#sendmailform input[type=text]{
    width:70%;
}

.press {
    margin-top: 50px;
}

.tpl2#mainl{    
    margin-left: 50px;
    /* width:607px; */
    width:576px;
}

.tpl2#mainl.coveragelist{
    width:607px;
}

.tpl2 h2{
    color:#000;    
    margin-bottom: 10px;
    letter-spacing: 1px;
}

.tpl2 article a h3{
    color:#BE1430;
    font-size: 14px;
}

.tpl2 article a h3:hover{
    text-decoration: underline;
}

.tpl2 article a p{
    color:#5F5F64;
    font-size: 13px;
    line-height: 16px;
}

.tpl2 #homealert{
    width:635px;
    background:#663366;
    margin-left: -50px;
    margin-top: 15px;
}

.tpl2 ul, #paper .mainl ul, #paper #mainl ul{
    margin-left: 15px;
}

.tpl2 li, #paper ul li{
    list-style-type: disc
}

.press #mainr{    
    margin-top: -25px;    
}

.press #mainr p{  
    margin-left: 10px;
    color:#5F6064;
    font-size: 14px;
}

.press #mainl{   
    width:560px;
    font-size: 13px;
}

.press article{
    margin-bottom: 20px;
}

.press article .date, #paper .date, #peoples .date{
    color:#BE1430;
    font-size: 11px;    
    margin-bottom: 3px;
    display: block;
}

.press .showall{
    background: url("../images/arrow_red_press.png");
    display: block;
    width:100px;
    height: 19px;
}

#bottomgallery {
    margin: 30px 0 40px;
}

#bottomgallery .c{
    width:150px;
    height: 100px;
    float:left;
    overflow: hidden;
    margin-right: 10px;
    margin-bottom: 10px;
}

#bottomgallery .c img{
    width:100%;
}

#pr{
    font-size:130px;
    color:#5F6064;
    font-family: 'Katarine-Semibold','Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
    font-weight: normal;
}

#paper #mainl{
    width:567px;
}

#paper{
    padding-left: 50px;    
}

#paper h2{
    font-size: 24px;
    color:#5F5F64;    
    margin-bottom: 30px;
}

#paper a:hover{
    text-decoration: underline;
}

#paper .p{
    color:#5F5F64;
    font-size: 13px;
    line-height: 15px;
}

#paper .perex{
    margin-bottom: 20px;
    width:100%;
}

#paper img.main{
    margin-right: 15px;
    max-width:291px;
}

#paper .desc{
    font-size: 11px;
}

#paper .mainimg, .press .mainimg{
    width:100%;
    margin-bottom: 10px;
}

#paper .mainimg img,.press .mainimg img{
    width:100%;
}

.mainimg img{
    max-width: 100%;
}

#paper .secondimg, .press .secondimg{    
    width:49%;      
}

#paper .secondimg img, #paper .secondimg .c, .press .secondimg img, .press .secondimg .c{   
    width:100%;
    margin-bottom: 5px;
}

#paper .secondimg .c,.press .secondimg .c{ 
    height: 185px;
    overflow: hidden;  
}

#paper .secondimg.odd, .press .secondimg.odd{    
    margin-right:2%;
}

.thirdimage{
    max-width:100px;    
    margin: 5px;
    text-align: center;
}

.thirdimage img{    
    height: 100%;
}

.thirdimage .c{
    height:100px;
    overflow: hidden;

}

.gallery_middle_desc td{
    padding-bottom: 10px;
}

.odkazy_one h2{
    color:#BE1430;
}

.odkazy_one .date:hover{
    text-decoration: underline;
}

.coverage{
    margin-top: -77px;    
}

.coverage.fixed{
    position: fixed;
    top:78px;
    margin-left:0px;
    width:320px;
}

.coverage.absbot{
    position: absolute;
    bottom: 150px;
    width:320px;
    margin-left:0px;
}

.coverageone{
    width:108px;
    height: 153px;
    overflow: hidden;
    display: block;
    float:left;
    margin: 0 10px 11px 0;
    background: url("../images/topdf.jpg") -200px center no-repeat;
    font-family: 'Katarine-Semibold','Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
}

.coverageone img{
    width:100%;
}

.coverageone:hover{
    background-position: center center;
}

.coverageone:hover img{
    display: none;

}

.coverageorder, .coverageyear{    
    color:#5F5F64;
    display: block;
    width:100%;
    text-align: center;    
    font-family: 'Katarine-Semibold','Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
}

.coverageorder{
    font-size: 130px;
    line-height: 117px;  
    font-family: 'Katarine-Semibold','Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
    margin-bottom: 25px;
}

.coverageyear{
    font-size: 35px;    
}

.coverageheader{
    font-size: 24px;
    margin: 30px 0px; 
    color:#5F5F64;
    display: block;    
    font-family: 'Katarine-Semibold','Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
    letter-spacing: 1px;
}

.coveragep{
    color:#5F5F64;
    font-size: 14px;
    line-height: 15px;
}

#searchpin{
    width:99%;
    height: 30px;    
    border:1px solid #000;
    padding-left: 2%;
    background: url("../images/magnifier.jpg") no-repeat 97% #fff;
    margin-bottom: 20px;
}

.hlava{
    margin: -70px 0px 0px 50px;
}

#f_main{
    font-size: 24px;
    color:#666666;
    margin-bottom: 20px;
    line-height: 35px;
    font-family: 'Katarine-Semibold','Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
    letter-spacing: .7px
}

#f_main input{
    position: relative;
    top:-5px;        
}

.f_left{
    width:210px;
    text-align: right;
    vertical-align: top;
    padding-right: 20px;
    font-size: 13px;
    font-weight: bold;
    color:#575859;
}

#orderform .first input, .soutez input[type=text], .soutez input[type=email]{
    height: 22px;
    padding: 1px 5px;
    width:280px;
    margin: 0 0 10px;
}

.soutez input[type=text], .soutez input[type=email]{
    width:100%;
}

#orderform textarea{
    width:290px;
}

.soutez textarea{
    width:101%;
}

.soutez select{
    width:103.5%;
    height:28px;
    border:1px solid #999;
    margin-bottom:10px;
}

.soutez input[type=radio]{
    margin-right:10px;
    margin-bottom: 5px;
}

.soutez tr td:nth-child(1){
    width:33%;
}

.soutez tr td:nth-child(2){
    width:80%;
}


#mainl #orderform table td, .program-icons img{
    vertical-align: middle;
}

.orderform_half{
    width:31px !important;
}


#orderform #submit, .soutez input[type=submit]{
    background: #A31733;
    width:292px;
    text-align: center;
    padding: 5px 0px;
    color:#fff;
    border:0px;
    position: relative;
    margin: 40px 230px 0;
    display: block;
    height: 40px;
    font-size: 14px;
    cursor: pointer;
    letter-spacing: 1px;
}

.soutez input[type=submit]{
    margin:0;
    width:103.5%
}

.input1{
    width:150px;
    height:18px;
    margin-bottom:5px;
}

.button1{
    background: #663366;
    width:150px;
    text-align: center;
    padding: 3px 0px;
    color:#fff;
    border:0px;
    position: relative;    
    display: block;
    height: 30px;
    font-size: 14px;
    cursor: pointer;
    letter-spacing: 1px;
}

.button2{
    background: url("../images/arrow_transparent.png") 100% no-repeat;
    color:#fff;
    font-size: 13px;  
    background-color: #A71832;
    width: 200px;
    height: 30px;
    border: 0;
    cursor: pointer;
}


#orderform .paymentactive.disabled{
    color:#ccc;
}

#orderform small{
    color:#5F5F64;
    font-size: 11px;
}

#orderform select{
    height: 28px;
    width:44px;
    background: transparent;
    -webkit-appearance: none;
    border-radius: 0;
    padding: 2px 0 2px 5px;
    border:1px solid #A6A6A6;    
    margin-bottom: 10px;
}

.orderform_table2{
    font-size: 13px;
    color:#575859;
    margin-top: 20px;
}

.orderform_table2 td{
    vertical-align: top;
    padding: 3px 0;
}

.softautohover{
    display: inline-block;
    margin: 20px 20px 20px 0;
    background-size: 200%;
    background-repeat: no-repeat;
    max-width: 100%;
}

#partners1, #partners2{
    position: absolute;
    right:20px;
}

#partners1{
    right: 10px;    
}

#partners2{
    top:350px;
    right: 60px;
}

#form1 {
    font-size: 13px;
    font-weight: bold;
}

#form1 table td{
    vertical-align: middle;
}

#form1 table td.top{
    vertical-align: top;
    padding-bottom: 10px;
}

#form1 input[type="text"], #form1 input[type="email"]{
    height: 22px;
    margin-right: 5px;
    text-align: center;
    margin-bottom: 2px;
}

#form1 .td1{
    width:10px;
}

#form1 input[type="radio"]{
    margin: 10px 15px 10px 0;
}

#form1 input[type="submit"]{
    background: #967548;
    color:#fff;
    width:291px;
    height: 33px;
    border: 0px;
    font-size: 14px;
    margin: 40px 0 0 231px;    

}

#form1 .address{
    width:480px;    
    margin: 30px 0 0 65px; 

}

#form1 .address td{
    text-align: right;
}

#form1 .address input{
    width: 291px;
    margin-left: 10px;
    margin-bottom: 10px;    
}

#dale-nabizime-inputs input[type="text"]{
    width:23px;
}

.odivadle li{
    list-style: disc;
}

#paper .odivadle li.nostyle{
    list-style-type: none;
}

.odivadle li a:hover{
    color:#000;
}


.odivadle .table1{
    border-collapse: collapse;
}

.odivadle .table1 td{
    border:1px solid #000;
    padding: 5px 5px 5px 10px;
    vertical-align: middle !important;
}

.odivadle .table1 .th1{
    border:0px;
    font-size: 14px;
    padding-top: 20px;
    font-weight: bold;
}

.odivadle .table1 th{
    border:1px solid #000;
    font-weight: normal;
}

.odivadle h2{
    margin-bottom: 5px;
}

.contactc{    
    float:left;
}

.contactr{
    margin-top: 650px;
}

#ferman{
    width:500px;    
    position: relative;
    margin: 0px auto;
    margin-top: 40px;
}

#ferman .h1{
    font-size: 28px;
    color:#fff;
    margin-bottom: 0px;
    font-family: 'Katarine-Semibold','Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
    display: block;
    letter-spacing: 1px;
}

#ferman .h2{
    font-size: 24px;
    color:#5F5F64;
    font-family: 'Katarine-Semibold','Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
}

#ferman .h3{
    font-size: 11px;
    color:#666;
}

#ferman .h4{
    color:#5F5F64;
    font-size: 24px;
    font-family: 'Katarine-Semibold','Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
    line-height: 100%;
}

#ferman .h5{
    font-size: 12px;
    color:#666;
}

#ferman .h6{
    font-size: 11px;
    position: absolute;
    right:10px;
    color:#666;
    top:5px;
}

#ferman .noactive{
    opacity:0.4;
}

#ferman .weektd span.mai{
    opacity:0.4;
}

#ferman .weektd a, #ferman .weektd span.mai{
    display:block;
    width:100%;
}

#ferman .fin{
    background: #fff;
    padding: 20px;
    width:460px;
}

#ferman table{
    border-collapse: collapse;    
    margin-bottom: 40px;
    width:100%;
}

#ferman table td{
    border:1px solid #5A5A5A;
    text-align: center;    
}


#ferman table.day td{
    width: 14.28571%;
}

#ferman table.day td.selected .h3, #ferman table.day td.selected .h4, #ferman table.day td.selected .h5, #ferman td.selected .h4,  #ferman td.selected .h6{
    color:#fff;
}

#ferman table.day td.selected, #ferman td.selected{
    background: #5F5F64;
}

#ferman table td a{
    display: block;
    width:100%;
}

.fermanmonth .h4{
    margin: 8px 0;
    display: block;
}
/*
#ferman .h4.old, #ferman .h3.old, #ferman .h5.old{
    color:#eee;
}*/

#ferman .loginbutton{
    cursor: pointer;
    border:1px solid #333;
    height: 25px;    
    padding: 2px;
    margin-left: 2px;
    margin-bottom: 10px;
}

#ferman #logintable{
    display: none;  
    background: #fff;
    margin-top: 0;
    border:1px solid #ccc;
}

#ferman #logintable td{
    border:0;
    text-align: left;    
}

#showoldresult:hover{
    text-decoration: underline;
}

.alert{
    color:#A31733;
}

.webarchive{
    margin-top: -8px;
}

#click2video{
    display: none;
}

#production iframe{
    display: none;   
}

#video{
    position: fixed;
    top:0;
    left:0;
    background: #fff;
    width:100%;
    height: 100%;
}

#video iframe{
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom: 0;
    margin: auto;
}

.pdflist img{
    height: 40px;
    margin-right: 10px;    
}

.pdflist a span{
    display: inline-block;
    vertical-align: top;
    margin-top:10px;
}

.ticketauditorium img{
    width:100%;
}

#tpiframe{
    width:994px;
}

#tp-date{
    font-size: 14px;   
    line-height: 18px;
    position: relative;
    top:-10px;
}

#tp-nxtdate{
    position: relative;
    font-size: 13px;
    padding-left: 12px;
    color:#57575C;
}

.mobilebasket{
    display: none;
}

@font-face {
    font-family: 'Katarine-Semibold';
    src: url('../fonts/Katarine/SemiBold3/katarine_semibold_std-webfont.eot');
    src: url('../fonts/Katarine/SemiBold3/katarine_semibold_std-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Katarine/SemiBold3/katarine_semibold_std-webfont.woff') format('woff'),
        url('../fonts/Katarine/SemiBold3/katarine_semibold_std-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@media print {

    body{
        background:none;
    }

    #top, #programform, #program #mainr, .programbasket,footer .second{
        display:none;
    }

    #program #mainl{
        width:100%;
    }

    #program #mainl .table .td{
        width:auto !important;
    }

    #gallery{
        width:0;
        display:none !important;
        height:0;
    }

    #programrbox{
        display:none;
    }


    footer{
        position:relative;
        margin-top:50px;
    }

}

.package{
    border-top: 1px dotted #A31733;
    margin-top: 25px;
    padding: 0 15px;
    max-width: 90%;
    box-sizing: border-box;
}

.package:last-child{
    border-bottom: 1px dotted #A31733;
}

.colosseum.doLogin form{
    display: inline;
    margin-left: 30px;
}

.colosseum.doLogin form button{
    display: inline-block;
    font-weight: bold;
}

.colosseum.doLogin form input{
    width: 180px;
    margin-right: 5px;
    color: #ffffff;
    background: #333333;
    border: 1px solid #555555;
    padding: 5px 10px;
    height: 19px;
}

.colosseum.doLogin a{
    color: #fff;
}

.colosseum .username{
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin-right: 20px;
}

.colosseum .submit{
    background-color: #a31733;
    padding: 5px 12px;
    height: 30px;
   margin-right: 10px;
   color: #FFF;
   border: 0px;
}

.colosseum.isLogged{
    padding-top: 8px;
}

.colosseum.isLogged a{
   margin-right: 10px; 
   color: #fff;
}

.colosseum.isLogged a:hover{
    text-decoration: underline;
}

.colosseum.isLogged .submit:hover{
 text-decoration: none;   
}

.success{
    background: #b4ecb4;
    padding: 10px;
}


.failed{
    background: #dd7777;
    padding: 10px;
}


@media only screen and (max-width: 1024px) {
    .visibleMobile{
        display: block;
    }
  }


.cancelbutton {
    display: none;
}

  @media only screen and (max-width: 1024px) {
    .submitbutton{
        background-color: #a71731 !important;
        margin-top: 10px !important;
        margin-left: 20px !important;
        width: 120px !important;
        font-size: 11px !important;
        padding-left: 12px !important;
    }

    .cancelbutton {
        display: block;
        float: right;
        margin-top: 22px;
        margin-right: 20px;
        font-size: 11px !important;
    }
    
  }