/*
Nombre Tema: Contfin
Tema URI: www.contfin.cl
Descripción: Contadores, Contabilidad y asesorías
Versión: 1
Autor: Juan Atonio Paredes = JotaA Diseño y Desarrollo
Autor URI: http://www.jotaa.cl
Tags: Contadores, Contador, Asesorías contables
*/

#logo{
	animation-duration: 1s;
	animation-name: logo;
}

@keyframes logo{

	from{
		opacity: 0;
		margin-top: -80px;
	}
	to{
		opacity: 10;
		margin-top: 0px;
	}
}

#btns{
	animation-duration: 1s;
	animation-name: btns;
}

@keyframes btns{

	from{
	margin-right: -300px;
		opacity: 0;
	}
	to{
	margin-right: 0px;
		opacity: 10;
	}
}

#foto{
animation-duration: 2s;
	animation-name: foto;
}

@keyframes foto{

	from{
		opacity: 0;
	}
	to{
		opacity: 10;
	}
}


#servicio1{
animation-duration: 1s;
	animation-name: servicio1;
}

@keyframes servicio1{

	from{
		opacity: 0;
		margin-top: -100px; 
	}
	to{
		opacity: 10;
		margin-bottom: 0px;
	}
}
#servicio2{
animation-duration: 2s;
	animation-name: servicio2;
}

@keyframes servicio2{

	from{
		opacity: 0;
		margin-top: -100px; 
	}
	to{
		opacity: 10;
		margin-bottom: 0px;
	}
}

#servicio3{
animation-duration: 3s;
	animation-name: servicio3;
}

@keyframes servicio3{

	from{
		opacity: 0;
		margin-top: -100px; 
	}
	to{
		opacity: 10;
		margin-bottom: 0px;
	}
}


#servicio4{
animation-duration: 3.1s;
	animation-name: servicio4;
}

@keyframes servicio4{

	from{
		opacity: 0;
		margin-top: -100px; 
	}
	to{
		opacity: 10;
		margin-bottom: 0px;
	}
}

#servicio5{
animation-duration: 3.2s;
	animation-name: servicio5;
}

@keyframes servicio5{

	from{
		opacity: 0;
		margin-top: -100px; 
	}
	to{
		opacity: 10;
		margin-bottom: 0px;
	}
}
#servicio6{
animation-duration: 3.3s;
	animation-name: servicio6;
}

@keyframes servicio6{

	from{
		opacity: 0;
		margin-top: -100px; 
	}
	to{
		opacity: 10;
		margin-bottom: 0px;
	}
}



#footerE{
animation-duration: 4s;
	animation-name: footerE;
}

@keyframes footerE{

	from{
		opacity: 0;
		margin-top: -100px; 
	}
	to{
		opacity: 10;
		margin-bottom: 0px;
	}
}

#nosotros{
animation-duration: 4s;
	animation-name: nosotros;
}

@keyframes nosotros{

	from{
		opacity: 0;
		margin-top: -100px; 
	}
	to{
		opacity: 10;
		margin-bottom: 0px;
	}
}