@charset "utf-8";
img{border:0px;}
* html form {display: inline} 
/*Holly HACK */
.cf:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.cf
{
    display: inline-block;
}
* html .cf
{
    height: 1%;
}

.cf
{
    display: block;
}
body, html
{
    font-family: 'Open Sans', sans-serif;
    font-size:14px;
    font-weight: 300;
    padding:0px;
    margin:0px;
    color: #676767;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    background-color: #fff;
}

b{font-weight: 700}
strong{font-weight: 700}

h1, h2, h3, h4, h5
{
    font-family: 'Montserrat', sans-serif;
    margin-top: 0px;
}

a 
{
    text-decoration: none;
    color:#8fa22e;
    -moz-transition: all 0.15s linear;
    -webkit-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
}
a:hover
{
    text-decoration: underline;
    color:#8fa22e;
    
}

button
{
    background-color: #0e8c0f;
    border: none;
    color:#fff;
    text-decoration: underline;
    cursor: pointer;
    padding: 10px 20px;
}
.cont
{
    width: 1200px;
    margin:0px auto;
}
.cont-center
{
    text-align: center;
}
div.main-cont
{
    width: 100%;
    padding: 0px;
    margin:0px auto;
}

div.green-line
{
    background-color: #b9d238;
    height: 3px;
}

div.head
{
    /*height: 100px;*/
    background-color: #fff;
    padding: 15px 0px;
}
/*div.head-logo
{
    height: 57px;
    width: 300px;
    float: right;
    display: block;
    clear:initial;
}*/
div.head-right-cont
{
    width: 850px;
    float: right;
    display: block;
}

div.head-left-cont
{
    width: 350px;
    float: left;
    display: block;
}


div.main-menu
{
    /*background-color: #f2f2f2;*/
    font-size: 16px;
    margin: 0px;
    border-top: 1px solid #676767;
}


/*
.main-menu a
{
    font-size: 16px;

    float: left;
    padding: 0px 12px;
    border-right: 1px solid #176a33;
    
}
.main-menu a:last-child
{
    border: 0px;
}
.main-menu a:first-child
{
    padding-left: 0px;
}

.main-menu a:hover
{
    text-decoration: underline;
}






*/

/*  szerkeszteni */

input.search-input
{
    background-color: #fff;
    border: 1px solid #cecece;
    border-radius: 5px;
    padding: 10px 10px;
    width: 289px;
}
input.search-button
{
    background-color:#b9d238 ;
    color: #fff;
    border: 1px solid #b9d238;
    border-radius: 5px;
    padding: 10px 0px;
    width: 311px;
    margin-top: 20px;
    cursor: pointer;
}

div.left-separator
{
    background-color: #cecece;
    height: 1px;
    margin:30px 0px;
}

span.big-grey-title
{
    color: #707070;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
        
    
}
div.head-menu
{
   
    
}
.head-menu a
{
    text-transform: uppercase;
    color: #212121;
    display: block;
    float: right;
    padding: 30px 25px;
    font-weight: 700;
}
.head-menu a:hover
{
    
    color: #fff;
    background-color:#b9d238 ;
    text-decoration: none;
}

div.left-menu
{
    margin-top:40px;
}

.left-menu a
{
    color: #707070;
    display: block;
    float: left;
    border-bottom: 1px solid #cecece;
    padding: 15px 0px;
    width: 310px;
}
.left-menu a:hover
{
    color: #b9d238;
    color: #8fa22e;
    text-decoration: none;
}

div.main-nav{display: block;}
div.mobile-nav {display: none;}


div.mobile-nav{display: none}


div.content-cont
{
    padding: 100px 0px 20px 0px;
    background-color: #fff;
    font-size: 16px;
    background: url('/images/bg.jpg') repeat-x #fff;
        
    
    
}
div.content
{
    padding-top: 10px;
    min-height: 500px;
    width: 758px;
    display: block;
    float: right;
    margin-bottom: 70px;
}

div.left-menu-cont
{
    display: block;
    float: left;
    width: 310px ; /* 370 - 30 - 30 */
    padding: 30px;
    background-color: #f7f7f7;
    
}



span.szotar
{
    color:#000;
    border-bottom:1px dotted;
    cursor:help;
}


div.footer
{
    background-color: #231f20;
    padding: 40px 0px;
    color: #888;
}


div.footer-right
{
    display: block;
    float:right;
    width: 500px;
    
    
}

div.footer-left
{
    display: block;
    float:left;
    width: 500px;
    
}

