@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: 'Roboto', sans-serif;
    font-size:14px;
    font-weight: 300;
    padding:0px;
    margin:0px;
    color: #1e1e1e;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    background-color: #fff;
}

a 
{
    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;
}
a:hover
{
    text-decoration: underline;
    color:#176a33;
    
}
h3
{
    color: #125027;
}
button
{
    background-color: #125027;
    border: none;
    color:#fff;
    text-decoration: underline;
    cursor: pointer;
    padding: 10px 20px;
}
.cont
{
    width: 980px;
    margin:0px auto;
}

div.main-cont
{
    width: 100%;
    padding: 0px;
    margin:0px auto;
}


div.head-line
{
    background-color: #464646;
    height: 20px;
}
div.head
{
    /*height: 100px;*/
    background-color: #fff;
}
div.head-logo
{
    height: 100px;
    width: 310px;
    float: left;
    display: block;
    background-color: #fff;
    clear:initial;
}
div.head-right-cont
{
    width: 670px;
    float: right;
    position: relative;
}
div.search-cont
{
    width: 670px;
    width: 300px;
    float: right;
    height: 20px;
    padding: 10px 0px;
    
}
.search-input
{
    border: 0px;
    background-color: #e6e6e6;
    color: #000;
    height: 17px;
    display: block;
    float: right; 
    margin-right: 10px;
}

div.szlogen
{
    /*margin-left: 20px;*/

    color: #125027;
    color: #35a751;
    color: #bba67b;
    font-size: 16px;
    width: 370px;
    text-align: center;
    margin-top: 30px;

}

div.szechenyi_2020
{
    display: block;
    width: 130px;
    position: absolute;
    top: 5px;
    left: 320px;
}

div.main-menu
{
    /*background-color: #f2f2f2;*/
    font-size: 16px;
    margin: 15px 0px;
    

    
}

.main-menu a
{
    font-size: 16px;
    /*margin-bottom: 0px 15px;*/
    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;
}
div.mobile-nav{display: none}


div.content-cont
{
    padding: 0px 0px 20px 0px;
    background-color: #fff;
    font-size: 16px;
    
}
div.content
{
    padding-top: 10px;
    min-height: 500px;
}


div.contact-form-cont
{
    
}
div.contact-right
{
    display: block;
    float:right;
    width: 255px;
    
}
div.contact-center
{
    display: block;
    float:left;
    width: 450px;
    margin:0px 10px;
    
}
div.contact-left
{
    display: block;
    float:left;
    width: 255px;
    
}
div.contact-button
{
    margin-top: 10px;
    display: block;
}
.contact-center textarea
{

    width: 430px;
    height: 183px;
    border: 0px;
    background-color: #e6e6e6;
    padding: 10px;
}
.contact-left input
{
    border: 0px;
    background-color: #e6e6e6;
    margin-bottom: 10px;
    padding: 8px 10px;
    width: 235px;
}
.contact-left input:last-child
{
    margin-bottom: 0px;
}

div.adviser-cont
{
    display: block;
    float:left;
    width: 230px;
    margin: 25px 48px 0px 48px;
    min-height: 380px;
    text-align: center;
}


div.adviser-cont:nth-child(4n)
{
    /*margin-right: 0px;*/
}

.adviser-photo img
{
    width: 200px;
    border-radius: 50%;
}
div.adviser-name
{
    margin-top: 10px;
    color:#125027;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    
}
div.adviser-data
{
    text-align: center;
}


div.footer
{
    background-color: #464646;
    padding: 30px 0px;
    border-top: 5px solid #464646;
    color: #fff;
}


div.footer-right
{
    display: block;
    float:right;
    width: 405px;
    width: 320px;
    
}
div.footer-center
{
    display: block;
    float:left;
    width: 300px;
    margin:0px 10px;
    
}
div.footer-left
{
    display: block;
    float:left;
    width: 255px;
    
}

div.szolgaltatas-cont
{
    background-color:#fafade ;
    width: 100%;
    padding-top: 30px;
}

div.szolgaltatas-box
{
    display: block;
    width: 150px;
    float: left;
    text-align: center;
    margin-right: 126px;
    margin-bottom: 50px;
}

.szolgaltatas-box:nth-child(4n)
{
    margin-right: 0px;
}

div.szolgaltatas-box-img
{
    margin-bottom: 10px;
}
.szolgaltatas-box-img img
{
    width: 120px;
}

.round-img img
{
    border-radius: 50%;
}


.szolgaltatas-box-link a
{
    font-weight: 700;
}

/* 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
{
    
    width: 300px;
    margin: 0px 40px 40px 0px;
    
    background-color: #e6e6e6;
    display: block;
    float: left;
}
.article-box-cont2:nth-child(3n)
{
    margin-right: 0px;
}

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



div.article-box-text2
{
    padding: 5px;
    height: 53px;
    overflow: hidden;
}
.article-box-text2 p{margin: 0px}
div.article-box-title2
{
    padding: 5px;
    height: 42px;
    overflow: hidden;
}
.article-box-title2 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-title2 a:hover
{
    text-decoration: underline;
    color:#176a33;
}

/* */



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.facebook-button
{
    margin: 30px 0px;
    text-align: center;
    
}
.facebook-button a
{
    background-color: #489fff;
    color: #fff;
    padding: 10px;
    
}
.facebook-button a:hover
{
    text-decoration: none;
    background-color: #365899;
}








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

