/* Ritok L. 2013.06.- sajat lap */


/* kis meret - desktop es mobil keszulekek */

.nagylap{
    position: relative;
    top: 0;
    background-color:#000000;
    width:100%;
    height:960px;
}
.ritoklajos_text{
    width: 100%;
    text-align: center;
    color: #444444;
    font-size: 1.2em;
    line-height: 2em;
}


.kislapok{
    background-color:#000000;
    position: relative;
    top: 7%;
    width:90%;
    height:50%;
    margin-left: 6%;
    /*margin-right: 4%;*/
    background-image:url('../images/ritok_main_page.jpg');
    background-repeat:no-repeat;
    background-size:contain;
    background-position: 50% 0;
    z-index: 1;
}
.enter_page_btn{
    position: relative;
    margin-left: 45%;
    top: 1%;
    width: 13%;
    height: 13%;
    background-image:url('../images/ritok_m_page_btn.png');
    background-repeat:no-repeat;
    background-size:contain;
    z-index: 2;
    cursor: pointer;
}
.enter_page_btn:hover,.enter_page_btn.active {
    background-image:url('../images/ritok_m_page_btn_act.png');
}


/* desktop bongeszo NAGY meret 900px felett */
.container{
    width:100%;
}
@media only screen and ( min-width: 900px),
only screen and (min-resolution: 192dpi) {
    .container{
        width:960px;
    }
    /*.nagylap{*/
        /*position: relative;*/
        /*top: 0;*/
        /*background-color:#000000;*/
        /*width:100%;*/
        /*height:900px;*/
    /*}*/
    .kislapok{
        background-color:#000000;
        position: relative;
        top: 3%;
        width:90%;
        height:53%;
        margin-left: 6%;
        /*margin-right: 4%;*/
        background-image:url('../images/ritok_main_page.jpg');
        background-repeat:no-repeat;
        background-size:contain;
        z-index: 1;
    }
    .enter_page_btn{
        position: relative;
        margin-left: 45%;
        top: 2%;
        width: 13%;
        height: 13%;
        background-image:url('../images/ritok_m_page_btn.png');
        background-repeat:no-repeat;
        background-size:contain;
        z-index: 2;
        cursor: crosshair;
    }
}
/* iPhone kepernyo meretezesek  */

/* a regebbi nem retina iphone 1:1 nincs pixel scalazas */
@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 1){
    .container{
        width:600px;
        height: 960px;
    }
    .nagylap{
        position: relative;
        width:100%;
        top: 0;
        left: 0;
        background-color:#000000;
    }
    .kislapok{
        background-color:#60BF60;
        position: relative;
        top: 0;
        width:90%;
        left: 0;
        /*height:540px;*/
        /*margin-left: 5%;*/
        /*margin-right: 5%;*/
        background: url(../images/ritok_main_page.jpg) center center no-repeat;
        /*-webkit-background-size: 50% auto;*/
    }
    .enter_page_btn{
        position: relative;
        margin-left: 45%;
        top: 0;
        width: 13%;
        height: 13%;
        background-image:url('../images/ritok_m_page_btn.png');
        background-repeat:no-repeat;
        background-size:contain;
        z-index: 2;
        cursor: crosshair;
    }
}
/* retina iphone-ipad itt van 2:1 pixel scalazas , van tablagep ami 1.5 scale de...*/

/*@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .container{
        width:600px;
        height: 960px;
    }
    .nagylap{
        position: relative;
        width:100%;
        top: 0;
        left: 0;
        background-color:#000000;
    }
    .kislapok{
        background-color:#60BF60;
        position: relative;
        top: 0;
        width:90%;
        left: 0;
        /*height:540px;*/
        /*margin-left: 5%;*/
        /*margin-right: 5%;*/
        background: url(../images/ritok_main_page.jpg) center center no-repeat;
        /*-webkit-background-size: 50% auto;*/
    }
    .enter_page_btn{
        position: relative;
        margin-left: 45%;
        top: 0;
        width: 13%;
        height: 13%;
        background-image:url('../images/ritok_m_page_btn.png');
        background-repeat:no-repeat;
        background-size:contain;
        z-index: 2;
        cursor: crosshair;
    }
}
/* kepernyo meretezesek END */

/* Videos */

.main_video {
    display: none;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;

}

.playvideo .main_video {
    z-index: 3;
    display: block;
}


video,
.video embed,
.video object,
.video iframe {
    width: 100%;
    height: auto;
}

video {
    position: relative;
    left: 0;
    width: auto;
    height: auto;

    /*width: 960px;*/
    height: 540px;

}