.rosta.cikk.lista .head.rovat {
    height: 100px;
    background: #F04923;
}

.rosta.cikk.lista .head.rovat h1 {
    font-family: 'Roboto', sans-serif;
    font-size: 54px;
    font-weight: 900;
    line-height: 37px;
    color: #060000;
    margin: 0;
    border-bottom: 1px solid #060000;
    text-transform: uppercase;
}

.rosta.cikk.lista .head.rovat h1 span {
    display: inline-block;
    width: 9px;
    height: 1px;
}

.rosta.cikk.lista h1 .head.rovat .extend {
    width: auto;
    height: auto;
    font-size: 24px;
    line-height: 18px;
}

.rosta.cikk.lista {
    margin-bottom: 25px;
}

.rosta.cikk.lista .head {
    position: relative;
}

.rosta.cikk.lista h3 {
    padding-left: 0;
    padding-top: 3px;
    font-family: 'Roboto', sans-serif;
    font-size: 54px;
    font-weight: 900;
    line-height: 37px;
    color: #ffffff;
    text-transform: uppercase;
    border-bottom: 1px solid #ffffff;
    float: left;
}

.ie .rosta.cikk.lista h3 {
    padding-top: 0px;
}

.rosta.cikk.lista h3 span {
    width: 10px;
    height: 1px;
    display: inline-block;
}

.rosta.cikk.lista h3 a {
    color: #ffffff;
    text-transform: uppercase;
}

.rosta.cikk.lista .head .szerzo {
    border-right: 1px solid #F04923;
    overflow: hidden;
}

.rosta.cikk.lista .head .szerzo .photo {
    width: 170px;
    height: 170px;
    text-align: center;
    float: left;
}

.rosta.cikk.lista .head .szerzo img {
    width: auto;
    height: auto;
    max-width: 170px;
    max-height: 170px;
}

.rosta.cikk.lista .head .szerzo .text {
}

.rosta.cikk.lista .head .szerzo .on-air {
    width: 170px;
    height: 55px;
    background: transparent url(/static/frontend/images/on_air.png) no-repeat 0 0;
    display: block;
}

.rosta.cikk.lista.off .head .szerzo .on-air {
    display: none;
}

.rosta.cikk.lista .head .szerzo .off-air {
    width: 170px;
    height: 55px;
    background: transparent url(/static/frontend/images/on_air.png) no-repeat 0 0;
    display: none;
}

.rosta.cikk.lista.off .head .szerzo .off-air {
    display: block;
    background: transparent url(/static/frontend/images/off_air.png) no-repeat 0 0;
}

.rosta.cikk.lista .head .szerzo .szerzo-nev {
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    font-size: 14px;
    color: #ffffff;
    display: block;
}

.rosta.cikk.lista .head .szerzo .szerzo-nev:hover {
    text-decoration: none;
}

.rosta.cikk.lista .head .szerzo .szerzo-nev span {
    padding-right: 3px;
    background: transparent url(/static/frontend/images/bg_linia_gray.png) repeat-x 0 14px;
}

.rosta.cikk.lista .cont {
    padding: 0;
    background: #E6E5DE url(/static/frontend/images/bg_pattern_rosta_doboz.png) repeat 0 0;
    border-bottom: 1px solid #F04923;
    border-right: 1px solid #F04923;
}

.rosta.cikk.lista article {
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 0;
    border-bottom: 1px solid #2c2b2b;
}

.rosta.cikk.lista > .cont > article:last-of-type {
    border-bottom: none;
}

.rosta.cikk.lista .image {
    text-align: center;
}

.rosta.cikk.lista img {

}

.rosta.cikk.lista .cont .text {
    padding-left: 25px;
    overflow: hidden;
}

.rosta.cikk.lista h2 {
    margin: -4px 0 0 0;
}

.rosta.cikk.lista h2 a {
    font-family: 'Noto Serif', serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    color: #060000;
}

.rosta.cikk.lista .icons {
    margin: 5px 0;
}

.rosta.cikk.lista .icons i {
    font-size: 14px;
    line-height: 30px;
    color: #EF4923;
}

.rosta.cikk.lista .lead {
    font-family: 'Noto Serif', serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #060000;
}

.rosta.cikk.lista .infos {
    margin: 5px 0 -5px;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    font-size: 12px;
    line-height: 24px;
}

.rosta.cikk.lista .szerzo {
    color: #EF4923;
}

.rosta.cikk.lista .szerzo:hover {
    text-decoration: none;
}

.rosta.cikk.lista .datum {
    color: #060000;
}

.rosta.cikk.lista.off .szerzo .photo {
    display: none;
}

.rosta.cikk.lista.off .head .szerzo .szerzo-nev  {
    display: none;
}


.rosta.cikk.lista .off-text {
    display: none;
}