div.info-div
{
    background-color: #bad03a;
    text-align: center;
    padding: 10px 0px;
    position: fixed;
    bottom: 0px;
    width: 100%;
    color: #231f20;
    font-family: 'Montserrat', sans-serif;
}
.info-div a
{
    color: #231f20;
    font-family: 'Montserrat', sans-serif;
}

.info-div a:hover
{
    text-decoration: underline;
}


/* régi */



div.articles-cont
{
    clear: both;
    min-height: 500px;
}


div.article-box-cont
{
    
    width: 300px;
    width: 230px;
    margin: 0px 15px 25px 0px;
    
    background-color: #e6e6e6;
}
.article-box-cont:nth-child(4n)
{
    margin-right: 0px;
}

div.article-box-image
{
    
}
.article-box-image img
{
    width: 230px;
}
div.article-box-date
{
    font-size: 12px;
    margin:5px 0px;
    padding-left: 5px;
}
.article-box-date a
{
    display: inline-block;
    float: right;
    background-color:#125027;
    color: #fff;
    font-size: 14px;
    padding: 5px;
    
}
.article-box-date a:hover
{
    background-color:#176a33;
    text-decoration: none;
    
}



div.article-box-text{padding: 5px}
.article-box-text p{margin: 0px}
div.article-box-title{padding: 5px}
.article-box-title a
{
    font-size:18px;
    font-weight: 700;
    text-decoration: none;
    color:#125027;
    -moz-transition: all 0.15s linear;
    -webkit-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
    
    
}
.article-box-title a:hover
{
    text-decoration: underline;
    color:#176a33;
}

/* article-box 2 */
div.article-box-cont2
{
    margin: 0px 50px 50px 0px;
    display: block;
}

.article-box-cont2:nth-child(3n)
{
    margin-right: 0px;
}

div.article-box-image2
{
    width: 300px;
    height: 200px;
    overflow: hidden;
    position: relative;
}
.article-box-image2 img
{
    width: 300px;
    height: 200px;
    
}
div.article-box-date2
{
    font-size: 12px;
    margin:5px 0px;
    padding-left: 5px;
}
.article-box-date2 a
{
  
    color: #8fa22e;
    font-size: 14px;
  
    
}
.article-box-date2 a:hover
{
    
    text-decoration: none;
    
}
div.article-box-text2
{
    padding: 5px;
}
.article-box-text2 p{margin: 0px}
div.article-box-title2
{
    padding: 5px;
    
    
}
.article-box-title2 a
{
    font-family: 'Montserrat', sans-serif;
    font-size:24px;
    font-weight: 700;
    text-decoration: none;
    color:#212121;
    -moz-transition: all 0.15s linear;
    -webkit-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
    
    
}
.article-box-title2 a:hover
{
    text-decoration: underline;
    color:#8fa22e;
    
}

img.article-box-flag
{
    width: 35px;
    height: 35px;
    display: block;
    position: absolute;
    top: 15px;
    left: 15px;
}
div.articles-flags
{
    margin-bottom: 20px;
}

.articles-flags img
{
    width: 35px;
    height: 35px;
    display: block;
    float: right;
    margin-left: 10px;
    cursor: pointer;
}
/* */



div.article-date
{
    font-size: 12px;
    
}
div.article-lead
{
    /*font-weight: 500;*/
}
div.article-text{}

.article-text img
{
    width: 100%!important;
}
div.article-text-img-cont
{
    /*width: 300px; 
    display: block; 
    float: left; 
    margin-right: 10px;*/
}

div.article-big-cont
{
    margin-bottom: 10px;
}
div.article-big-right
{
    display: block;
    float: right;
    width: 532px;
    margin-left: 10px;
    
}
div.article-big-left
{
    display: block;
    float: left;
    width: 438px;
    
    
}
.article-big-left img{width: 438px;}

div.article-big-title
{
    margin-bottom: 18px;
}
.article-big-title a
{
    font-size:18px;
    font-weight: 700;
    text-decoration: none;
    color:#125027;
    -moz-transition: all 0.15s linear;
    -webkit-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
    
    
}
.article-big-title a:hover
{
    text-decoration: underline;
    color:#176a33;
}




div.article-big-text{}
div.article-big-date
{
    font-size: 12px;
    margin:5px 0px;
}
.article-big-date a
{
    display: inline-block;
    float: right;
    background-color:#125027;
    color: #fff;
    font-size: 14px;
    padding: 5px;
    
}
.article-big-date a:hover
{
    background-color:#176a33;
    text-decoration: none;
    
}



div.breadcrumb-cont
{
    margin-bottom: 20px;
}

.breadcrumb-cont a 
{
    font-size: 12px;
    color:#333;
    text-decoration: none;
}
.breadcrumb-cont a:hover
{
    color: #8fa22e;
    text-decoration: underline;
}


