@charset "utf-8";
@font-face {
font-family: font1;
src: url("./fonty/font1.ttf");
}

@font-face {
font-family: font2;
src: url("./fonty/font2.ttf");
}

#mobilnemenu {
	margin-top:15px;
	margin-right:5px;
	float:right;
}

.header {
	width:100%; 
	height:100px;
}

#odkazy {
	width:35%; 
	height:100%; 
	float:left;
	margin-left:-50px;
}

#headerlogoobal {
	width:30%; 
	height:100%; 
	margin-top:15px;
	margin-left:-40px;
	float:left;
}

#headerlogo {
	margin:0 auto; 
	margin-left: 25px;
	width:240px; 
	height:60px; 
	background-image:url(./images/logo.png); 
	background-size:cover;
}

ul {
  position:absolute;
  top:-50px;
  transform:translate(-10%,-10%);
  margin:0;
  padding:0;
  display:flex;
}
ul li {
  list-style:none;
}
ul li a {
  display:block;
  position:relative;
  width:35px;
  height:35px;
  line-height:100px;
  font-size:40px;
  text-align:center;
  text-decoration:none;
  color:#e5bf4a;
  margin: 0 7px;
  transition:.5s;
}

.fb {
	width:19px;
	height:19px;
	position:Absolute; 
	top:18%; 
	left:23%;
	background-image: url("images/fb.png");
	background-size:cover;
}


.ig {
	width:22px;
	height:22px;
	position:Absolute; 
	top:13%; 
	left:20%;
	background-image: url("images/ig.png");
	background-size:cover;
}

#headerbutton {
	width:35%; 
	height:100%; 
	float:left;
	margin-top:-500px;
}

#navigacia {
	margin-left:-5000px;
}

.podnadpis {
	width:90%; 
	height:100px; 
	margin:0 auto; 
	font-family: font3;
}

.podnadpis p {
	color:#DFDFDF; 
	font-size:25px;
	text-align:center;
	margin-top:-70px;
}

.podciarka {
	width: 100px;
	height:2px; 
	background-color:#e5bf4a; 
	margin: 0 auto;
}



.homeobsah3 {
	width:100%; 
	height:25350px;
	margin-top:100px;
}

#homeobsahtorty {
	width:100%; 
	height:1000px;
}

#menuzakusky {
	width:80%; 
	height: 71px; 
	margin:0 auto; 
	margin-top:20px;
}

.menuzakusok {
	width:50%; 
	height:70px; 
	float:left; 
	text-align: center;
}

.menuzakusok a {
	font-family:font2; 
	font-size:20px; 
	color:#DFDFDF; 
	text-decoration:none;
}

#menuzakusokklik a::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
	margin-top:10px;
	margin:0 auto;
    background: #e5bf4a;
    transition: width .3s;
}

#menuzakusokklik a:hover{
	color:#e5bf4a;
}

#menuzakusokklik a:hover::after {
	
    width: 50%;
	margin:0 auto;
}

#zoznamzakuskov {
	width:100%; 
	height:100%;  
	margin:0 auto;
}

.zakusok {
	width: 90%; 
	height:300px; 
	background-size:cover; 
	float:left; 
	margin:20px; 
	
	margin-bottom:111px;
}

#headerzakusky {
	width:100%; 
	height:90px; 
	background-image:url(./images/header.png); 
	background-size:cover;
	margin-top:-110px;
}

#headerzakusky p {
	font-size:20px; 
	color:#fcfcfc; 
	font-weight:500; 
	font-family: font1; 
	padding-top:20px;
	text-align:RIGHT;
}


.ramik {
	width:73%; 
	height:1px; 
	background-color:#3b3b3b; 
	margin:0 auto;
}

#footer {
	width:100%; 
	height:500px;  
	margin: 0 auto;
}

#footerlogo {
	width:100%; 
	height:130px; 
	float:left;
}

#footerlogologo {
	width:260px;
	height:80px;
	margin:0 auto;
	background-image:url(./images/logo.png); 
	background-size:cover;
}

#footerpravacast {
	width:100%; 
	height:80%; 
	float:left;
}

.panelf {
	width:100%; 
	height:200px; 
	margin:0 auto; 
	margin-top:0px; 
	float:left;
}

.obrazokfooter {
	width:24px; 
	height:24px; 
	margin:0 auto;
	background-size:cover;
}

.panelftext {
	
}

.panelftext p {
	font-family:font3; 
	text-align:center;
	color:#E5BF4A; 
	font-size:25px;
}

.bnefunguje {
	width:180px; 
	text-align:center; 
	margin:0 auto;
}

.panelftext b {
	
	color:white; 
	font-size:15px;
	font-family:font2;
}

#zakoncenie {
	width:100%; 
	font-family:font2; 
	color:#DFDFDF; 
	text-align:center; 
	height:40px; 
	margin:0 auto;
}

#mobilwolt {
	width:100%; 
	height:360px;
	float:left;
}

#mobilwoltvnutro {
	margin:0 auto; 
	width:100%; 
	height:360px; 
	background-image:url('images/telefoon.png'); 
	background-size:contain; 
	background-repeat:no-repeat;
}

#panelvedlamobiluobal {
	width:100%; 
	height:200px; 
	float:left; 
	color:white;
}

#panelvedlamobiluvnutro {
	width:70%; 
	height:100%; 
	text-align:center;
	font-size:15px;
	margin:0 auto;
	float:none;
}

#woltappkaobal {
	width:100%; 
	height:150px; 
	color:white;   
	float:left;
}

#logowoltu {
	width:100px; 
	height:100px; 
	background-image: url('images/woltico.png'); 
	background-repeat:no-repeat; 
	background-size:contain; 
	margin-left:45px; 
	float:left;
}

#medzerawoltappka {
	width:25px; 
	height:100%; 
	float:left;
}

#woltplay {
	width:150px; 
	height:40px; 
	background-image: url('images/downloadplay.png'); 
	background-repeat:no-repeat; 
	background-size:contain; 
	float:left;
}

#woltstore {
	width:150px; 
	height:40px; 
	float:left;
	margin-top:10px; 
	margin-left:0px;
	background-image: url('images/downloadappstore.png'); 
	background-repeat:no-repeat; 
	background-size:contain; 
	
}

#objednajbutton {
	width:100%; 
	height:80px; 
	margin-left:0px;
	float:left;
}