.rosta.cikk.lista.off .off-text {
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    display: inline-block;
    padding: 23px 10px 0;
    float: left;
    width: 230px;
}

.rosta.cikk.lista.off {

}

.rosta.cikk.lista.off {

}

/* responsive */

@media (min-width: 300px) {
    .rosta.cikk.lista .head {
        height: 172px;
        background: #2C2B2A url(/static/frontend/images/bg_pattern_rosta.png) repeat 0 0;
        border-top: 1px solid #F04923;
        border-right: 1px solid #F04923;
    }
    .rosta.cikk.lista.off .head {
        height: 172px;
        background: #F04923;
        border-top: 1px solid #F04923;
        border-right: 1px solid #F04923;
    }
    .rosta.cikk.lista .head .szerzo {
        padding-right: 10px;
        background: #2C2B2A url(/static/frontend/images/bg_pattern_rosta.png) repeat 0 0;
        border-top: 0;
        border-right: 0;
    }
    .rosta.cikk.lista.off .head .szerzo {
        padding-right: 10px;
        background: #2C2B2A url(/static/frontend/images/bg_pattern_rosta_inactive.png) repeat 0 0;
        border-top: 0;
        border-right: 0;
        height: 99%;
    }
    .rosta.cikk.lista h3 {
        margin-top: -4px;
        width: 90%;
    }
    .rosta.cikk.lista.off h3 {
        margin-top: -4px;
        width: 50%;
    }
    .rosta.cikk.lista .head .szerzo {
        padding-right: 0;
        background: none;
        border-top: none;
    }
    .rosta.cikk.lista .head .szerzo .text {
        position: absolute;
        top: 51px;
        left: 0;
        padding: 0 0 0 25px;
    }
    .rosta.cikk.lista .head .szerzo .photo {
        position: absolute;
        top: 0;
        right: 0;
        margin: 1px 0;

        width: 70px;
    }
    .rosta.cikk.lista .head .szerzo img {
        max-width: 70px;

    }
    .rosta.cikk.lista .head .szerzo .on-air {
        margin: 0px 0 0 10px;
    }
    .rosta.cikk.lista.off .head .szerzo .off-air {
        margin: 100px 25px;
    }
    .rosta.cikk.lista .head .szerzo .szerzo-nev {
        margin: 7px 8px 0 0;
        text-align: right;
        background: none;
    }
}

@media (min-width: 415px) {
    .rosta.cikk.lista .head {
        height: 172px;
        background: #2C2B2A url(/static/frontend/images/bg_pattern_rosta.png) repeat 0 0;
        border-top: 1px solid #F04923;
        border-right: 1px solid #F04923;
    }
    .rosta.cikk.lista.off .head {
        height: 172px;
        background: #F04923;
        border-top: 1px solid #F04923;
        border-right: 1px solid #F04923;
    }
    .rosta.cikk.lista .head .szerzo {
        padding-right: 10px;
        background: #2C2B2A url(/static/frontend/images/bg_pattern_rosta.png) repeat 0 0;
        border-top: 0;
        border-right: 0;
    }
    .rosta.cikk.lista.off .head .szerzo {
        padding-right: 10px;
        background: #2C2B2A url(/static/frontend/images/bg_pattern_rosta_inactive.png) repeat 0 0;
        border-top: 0;
        border-right: 0;
        height: 99%;
    }
    .rosta.cikk.lista h3 {
        margin-top: -4px;
        width: 90%;
    }
    .rosta.cikk.lista.off h3 {
        margin-top: -4px;
        width: 50%;
    }
    .rosta.cikk.lista .head .szerzo {
        padding-right: 0;
        background: none;
        border-top: none;
    }
    .rosta.cikk.lista .head .szerzo .text {
        position: absolute;
        top: 51px;
        left: 0;
        padding: 0 0 0 25px;
    }
    .rosta.cikk.lista .head .szerzo .photo {
        position: absolute;
        top: 0;
        right: 0;
        margin: 1px 0;
        width: 170px;
    }
    .rosta.cikk.lista .head .szerzo img {
        max-width: 170px;

    }
    .rosta.cikk.lista .head .szerzo .on-air {
        margin: 0px 0 0 10px;
    }
    .rosta.cikk.lista.off .head .szerzo .off-air {
        margin: 100px 25px;
    }
    .rosta.cikk.lista .head .szerzo .szerzo-nev {
        margin: 7px 8px 0 0;
        text-align: right;
        background: none;
    }
}

