/* CSS Document */


@keyframes fade-in {
0% { opacity: 0; top:50%; left:50%;}
35% {opacity: 1; top:50%; left:50%;}
65% {opacity: 1; top:50%; left:50px;}
70% {opacity: 1; top:50%; left:50px;}
100% {opacity: 1; top:25px; left:50px;}
}

@-webkit-keyframes fade-in {
0% { opacity: 0; top:50%; left:50%;}
35% {opacity: 1; top:50%; left:50%;}
65% {opacity: 1; top:50%; left:50px;}
70% {opacity: 1; top:50%; left:50px;}
100% {opacity: 1; top:25px; left:50px;}
}

@-moz-keyframes fade-in {
0% { opacity: 0; top:50%; left:50%;}
35% {opacity: 1; top:50%; left:50%;}
65% {opacity: 1; top:50%; left:50px;}
70% {opacity: 1; top:50%; left:50px;}
100% {opacity: 1; top:25px; left:50px;}
}

@-o-keyframes fade-in {
0% { opacity: 0; top:50%; left:50%;}
35% {opacity: 1; top:50%; left:50%;}
65% {opacity: 1; top:50%; left:50px;}
70% {opacity: 1; top:50%; left:50px;}
100% {opacity: 1; top:25px; left:50px;}
}

.fade-in {
    animation: fade-in 2.5s ease-in;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
		
	-moz-animation: fade-in 2.5s ease-in;
    -moz-animation-fill-mode: forwards;
    -moz-animation-iteration-count: 1;
	-moz-animation-fill-mode: forwards;
    -moz-animation-iteration-count: 1;
		
	-webkit-animation: fade-in 2.5s ease-in;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
		
	-o-animation: fade-in 2.5s ease-in;
    -o-animation-fill-mode: forwards;
    -o-animation-iteration-count: 1;
	-o-animation-fill-mode: forwards;
    -o-animation-iteration-count: 1;
		
    opacity: 0;
}

@keyframes fade-out {
0% { opacity: 1; display:block;}
45% {opacity: 1; display:block;}
100% {opacity: 0; display:none;}
}

@-webkit-keyframes fade-out {
0% { opacity: 1; display:block;}
45% {opacity: 1; display:block;}
100% {opacity: 0; display:none;}
}

@-moz-keyframes fade-out {
0% { opacity: 1; display:block;}
45% {opacity: 1; display:block;}
100% {opacity: 0; display:none;}
}

@-o-keyframes fade-out {
0% { opacity: 1; display:block;}
45% {opacity: 1; deisplay:block;}
100% {opacity: 0; display:none;}
}

.fade-out {
    animation: fade-out 5.5s ease-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
		
	-moz-animation: fade-out 5.5s ease-out;
    -moz-animation-fill-mode: forwards;
    -moz-animation-iteration-count: 1;
	-moz-animation-fill-mode: forwards;
    -moz-animation-iteration-count: 1;
		
	-webkit-animation: fade-out 5.5s ease-out;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
		
	-o-animation: fade-out 5.5s ease-out;
    -o-animation-fill-mode: forwards;
    -o-animation-iteration-count: 1;
	-o-animation-fill-mode: forwards;
    -o-animation-iteration-count: 1;
		
    opacity: 1;
}


.logo_home{
	height:25px; width:112px; position:absolute; top:25px; left:50px;
	transition:All 0.4s ease;
	-webkit-transition:All 0.4s ease;
	-moz-transition:All 0.4s ease;
	-o-transition:All 0.4s ease;
	z-index:9999;
}



#capanegra{height:100%; width:100%; background:#000; position:relative; z-index:999; display:none;}