.breadcrumb-cont a 
{
    font-size: 12px;
    color:#333;
    text-decoration: none;
}
.breadcrumb-cont a:hover
{
    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 10px 25px 10px;
}

.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;
}
div.design-banner
{
    width: 100%;

}
.design-banner img
{
    width: 100%
}


/* table */

table.product-table
{
    width: 100%;
    text-align: center;
    font-size: 14px;
    
}
.product-table td
{
    text-align: center;
}
td.product-name
{
    text-align: left;
}
.product-table-head
{
    font-weight: 700;
}

.product1_hl_off
{
    background-color: #f2f2f2;
}
.product0_hl_off
{
    background-color: #e2e2e2;
}
.product_hl
{
    background-color: #fafade;
}

.product-db{width:45px;}

div.arajanlat-cont
{
    font-size: 22px;
    font-weight: 700;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin: 20px 0px;
    padding: 20px 0px;
    text-align: center;
        
}
 

.arajanlat-button
{
    background-color: #125027;
    border: none;
    color:#fff;
    text-decoration: underline;
    cursor: pointer;
    padding: 10px 20px;
}

.delete-button
{
    background-color: #6d2619;
    background-color: #8f4133;
    border: none;
    color:#fff;
    text-decoration: underline;
    cursor: pointer;
    padding: 10px 20px;
}
.simple-button
{
    background-color: #125027;
    border: none;
    color:#fff;
    text-decoration: underline;
    cursor: pointer;
    padding: 5px 10px;
}

select.product-select
{
   background-color: #125027;
   border:none;
   outline:none;
   display: inline-block;
   -webkit-appearance:none;
   -moz-appearance:none;
   appearance:none;
   cursor:pointer;
   padding: 10px 25px 10px 10px;
   margin-right: 10px;
   margin-bottom: 15px;
   font-size: 16px;
   /*text-align: center;*/
   width: 188px;
   
   background-image:  url('/images/design/select2.png');
   background-position: right center;
   background-repeat: no-repeat;
}
select.product-select:nth-child(5n)
{
   margin-right: 0px; 
}

.product-select option
{
    
}

.vegyi, .vegyi option
{
    background-color: #f2f2f2!important;
}

.veto, .veto option
{
    background-color: #9bcc86!important;
}

.mutragya, .mutragya option
{
    background-color: #57b363!important;
}

.novenyvedo, .novenyvedo option
{
    background-color: #35a751!important;
}
.sajat, .sajat option
{
    background-color: #bba67b!important;
}

div.save_float_div
{
    position: fixed;
    bottom:25px;
    left:25px;
    display: none;
    
    background-color:#125027;
    font-weight: bold;
    color:#fff;
    font-size: 1.4em;
    padding:10px;
    
    opacity:0.8;
    filter:alpha(opacity=80); /* For IE8 and earlier */
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#arajanlat_data{margin-top: 10px;}



div.palyazat_div
{
    position:fixed;
    top:0px;
    right:0px;
    padding:0px;
    width: 250px;
}
.palyazat_div img
{
    width: 100%;
}




@media screen and (max-width: 980px) {
	
    div.head
    {
        height: auto;
    }
    div.head-logo
    {
        width: 100%;
        text-align: center;
    }
    div.head-right-cont
    {
        display: none;
    }
    div.main-menu
    {
        display: none;
    }

    div.design-banner{width: 100%}
    .design-banner img{width: 100%}
    
    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;}
    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.szolgaltatas-box
    {
        display: block;
        width: 150px;
        float: left;
        text-align: center;
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 50px;
    }

    .szolgaltatas-box:nth-child(4n)
    {
        margin-right: 20px;
    }
    
    div.contact-right
    {
        display: none;
        float:right;
        width: 100%;
        margin-bottom: 20px;
    }
    div.contact-center
    {
        display: block;
        float:left;
        width: 100%!important;
        margin:0px 0px;
    }
    div.contact-left
    {
        display: block;
        float:left;
        width: 100%!important;
        margin:0px 0px;
    }
    div.contact-button
    {
        margin-top: 10px;
        display: block;
    }
    .contact-center textarea
    {
        width: 95%!important;
        padding: 10px;
    }
    .contact-left input
    {

        margin-bottom: 10px;
        padding: 8px 10px;
        width: 95%!important;
    }
    .contact-left input:last-child
    {
        margin-bottom: 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;
        padding: 10px 0px;
        border-bottom: 1px solid #125027;
        background-color: #fff;
        font-weight: 700;
    }
    
    
    .cont{width: 100%}
    div.main-cont{width: 100%!important}
    
    div.content-cont
    {
        padding: 10px;
    }
    div.footer-cont{padding: 10px;}

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

    div.palyazat_div
    {
        position:fixed;
        top:0px;
        right:0px;
        padding:0px;
        width: 150px;
    }
		
}