/* 
    #ff5700 narancs
*/

* {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
}


div,span {overflow-x: hidden; overflow-y:hidden; }


a:link { } 
a:visited { } 
a:hover { } 
a:active { } 
a:visited:hover { }



body {
    
    background-attachment: fixed;
    background-color: #fff;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;    
    
    text-align: center;
    margin:0;
    /* padding-bottom: 20px; */
    background-color: #fff;
    background-size: 100%;
    

}


.img_resp {
    width: 100%;
    height: auto;    
}



    


div.container
{
        display: block;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: left; 

}

div.container_up {
    margin-top: 20px;
}

a {
    text-decoration: none;
}

#bg_shape {
    overflow: hidden;
    height: auto;
    position: relative;
}

span.logo {
    display: block;
    padding-bottom: 5px;
    padding-left: 10px;
    font-size: 20px;
}


div.menupontok {
    float: left;
}

div.menupont_cim {
    float: left;
    color: #ccc;
    padding: 10px 20px 10px 20px;
}


div.menupont {
    font-size: 25px;
    float: left;
    color: white;
    padding: 10px 20px 10px 20px;
    cursor: pointer;
}


div.menupont:hover {
    color: #ff5700;
}

div.menupont a {
    text-decoration: none;
    color: #ddd;
    font-family: "futurax_normal";
}

div.menupont a:hover {
    color: #ff5700;
}

div.aktiv a{
    color: #ff5700;
}



span.musoradat {
    display: block; width: 90%;  padding-left: 10px; margin-bottom: 20px;
}

span.footerkp {
    padding-left: 20px;
    display: block;
    font-size: 12px;    
    color: #888;
    padding-top: 8px;
    font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;      
}

span.kiscim {
    display: block;
    font-weight: bold;
}

.also_kulso {
    margin-left: auto;
    margin-right: auto;
}

.also {
    display: table-cell;
    text-align: right; 
    vertical-align: middle; 
    background-color: #304771; 
    color: #ccc; 
    height: 40px;
    font-size: 10px;
    padding-right: 15px;
    font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;          
}

.elerhetosegek {
    padding: 10px;
}

.elerhetosegek span {
    display: block;
    padding-left: 10px;
    padding-top: 5px;
}

div.bal, div.jobb {
    
}

.musor_jegyfoglalas {
    vertical-align: bottom;
    font-size: 10px;
    padding-bottom: 5px;
}

.szabadhelymutato {
    font-size: 12px;
    color: #444;
}

.head {
    text-align: center;
    padding: 5px;
}

.head img {
    
}

.head div {
    text-align: center;
}

.head div.head_left {
    /* float: left; */
}

.head div.head_left img {
}

.head div.head_center1 {
    height: 150px;
    vertical-align: middle;
    padding-left: 25px;
    display: table-cell;
    color: #fff;
    font-size: 20px;
    text-align: left;
    /* border-left: 2px solid #000; */
}

.head div.head_center1 img{
    height: 65px;
}


.head div.head_center2 {
    vertical-align: middle;
    color: #fff;
    font-size: 21px;
    text-align: center;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75);
    letter-spacing: 2px;
    
    /* border-left: 2px solid #000; */
}

.head_center2 li {
    font-family: "futurax_normal";        
}
.cimtexthead {
    font-size: 50px; 
    letter-spacing: 10px;
    
}



.head div.head_right {
    float: right;
}

.head div li {
    list-style: none;
}

.szekek {
    background-image: url("../images/szinpadszekekkel.png");
    background-size: contain;
    background-size: cover;
    height: 720px;
}

.maimusor {
    padding-left: 250px;
    padding-top: 160px;
    padding-right: 150px;
}


span.musor_alcim_span { font-family: arial;}

div#maps_div {display: none;}
.forditsdel {display: none;}

