html {
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     z-index:0;  
}

    @font-face {font-family:'Ubuntu Bold';src:url('../fonts/Ubuntu-B.eot?') format("eot"),url('../fonts/Ubuntu-B.woff') format("woff"),url('../fonts/Ubuntu-B.ttf') format("truetype"),url('../fonts/Ubuntu-B.svg#Ubuntu-B') format("svg");font-weight:normal;font-style:normal;}
    @font-face {font-family:'Ubuntu Condensed';src:url('../fonts/Ubuntu-C.eot?') format("eot"),url('../fonts/Ubuntu-C.woff') format("woff"),url('../fonts/Ubuntu-C.ttf') format("truetype"),url('../fonts/Ubuntu-B.svg#Ubuntu-C') format("svg");font-weight:normal;font-style:normal;}
    @font-face {font-family:'Ubuntu Light';src:url('../fonts/Ubuntu-L.eot?') format("eot"),url('../fonts/Ubuntu-L.woff') format("woff"),url('../fonts/Ubuntu-L.ttf') format("truetype"),url('../fonts/Ubuntu-B.svg#Ubuntu-L') format("svg");font-weight:normal;font-style:normal;}

    

body { padding: 0; margin-top:400px;}
  
    .bgA { background: url('../App_Store/dimages/bga.jpg') repeat;}
    .bgB { background: url('../App_Store/dimages/bgb.jpg') repeat;}

    .minigap{ height:8px; } 
    .smallgap{ height:12px; } 
    .mediumgap{ height:50px; } 

    
    .safegap { margin-bottom: 0px; height:100px; width:100%;background-color: yellow }

    .contentHeader { position: fixed;  background-color: black;  width: 100%; height:70px; z-index:4;}
    .contentFooter { position: fixed;  bottom: 0; background-color: black; width: 100%; height:60px; z-index:5; }
    .phantomFooter {   width: 100%; height:100px; margin-bottom:-40px}

    #imageM {
    background: url('../App_Store/dimages/IMugras.png') no-repeat;
    width: 620px; height:300px;
    }


   .centralCNT {
      position: fixed;  
      left: 0;   right: 0;  top:0; bottom:0; margin: auto; 
      width: 624px;
      height: 360px;
    }

   .mainMENUPLH {
      position: absolute;
      left: 13px;
      top: 292px;
      right: 0px;
    }

    #mainMENU  {
    text-align:center;
    width:595px !important;
    }    
    

    #mainMENU .k-item { 
     background-color: rgba(224,224,232, 1); 
     width:85px !important;  height:28px !important;     
     font-family: 'Ubuntu Narrow', sans-serif; font-weight:500; font-size: 8.5pt; font-style:normal; 
     letter-spacing: 1px;
     } 
     
    #mainMENU .k-link{ 
     height:4px !important; line-height:4px;  color: black;
     } 
    
     #mainMENU .k-link:active { color: black; text-decoration:underline; }
     #mainMENU .k-link:hover {  background-color: rgba(232,232,232, .8);  color: rgba(0,0,0,0.80); border-left: 1px solid black; border-right: 1px solid black;}
     #mainMENU .k-item:last-child:hover {  border-right: 0px solid white;}
     /*#mainMENU .k-menu .k-item  { height:100px !important; }*/

   .langMENUPLH { position: absolute; left: 436px;top: -21px;  right: 0px; }
    #langMENU {  text-align:center;  width:170px !important;  } 

     #langMENU .k-item { 
     background-color: rgba(224,224,232, 1); 
     width:85px !important;  height:28px !important;  
     font-family: 'Ubuntu Narrow', sans-serif; font-weight:500; font-size: 8.5pt; font-style:normal;
     letter-spacing: 1px;
     } 

     #langMENU .k-link { color: black;}
     #langMENU .k-link:active { color: black; text-decoration:underline; }
     #langMENU .k-link{ height:4px !important; line-height:4px; } 
     #langMENU .k-link:hover { background-color: rgba(232,232,232, .8); color: rgba(0,0,0,0.80); border-left: 1px solid black; border-right: 1px solid black;}
     #langMENU .k-item:last-child:hover {  border-right: 0px solid white;}

    .contentMENUPLH { position: fixed;   left: 0;   right: 0; top: 15px;  margin: auto; width: 620px; height: 40px; }
     #contentMENU { margin-top:25px;  text-align:center; width:660px !important; }
 
     #contentMENU .k-item { 
     background-color: rgba(224,224,232, 1); 
     width:94px !important;  height:28px !important;     
     font-family: 'Ubuntu Narrow', sans-serif; font-weight:500; font-size: 8.5pt; font-style:normal;color: black;
     letter-spacing: 1px;
     } 

     #contentMENU .k-link{ height:4px !important; line-height:4px; color: black;} 
     #contentMENU .k-link:hover {  background-color: rgba(232,232,232, .2); color: rgba(0,0,0,0.80); border-left: 1px solid black; border-right: 1px solid black;}
     #contentMENU .k-item:last-child:hover { border-right: 2px solid black}

     #contentMENU .k-state-selected {  background-color: rgba(0,0,0, .15); font-weight:500; color: black; border-left: 1px solid black; border-right: 1px solid black;}
     

