body {
    font-family: "Open Sans", sans-serif;
}










/* TOPBAR CONTACT NAVIGATION */
/* ------------- Felső csík ------------------*/
nav.top-contact-navigation {
	margin: 0 auto 0 auto;
	max-width: 1260px;	
	background-color: #8fb723;
    padding: 5px 0;
    text-align: right;
}

	
nav.top-contact-navigation ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 13px;
}

nav.top-contact-navigation ul li {
    display: inline-block;
    margin-left: 10px;
}

nav.top-contact-navigation ul li a {
    color: #fff;
    text-decoration: none;
}

nav.top-contact-navigation ul li a:hover {
    text-decoration: underline;
}

nav.top-contact-navigation ul li a img {
    margin-right: 5px;
}

/* PRIMARY NAVBAR */


/* -----VÉGE -------- Felső csík ------------------*/



/* ------------- Felső fejléc Logo, kereső, kosár ------------------*/

nav.top-head{
	max-width: 1260px;
	margin: 0 auto 0 auto;
		padding: 0px 0px 0px 0px;
			text-align: left;
			background-color: #FFF;
			border: 1px;
}

nav.top-head .top-head-logo img{
		max-width: 90%;
		max-height: 100%;
}

nav.top-head .top-head-logo{
	text-align: center;
	padding: 0px;
}


/* tablet méret  768 */
/*
@media (max-width: 700px) {     
	nav.top-head .top-head-right .form-group .custom-select{
		width: 70%;
	}
	nav.top-head .top-head-logo img{
		max-width: 20%;
	
	}
}
*/
@media (max-width: 575px) {    /*  575  Legkissebb méret  */
	nav.top-head .top-head-logo img{
		max-width: 60%;
	
	}
	
	nav.top-head .top-head-logo{
			text-align: left;
			vertical-align: bottom;
	
	}
}

nav.top-head .top-head-right .top-head-szlogen{
	text-align: right;
	color: #8fb723;
	padding: 10px 15px 0px 10px;
}

	
	
.btn-primary{
	background-color: #f1a200;
	border-color: #f1a200;
}

nav.top-head .top-head-right .form-group .custom-select{
	
	width: 100%;
}
nav.top-head .top-head-right .form-group{
	margin: 0px;
	padding-bottom: 0px;
	
}
nav.top-head .top-head-right .form-group .kereses-form-divek{
	padding: 0px 10px 10px 0px;
}

nav.top-head .top-head-right .top-head-form-div{
	margin: 0px;
	padding: 5px 5px 0px 0px;
}

	
	



.top-head-kosar{
	margin: 0px;
	
	
}


.top-head-kosar{
	background-color: #eaeaea;
	border-radius: 5px;
	height: 90%;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	
}
.top-head-kosar-row{
	margin: 0px;
	padding: 5px 5px 0px 0px;
	
}
.top-head-kosar-bal{
	padding: 0px 0px 0px 0px;
	text-align: left;
}

.top-head-kosar-bal ul{
list-style-type: none;	
margin: 0px;
padding-left: 10px;
}


.top-head-kosar-bal ul li{
	padding-right: 20px;
}
@media (max-width: 544px) {
	.top-head-kosar-bal ul li{
		display: inline-block;	
		padding-right: 20px;
	}

}	
	
.top-head-kosar-jobb{
	padding: 0px 0px 0px 0px;
}

.form-div-jobb{
	padding: 0px 0px 0px 0px;
	text-align: right;	
}
.form-div-bal{
	padding: 0px 0px 0px 10px;
	text-align: left;	
}
@media (max-width: 992px) {
	.top-head-kosar{
		margin: 0px 0px 5px 0px; 
		padding: 0px 5px 5px 0px;
	}
	.top-head-kosar-bal{
		margin: 0px;
		padding: 0px 0px 0px 0px;
	}
	.top-head-kosar-jobb{
		margin: 0px;
		padding: 0px 5px 0px 0px;
	}
	.form-div-jobb{
		margin: 0px;
		padding: 0px 5px 0px 0px;
	}
}


