.negro{
	width: 100%;
	height: 100%;
	background-color: orange;
}

.precarga{
	position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 60px;
    transform: translate(-50%,-50%);
    color: #fff;
}

/*.precarga .engranes1{
	position: absolute;
 	top: 0;
    left: 36px;
    font-size: 50px;
}


	.girar1{
	    -webkit-animation: rotar1 2s infinite linear;
    	animation: rotar1 2s infinite linear;
    }

    	@-webkit-keyframes rotar1 {
		  0% {
		    -webkit-transform: rotate(0deg);
		    transform: rotate(0deg); }
		  100% {
		    -webkit-transform: rotate(359deg);
		    transform: rotate(359deg); } }

		@keyframes rotar1 {
		  0% {
		    -webkit-transform: rotate(0deg);
		    transform: rotate(0deg); }
		  100% {
		    -webkit-transform: rotate(359deg);
		    transform: rotate(359deg); } }


.precarga .engranes2 {
	position: absolute;
    top: 30px;
    left: 12px;
    font-size: 32px;
}

	.girar2 {
	    -webkit-animation: rotar2 2s infinite linear;
	    animation: rotar2 2s infinite linear;
	}

		@-webkit-keyframes rotar2 {
		  0% {
		    -webkit-transform: rotate(0deg);
		    transform: rotate(0deg); }
		  100% {
		    -webkit-transform: rotate(-359deg);
		    transform: rotate(-359deg); } }

		@keyframes rotar2 {
		  0% {
		    -webkit-transform: rotate(0deg);
		    transform: rotate(0deg); }
		  100% {
		    -webkit-transform: rotate(-359deg);
		    transform: rotate(-359deg); } }

.precarga .engranes3 {
	position: absolute;
    top: 34px;
    right: 5px;
    font-size: 26px;
}*/

.primer{
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    display: none;
}

	.primer a{
		font-size: 50px;
	    color: #fff;
	}