/*MEDIAGALLERY*/     

    #filtersCNT0{
        position: absolute;       
        left:50%;              
        margin-top: 12px; 
        margin-left: -396px;            
	    width: 40px;
	    height: 40px;  
        /*border-radius: 50%;*/
        background-color: black; 
         border-radius: 4px;
         /*border: 2px solid whitesmoke !important;*/ 
        z-index:2;
    }

    #searchSVG {  
        width: 60px;
        height: 60px;
        border: 0;
        margin-top: 5px;
        margin-left: 5px;
        background: url(fonts/search67.svg) no-repeat;
        background-size: 50% 50%;
        cursor: pointer;   
        z-index:2;   
    }

    #searchSVG:hover {   
        width: 72px;
        height: 72px;
        border: 0;
        margin-top: 1px;
        margin-left: 1px;
        background: url(fonts/search67.svg) no-repeat;
        background-size: 50% 50%;
        cursor: pointer;   
        z-index:2;   
}

    #archCNT0{   
       position: absolute;       
        left:50%;              
        margin-top: 54px; 
        margin-left: -396px;            
	    width: 40px;
	    height: 40px;  
        /*border-radius: 50%;*/
        background-color: black; 
         border-radius: 4px;
         /*border: 2px solid whitesmoke !important;*/ 
        z-index:2;
    } 

    #archCNT0:hover{ background-color: black;  }
   
    #archSVG {  
        width:40px;
        height:40px;
        border: 0;
        margin-top: 9px;
        margin-left:10px;
        background: url(fonts/tabs1.svg) no-repeat;
        font-weight:400;
        background-size: 50% 50%;
        cursor: pointer;   
        fill: whitesmoke;
        z-index:2;   
    }

    #archSVG:hover {   
       width: 54px;
        height:54px;
        border: 0;
        margin-top: 6px;
        margin-left: 6px;
        background: url(fonts/tabs1b.svg) no-repeat;
        font-weight:400;
        background-size: 50% 50%;
        cursor: pointer;   
        fill: whitesmoke;
        z-index:2;   
}

    #filtersCNT{
        /* position: relative;*/ 
        position: absolute;       
        left:50%;              
        margin-top:10px !important; 
        margin-left:-152px;            
        width: 664px !important;
        height:44px;
        background-color: rgba(256,256,256, 1); 
        background:black; 
        border: .25px solid rgba(256,256,256, .48);  border-radius: 4px;
        z-index:22 !important;  
    }
       
    #filtersBLOCK{
      position: relative; margin-top:-15.5px !important; 
      margin-left:4px;  
      text-decoration: none;
      font-family: 'Ubuntu Narrow', sans-serif; font-weight:400; font-size: 8.5pt; font-style:normal;

    }

     #filtersBLOCK ul{
     list-style: none;
     /*line-height:12px;*/
 }

     #filtersBLOCK2{
      position: absolute; 
      margin-top:-32px;   margin-left:60px; 
      height:48px;
      text-decoration: none;
     font-family: 'Ubuntu Narrow', sans-serif; font-weight:400; font-size: 8.5pt; font-style:normal;
     z-index:2;
    }

     #filtersBLOCK2 ul{
     list-style: none;
     /*line-height:12px;*/
 }

     #datepickersPL{
      position: absolute; 
      left:50%;  
      margin:48px 0px 0px -332px !important;
      padding-top:8px;
      height:50px; width:380px !important;
      text-decoration: none;

      font-family: 'Ubuntu Narrow', sans-serif; font-weight:400; font-size: 8.5pt; font-style:normal;
      background-color: black; color: white;
      border: .25px solid rgba(256,256,256, .48);  border-radius: 4px;

    }

     #datepickersPL li{
         list-style: none;
         line-height: 24px;
 }

    .filtersButtonsPLH
   {   
       position: relative;         
       margin-left:400px; margin-top:-30px;  
    }



   #itemsnotfound{
        /* position: relative;*/ 
        position: absolute;       
        left:50%;              
        margin-top: 20px; 
        margin-left: -376px; 
        text-align:right;
        width: 160px;
        height: 24px;
        border-radius: 4px;
        background-color: rgba(256,256,256,.98); 
        border: .25px solid whitesmoke !important;  border-radius: 5px;
        font-family: 'dosisbold'; font-size:10pt; color: whitesmoke; font-weight:600;
        letter-spacing:2px;
        padding:6px 4px 2px 4px;
        z-index:2;
    }


    #gal-section{ 
        position: absolute;  
        margin-top: 84px;  
        left:50%; margin-left:-320px; 
        width:712px; 

       z-index:1;
    }

   .aimageLW-section { /*LW tömbje: placing  menu wifth*/    
        display: inline-block; 
        position: absolute;
        text-align: center;
        width:712px;
        height:auto;
        padding: 5px 0px 50px 5px;

        z-index:2;
    }

     #aimageLW { /*LW tömbje2: formatting*/
        margin-top: 0px; 
        padding-left: 0px;            
        border:none;
        color: white;
        background-color: transparent;
    }

    .imageTH {
        float: left;
        width: 150px; /* háttér, alap, ha kell*/
        height: 150px; /*SORKÖZ kifutó, vagy kisebbb, mint a legkisebb képmagaság*/
        margin-top: 2px;
        margin-right: 12px;
        padding: 4px;
        display:table-cell;
        vertical-align: middle !important; 
        /*border: .25px solid whitesmoke !important;  border-radius: 0px;*/
        }

     .myGalleryWindow .k-window-titlebar .k-link{ background: none;  }
     .myGalleryWindow .k-window-titlebar { background: none; }

      #aimageLW .k-state-selected  { background: none;}

    .imageTH img {   
        position: relative;
        max-width: 150px; /*kép méretre*/
        height: auto;
        max-height: 150px; /**/
        vertical-align: middle !important; 
        border: .25px solid black !important;  border-radius: 0px;   
        }

    .imageTH h3 {
        margin: 0;
        /*  padding: 3px 5px 0 0;*/
        max-width: 120px;
        overflow: hidden;
        line-height: .7em;

        text-transform: uppercase;
        color: #999;
        }

    .imageTH p {visibility: hidden; }

    .imageTH:hover p {
        visibility: visible;
        position: absolute;
        width:120px; /*hover alap!!!! .imageTH img/ width*/

        height:60px;
        /*margin-top: -20px;*/  /*!!!! .imageTH img/ vertical  hover csusztatása*/ 
        margin-top: -90px; 
        margin-left:10px;
        padding: 4px; /*!!!! .imageTH img/ padding*/
        line-height: 20px;  /*szöveg pos*/
        vertical-align: middle;
        border-radius:4px;
        text-align: center;
        font-family: 'Ubuntu Condensed', sans-serif; font-weight:300; font-size: 8.5pt; font-style:normal; letter-spacing:2px;
        color: #fff;
        background-color: rgba(0,0,0,0.80);
        transition: background .2s linear, color .2s linear;
        -moz-transition: background .2s linear, color .2s linear;
        -webkit-transition: background .2s linear, color .2s linear;
        -o-transition: background .2s linear, color .2s linear;
        vertical-align: middle !important; 
       }

        .k-listview:after .imageTH dl:after {
        content: ".";
        display: block;
        height: auto;
        clear: both;
        visibility:hidden;
            /*background-color: rgba(0,0,0,0.80);*/
        }



    
