#alert{	
	background-image: url('vanoce.jpg');		
	text-align: center;
	display: none;
	position: absolute;
	width: auto;
	height: auto;
   	top:40%;
    left: 43%;
    -webkit-box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.75);
	padding: 15px 15px 15px 15px;
	z-index: 10;
	color: black !important;
	font-family: Zona_Light;
	border: solid 1px black;


	-webkit-animation-name: posun; /* Safari 4.0 - 8.0 */
  	-webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
  	animation-name: posun;
  	animation-duration: 2s;

}
#vanoce_nadpis{
	font-size: 18px;
	color: black !important;
}
#zatvorene_vanoce {		
	color: red;
}
#alert button {
	padding: 10px 30px;
	background-color: #228B22;
	border: none;		
}
@media screen and (min-width: 0px) and (max-width: 790px){
	#alert{
		width: 80%;
		left: 5%;
		top: 20px;
		position: fixed;
		-webkit-animation-name: posun_mobile;
		animation-name: posun_mobile;
	}

}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes posun {
  from {top: -200px;}
  to {top: 40%;}
}

/* Standard syntax */
@keyframes posun {
  from {top: -200px;}
  to {top: 40%;}
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes posun_mobile {
  from {top: -200px;}
  to {top: 20px;}
}

/* Standard syntax */
@keyframes posun_mobile {
  from {top: -200px;}
  to {top: 20px;}
}