/* keyframes за start state и end state на објектот */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

* {
margin: 0 auto;
padding: 0;
}

html {
background: url("../images/bg.jpg") #fae9be;
background-size: cover;
background-attachment: fixed;
background-position: center 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}

body {
height: 100%;
margin: 0;
padding: 0;
font: 12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
color: #4E2010; 
line-height: 18px;
}

#blank {
visibility: hidden;
width: 100%;
height: 12%;
float: left;
}

#wrapper {
margin: auto;
width: 100%;
height: 76%;
text-align: center;
clear: both;
	/* АНИМАЦИЈА */
	opacity:0;  /* да е невидливо на старт */
   -webkit-animation:fadeIn ease-in 1;  /* повикува keyframe наречен fadeIn, со ease-in на анимација и се случува еднаш */
   -moz-animation:fadeIn ease-in 1;
   animation:fadeIn ease-in 1;

   -webkit-animation-fill-mode:forwards;  /* за по анимацијата да остане на последен keyframe со вредност (opacity: 1)*/
   -moz-animation-fill-mode:forwards;
   animation-fill-mode:forwards;
   -webkit-animation-duration:1s;
   -moz-animation-duration:1s;
   animation-duration:1s;
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	animation-delay: 0.2s;
}