/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2016.02.22., 23:19:39
    Author     : janij
*/

/*
.Unselected {
//  color: black;
//  border: 1px solid black;
    display:inline-block;
//    width:262px;
//    height:140px;
//    margin:0 0 20px 0;
//    color:#b2aaa4;
//    background:#e6e2df;
    color:black;
    background:white;
    padding-right: 15px;
    padding-left: 15px;
    
    -webkit-transition:all 0.2s ease;
    -moz-transition:all 0.2s ease;
//    background-position:120px 50%;
//    background-repeat:no-repeat;
    text-decoration: none;
}

.Unselected:hower {
//  color: black;
//  border: 1px solid black;
    display:inline-block;
//    width:262px;
//    height:140px;
//    margin:0 0 20px 0;
//    color:#b2aaa4;
//    background:#e6e2df;
    color:white;
    background:black;
    padding-right: 15px;
    padding-left: 15px;
    
    -webkit-transition:all 0.2s ease;
    -moz-transition:all 0.2s ease;
//    background-position:120px 50%;
//    background-repeat:no-repeat;
    text-decoration: none;
}
*/

.Unselected img{
  border: 0;
/*  opacity: 0.7; */
  opacity: 1; 
}

.Unselected img:hover{
  border: 0;
  opacity: 0.6; 
/*  opacity: 1; */
}

.Selected img{    
  border: 0;
/*  border: 5px solid #d1a162; */
  opacity: 1; 
}

.Selected img:hover{    
  border: 0;
/*  border: 5px solid #d1a162; */
  opacity: 0.6; 
}

/*******************************     ELEJE "kep"          ******************************/
.Unselected_kep {
/*  
  color: black;
  border: 1px solid black;
*/

    display:inline-block;
/*        
    width:262px;
    height:140px;
    margin:0 0 20px 0;
    color:#b2aaa4;
    background:#e6e2df;
*/        
    color:black;
    background:white;
    padding-right: 15px;
    padding-left: 15px;
    
    -webkit-transition:all 0.2s ease;
    -moz-transition:all 0.2s ease;
/*    
    background-position:120px 50%;
    background-repeat:no-repeat;
*/
    text-decoration: none;
}

.Unselected_kep:hower {
/*  
  color: black;
  border: 1px solid black;
*/

    display:inline-block;
/*        
    width:262px;
    height:140px;
    margin:0 0 20px 0;
    color:#b2aaa4;
    background:#e6e2df;
*/

    color:white;
    background:black;
    padding-right: 15px;
    padding-left: 15px;
    
    -webkit-transition:all 0.2s ease;
    -moz-transition:all 0.2s ease;
/*    
    background-position:120px 50%;
    background-repeat:no-repeat;
*/
    text-decoration: none;
}

.Selected_kep {
/*  
  border: 1px solid white;
  color: white;
*/
    display:inline-block;
/*        
    width:262px;
    height:140px;
    margin:0 0 20px 0;
    color:#b2aaa4;
    background:#e6e2df;
    background:white;
    background-color: yellow;
*/        
    color:black;
    background-color: #d1a162;
    padding-right: 15px;
    padding-left: 15px;
    
    -webkit-transition:all 0.2s ease;
    -moz-transition:all 0.2s ease;
/*    
    background-position:120px 50%;
    background-repeat:no-repeat;
*/
    text-decoration: none;
}

/********************************    VEGE  "kep"    ***************************************/


/*@media screen and (min-width: 1300px) and (max-width: 1400px) {  */
/*@media screen and (min-device-aspect-ratio: 8/5) {    */
/*@media screen and (min-aspect-ratio: 1280/768) {         */

/*@media screen and (min-aspect-ratio: 8/5) {*/
@media screen and (min-aspect-ratio: 17/9) {
    #realBG{
        position: absolute;
        top: 50%;  /* position the top  edge of the element at the middle of the parent */
        left: 50%; /* position the left edge of the element at the middle of the parent */
        transform: translate(-50%, -50%); /* This is a shorthand of translateX(-50%) and translateY(-50%) */        
    }
}