/*-----IMAGE DETAILS Window------------------------*/
      

    .aimageDetailsWindow-section{}
     /*position: absolute;   
        margin-top: 150px;*/
       
    .myGalleryWindow .k-window
        {     
        width: 995px; 
        border-color: black;
        box-shadow: none !important;
        border: 2px solid black !important;
        }

    .myGalleryWindow .k-header   {
            background-color:  rgba(0,0,0, 1)  !important; 
            box-shadow: none !important;
            color: black !important;  /*set color to the titlebar*/

            border: 1px solid black !important;
            width: 994px !important;
           
            background: none; /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!r*/
        }

    .myGalleryWindow .k-link{ background: #fff;  } 

    .myGalleryWindow .k-window-titlebar  {
                /*background-color: rgba(0,0,0,0);  
                box-shadow: none !important;*/
                background: none;
               
                /*border-width: 0;*/
                }

    .myGalleryWindow div.k-window-content {   
            background-color:  rgba(0,0,0, 1)  !important; 
            border: 0px solid black !important;
            text-align:center;
            width: 996px; 
        }

    .mediaLG {
        /*position: relative;*/
            /*position: absolute;*/ 
             display: inline-block;       
              position: absolute;  
              left: 0;   right: 0;  top:16px; bottom:0; margin: auto; 
              width: 800px;
              height: 640px;

            }

    .mediaLG img {
            max-width: 800px;
            max-height:540px;
            height:auto;
        }

    #mediaLGInfoCNT  {
            /*background-color:  rgba(0,0,0, 0.1)  !important;*/ 
             display: inline-block;       
            position: absolute;  
            left: 0;   right: 0;  top:620px; bottom:0; margin: auto; 
            width: 800px;
            height: 80px;
            max-height: 80px;
            text-align: center;
            color: white; 

            padding-top:0px;
            z-index: 2;  /**/
            overflow-y:hidden;
        }
          
    .mediaDetailsTypo {
        font-family: 'Ubuntu', sans-serif; font-weight:400; font-size: 10pt; font-style:normal;
        letter-spacing:2px;
         z-index: 2; 
        }


                