@media only screen and
    (min-width : 1201px) {
        div.container { max-width: 1200px; }
        .also_kulso { max-width: 1200px; }
        .also { max-width: 1200px; }
        div.bal {width: 98%;}
        div.jobb { width: 98%; }        
        div#oldal_bal {width: 60%; }
        div#oldal_jobb {width: 40%; }
        span.musor_cim_span { font-size: 18px; } 
        span.musor_alcim_span { font-size: 13px;}
        div.ketto {display: block;}
        .musor_egymusor {height: 100px;}
        .musor_miniplakat img { height: 95px; }
        td.musor_cim { height: 100px; }
        div.szov_tarolo { height: 100px;}
        .musor_jegyfoglalas {  background-size: 95px auto; }
        .musor_jegyfoglalas:hover { background-size: 100px; }
        .szoveg_min {display: none;}
    }

    @media only screen and (max-width: 1200px) {
        header {display: none;}
        nav#fomenu {display: none;}
        div.container_up {margin-top: 0px;}
        div#kulso_terem_1, div#kulso_terem_2 {
            overflow-x: scroll;
            margin-bottom: 20px;
            padding-bottom: 5px;            
        }        
       
        
    }    

@media only screen and
    (min-width : 980px) and (max-width: 1200px) {
        div.menupont {font-size: 22px; padding: 20px;}
        div.szekek {display: none;}
        div.container { max-width: 1200px; }
        .also_kulso { max-width: 1200px; }
        .also { max-width: 1200px; }
        div.bal {width: 98%;}
        div.jobb { width: 98%; }        
        div#oldal_bal {width: 60%; }
        div#oldal_jobb {width: 40%; }
        span.musor_cim_span { font-size: 18px; } 
        span.musor_alcim_span { font-size: 13px;}           
        div.ketto {display: block;}
        .musor_egymusor {height: 100px;}
        .musor_miniplakat img { height: 95px; }
        td.musor_cim { height: 100px; }
        div.szov_tarolo { height: 100px;}
        .musor_jegyfoglalas {  background-size: 95px auto; }
        .musor_jegyfoglalas:hover { background-size: 100px; }
        .szoveg_min {display: none;}
    }

@media only screen and
    (min-width: 640px) and (max-width: 979px) {
        .head div.head_center2 {padding-left: 50px; font-size: 16px;}
        .head div.head_center2 li.cimtexthead {font-size: 36px;}
        div.menupont {font-size: 18px; padding: 15px;}
        div#moziplakat {display: none;}
        div.szekek {display: none;}
        div.container { min-width: 640px; }
        .also_kulso { min-width: 640px; }
        .also { min-width: 640px; }
        div#oldal_jobb {display: none;}
        div#anim { display: none;}
        div.bal {width: 98%; min-width: 610px;}
        div#oldal_bal {min-width: 640px; width: 100%;}
        span.musor_cim_span { font-size: 26px; }
        span.musor_alcim_span { font-size: 20px;}
        .musor_egymusor {height: 150px;}
        .musor_miniplakat img { height: 130px; }        
        .musor_kezdes {font-size: 26px; padding: 4px;}
        div.ketto {display: none;}
        .musor_jegyfoglalas {  background-size: 120px auto; }        
        .musor_jegyfoglalas:hover { background-size: 130px; }
        .musor_nap td { font-size: 36px;}
        .szoveg_min {display: none;}
        .logo2 {display: none;}
        #logos1 {display: none;}
    }

        
    
