/*
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.03.15., 15:43:47
    Author     : janij
*/

@import 'js/jquery.min.js';

/*@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: 1.8) {    */
/*@media screen and (max-aspect-ratio: 16/9) {    */
@media screen and (max-aspect-ratio: 17/9) {    
    #frissID a img {
        position: absolute;       
        top: 47%; 
        left: 38.5%;
/*        width: 5.125%; // 82/16        */
        width: 3.33%;
        background: white; 
        -moz-box-shadow: 0 0 20px black; 
        -webkit-box-shadow: 0 0 20px black; 
        box-shadow: 0 0 20px black;
    }
    #magunkID a img {
        position: absolute;       
        top: 50.7%; 
        left: 39.9%;
/*        width: 10.3125%; // 165/16         */
        width: 6.69%;
        background: white; 
        -moz-box-shadow: 0 0 20px black; 
        -webkit-box-shadow: 0 0 20px black; 
        box-shadow: 0 0 20px black;
    }
    #perselyID a img {
        position: absolute;       
        top: 54.4%; 
        left: 38.5%;
/*        width: 7.3125%; // 117/16        */
        width: 4.75%;
        background: white; 
        -moz-box-shadow: 0 0 20px black; 
        -webkit-box-shadow: 0 0 20px black; 
        box-shadow: 0 0 20px black;
    }
    #uzenetID a img {
        position: absolute;       
        top: 58.1%; 
        left: 39.9%;
/*        width: 6.625%; // 106/16        */
        width: 4.3%;
        background: white; 
        -moz-box-shadow: 0 0 20px black; 
        -webkit-box-shadow: 0 0 20px black; 
        box-shadow: 0 0 20px black;
    }
    #partID a img {
        position: absolute;       
        top: 61.8%; 
        left: 38.5%;
/*        width: 10.0625%; // 161/16      */
        width: 6.53%;
        background: white; 
        -moz-box-shadow: 0 0 20px black; 
        -webkit-box-shadow: 0 0 20px black; 
        box-shadow: 0 0 20px black;
    }
    #naploID a img {
        position: absolute;       
        top: 65.5%; 
        left: 39.9%;
/*        width: 5.875%; // 94/16       */
        width: 3.81%;
        background: white; 
        -moz-box-shadow: 0 0 20px black; 
        -webkit-box-shadow: 0 0 20px black; 
        box-shadow: 0 0 20px black;
    }
    #kiadID a img {
        position: absolute;       
        top: 69.2%; 
        left: 38.5%;
/*        width: 11.0625%; // 177/16        */
        width: 7.18%;
        background: white; 
        -moz-box-shadow: 0 0 20px black; 
        -webkit-box-shadow: 0 0 20px black; 
        box-shadow: 0 0 20px black;
    }


    #agapeID a img {
        position: absolute;       
        top: 72.9%; 
        left: 39.9%;
/*        width: 6.625%; // 106/16           */
        width: 4.3%;
        background: white; 
        -moz-box-shadow: 0 0 20px black; 
        -webkit-box-shadow: 0 0 20px black; 
        box-shadow: 0 0 20px black;
    }
}

/*@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) {    
    #frissID a img {
        position: absolute;       
        top: 51.7%; 
        left: 42.2%;
/*        width: 5.125%; // 82/16          */
        width: 3.33%;
        background: white; 
        -moz-box-shadow: 0 0 20px black; 
        -webkit-box-shadow: 0 0 20px black; 
        box-shadow: 0 0 20px black;
    }
    #magunkID a img {
        position: absolute;       
        top: 55.4%;  
        left: 43.6%;  
/*        width: 10.3125%; // 165/16           */
        width: 6.69%;
        background: white; 
        -moz-box-shadow: 0 0 20px black; 
        -webkit-box-shadow: 0 0 20px black; 
        box-shadow: 0 0 20px black;
    }
    #perselyID a img {
        position: absolute;       
        top: 59.1%;  
        left: 42.2%; 
/*        width: 7.3125%; // 117/16        */
        width: 4.75%;
        background: white; 
        -moz-box-shadow: 0 0 20px black; 
        -webkit-box-shadow: 0 0 20px black; 
        box-shadow: 0 0 20px black;
    }
    #uzenetID a img {
        position: absolute;       
        top: 62.8%;  
        left: 43.6%;  
/*        width: 6.625%; // 106/16        */
        width: 4.3%;
        background: white; 
        -moz-box-shadow: 0 0 20px black; 
        -webkit-box-shadow: 0 0 20px black; 
        box-shadow: 0 0 20px black;
    }
    #partID a img {
        position: absolute;       
        top: 66.5%;  
        left: 42.2%; 
/*        width: 10.0625%; // 161/16           */
        width: 6.53%;
        background: white; 
        -moz-box-shadow: 0 0 20px black; 
        -webkit-box-shadow: 0 0 20px black; 
        box-shadow: 0 0 20px black;
    }
    #naploID a img {
        position: absolute;       
        top: 70.2%;  
        left: 43.6%;  
/*        width: 5.875%; // 94/16           */
        width: 3.81%;
        background: white; 
        -moz-box-shadow: 0 0 20px black; 
        -webkit-box-shadow: 0 0 20px black; 
        box-shadow: 0 0 20px black;
    }
    #kiadID a img {
        position: absolute;       
        top: 73.9%;  
        left: 42.2%; 
/*        width: 11.0625%; // 177/16           */
        width: 7.18%;
        background: white; 
        -moz-box-shadow: 0 0 20px black; 
        -webkit-box-shadow: 0 0 20px black; 
        box-shadow: 0 0 20px black;
    }


    #agapeID a img {
        position: absolute;       
        top: 77.6%; 
        left: 43.6%;  
/*        width: 6.625%; // 106/16           */
        width: 4.3%;
        background: white; 
        -moz-box-shadow: 0 0 20px black; 
        -webkit-box-shadow: 0 0 20px black; 
        box-shadow: 0 0 20px black;
    }
}


/***********************************  szemet  *******************************/
/*        
    opacity: 0.5; 
    right: 5%; 
    bottom: 0;
    padding-bottom:100px;
    line-height: 70%;
    padding: 20px; 
    visibility: hidden;
    resize: none;
    display: list-item;
    height: 40%;
*/