/*
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 : 2018.05.28., 15:22:23
    Author     : Peta
*/

*, *::before, *::after {
    box-sizing:border-box;
}

*, *:focus, *:visited {
    outline: none;
}

body {
    font-family:'Roboto Light';
    font-size:14px;
    width:100%;
    overflow-x: hidden;
    background-color:#d6ebcc;
}

a {
    color:inherit;
    text-decoration:none;
}

b, strong {
    font-weight:normal;
    font-family:'Roboto Bold';
    font-size:inherit;
}

h1, h2, h3, h4, h5, h6 {
    font-weight:normal;
}

h1 {
    font-family:'Roboto Bold';
    color:#14703d;
    font-size:42px;
    line-height:48px;
    margin-bottom:30px;
    text-transform:uppercase;
}

h2 {
    font-family:'Roboto Bold';
    font-size: 42px;
    line-height:50px;
    color:#14703d;
    padding: 0;
    margin-bottom:30px;
    text-transform:uppercase;
}

h3 {
    font-size: 24px;
    line-height:30px;
    color:#14703d;
    padding-bottom: 15px;
    margin:0 !important;
}

h4 {
    font-size: 22px;
    color:#14703d;
    padding: 22px 0 15px;
    margin:0 !important;
}

h5 {
    font-size: 19px;
    color: #14703d;
    padding: 22px 0 15px;
    margin:0 !important;
}

h6 {
    font-size: 17px;
    color: #14703d;
    padding: 22px 0 15px;
    margin:0 !important;
}

i, cite, em, var, address, dfn {
    font-family:'RobotoItalic';
    font-style:normal;
}

i b, cite b, em b, var b, address b, dfn b,
i strong, cite strong, em strong, var strong, address strong, dfn strong {
    font-family:'Roboto Bold Italic';
}

hr {
    border-bottom:solid 1px rgba(0,0,0,0.35);
}

.clear {
    float:none;
    clear:both;
    height:0;
    overflow:hidden;
}

.vcard {
    display:none !important;
}

header {;
        z-index:3;
        position:relative;
        background-color:rgba(20, 112, 61, 1);
}

body.scrolledIn header {
    background-color:rgba(20, 112, 61, 0.85);
}

header::after {
    content:"";
    display:block;
    float:none;
    clear:both;
}

#logo-wrap h1,
#logo-wrap h2 {
    padding:0;
    margin:0;
}

#logo-wrap {
    padding-top:36px;
}

#logo-wrap a {
    display:block;
    width:200px;
    height:30px;
    text-indent:-9999px;
    background: transparent url('../gfx/lrg.svg') no-repeat 0 0;
}

.container {
    position:relative;
    z-index:2;
    margin:0 auto;
}

.container::after {
    content:"";
    display:block;
    float:none;
    clear:both;
}

#col-wrap::after {
    content:"";
    display:block;
    float:none;
    clear:both;
}

.col .box {
    margin-bottom:32px;
}

#col-wrap .col {
    float:left;
}

#col-wrap .col:nth-child(1) {
    display:none;
}

#col-wrap .col:nth-child(2) {
    width:66%;
    padding-right:46px;
}

#col-wrap .col:nth-child(3) {
    width:34%;
}

/*
body.com_content .content .in,
body.com_formdesigner .content .in,
body.com_search .content .in,
body.com_downloadmanager .content .in,
body.com_sitemap .content .in,
body.com_reg .content .in,
body.com_login .content .in,
body.com_index .content .in,
body.fooldal #slider-in .container.in {
    padding:72px 0;
}
*/

.content * {
    text-align:left !important;
}

.content .in {
    padding:72px 0;
}

.noimg img {
    display:none !important;
}

footer {
    padding:64px 0;
    background:#14703d;
    border-bottom:solid 25px #084c27;
}

#slider {
    position:relative;
    z-index:1;
}

footer div.infoartnet {
    width: 30px;
    height: 30px;
    position:absolute;
    bottom:0;
    right:0;
}

footer div.infoartnet > a {
    width: 30px;
    height: 30px;
    display: block;
    background: transparent url('../gfx/infoartnet_logo.png') 0 0 no-repeat;
    text-indent: -9999px; 
}

footer * {
    color:#0d3920;
    font-family:'Roboto Regular';
}

footer .container {
    position:relative;
}

#admin-panel {
    background-color:#b9dce7;
}

