/* Všechna rozlišení */


#anchor{
	background:#fde241dd;
}

.nav-icon .fa-file-image{
	color:#000;
}

.bee{
	display:none;
}

footer .contactform button{
	background: #fde241;
	color:#000;
}

footer .contactform button:hover{
	background: #f6e47d;
	color:#000;
}

.category-inner{
	width:100%;
}

#timetables-table td, #timetables-table th{
	width:10%;
}

/* Rozlišení větší nebo rovné 576px (telefony) */

@media screen and (min-width: 576px) {




}

/* Rozlišení větší nebo rovné 768px (větší telefony, tablety) */


@media screen and (min-width: 768px) {


	.top-panel .logo.top-panel-big{
		background: #553d0d;
        border-radius: 100%;
        padding: 5px;
	}

	.top-panel .search-input-div button{
		background: #fde241;
	}


}

/* Rozlišení větší nebo rovné 992px (velké tablety, menší počítače) */

@media screen and (min-width: 992px) {

	#timetables-table td, #timetables-table th{
		width:calc(100% / 11);
	}



}

/* Rozlišení větší nebo rovné 1200px (standardní počítače) */

@media screen and (min-width: 1200px) {







}


@media screen and (min-width: 1400px) {

	#bees{
		position: relative;
		left: 160px;
        top: 40px;
	}

	.bee{
		display:block;
		position:absolute;
	}

	#bee1{
		animation: circle 8s linear 0s infinite;
		margin-top:120px;
		margin-left:80px;
	}

	#bee1 img{
		transform: rotate(180deg);
	}

	#bee2{
		animation: moveFromHive 8s linear 0s infinite;
			margin-top: 198px;
			margin-left: 76px;
			width:25px;
			height:30px;
	}

	#bee2 img{
		transform: rotate(180deg);
		width:25px;
		animation: iHateCss 10s linear 0s infinite;
	}

	#bee3{
		animation: movesLikeJagger 2s linear 0s infinite alternate;
			margin-top: 140px;
			margin-left: 0px;
	}

	#bee3 img{
		transform: rotate(90deg);
		width:20px;

	}

	#bee4{
		animation: dancingUnicorn 3s linear 0s infinite alternate;
			margin-top: 250px;
			margin-left: 80px;
	}

	#bee4 img{
		width:24px;

	}

	#bee5{
		animation: vcelkaMaja 5s linear 0s infinite alternate;
			margin-top: 260px;
			margin-left: 150px;
	}

	#bee5 img{
		width:16px;
		transform: rotate(-45deg);

	}

	#bee6{
		animation: vilik 7s linear 0s infinite alternate;
			margin-top: 50px;
			margin-left: 130px;
	}

	#bee6 img{
		width:22px;
		transform: rotate(-135deg);

	}

	#bee7{
		animation:smrad 5s linear 0s infinite alternate;
		margin-top:140px;
		margin-left: 780px;
	}

	#bee7 img{
		width:19px;
		transform: rotate(-135deg);
	}

	#bee8{
		animation: beedril 3s linear 0s infinite alternate;
			margin-top: 280px;
			margin-left: 780px;
	}

	#bee8 img{
		width:16px;
		transform: rotate(-45deg);

	}

	#bee9{
		animation: dragon 2s linear 0s infinite alternate;
			margin-top: 280px;
			margin-left: 700px;
	}

	#bee9 img{
		width:24px;

	}

	#bee10{
		animation: shakira 3s linear 0s infinite alternate;
			margin-top: 220px;
			margin-left: 620px;
	}

	#bee10 img{
		transform: rotate(90deg);
		width:20px;

	}

	@keyframes eight{
		0%   { margin-top:30px; margin-left:0px;}
		20%  { margin-left:140px;transform: rotate(180deg); }
		25%  { margin-left:150px;transform:rotate(270deg);}
		45%  { margin-left:40px;transform: rotate(270deg);}
		50%  { margin-top:230px; margin-left:30px;transform:rotate(360deg);}
		70%  { margin-left:-70px;transform:rotate(360deg);}
		75%  { margin-left:-80px;transform:rotate(450deg);}
		100% { margin-top:30px; margin-left:0px;}
	}

	@keyframes circle{
		from { 	transform: rotate(0deg) translateX(150px); }
		to   {  transform: rotate(360deg) translateX(150px); }
	}

	@keyframes moveFromHive{
		5%  { margin-top:210px;}
		10% { margin-top:215px;margin-left:86px; transform:rotate(-20deg);}
		20% { margin-left:100px;transform:rotate(-90deg);}
		30% { margin-left:130px;}
		35% { margin-left:140px; margin-top:210px; transform:rotate(-110deg);}
		45% { margin-left:180px; margin-top:200px; transform:rotate(-175deg);}
		50% { margin-top:190px; margin-left:180px; transform:rotate(-180deg); }
		100% {margin-top:100px; margin-left:180px;transform:rotate(-180deg);}

	}

	@keyframes iHateCss{
		50% { width:25px; }
		100% { width:0px; }
	}

	@keyframes movesLikeJagger{
		25%  { margin-top: 160px; margin-left:40px; }
		50%  { margin-top: 140px; margin-left:80px; }
		75%  { margin-top: 120px; margin-left:120px; }
		100% { margin-top: 140px; margin-left:160px; }
	}

	@keyframes dancingUnicorn{
		25%  { margin-top: 220px; margin-left:60px; }
		50%  { margin-top: 170px; margin-left:80px; }
		75%  { margin-top: 120px; margin-left:100px; }
		100% { margin-top: 70px; margin-left:80px; }
	}
	/* 260 150 */
	@keyframes vcelkaMaja{
		25%  { margin-top: 240px; margin-left:120px; }
		50%  { margin-top: 180px; margin-left:70px; }
		75%  { margin-top: 120px; margin-left:40px; }
		100% { margin-top: 60px; margin-left:-10px; }
	}

	/*50 130*/

	@keyframes vilik{
		25%  { margin-top: 100px; margin-left:80px; }
		50%  { margin-top: 150px; margin-left:50px; }
		75%  { margin-top: 200px; margin-left:0px; }
		100% { margin-top: 250px; margin-left:-30px; }
	}
	/* 140 780*/
	@keyframes smrad{
		25%  { margin-top: 190px; margin-left:730px; }
		50%  { margin-top: 240px; margin-left:700px; }
		75%  { margin-top: 290px; margin-left:650px; }
		100% { margin-top: 340px; margin-left:620px; }
	}
	/* 280 780 */
	@keyframes beedril{
		25%  { margin-top: 250px; margin-left:740px; }
		50%  { margin-top: 220px; margin-left:720px; }
		75%  { margin-top: 190px; margin-left:680px; }
		100% { margin-top: 160px; margin-left:660px; }
	}
	/* 280 700 */
	@keyframes dragon {
		25%  { margin-top: 260px; margin-left:720px; }
		50%  { margin-top: 240px; margin-left:700px; }
		75%  { margin-top: 220px; margin-left:680px; }
		100% { margin-top: 200px; margin-left:700px; }
	}

	/* 220 620 */
	@keyframes shakira{
		25%  { margin-top: 200px; margin-left:650px; }
		50%  { margin-top: 220px; margin-left:680px; }
		75%  { margin-top: 240px; margin-left:710px; }
		100% { margin-top: 220px; margin-left:740px; }
	}

	.slider-header{
		position: absolute;
			width: 355px;
		   top: 337px;
		   left: 769px;
	}


}