@media only screen and
    (min-width: 450px) and (max-width: 639px) {
        
        span.cim_cim {font-size: 24px;}
        span.cim_idegencim {font-size: 18px;}
        span.cim_leiras {font-size: 12px;}
        span.cim_terem {font-size: 12px;}
        
        .head div.head_right {display: none;}
        .head div.head_center1 {display: none;}
        .head div.head_center2 {font-size: 16px; padding-left: 20px;}
        .head div.head_center2 li.cimtexthead {font-size: 36px;}
        
        div#maps_div {display: block;}
        div#rss_div {display: none;}
        div.menupont {font-size: 18px;}
        
        div#kepgaleria {display: none;}
        div#moziplakat {display: none;}
        div#magunkrol {display: none;}
        div#filmajanlo {display: none;}
        
        li.cimtexthead {font-size: 20px;}
        div.szekek {display: none;}
        div.container { min-width: 450px; }
        .also_kulso { min-width: 450px; }
        .also { min-width: 450px; }
        div#oldal_jobb {display: none;}
        div#anim { display: none;}
        div.bal {width: 98%; min-width: 420px;}
        div#oldal_bal {min-width: 420px; width: 100%;}
        span.musor_cim_span { font-size: 24px; }
        span.musor_alcim_span { font-size: 16px;}
        .musor_nap {background-color: #ccc;}
        .musor_egymusor {height: 90px;}
        .musor_egymusor_space {background-color: #ccc;}
        .musor_miniplakat img { height: 80px; padding: 5px; }        
        .musor_kezdes {font-size: 20px;}
        div.ketto {display: none;}
        .musor_jegyfoglalas {  background-size: 80px auto; }        
        .musor_jegyfoglalas:hover { background-size: 90px; }
        .musor_nap td { font-size: 30px;}
        .logo2 {display: none;}
        .logo1 {display: none;}
        .szoveg_min {display: none;}
        
        li.sz, li.nemfoglalhato, li.nemlathato, li.semmi {
            height: 22px;
            line-height: 22px;
            width: 22px;
            -webkit-border-top-left-radius: 9px;
            -webkit-border-top-right-radius: 9px;
            -moz-border-radius-topleft: 9px;
            -moz-border-radius-topright: 9px;
            border-top-left-radius: 9px;
            border-top-right-radius: 9px;
            
        }
        
        span.cim_szinpad {margin-top: 15px;}
        div#error, div#foglalas_ok {width: 90%; height: auto; left:auto; padding:10px;}
        div#foglalas_ok {font-size: 12px;}
        div#felirat {float:left;}
        div.kosar {
            display: none;
        }
        
        div#nevbeker {
            overflow-x: scroll;
        }
        #logos1 {display: none;}
        
    }
    
    
@media only screen and
    (max-width: 449px) {
        
        span.cim_cim {font-size: 24px;}
        span.cim_idegencim {font-size: 18px;}
        span.cim_leiras {font-size: 12px;}
        span.cim_terem {font-size: 12px;}        
        
        .head div.head_right {display: none;}
        .head div.head_center2 {font-size: 14px; padding-left: 20px; display: table-cell; vertical-align: middle;}        
        .head div.head_center1 {display: none;}
        .head div.head_center2 li.cimtexthead {display: none;font-size: 24px;}        
        
       
        div.menupontok {display: none;}
        div.szekek {display: none;}

        div.container { min-width: 320px; }
        .also_kulso { min-width: 320px; }
        .also { min-width: 320px; }
        div#oldal_jobb {display: none;}
        div#anim { display: none;}
        div.bal {width: 98%; min-width: 300px;}
        div#oldal_bal {min-width: 320px; width: 100%;}
        span.musor_cim_span { font-size: 18px; }
        span.musor_alcim_span { font-size: 12px;}        
        .musor_nap td { background-color: #ccc; border-top: 1px solid black;}
        .musor_miniplakat {display: none;}
        .musor_egymusor {height: 60px;  }
        .musor_egymusor_space {background-color: #666;}
        .musor_kezdes {font-size: 16px; padding: 5px;}    
        div.ketto {display: none;}
        .musor_jegyfoglalas {  background-size: 160px auto; }                
        .musor_jegyfoglalas:hover { background-size: 170px; }        
        .logo {display: none;}
        .musor_cim {display: none;}

        .musor_jegyfoglalas {display: none;}
        
        li.jegytipus {
            width: 75px;
        }
        div.jt_belso {
            width: 75px;
            font-size: 10px;
        }

        li.sz, li.nemfoglalhato, li.nemlathato, li.semmi {
            height: 22px;
            line-height: 22px;
            width: 22px;
            -webkit-border-top-left-radius: 9px;
            -webkit-border-top-right-radius: 9px;
            -moz-border-radius-topleft: 9px;
            -moz-border-radius-topright: 9px;
            border-top-left-radius: 9px;
            border-top-right-radius: 9px;
            
        }
        
        span.cim_szinpad {margin-top: 15px;}
        div#error, div#foglalas_ok {width: 90%; height: auto; left:auto; padding:10px;}
        div#foglalas_ok {font-size: 12px;}
        
        div#felirat {float:left;}        
        div.kosar {
            display: none;
        }
        
        div#nevbeker {
            overflow-x: scroll;
        }
        #logos1 {display: none;}
        
    }