div.galeria-list-cont
{
    margin-top: 20px;
}
div.galeria-list-title
{
    margin-bottom: 10px;
}
.galeria-list-title a
{
    font-size:18px;
    font-weight: 500;
    font-weight: 700;
    text-decoration: none;
}
.galeria-list-title a:hover
{
    text-decoration: underline;
}


div.galeria-list-date, div.galeria-date
{
    font-size: 12px;
}
div.galeria-list-lead
{
    
}
div.galeria-images-cont
{
    
}
.galeria-images-cont a
{
    display: block;
    float:left;
    width: 300px;
    height:200px;
    margin: 0px 50px 50px 0px;
}
.galeria-images-cont a:nth-child(3n)
{
    /*margin-right: 0px;*/
}

.galeria-images-cont img
{
  
    width: 300px;
    height:200px;
    
}


div.galeria-cont{}
div.galeria-date{margin-bottom: 20px;}
div.galeria-text{}
div.galeria-title{}

div.img-cont
{
    display: block;
    float: left;
    width: 300px;
    height: 200px;
    margin: 0px 10px 25px 10px;
    position: relative;
}

.img-cont a
{
    display: block;
    float:left;
    width: 300px;
    height:200px;
    margin: 0px 0px 0px 0px;
}
.img-cont img
{
    width: 300px;
    height:200px;
}
div.img_text
{
    
    position: absolute;
    top: 145px;
    background-color: #fff;
    padding: 10px;
    color: #000;
    opacity: 0.8;
    font-size: 14px;
}


@media screen and (max-width: 1200px) {
	
    
    
    .cont{width: 100%}
    div.main-cont{width: 100%!important}
    
    div.content-cont
    {
        padding-top: 20px;
    }
    
    div.head-left-cont{width: 150px}
    div.head-right-cont{width: 700px}
    div.content
    {
        margin-left: 390px;
        width: auto;
        float: none;
        padding-right: 10px;
    }
    
    div.article-big-right
    {
        display: block;
        float: right;
        width: 100%;
        margin-left: 10px;
    }
    div.article-big-left
    {
        display: block;
        float: left;
        width: 100%;
    }
    .article-big-left img{width: 100%;}
    
    div.footer{padding: 10px; margin-bottom: 20px}
    div.footer-right
    {
        display: block;
        float:right;
        width: 100%;
    }
    div.footer-center
    {
        display: none;
        float:left;
        width: 100%;
        margin:0px 10px;
    }
    div.footer-left
    {
        display: block;
        float:left;
        width: 100%;
        padding-top: 20px;
    }
    
        
    div.footer-cont{padding: 10px;}

    iframe{width: 100%!important}
    /*.galeria-images-cont a:last-child{display: none;}*/
		
    div.info_div_cont{display: none}
}


@media screen and (max-width: 850px) {
    
    div.left-menu-cont
    {
        display: none;
    }
    div.head-left-cont{display: none}
    div.head-right-cont
    {
        width: 100%;
        float: none;
    }
    .head-menu a
    {
        text-transform: uppercase;
        color: #212121;
        display: block;
        float: right;
        width: 100%;
        padding: 15px 0px;
        font-weight: 700;
        text-align: center;
        border-bottom: 1px solid #b9d238;
    }
    .head-menu a:hover
    {

        color: #fff;
        background-color:#b9d238 ;
        text-decoration: none;
    }
    div.content
    {
        margin: 0px auto;
        width: auto;
        float: none;
        padding: 10px;
    }

    div.mobile-nav 
    {
        display: block;
        margin: 5px;
    }

    div.mobile-menu-cont
    {
        display: block;
        width: 150px;
        margin:0px auto;
        text-align: center;
        padding-top:5px;
    }
    ul.mobil-menu
    {
        display: none;
        width: 100%;
        float: none;
        margin: 0;
        padding: 0;
        list-style-type: none;
        clear: both;
    }
    .mobil-menu li
    {
        display: block;
        width: 100%;
        float: none;
        text-align: center;
        margin: 0;
        padding: 0;
    }
    .mobil-menu a
    {
        display: block;
        width: 100%;
        float: none;
        text-align: center;
        
        
        background-color: #fff;
        font-weight: 700;
        
        
        
        
        color: #212121;
        
        
        padding: 15px 0px;
        font-weight: 700;
        text-align: center;
        border-bottom: 1px solid #b9d238;
        
        
        
        
    }
    
    .mobile-subenu a
    {
        font-weight: normal;
    }
    
    a.hambi
    {
        color: #8fa22e;
        font-weight: 700;
    }
    

}