/* INPUT */

input[type=text],
input[type=email],
input[type=password],
textarea {
    padding:10px;
    display:block;
    border:solid 1px #d6ebcc;
    box-shadow:
        0 5px 5px rgba(0,0,0,0.1) inset,
        0 -999px 0 #ffffff inset;
    background-color:#ffffff;
    resize:none;
}

select {
    padding:10px;
    display:block;
    border:solid 1px #b9dce7;
    box-shadow:
        0 5px 5px rgba(0,0,0,0.1) inset;
    outline:none;
    background-color:#ffffff;
}

input[type=submit],
input[type=button],
.readmore a,
.logout a,
a.reglink,
.part-newsbox_with_image .item > a,
.history-back a,
div.part-slider_extra div.sli-cnt-bg .sli-cnt-txt .sli-cnt-but a,
div.part-catview .content-blog-list a.read-more,
div.portlet-content.box.part-downloadmanager div.file > div.buttons > a {
    -moz-appearance:none;
    -webkit-appearance:none;
    appearance:none;
    cursor:pointer;
    display:inline-block;
    clear:both;
    padding:8px 20px;
    border:solid 2px #14703d;
    background-color:#14703d;
    color:#ffffff;
    transition:0.3s;
    margin-top:32px;
    font-family:'Roboto Regular';
    text-transform:uppercase;
}

input[type=submit]:hover,
input[type=button]:hover,
a.reglink:hover,
.logout a:hover,
.readmore a:hover,
.part-newsbox_with_image .item > a:hover,
div.part-catview .content-blog-list a.read-more:hover,
.history-back a:hover,
div.part-slider_extra div.sli-cnt-bg .sli-cnt-txt .sli-cnt-but a:hover,
div.portlet-content.box.part-downloadmanager div.file > div.buttons > a:hover {
    background-color:#ffffff;
    color:#14703d;
}

.box-input label {
    padding-top:10px;
    text-align:left;
}

.box-input > .descr, 
.box-input .descr-last {
    font-size:14px;
    line-height:20px;
}
.box-input {
    margin-bottom:10px;
}


.input-box::after,
.box-input::after {
    content:"";
    display:block;
    float:none;
    clear:both;
    height:0;
    overflow:hidden;
}

.helpdescr {
    opacity:0;
    color:#ffffff;
    padding:15px;
    background-color:#333333;
    border-radius:5px;
    font-size:14px;
    line-height:20px;
    position:absolute;
    z-index:2;
    right:32px;
    top:64px;
    max-width:280px;
    text-align:center;
    -webkit-transition:0.5s;
    -moz-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
}
.helpdescr.help-on {
    opacity:1;
}
.box-label {
    margin:15px 0;
    padding-bottom:15px;
    border-bottom:dotted 1px #dddddd;
}

.box-input .descr .descr {
    font-size:12px;
    position:relative;
    top:-10px;
}

.box-input .descr-last a {
    color:#14703d;
    text-decoration: underline;
}

#goTop {
    width: 45px;
    height: 45px;
    background-repeat: no-repeat;
    background-image: url(../gfx/top.svg);
    position: fixed;
    z-index: 9999;
    right: 80px;
    bottom: 50px;
    cursor: pointer;
}

@media only screen and (min-width:1324px) {
    .container {
        width:1274px;
    }
    header #menu-wrap {
        float:left;
        width:60%;
    }

    header #login-wrap {
        float:left;
        width:17%;
        padding-top:38px;
    }

    header #link-wrap {
        float:left;
        width:5%;
    }
}

@media only screen and (min-width:994px) {

    body {
        padding-top:100px;
    }

    header {
        position:fixed;
        top:0;
        left:0;
        width:100%;
        z-index:99;
        transition:0.5s;
    }

    body.scrolledIn header {

    }

    header #logo-wrap {
        float:left;
        width:18%;
    }
    
    input[type=text],
    input[type=password],
    input[type=email],
    textarea,
    select {
        display:block;
        float:left;
        width:30%;
    }
    
    .box-input label,
    .input-box label,
    .box-input .descr, 
    .box-input .descr-last {
        display:block;
    }
    
    .box-input > .descr, 
    .box-input .descr-last {
        width:30%;
    }
    
    .box-input label,
    .input-box label,
    .box-desc {
        width:30%;
        float:left;
    }

    footer .footer-col {
        width:30%;
    }

    footer #CO-data {
        width:10%;
    }
}

