/*
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.10., 18:19:13
    Author     : Roboz Bela <info@webfocus.hu>
*/

.jatekos-modul h3 {
    margin-bottom: 20px;
}

.jatekos-modul .kep-es-adatok-kontener {
    display: table;
    width: 100%;
    margin-bottom: 0px;
}

.jatekos-modul .ugras-fel {
    text-align: right;
}

.jatekos-modul .kep-kontener,
.jatekos-modul .adatok-kontener {
    display: table-cell;
    vertical-align: top;
}

.jatekos-modul .adatok-kontener {
    text-align: justify;
}

.jatekos-modul .kep-kontener {
    width: 210px;
}

.jatekos-modul .adatok-kontener .adatok-belso-tabla {
    display: table;
    width: 100%;
    text-align: left;
}

.jatekos-modul .adatok-kontener .adatok-belso-tabla > .cella {
    display: table-cell;
    width: 50%;
}

.jatekos-modul .adatok-kontener .adatok-belso-tabla > .cella:first-child {
    padding-right: 10px;
}

.jatekos-modul .kulcs {
    font-weight: bold; 
}

.jatekos-modul .kulcs,
.jatekos-modul .ertek {
    display: block
}

.jatekos-modul .kulcs-ertek-par.megjegyzes .ertek {
    margin-top: 5px;
}

.jatekos-modul .adatok-kontener .adatok-belso-tabla .cella .kulcs,
.jatekos-modul .adatok-kontener .adatok-belso-tabla .cella .ertek {
    display: inline;
}

.jatekos-modul .adatok-kontener .adatok-belso-tabla {
    border-bottom: thin solid black;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.jatekos-modul .kulcs-ertek-par {
    margin-bottom: 5px;
}


.jatekos-modul .adatok-kontener {
    padding-left: 10px;
}

.jatekos-modul .kep-kontener img {
    width: 100%;
    height: auto;
    border: thin solid darkblue;
    margin-bottom: 10px;
}


@media (max-width: 840px) {
    .jatekos-modul .adatok-kontener .adatok-belso-tabla .cella .kulcs,
    .jatekos-modul .adatok-kontener .adatok-belso-tabla .cella .ertek {
        display: block;
    }
    .jatekos-modul .adatok-kontener .adatok-belso-tabla .cella .ertek {
        padding-left: 10px;
    }
}

@media (max-width: 600px) {
  

    .jatekos-modul .adatok-kontener .adatok-belso-tabla,
    .jatekos-modul .adatok-kontener .adatok-belso-tabla > .cella {
        display: block;
        width: 100%;
    }     
    
    .jatekos-modul .adatok-kontener .adatok-belso-tabla > .cella:first-child {
        padding-right: 0px;
    }    
    
    .jatekos-modul .adatok-kontener .adatok-belso-tabla {
        border-bottom: none;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }  
    
    
}

@media (max-width: 490px) {
    .jatekos-modul .kep-es-adatok-kontener,
    .jatekos-modul .kep-kontener,
    .jatekos-modul .adatok-kontener {    
        display: block;
        width: 100%;
    }
    .jatekos-modul .adatok-kontener {
        padding-left: 0px;
    }
    
    .jatekos-modul .adatok-kontener .adatok-belso-tabla .cella .kulcs,
    .jatekos-modul .adatok-kontener .adatok-belso-tabla .cella .ertek {
        display: inline;
    }    
    .jatekos-modul .adatok-kontener .adatok-belso-tabla .cella .ertek {
        padding-left: 0px;
    }    

    
    .jatekos-modul .kep-kontener img {    
        max-width: 250px;       
    }     
    
}

@media (max-width: 350px) {
    
    .jatekos-modul .kep-kontener a {
        display: block;
        width: 100%;
    }
    
    .jatekos-modul .kep-kontener img {  
        display: block;
        max-width: none !important;     
    }    
}
   





.felsorolas-jatekos-nevek {
    font-size: 0px;
    margin-bottom: 0px;
    margin-left:15px;
}

.felsorolas-jatekos-nevek a {
    text-decoration: none;
}

.felsorolas-jatekos-nevek a:hover {
    text-decoration: underline;
}

.felsorolas-jatekos-nevek ul {
    padding-left: 25px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}

.felsorolo-blokk .cim {
    font-weight: bold;
}

.felsorolas-jatekos-nevek > div {
    text-align: left;
    font-size: 12pt;
    display: inline-block;
    vertical-align: top;
    width: 33%;
    margin-bottom: 30px;
}

/* Minden elso */
.felsorolas-jatekos-nevek .felsorolo-blokk:nth-child(3n-2) {
    padding-right: 10px;
}

/* Minden második es harmadik */
.felsorolas-jatekos-nevek > div:nth-child(3n),
.felsorolas-jatekos-nevek > div:nth-child(3n-1)  {
    padding-right: 10px;
    padding-left: 10px; 
       
}


@media (max-width:690px) {
   
    .felsorolas-jatekos-nevek > div {
        width: 50%;
    }
    
    /* Minden elso */
    .felsorolas-jatekos-nevek > div:nth-child(2n-1) {
        padding-right: 10px;
        padding-left: 0px;
    }    
    
    /* Minden masodik */
    .felsorolas-jatekos-nevek > div:nth-child(2n) {
        padding-right: 0px;
        padding-left: 10px;    
    }    
    
}

@media (max-width:500px) {
    .felsorolas-jatekos-nevek > div {
        width: 100%;
        border-left: none !important;
        padding-right: 0px !important;
        padding-left: 0px  !important;    
        margin-bottom: 0px !important;
    }
    
    .felsorolas-jatekos-nevek ul {
        margin-bottom: 0px;
        padding-left:15px;
    } 
    
    .felsorolas-jatekos-nevek {
        margin-bottom: 30px;
    }
 
}

div > .jatekos-modul:first-child h3 {
    margin-top: 0px;
}