/* ---VÉGE---------- Felső fejléc Logo, kereső, kosár ------------------*/
	
	
	
	
	
	
	
/* ------------- Felső menü ------------------*/
	
nav.top-menu{
	background-color: #8fb723;
	color: #FFF;

	margin: 0 auto 0 auto;
	max-width: 1260px;
	padding: 0px 0px 0px 0px;
	border-radius: 0;
} 	
	

nav.navbar-toggleable-sm{
 webkit-box-orient: vertical;
}

nav.top-menu .navbar .navbar-nav a{
		padding: 10px 22px;
			color: #FFF;

}
	
@media (max-width: 1274px) {
	nav.top-menu{
		font-size: 1em;
	}
	nav.top-menu .navbar .navbar-nav a{
		padding: 10px 17px;
			color: #FFF;

	}

}

@media (max-width: 1200px) {
	nav.top-menu{
		font-size: 0.88em;
	} 
	nav.top-menu .navbar .navbar-nav a{
		padding: 10px 11px;
			color: #FFF;

	}
}

@media (max-width: 992px) {
	nav.top-menu{
		font-size: 0.70em;
	} 
	
	nav.top-menu .navbar .navbar-nav a{
		padding: 10px 8px;
			color: #FFF;

	}
}

@media (max-width: 767px) {
	nav.top-menu{
		font-size: 0.90em;
	} 
	
	nav.top-menu .navbar .navbar-nav a{
		padding: 3px 8px;
			color: #FFF;

	}
	nav.top-menu .navbar .navbar-nav .dropdown-menu a{
		font-size: 0.90em;
		padding: 5px 8px;
		color: #FFF;

	}
	nav.top-menu .navbar .navbar-nav .dropdown-menu{
		margin-left: 15px;

	}
	
}
nav.top-menu .navbar{
	margin: 0 0 0 0;
	width: 1260px;
	color: #FFF;
	padding-top: 0px;
	padding-bottom: 0px;
}

nav.top-menu .navbar{
	background-color: #8fb723;
	color: #FFF;
} 

nav.top-menu .navbar .dropdown-menu{
	background-color: #8fb723;
	color: #FFF;
} 



	
nav.top-menu .navbar-toggler{
		width: 100%;
		color: #FFF;
		padding: 4px 20px 4px 0px;
		border: 0px;
		text-align: right;
}


nav.top-menu .navbar-toggler-right {
	
	right: 0rem;
	
}
	
	nav.top-menu .navbar .navbar-nav a:hover, nav.top-menu .navbar .navbar-nav .nav-item a:hover {
			color: #FFF;
			text-decoration: underline;
	}

	nav.top-menu .navbar .navbar-nav .nav-item .dropdown-item{
		padding: 2px 9px;
			color: #FFF;
				background-color: #8fb723;
	}
	

	
nav.top-menu nav.navbar .navbar-brand, nav.navbar a.dropdown-toggle, nav.navbar .navbar-nav a{
	color: #FFF;
}
nav.top-menu nav.navbar .mobil-menu-felirat{
		color: #475b11;
				padding: 8px 9px; 
}	
	

/* ----VÉGE------  Felső menu  ------------*/



/* ---------  HÍR LEPOZÓ CAROUSEL  ------------*/

nav.lapozo-carousel{
	margin: 0 auto 0 auto;
	max-width: 1260px;	
	background-color: #FFF;
    padding: 0px 0px 0px 0px;
    text-align: right;
}
nav.lapozo-carousel .lapozo-carousel-belso{
    padding: 0px 0px 0px 0px;

}






/* -----VÉGE----  HÍR LEPOZÓ CAROUSEL  ------------*/







/* ---------  Középső tartalmi rész  ------------*/

nav.kozepso-menu-es-tartalom{
	margin: 0 auto 0 auto;
	max-width: 1260px;	
	background-color: #FFF;
    padding: 0px 0px 0px 0px;
    text-align: left;
}




