body{
	margin:0px;
	padding:0px;
	font-family: 'Roboto', sans-serif;
	width: 100%;
}
.site{
	width: 100%;
}

header.smaller{
	height: 140px;
	background:#ffffff;
}
header.smaller #header-img{
	transform: scale(0.5);
}
header.smaller #header-img img{
	top: 5px;
}
header.smaller div.menu ul{
	top: 0px;
}
header.smaller div.menu ul li{
	margin: 20px 15px;
}

header{
	width:100%;
	height: 210px;
	position: fixed;
	background:url(../img/menu-back.png) top center no-repeat;
	z-index: 100;
}
#header-img{
	text-align: center;
	height: 55px;
}
#header-img img{
	position: relative;
	top: 20px;
	z-index: 100;
}
.menu{
	position: relative;
	width: 1000px;
	height: 153px;
	margin: 0px auto;
}
.menu-back-img{
	position: absolute;
	top: 0px;
	width: 1000px;
}
.menu ul{
	margin:0px auto 0px auto;
	width: 826px;
	height: 100px;
	position: relative;
	top: 37px;
}
.menu ul li{
	float:left;
	list-style: none;
	margin: 30px 15px;
}
.menu ul li div{
	font-size: 13px;
	padding: 15px 0px;
	border: 1px solid #000000;
	width:125px;
	text-align: center;
	border-radius: 5px;
}
.menu ul li a{
	color:#000000;
	text-decoration: none;
}
.menu ul li a div:hover{
	background-color: #fff200;
}
.menu ul li a div:active{
	background-color: #fff200;
}
.horgony-products{
	position:absolute;
	top:800px;
}
.horgony-special{
	position:absolute;
	top:1600px;
}
.horgony-contact{
	position:absolute;
	top:3180px;
}
.section-1{
	padding-top: 120px;
	width: 100%;
	background: url("../img/YAAAM_GYMMM_SITE_MUESLI_back.jpg") repeat-x bottom;
}
.section-1-img-1{
	background-color: #fff200;	
}
.section-1-img-1 img{
	width: 100%;
	margin: 15px 0px 0px;
	display: block;
}
.section-1-img-2{
	background-color: #000000;
}
.section-1-img-2 img{
	width: 100%;
	margin: 0px;
	display: block;
}
.section-vonal{
	width: 100%;
	height: 50px;
	background-color: #ffffff;
}
.muesli-bar{
	max-width:1375px;
	margin: 0px auto;
	text-align: center;
}
.section-2{
	width: 100%;
	background: url(../img/shadow.png) repeat-x bottom #dddcd0;
}
.products{
	width: 1000px;
	margin: 0px auto;
	text-align: center;
}
.section-3{
	width: 100%;
	background: url(../img/shadow.png) repeat-x bottom #fff200;
}
.section-4{
	width: 100%;
	background: url(../img/shadow.png) repeat-x bottom #ffffff;
}
.webshop{
	width:1000px;
	margin: 0px auto;
	padding: 50px 0px;
	text-align: center;
}
.webshop img{
	margin-bottom: 50px;
}
.section-5{
	width: 100%;
	background: url(../img/shadow.png) repeat-x bottom #caffd5;
}
.social{
	width:1000px;
	margin: 0px auto;
	text-align: center;
}
.social-box{
	margin: 40px 10px;
}
.section-6{
	background:#6c6f7e;
	width: 100%;
}
.contact{
	width:1000px;
	margin: 0px auto;
	padding-bottom: 50px;
	text-align: center;
	color: #ffffff;
	font-size: 20px;
	font-weight: 700;
}
.contact .title{
	font-size: 27px;
	padding: 20px 0px 40px;
}
.contact .text{
	padding: 20px 0px;
}
.contact a{
	color: #ffffff;
	text-decoration: none;
}
.contact a:hover{
	text-decoration: underline;
}
.contact div img{
	margin: 10px 0px;
}
.section-7{
	width: 100%;
	padding-top: 145px;
}
.about-us-top{
	background: url(../img/about-us-top.jpg) top center no-repeat;
	background-size: cover;
	width: 100%;
	height: 820px;
	z-index: 20;
}
.about-us-text{
	position: relative;
	top: 310px;
	width: 570px;
	margin: 0px auto;
	padding: 20px 35px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	font-size: 17px;
	background: #ffffff;
}
.section-8{
	background:#ffffff;
	width: 100%;
}
.about-us{
	width: 851px;
	margin: 0px auto;
	padding: 20px 0px;
}
.section-9{
	width: 100%;
	background: url(../img/shadow.png) repeat-x bottom #fff200;
	padding: 240px 0 90px;
	text-align: center;
}
.products-lista{
	width: 900px;
	margin: 0px auto;
	padding-top: 20px;
}
.products-leiras{
	position: relative;
	width: 100%;
	background: #ffffff;
	text-align: center;
}
.close{
	width: 30px;
	height: 30px;
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: 400px;
	display: none;
	
}
#products_leiras1, #products_leiras2, #products_leiras3, #products_leiras4, #products_leiras5, #products_leiras6, #products_leiras7, #products_leiras8, #products_leiras9, #products_leiras10, #products_leiras11, #products_leiras12, #products_leiras13, #products_leiras14, #products_leiras15, #products_leiras16{
	display: none;
}

.social-left{
	position: fixed;
	top:45%;
	left: 10px;
	width: 50px;
}
.social-right{
	position: fixed;
	top:45%;
	right: 10px;
	width: 50px;
}