@media only screen and (min-width:994px) and (max-width:1323px) {
    .container {
        width:970px;
    }
    
    header #logo-wrap {
        width:23%;
    }
    
    header #menu-wrap {
        float:left;
        width:58%;
    }

    header #login-wrap {
        float:left;
        width:17%;
        padding-top:38px;
    }

    header #link-wrap {
        float:left;
        width:5%;
    }
}

@media only screen and (max-width:993px) {
    
    
}

@media only screen and (min-width:640px) and (max-width:993px) {
    header .container {
        display:flex;
        flex-wrap:wrap;
        justify-content:space-between;
    }
    
    #logo-wrap {
        order:1;
    }
    
    #login-wrap {
        order:2;
        padding-top:38px;
        flex-grow:1;
    }
    
    #link-wrap {
        order:3;
        padding-left:20px;
    }
    
    #menu-wrap {
        order:4;
    }
    
    header .container {

    }

    header #logo-wrap {
        margin-bottom:20px;
    }

    .container {
        width:624px;
    }
    
    input[type=text],
    input[type=password],
    input[type=email],
    textarea,
    select {
        display:block;
        float:left;
        width:50%;
    }
    
    .box-input label,
    .input-box label,
    .box-input .descr, 
    .box-input .descr-last {
        display:block;
    }
    
    .box-input > .descr, 
    .box-input .descr-last {
        width:50%;
    }
    
    .box-input label,
    .input-box label,
    .box-desc {
        width:50%;
        float:left;
    }

    body.fooldal #slider-in .container.in {
        padding:80px 0;
    }

    footer .footer-col {
        width:33.3%;
        margin-bottom:64px;
    }

    footer #CO-data {
        width:100%;
    }

}

@media only screen and (min-width:480px) and (max-width:639px) {
    .container {
        width:460px;
    }
    
    #col-wrap .col {
        float:none;
        width:auto;
    }

    footer .footer-col {
        float:left;
        width:50%;
        margin-bottom:64px;
    }

}

@media only screen and (min-width:640px) {

    footer #CO-data,
    footer .footer-col {
        float:left;
    }

    footer .footer-col {
        padding-right:20px;
    }
}

@media only screen and (max-width:639px) {

    header .container {
        padding-bottom:20px;
    }
    
    #col-wrap .col:nth-child(1),
    #col-wrap .col:nth-child(2),
    #col-wrap .col:nth-child(3) {
        float:none;
        padding:20px;
        width:auto;
    }

    #logo-wrap {
        margin-bottom:10px;
    }
    
    #logo-wrap a {
        width:212px;
        margin:0 auto;
        background-position:center center;
    }
    
    #logo-wrap {
        margin-bottom:36px;
    }
    
    /* Ha van fejlec link: */
    
    /*
    #menu-wrap,
    #login-wrap,
    #link-wrap {
        float:left;
        width:33.33%;
        text-align:center;
    }
    */
    
    #menu-wrap,
    #login-wrap {
        float:left;
        width:50%;
        text-align:center;
    }
    
    input[type=text],
    input[type=password],
    input[type=email],
    textarea,
    select {
        width:100%;
    }
    button,
    input[type=button],
    input[type=submit] {
        width:100%;
        float:none;
    }
    .box-input label,
    .input-box label,
    .box-desc {
        display:block;
    }
    
    .box-input label {
        padding-top:0;
    }
    
    .box-input .descr .descr {
        position:static;
    }

    footer .footer-col {
        margin-bottom:32px;
    }

}

@media only screen and (min-width:320px) and (max-width:479px) {
    img {
        max-width:none;
        width:100%;
    }

    .container {
        margin-left:15px;
        margin-right:15px;
    }


    body.fooldal #slider-in .container.in {
        padding:40px 0;
    }

}

@media only screen and (max-width:319px) {
    * {
        display:none !important;
    }
}





/* Media query sablon */

/*

@media only screen and (min-width:1324px) {
    
}

@media only screen and (min-width:994px) and (max-width:1323px) {
    
}

@media only screen and (min-width:640px) and (max-width:993px) {
    
}

@media only screen and (min-width:480px) and (max-width:639px) {
    
}

@media only screen and (max-width:639px) {
    
}

@media only screen and (min-width:320px) and (max-width:479px) {
    
}

*/