.bal_menu{
	background-color: #FFF;
	color: #C0C0C0;
	border: 1px solid grey;
	margin: 10 auto 10 auto;

	padding: 0px 0px 0px 0px;
	border-radius: 0;
} 
div.kozepso-menu{
	padding: 0px 0px 0px 0px;
}

li.melyseg1{
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: lightgrey;
	padding: 10px 10px 10px 10px;
}

.melyseg2{

	padding: 0px 0px 0px 20px;
}
.melyseg3{

	padding: 0px 0px 0px 20px;
}
nav.kozepso-menu-es-tartalom .kozepso-tartalom .product-box{
margin: 4px 4px 4px 4px;
padding: 0px;
max-width: 220px;
border: 1px solid green;
	background-color: #eaeaea;
}
nav.kozepso-menu-es-tartalom .kozepso-tartalom .product-box .product-box-row{

margin: 0px;
padding: 0px;
}
nav.kozepso-menu-es-tartalom .kozepso-tartalom .termekek_row{
	    text-align: center;
		background-color: white;
	
}




nav.kozepso-menu-es-tartalom .kozepso-tartalom .product-box .product-box-kep{
	display: table;
	text-align: center;
	height: 210px;
	max-width: 220px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	background-color: #FFF;
}

nav.kozepso-menu-es-tartalom .kozepso-tartalom .product-box .product-box-kep .product-box-kep-kozepre{
	display: table-cell;
	vertical-align: middle;
	height: 210px;
	width: 220px;
	background-color: #FFF;
}




nav.kozepso-menu-es-tartalom .kozepso-tartalom .product-box .product-box-cikkszam-megnevezes{
	text-align: center;
	min-height: 100px;
	max-width: 220px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;

}
nav.kozepso-menu-es-tartalom .kozepso-tartalom .product-box .product-box-raktar-info{
	text-align: right;
	max-width: 220px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	background-color: #FFFFFF;

}

nav.kozepso-menu-es-tartalom .kozepso-tartalom .product-box .product-box-ar{
	text-align: center;
	max-width: 220px;
	height: 85px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	background-color: #eaeaea;

}
	
nav.kozepso-menu-es-tartalom .kozepso-tartalom .product-box .product-box-kosarba{
	text-align: center;
	max-width: 220px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid green; 
	padding: 5px 5px 5px 5px;
	background-color: #eaeaea;
	height: 100%;
		vertical-align: middle;
}

nav.kozepso-menu-es-tartalom .kozepso-tartalom .product-box .product-box-kosarba .form-control{
	max-width: 100px;
   display: inline;   
	padding-top: 5px;
}



.table-kozepre{
	display: table;
	text-align: center;
	margin: 5px;
}

.table-cella-kozepre{
	display: table-cell;
	vertical-align: middle;

}
/* ----VÉGE-----  Középső tartalmi rész  ------------*/
















/* FOOTER */
footer {
    text-align: center;
}

@media (min-width: 768px) {
    footer {
        text-align: left;
    }
}

footer [class*="col-"] {
    margin-bottom: 20px;
}

.m-footer-contact .navbar-brand {
    color: #000;
    margin-bottom: 10px;
}

.m-footer-contact .navbar-brand img {
    vertical-align: baseline;
}

.m-social-media ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.m-social-media ul li {
    display: inline-block;
    padding: 0 20px;
    text-align: center;
}

@media (min-width: 576px) {
    .m-social-media ul li {
        padding: 0;
    }
}

@media (min-width: 1200px) {
    .m-social-media ul li {
        padding: 0 20px;
    }
}

.m-social-media ul li a {
    background: #000;
    border-radius: 50%;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    width: 40px;
}

.m-footer-nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.m-footer-nav ul a {
    color: #292b2c;
}

/******************************************************************
DEFAULTS
******************************************************************/

.gray-bg {
    background: #dedede;
}

section, footer {
    padding: 20px 0;
}