/* CSS Document */
body{
	background-color: #636161;
}
#tituloError{
	font-size: 60px;
	text-align: center;
	color: #7E7E7E;
}
#secError{
	height: 100%;
	background-color: #EFE1CD;
	padding: 1%;
}
#lm1, #lm2, #lm3, #lm4, #lm5, #lm6, #lm7, #lm8{
	transition: all .2s cubic-bezier(0,0,0.09,0.87);
}
#lm1:hover, #lm2:hover, #lm3:hover, #lm4:hover, #lm5:hover, #lm6:hover, #lm7:hover, #lm8:hover{
	margin: 40px; 
	height: 120px;
	width: 20px;
}
#lm1, #lm2, #lm3, #lm4, #lm5, #lm6, #lm7, #lm8{
	-webkit-animation: animacuadro 5s infinite;
	-moz-animation: animacuadro 5s infinite;
}
#lm2{
	-webkit-animation: animacuadro 4s infinite;
	-moz-animation: animacuadro 4s infinite;
}
#lm3{
	-webkit-animation: animacuadro 1s infinite;
	-moz-animation: animacuadro 2s infinite;
}
#lm4{
	-webkit-animation: animacuadro 6s infinite;
	-moz-animation: animacuadro 7s infinite;
}
#lm5{
	-webkit-animation: animacuadro 3s infinite;
	-moz-animation: animacuadro 4.5s infinite;
}
#lm6{
	-webkit-animation: animacuadro 4.5s infinite;
	-moz-animation: animacuadro 5.6s infinite;
}
#lm7{
	-webkit-animation: animacuadro 2s infinite;
	-moz-animation: animacuadro 2s infinite;
}
#lm8{
	-webkit-animation: animacuadro 7s infinite;
	-moz-animation: animacuadro 8s infinite;
}
#secError p{
	font-size: 24px;
	color: #7A7979;
	text-align: center;
}
#secError a svg{
	text-align: center;
	width: 180px;
	height: 100px;
	transition: all .5s cubic-bezier(0,0,0.09,0.87);
}
#secError a svg:hover{
	width: 200px;
	height: 120px;
}
#secError a svg #path{
	transition: all .5s cubic-bezier(0,0,0.09,0.87);
}
#secError a svg:hover #path{
	fill: #8C8C8C !important;
}
@-webkit-keyframes animacuadro{
	0%{
		margin-bottom: 40px;
		padding: 30px;
	}
	50%{
		margin-bottom: 60px;
		padding: 10px;
	}
	100%{
		margin-bottom: 40px;
		padding: 30px;
	}
}
@-moz-keyframes animacuadro{
	0%{
		margin-bottom: 40px;
		padding: 30px;
	}
	50%{
		margin-bottom: 60px;
		padding: 10px;
	}
	100%{
		margin-bottom: 40px;
		padding: 30px;
	}
}