/*-----FILM DETAILS Window------------------------*/
        

        .videoBlock
        {
            position: absolute;
            top: 160px !important;
            left: 50%;
            margin-left:-300px;
	        padding:1px;

	        width:600px; 
            height: auto; 
            text-align:center;

        }


 /*-----EXhibitions Window------------------------*/


      #adataLW {
      position: absolute;  
      margin-top: 75px;  left:50%;
      display: inline-block; 
      position: absolute;
      margin-left:-312px;
      text-align: left;
      width:648px;
      height:auto;

      padding: 5px 5px 5px 10px;  
      border:none;
      background-color: rgba(224,224,232, 1);
      z-index:2;
    }


     #adataLW p {font-family: 'Ubuntu Light', sans-serif; font-weight:300; font-size: 9pt; font-style:normal; color: black; text-align: left; letter-spacing: 3px}
     #adataLW h3 { font-family: 'Ubuntu Bold', sans-serif; font-weight:600; font-size: 11pt; font-style:normal;  color: black; text-align: left; letter-spacing: 2px}

     
 /*-----CV Window------------------------*/
        

    .adata2-section {    
      position: absolute;
      margin-top: 100px;
      height:auto;
      padding:0px;
      padding-bottom:100px;
      left:50%;
      display: inline-block; 
      margin-left:-312px;
      text-align: left;
      width:664px;
      background-color: rgba(224,224,232, 1);
     font-family: 'Ubuntu', sans-serif; font-weight:300; font-size: 10pt; font-style:normal; color: black; text-align: left; letter-spacing: 1px;
    }

    

 /*-----Main Login------------------------*/
  

    #LoginW0 {left: 0; right: 0;  top:0; bottom:0; margin: auto; width: 420px; height:420px; }
   
    
    #login0Block{
        position: fixed;  
        left: 0; right: 0;  top:0; bottom:0; margin: auto; 
        background-color:black;
        width: 420px; height: 240px;      
    }

     
    .login0Form {  
        margin-top:10px; margin-left:10px;
        width: 400px;height:224px;
    }

    #login0Block .loginBLOCKLBL {
      position: absolute;   
      margin: 36px 0px 0px 65px !important; 
      font-family: 'Ubuntu Bold', sans-serif; font-weight:600; font-size: 12pt; font-style:normal;  letter-spacing: 2px;
      text-align:right!important;
      color:white;
    }

   #login0Block .loginpassBLOCKLBL{
       position: absolute;   
       margin: 84px 0px 0px 28px !important; 
       font-family: 'Ubuntu Bold', sans-serif; font-weight:600; font-size: 12pt; font-style:normal;  letter-spacing: 2px;
       text-align:right!important;
       color:white;
    }
   

   #login0Block .login2userBox{ position: absolute; margin:30px 0px 0px 130px !important;}
   #login0Block .login2userBox input{ padding-left:0px; width: 200px !important;  height: 26px !important;  font-family:'Ubuntu Bold', sans-serif; font-weight:600; font-size: 12pt; font-style:normal;  letter-spacing: 2px; }
   #login0Block .login2passBox{ position: absolute; margin: 80px 0px 0px 130px !important;  }
   #login0Block .login2passBox input{ padding-left:0px; width: 200px !important; height: 26px !important; text-align:left; font-family: 'Ubuntu Bold', sans-serif; font-weight:600; font-size: 12pt; font-style:normal;  letter-spacing: 2px; }
  
   #login0Block ul{ list-style: none; line-height:20px;}

   
    #login0Block .forgotpassLBL
      {   
        position: absolute;
        margin:175px 0px 0px 60px !important; 
        color:white; 
         font-family: 'Ubuntu Bold', sans-serif; font-weight:600; font-size:10pt; font-style:normal;  letter-spacing: 2px;
        z-index:12;   
      }

       .loginSignupBTNstyle {  
        position: absolute;   
        margin-top:140px; margin-left:-20px;
        width:360px !important;  height:32px !important;  
        background-color: darkslategrey !important; color:white; border:none; 
        font-family: 'Ubuntu Bold', sans-serif; font-weight:600; font-size: 12pt; font-style:normal;  letter-spacing: 2px;
        color:white;
        text-align: center; 
        z-index:12;   
      }