@media (min-width: 710px) {
    .rosta.cikk.lista .head {
        background: #F04923;
    }
    .rosta.cikk.lista h3 {
        margin: -4px 0 0;
        width: 262px;
    }
    .rosta.cikk.lista .head .szerzo {
        padding-right: 10px;
        background: #2C2B2A url(/static/frontend/images/bg_pattern_rosta.png) repeat 0 0;
        border-top: 0;
        border-right: 0;
    }
    .rosta.cikk.lista.off .head .szerzo {
        padding-right: 10px;
        background: #2C2B2A url(/static/frontend/images/bg_pattern_rosta_inactive.png) repeat 0 0;
        border-top: 0;
        border-right: 0;
        height: 99%;
    }
    .rosta.cikk.lista.off .head {
        background: #F04923;
    }
    .rosta.cikk.lista.off .head .szerzo {
        background: #F04923 url(/static/frontend/images/bg_pattern_rosta_inactive.png) repeat 0 0;

        height: 99%;
    }
    .rosta.cikk.lista .head .szerzo .text {
        position: relative;
        top: auto;
        left: auto;
        padding: 0 0 0 205px;
    }
    .rosta.cikk.lista.off .head .szerzo .text {
        position: absolute;
        top: 0;
        left: 0;
        padding: 0 0 0 25px;
    }
    .rosta.cikk.lista .head .szerzo .photo {
        position: relative;
        top: auto;
        right: auto;
        margin: 1px 0 1px 0;
    }
    .rosta.cikk.lista .head .szerzo .on-air {
        margin: 10px;
    }
    .rosta.cikk.lista.off .head .szerzo .off-air {
        margin: 100px 25px;
    }
    .rosta.cikk.lista .head .szerzo .szerzo-nev {
        margin: 76px 0 0 20px;
        text-align: left;
        background: transparent url(/static/frontend/images/bg_linia_white.png) repeat-x 0 14px;
    }
}

@media (min-width: 885px) {
    .rosta.cikk.lista .head {
        height: 172px;
        background: #2C2B2A url(/static/frontend/images/bg_pattern_rosta.png) repeat 0 0;
        border-top: 1px solid #F04923;
        border-right: 1px solid #F04923;
    }
    .rosta.cikk.lista.off .head {
        background: #F04923;
    }
    .rosta.cikk.lista.off .head .szerzo {
        background: #F04923 url(/static/frontend/images/bg_pattern_rosta_inactive.png) repeat 0 0;

        height: 99%;
    }
    .rosta.cikk.lista h3 {
        margin-top: -4px;
        width: 90%;
    }
    .rosta.cikk.lista.off h3 {
        width: 55%
    }
    .rosta.cikk.lista .head .szerzo {
        padding-right: 0;
        background: none;
        border-top: none;
    }
    .rosta.cikk.lista .head .szerzo .text {
        position: absolute;
        top: 0;
        left: 0;
        padding: 0 0 0 25px;
    }
    .rosta.cikk.lista .head .szerzo .photo {
        position: absolute;
        top: 0;
        right: 0;
        margin: 1px 0;
    }
    .rosta.cikk.lista .head .szerzo .on-air {
        margin: 51px 0 0 10px;
    }
    .rosta.cikk.lista.off .head .szerzo .off-air {
        margin: 100px 25px;
    }
    .rosta.cikk.lista .head .szerzo .szerzo-nev {
        margin: 7px 8px 0 0;
        text-align: right;
        background: none;
    }
}

@media (min-width: 1040px) {
    .rosta.cikk.lista .head {
        background: #F04923;
    }

    .rosta.cikk.lista h3 {
        margin: -3px 0 0;
        width: 262px;
    }

    .rosta.cikk.lista.off h3 {
        width: 262px;
    }

    .rosta.cikk.lista .head .szerzo {
        padding-right: 10px;
        background: #2C2B2A url(/static/frontend/images/bg_pattern_rosta.png) repeat 0 0;
        border-top: 0;
        border-right: 0;
    }

    .rosta.cikk.lista.off .head .szerzo {
        padding-right: 10px;
        background: #2C2B2A url(/static/frontend/images/bg_pattern_rosta_inactive.png) repeat 0 0;
        border-top: 0;
        border-right: 0;
    }

    .rosta.cikk.lista .head .szerzo .text {
        position: relative;
        top: auto;
        left: auto;
        padding: 0 0 0 205px;
    }

    .rosta.cikk.lista.off .head .szerzo .text {
        position: relative;
        padding-top: 25px;
        padding-left: 230px;
        height: 145px;
    }

    .rosta.cikk.lista .head .szerzo .photo {
        position: relative;
        top: auto;
        right: auto;
        margin: 1px 0 1px 0;
    }

    .rosta.cikk.lista .head .szerzo .on-air {
        margin: 10px;
    }

    .rosta.cikk.lista.off .head .szerzo .off-air {
        margin: 0px 25px;
    }

    .rosta.cikk.lista .head .szerzo .szerzo-nev {
        margin: 76px 0 0 20px;
        background: transparent url(/static/frontend/images/bg_linia_white.png) repeat-x 0 14px;
        text-align: left;
    }
}