.empresas {
	width: 100%;
	margin: auto;
	overflow: hidden;
	position: relative;
}

#empresas1{
	width: 2500px;
	height: 170px;
	background-image: url(../images/empresarial);
	background-size: 100% 100%;

	animation: empresas1 18s infinite linear;
}

.empresas::before, .empresas::after {
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  height: 170px;
  position: absolute;
  width: 200px;
  z-index: 2;
}

.empresas::after {
  right: 0;
  top: 0;
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
}

@keyframes empresas1 {
	to{
		background-position: -2500px;
	}
}

@media (max-width: 480px){
    .empresas::before, .empresas::after {
      background: none;
      content: "";
      height: 170px;
      position: absolute;
      width: 200px;
      z-index: 2;
    }
}




/*Cargador Especial de la Pagina*/
#principal{
	opacity: 0.0;
     -webkit-transition: opacity 0.8s;
   	transition: opacity 0.8s;
}

#carga_todo{
	height: 100%;
	width: 100%,
	position:fixed;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	z-index: 10000;
}

#carga_todo img{
    width: 270px;
    height: 65px;
    position: fixed;
    top: 0;
	left: 0;
	right: 0;
	bottom: 22%;
	margin: auto;
}

#carga{
	border: 15px solid #ccc;
	border-top-color: #086A87;
	border-top-style: groove;
	height: 100px;
	width: 100px;
	border-radius: 100%;
	position: fixed;
	top: 5%;
	left: 1%;
	right: 0;
	bottom: 0;
	margin: auto;
	-webkit-animation: girar 1.5s linear infinite;
	-o-animation: girar 1.5s linear infinite;
	animation: girar 1.5s linear infinite;
}

@keyframes girar{
	from{transform: rotate(0deg);}
	to{transform: rotate(360deg);}
}

@media (max-height: 680px){
    
    #carga_todo img{
    top: 0;
	left: 0;
	right: 0;
	bottom: 25%;

    }

    #carga{
    top: 15%;
    left: 1%;
    right: 0;
    bottom: 0;

    }
    
}

@media (max-height: 480px){
    
    #carga_todo img{
    top: 0;
	left: 0;
	right: 0;
	bottom: 40%;

    }

    #carga{
    top: 20%;
    left: 1%;
    right: 0;
    bottom: 0;

    }
    
}

@media (max-height: 280px){
    
    #carga_todo img{
    top: 0;
	left: 0;
	right: 0;
	bottom: 45%;

    }

    #carga{
    top: 50%;
    left: 1%;
    right: 0;
    bottom: 0;
    height: 65px;
	width: 65px;
    border: 10px solid #ccc;
	border-top-color: #086A87;
	border-top-style: groove;

    }
    
}