@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;700;900&family=Merriweather:wght@400;700&display=swap');


.smooth{ text-decoration:none;}

html,body{
width:100%;
	height:100%;font-family: 'Archivo', sans-serif;}
	
* { margin: 0px;
padding: 0px; outline: 0;
}
iframe { display:block; border:none; }

.os-animation{
            opacity: 0;
 }  

.os-animation.animated{
            opacity: 1;
 }  
 
 *:focus { 
    outline: none; 
} 
 


#cable{ width:100%; background:url(../imagenes/fondo0.jpg) no-repeat center center fixed;background-size:cover;  z-index:9999;}
 
#slide1{
width:100%;height:800px;
}



#header{ width:100%; height:105px;  z-index:9999; background:url(../imagenes/fondo.jpg) no-repeat center center;}


.smooth2 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  color:#ffffff;font-size:17px;text-decoration:none; line-height:105px; opacity:1; font-family: 'Archivo', sans-serif;
}
.smooth2:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: -4px;
  background: #c41f1a;
  height:8px;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.smooth2:hover:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.botos{transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s; opacity: 1;}
.botos:hover{ opacity: .7;}

.texto1{color:#ffffff;font-size:15px;font-family: 'Archivo', sans-serif; text-decoration:none; font-weight: 400;}
.texto2{color:#ffffff;font-size:20px; line-height: 160%; font-family: 'Merriweather', serif; text-decoration:none; font-weight: 700;}
.texto3{color:#ffffff;font-size:60px; line-height: 100%; font-family: 'Merriweather', serif; text-decoration:none; font-weight: 700;text-shadow: 2px 1px 2px rgba(0,0,0,0.41); }
.texto4{color:#ffffff;font-size:22px;font-family: 'Archivo', sans-serif; text-decoration:none; font-weight: 400; line-height: 160%;text-shadow: 2px 1px 2px rgba(0,0,0,0.41); }
.texto5{color:#c41f1a;font-size:18px; line-height: 200%; font-family: 'Merriweather', serif; text-decoration:none; font-weight: 700;}
.texto6{color:#000000;font-size:30px;font-family: 'Archivo', sans-serif; text-decoration:none; font-weight: 700; line-height: 120%; }
.texto7{color:#45494c;font-size:18px;font-family: 'Archivo', sans-serif; text-decoration:none; font-weight: 400; line-height: 140%; }
.texto8{color:#e51913;font-size:55px; line-height: 160%; font-family: 'Archivo', sans-serif;  text-decoration:none; font-weight: 700;}
.texto9{color:#ffffff;font-size:40px; line-height: 160%; font-family: 'Merriweather', serif; text-decoration:none; font-weight: 700;}
.texto10{color:#ffffff;font-size:17px; line-height: 160%; font-family: 'Archivo', sans-serif;  text-decoration:none; font-weight: 400;}
.texto11{color:#45494c;font-size:17px; line-height: 150%; font-family: 'Archivo', sans-serif;  text-decoration:none; font-weight: 400;}
.texto12{color:#ffffff;font-size:13px; line-height:34px; font-family: 'Archivo', sans-serif;  text-decoration:none; font-weight: 400;}
.texto13{color:#ffffff;font-size:13px;  font-family: 'Archivo', sans-serif;  text-decoration:none; font-weight: 400;}
.texto14{color:#d52027;font-size:13px;  font-family: 'Archivo', sans-serif;  text-decoration:none; font-weight: 400;}
.texto15{color:#ffffff;font-size:30px;  font-family: 'Archivo', sans-serif;  text-decoration:none; font-weight: 700;}
.texto16{color:#ffffff;font-size:18px; line-height: 150%;  font-family: 'Archivo', sans-serif;  text-decoration:none; font-weight: 400;}


.tel{ width: 199px; margin-top: 30px; }
.logos{ width: 321px; margin-top:27px; }
.lata{ width: 95%;}

#larriba, #larriba1,#larriba2,#larriba3,#larriba4,#larriba5{display:inline-block;vertical-align:top;}
#larriba{width:1600px;vertical-align:middle; text-align:center; height: 105px; }
#larriba1{width:321px;margin-right:-4px; text-align:left; background-color:#e41912; height: 100%; }
#larriba2{width:111px;margin-right:-4px;text-align:right; background-color: #030504; height: 100%; }
#larriba3{width:938px;margin-right:-4px;text-align:center; background-color: #030504; height: 100%; }
#larriba4{width:230px;margin-right:-4px;text-align:right; background-color: #ffffff; height: 100%; }

#eltexto{ width:1600px; height:300px;  z-index:0; position:absolute; left:50%; top:50%; margin-left:-800px; margin-top:-230px;}
#subtexto{ width:100%; max-width:630px;}

#somos{ width: 100%; background-color: #eeeeee; text-align: center; margin-top: -8px;}


#info, #info1,#info2,#info3,#info0{display:inline-block;vertical-align:top;}
#info{width:1400px;vertical-align:middle; text-align:center; margin-left: -200px;}
#info1{width:200px;margin-right:-4px; text-align:left; margin-top: 60px;}
#info2{width:370px;margin-right:-4px;text-align:left; }
#info3{width:700px;margin-right:-4px;text-align:left; margin-top: 40px;}
#info0{width:120px;margin-right:-4px;text-align:right;}

#loservi{ width:100%; background: url("../imagenes/fondo5.jpg") no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}

#imageneservicios, #imageneservicios1,#imageneservicios2,#imageneservicios3,#imageneservicios0,#imageneservicios00{display:inline-block;vertical-align:top;}
#imageneservicios{width:1600px;vertical-align:middle; text-align:center; }
#imageneservicios1{width:526px; height: 600px; margin-right:-4px; text-align:left;background: url(../imagenes/ima1.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#imageneservicios2{width:526px; height: 600px; margin-right:-4px;text-align:left; background: url(../imagenes/ima2.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#imageneservicios3{width:526px; height: 600px; margin-right:-4px;text-align:left;background: url(../imagenes/ima3.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#imageneservicios0{width:10px;margin-right:-4px;text-align:right;}
#imageneservicios00{width:10px;margin-right:-4px;text-align:right;}


#servicios{ width: 100%; background-color: #eeeeee; text-align: center; }

#txtservicios, #txtservicios1,#txtservicios2,#txtservicios3,#txtservicios0,#txtservicios00{display:inline-block;vertical-align:top;}
#txtservicios{width:1600px;vertical-align:middle; text-align:center; }
#txtservicios1{width:526px; height: 350px; background-color: #0a0c0b; margin-right:-4px; text-align:left;}
#txtservicios0{width:10px;margin-right:-4px;text-align:right;}
#txtservicios00{width:10px;margin-right:-4px;text-align:right;}


#serser, #serser1, #serser2, #serser3{display:inline-block;vertical-align:top;}
#serser{width:1200px;vertical-align:middle; text-align:center; }
#serser1{width:300px;margin-right:-4px; text-align:center; }
#serser2{width:100%;margin-right:0; text-align:left; background-color:#000000; height: 2px; }
#serser3{ display: none; }

.linfo{ width:100%; height: 150px;}

#lainfo{  text-align:justify; width: 100%; }

.ser1{ width: 182px; height: 280px;background: url("../imagenes/s1.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s; opacity: 1;}
.ser1:hover{background: url("../imagenes/s1a.png") no-repeat center center; opacity: .7;}

.ser2{ width: 182px; height: 280px;background: url("../imagenes/s2.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s; opacity: 1;}
.ser2:hover{background: url("../imagenes/s2a.png") no-repeat center center; opacity: .7;}

.ser3{ width: 182px; height: 280px;background: url("../imagenes/s3.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s; opacity: 1;}
.ser3:hover{background: url("../imagenes/s3a.png") no-repeat center center; opacity: .7;}

.ser4{ width: 182px; height: 280px;background: url("../imagenes/s4.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s; opacity: 1;}
.ser4:hover{background: url("../imagenes/s4a.png") no-repeat center center; opacity: .7;}


#separador{width:100%; height: 500px; background: url("../imagenes/separador.jpg") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}


#contacto{width:100%; background: url("../imagenes/fondo6.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; text-align: center;}


#contactame, #contactame1, #contactame2, #contactame3{display:inline-block;vertical-align:top;}
#contactame{width:1200px;vertical-align:middle; text-align:center; }
#contactame1{width:473px;margin-right:-4px; text-align:left; margin-top: 108px; }
#contactame2{width:254px;margin-right:0; text-align:left;}
#contactame3{width:473px;margin-right:-4px; text-align:right; margin-top: 45px;  }


#abajo{width:100%; background-color:#000000; text-align: center;}

#laba, #laba1, #laba2, #laba3, #laba4, #laba5, #laba0, #laba00{display:inline-block;vertical-align:top;}
#laba{width:1200px;vertical-align:middle; text-align:center; }
#laba1{width:377px;margin-right:-4px; text-align:left; }
#laba2{width:378px;margin-right:0; text-align:center; }
#laba3{width:377px;margin-right:-4px; text-align:right; }
#laba4{width:100%; height:1px; background-color:#4b4c53;margin-right:0px; margin-top:28px; text-align:right; }
#laba5{width:100%;margin-right:0px; text-align:center; margin-top:20px;  }
#laba0{width:34px;margin-right:-4px; text-align:center; }
#laba00{width:34px;margin-right:-4px; text-align:center; }

.latabla{ display:inline-block;}

.forma{text-align:left;HEIGHT:50px;width:81%;border:1px solid; border-color: #d8d8d8; font-size:16PX;color:#1a1b20;font-weight:400;padding-left:30px; background-color:#ebebeb; -webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;}

.boton{text-align:center;HEIGHT:50px;width:87%;border:0; font-size:14PX;color:#ffffff;font-weight:400; background-color:#000000;  cursor:pointer;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;}
.boton:hover{color:#000000;background-color:#ebebeb;}


::placeholder {
  color: #1a1b20;
}

@media screen and (max-width: 1620px)
 {
#txtservicios{width:1400px;vertical-align:middle; text-align:center; }
#txtservicios1{width:460px; height: 350px; background-color: #0a0c0b; margin-right:-4px; text-align:left;}
     
     
#imageneservicios{width:1400px;vertical-align:middle; text-align:center; }
#imageneservicios1{width:460px; height: 500px; margin-right:-4px;}
#imageneservicios2{width:460px; height: 500px; margin-right:-4px;}
#imageneservicios3{width:460px; height: 500px; margin-right:-4px;}
#imageneservicios0{width:10px;margin-right:-4px;text-align:right;}
#imageneservicios00{width:10px;margin-right:-4px;text-align:right;}
#info{width:1200px;vertical-align:middle; text-align:center; margin-left:0px;}
#info1{ display: none;}
    
#eltexto{ width:1400px; height:300px;  z-index:0; position:absolute; left:50%; top:50%; margin-left:-700px; margin-top:-200px;}
     
#larriba{width:1400px;vertical-align:middle; text-align:center; height: 105px; }
#larriba1{width:321px;margin-right:-4px; text-align:left; background-color:#e41912; height: 100%; }
#larriba2{width:111px;margin-right:-4px;text-align:right; background-color: #030504; height: 100%; }
#larriba3{width:738px;margin-right:-4px;text-align:center; background-color: #030504; height: 100%; }
#larriba4{width:230px;margin-right:-4px;text-align:right; background-color: #ffffff; height: 100%; }
 }


@media screen and (max-width: 1420px)
 {
#txtservicios{width:1200px;vertical-align:middle; text-align:center; }
#txtservicios1{width:393px; height:400px; background-color: #0a0c0b; margin-right:-4px; text-align:left;}     
     
#imageneservicios{width:1200px;vertical-align:middle; text-align:center; }
#imageneservicios1{width:393px; height: 500px; margin-right:-4px; }
#imageneservicios2{width:393px; height: 500px; margin-right:-4px;}
#imageneservicios3{width:393px; height: 500px; margin-right:-4px;}
#imageneservicios0{width:10px;margin-right:-4px;text-align:right;}
#imageneservicios00{width:10px;margin-right:-4px;text-align:right;}
     
     
#eltexto{ width:1200px; height:300px;  z-index:0; position:absolute; left:50%; top:50%; margin-left:-600px; margin-top:-200px;}
     
.lata{ width: 100%;}
.smooth2 {font-size:15px;}
     
#larriba{width:1200px;vertical-align:middle; text-align:center; height: 105px; }
#larriba1{width:321px;margin-right:-4px; text-align:left; background-color:#e41912; height: 100%; }
#larriba2{width:111px;margin-right:-4px;text-align:right; background-color: #030504; height: 100%; }
#larriba3{width:548px;margin-right:-4px;text-align:center; background-color: #030504; height: 100%; }
#larriba4{width:220px;margin-right:-4px;text-align:right; background-color: #ffffff; height: 100%; }
 }


@media screen and (max-width: 1220px)
 {
#contactame{width:1000px;vertical-align:middle; text-align:center; }
#contactame1{width:373px;margin-right:-4px; text-align:left; margin-top: 90px; }
#contactame2{width:254px;margin-right:0; text-align:left;}
#contactame3{width:373px;margin-right:-4px; text-align:right; margin-top: 45px;  }
     
#laba{width:1000px;vertical-align:middle; text-align:center; }
#laba1{width:310px;margin-right:-4px; text-align:left; }
#laba2{width:310px;margin-right:0; text-align:center; }
#laba3{width:310px;margin-right:-4px; text-align:right; }


#serser{width:1000px;vertical-align:middle; text-align:center; }
#serser1{width:250px;margin-right:-4px; text-align:center; }

 
#txtservicios{width:1000px;vertical-align:middle; text-align:center; }
#txtservicios1{width:326px; height:400px; background-color: #0a0c0b; margin-right:-4px; text-align:left;}      
     
#imageneservicios{width:1000px;vertical-align:middle; text-align:center; }
#imageneservicios1{width:326px; height: 400px; margin-right:-4px; }
#imageneservicios2{width:326px; height: 400px; margin-right:-4px;}
#imageneservicios3{width:326px; height: 400px; margin-right:-4px;}
#imageneservicios0{width:10px;margin-right:-4px;text-align:right;}
#imageneservicios00{width:10px;margin-right:-4px;text-align:right;}
     
     
#info{width:1000px;vertical-align:middle; text-align:center;}
#info2{width:350px;margin-right:-4px;text-align:left;}
#info3{width:600px;margin-right:-4px;text-align:left;}
#info0{width:50px;margin-right:-4px;text-align:right;}
     
     
#eltexto{ width:1000px; height:300px;  z-index:0; position:absolute; left:50%; top:50%; margin-left:-500px; margin-top:-200px;}
#subtexto{ width:100%; max-width:630px;}
     
.smooth2 {font-size:16px;}    
#larriba{width:1000px;vertical-align:middle; text-align:center; height: 105px; }
#larriba1{width:321px;margin-right:-4px; text-align:left; background-color:#e41912; height: 100%; }
#larriba2{width:111px;margin-right:-4px;text-align:right; background-color: #030504; height: 100%; }
#larriba3{width:568px;margin-right:-4px;text-align:center; background-color: #030504; height: 100%; }
#larriba4{ display: none;}
 }



@media screen and (max-width: 1020px)
 {
#contacto{width:100%; background: url("../imagenes/fondo6.jpg") no-repeat center left; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; text-align: center;}
     
#contactame{width:90%; max-width: 700px; vertical-align:middle; text-align:center; }
#contactame1{width:100%;margin-right:0px; text-align:center; margin-top:50px; }
#contactame3{width:100%;margin-right:0; text-align:center; margin-bottom: 50px;}
#contactame2{ display: none;}
     
#laba{width:450px;vertical-align:middle; text-align:center; }
#laba1,#laba2,#laba3{width:250px;margin-right:0px; text-align:left; margin-top:10px; }
#laba0,#laba00{ display:none; }

#serser{width:800px;vertical-align:middle; text-align:center; }
#serser1{width:200px;margin-right:-4px; text-align:center; }

.linfo{ width:100%; height: 150px;}
     
#txtservicios{width:90%;vertical-align:middle; text-align:center; }
#txtservicios1{width:100%; height: 300px; background-color: #0a0c0b; margin-right:0; text-align:left;}
#txtservicios0{ display: none;}
#txtservicios00{display: none;}     
     
#imageneservicios{width:800px;vertical-align:middle; text-align:center; }
#imageneservicios1{width:260px; height: 400px; margin-right:-4px; }
#imageneservicios2{width:260px; height: 400px; margin-right:-4px;}
#imageneservicios3{width:260px; height: 400px; margin-right:-4px;}
#imageneservicios0{width:10px;margin-right:-4px;text-align:right;}
#imageneservicios00{width:10px;margin-right:-4px;text-align:right;}
     
     
#info{width:90%; max-width: 800px; vertical-align:middle; text-align:center;}
#info2{width:100%;margin-right:0px;text-align:center;}
#info3{width:100%;margin-right:0px;text-align:center; margin-top: 10px;}
#info0{ display: none;}

.texto3{font-size:50px; }
.texto4{font-size:20px; line-height: 130%;}

#eltexto{ width:90%; height:300px;  z-index:0; position:absolute; left:5%; top:50%; margin-left:0; margin-top:-150px;}
#subtexto{ width:100%; max-width:100%; text-align: center;}
 }

@media screen and (max-width: 820px)
 {
#separador{width:100%; height: 400px; background: url("../imagenes/separador.jpg") no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}

     
#imageneservicios{width:99%;vertical-align:middle; text-align:center; }
#imageneservicios1{width:33%; height: 300px; margin-right:-4px; }
#imageneservicios2{width:33%; height: 300px; margin-right:-4px;}
#imageneservicios3{width:33%; height: 300px; margin-right:-4px;}
#imageneservicios0{width:.5%;margin-right:-4px;text-align:right;}
#imageneservicios00{width:.5%;margin-right:-4px;text-align:right;}
    
#serser{width:90%;vertical-align:middle; text-align:center; }
#serser1,#serser2{ display: none;}
#serser3{width:100%;margin-right:0; text-align:center; display: inline-block;}
 
.linfo{ display: none;}
     
     
#txtservicios1{width:100%; height: 350px;}
     }

@media screen and (max-width: 820px)
 {
#separador{width:100%; height: 300px; background: url("../imagenes/separador.jpg") no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}  
}
     
#menumovil{ display:none;}
.button_container {
  position: absolute;
  top: -2px;
  right: 0px;
  height: 0px;
  width: 35px;
  cursor: pointer;
  z-index: 9999;
  -webkit-transition: opacity .25s ease;
  -moz-transition: opacity .25s ease;
  transition: opacity .25s ease;
}
.button_container:hover {
  opacity: .7;
}
.button_container.active .top {
  -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
  -moz-transform: translateY(11px) translateX(0) rotate(45deg);
          transform: translateY(11px) translateX(0) rotate(45deg);
  background: #ffffff;
}
.button_container.active .middle {
  opacity: 0;
  background: #ffffff;
}
.button_container.active .bottom {
  -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
  -moz-transform: translateY(-11px) translateX(0) rotate(-45deg);
          transform: translateY(-11px) translateX(0) rotate(-45deg);
  background: #ffffff;
}
.button_container span {
  background: #ffffff;
  border: none;
  height: 5px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  transition: all .35s ease;
  cursor: pointer;z-index: 9999;
}
.button_container span:nth-of-type(2) {
  top: 11px;
}
.button_container span:nth-of-type(3) {
  top: 22px;
}

.overlay {
  position: fixed;
  background-color:rgba(0,0,0,.9);
    top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .35s, visibility .35s, height .35s;
  -moz-transition: opacity .35s, visibility .35s, height .35s;
  transition: opacity .35s, visibility .35s, height .35s;
  overflow: hidden;
}
.overlay.open {
  opacity: .9;
  visibility: visible;
  height: 100%;
}
.overlay.open li {
  -webkit-animation: fadeInRight .5s ease forwards;
  -moz-animation: fadeInRight .5s ease forwards;
          animation: fadeInRight .5s ease forwards;
  -webkit-animation-delay: .35s;
  -moz-animation-delay: .35s;
          animation-delay: .35s;
}
.overlay.open li:nth-of-type(2) {
  -webkit-animation-delay: .4s;
  -moz-animation-delay: .4s;
          animation-delay: .4s;
}
.overlay.open li:nth-of-type(3) {
  -webkit-animation-delay: .45s;
  -moz-animation-delay: .45s;
          animation-delay: .45s;
}
.overlay.open li:nth-of-type(4) {
  -webkit-animation-delay: .50s;
  -moz-animation-delay: .50s;
          animation-delay: .50s;
}
.overlay nav {
  position: relative;
  height: 70%;
  top: 50%;
  -webkit-transform: translateY(-35%);
  -moz-transform: translateY(-35%);
          transform: translateY(-35%);
  
  font-weight: 700;
  text-align: right;
  margin-right:52px;
}
.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 100%;
}
.overlay ul li {
  display: block;
  min-height: 60px;
  position: relative;
  opacity: 0;
}
.overlay ul li a {
  display: block;
  position: relative;
  color: #ffffff;
  text-decoration: none;
  overflow: hidden;
  font-size: 40px;
  opacity:1; text-transform:uppercase; line-height:110%;
}
.overlay ul li a:hover,a:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
  width: 100%;
  opacity:1;-webkit-transition: .25s;
  transition: .25s;color: #ffffff; opacity:.7;
}




@media screen and (max-width:1120px)
 {
#header{ width:100%; height:105px; background:url("../imagenes/fondo2.jpg") no-repeat center center; position:absolute; top:0; left:0; z-index:9999;}

#larriba{width:96%;vertical-align:middle; text-align:left; }

#larriba3{display:none;}
#larriba4{display:none;}
#larriba5{display:none;}

#menumovil{ z-index:9999;position: absolute;top:43px;
  right: 2%;
  height: 27px;
  width: 35px; display:block;}

}



.ball2{-moz-animation:spin2 1.5s infinite linear;-webkit-animation:spin2 1.5s infinite linear;-0-animation:spin2 1.5s infinite linear;animation:spin2 1.5s infinite linear;}

@-moz-keyframes spin2{0%{opacity:01;}

100%{opacity:1;-moz-transform:translateY(-6px);}

}

@-webkit-keyframes spin2{0%{opacity:1;}

100%{opacity:1;-webkit-transform:translateY(-6px);}

}

@-o-keyframes spin2{0%{opacity:1;}

100%{opacity:1;-0-transform:translateY(-6px);}

}

@-moz-keyframes spin2{0%{opacity:01;}

100%{opacity:1;-moz-transform:translateY(6px);}

}