img.bg {
        /* Set rules to fill background */
/*      
        min-height: 100%;
        min-width: 1024px;
*/


        /* Set up proportionate scaling */
        width: 100%;
/*      
        height: auto;
*/			
        /* Set up positioning */
        position: fixed;
        top: 0;
        left: 0;

/* Height of the footer element */
/*
padding-bottom:100px;
*/        
}

#contentDIV{
  visibility: hidden;
/*      display: none;
*/
}

/*@media screen and (min-width: 1300px) and (max-width: 1400px) {        */

/*@media screen and (min-aspect-ratio: 8/5) {    */
@media screen and (min-aspect-ratio: 17/9) {    
    #contentID { 
        position: absolute; 
        width: 27.3%; 
        bottom: 0%;
        height: 74%;
        left: 54.2%;       
        padding: 20px; 
        overflow: auto;
    }
}    

/*@media screen and (min-width: 1400px), screen and (max-width: 1300px) {      */

/*@media screen and (max-aspect-ratio: 8/5) {        */
@media screen and (max-aspect-ratio: 17/9) {        
    #contentID { 
        position: absolute; 
        width: 37.5%; 
/*      top:37%;           */  
        bottom: 0%;
        height: 74%;
        left: 58%;     
        padding: 20px; 
        overflow: auto;

    /* Height of the footer element 
        padding-bottom:100px;
    */
    /*
        background: white; 
        background-color: rgb(255,0,0);
    */
    /*        
        -moz-box-shadow: 0 0 20px black; 
        -webkit-box-shadow: 0 0 20px black; 
        box-shadow: 0 0 20px black;
    */
    /*        
        overflow: scroll;
        overflow: hidden;
    */
    }
}    



#kepDIV{
  visibility: hidden;
/*    display: none;  */
}

#kepekDIV{
  visibility: hidden;
/*    display: none;  */
}

/*@media screen and (min-width: 1300px) and (max-width: 1400px) {  */

/*@media screen and (min-aspect-ratio: 8/5) {        */
@media screen and (min-aspect-ratio: 17/9) {        
    #kepID { 
        position: absolute; 
        top:15%; 
        left: 21.7%;
        border: 2px solid;
    }

    #kepID:hover { 
    /*    
         opacity: 0.5;
    */
     }     
}

/*@media screen and (min-width: 1400px), screen and (max-width: 1300px) { */

/*@media screen and (max-aspect-ratio: 8/5) {        */
@media screen and (max-aspect-ratio: 17/9) {        
    #kepID { 
        position: absolute; 
        top:10%; 
        left: 10%;
        border: 2px solid;


/*    
        opacity: 1;
        transition: opacity .25s ease-in-out;
        -moz-transition: opacity .25s ease-in-out;
        -webkit-transition: opacity .25s ease-in-out;


        width: 10%; 
        height: 10%;
        border-style: solid;
        border-color: green;
        border-style: groove;
*/
    }

    #kepID:hover { 
/*    
         opacity: 0.5;
*/
     }    
/* 
    #kepekID { 
        position: absolute; 
        top: 5%; 
        left: 2%;
        border: 2px solid;
    }

    #kepekID:hover { 
         opacity: 0.5;
     }    

    #kepekID2 { 
        position: absolute; 
        top: 5%; 
        left: 12%;
        border: 2px solid;
    }

    #kepekID2:hover { 
         opacity: 0.5;
     }    

    #kepekID3 { 
        position: absolute; 
        top: 5%; 
        left: 22.1%;
        border: 2px solid;
    }

    #kepekID3:hover { 
         opacity: 0.5;
     }    

    #kepekID4 { 
        position: absolute; 
        top: 5%; 
        left: 32.1%;
        border: 2px solid;
    }

    #kepekID4:hover { 
         opacity: 0.5;
     }    
*/
}

/**********************************  szemet  ******************************************/