@import url('https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600,700,900');

html,body{
width:100%;
	height:100%;
}
* { margin: 0px;
padding: 0px; outline: 0;
}
iframe { display:block; border:none; }

.os-animation{
            opacity: 0;
 }  

.os-animation.animated{
            opacity: 1;
 } 
   
   #preloader {
    position: fixed;
    top:0; left:0;
    right:0; bottom:0;
    background: #2d2f36;
    z-index: 100;
}


#loader2 {
    width: 450px;
    height: 123px;
    position: absolute;
    left:50%; top:50%; margin-left:-225px; margin-top:-61px;
}

#menudencia{ 
position: absolute;
    top: 0;
    width: 100%;
	height:106px;
	z-index:5;
	background:url(../imagenes/fondoarriba.png) no-repeat 50% 50% ;background-size:cover;
}

#logo{ width:252px; height:66px;  top:24px; left:5%; position:absolute;}

#elmens{ width:873px; height:106px;  top:0; right:0; position:absolute; background:url(../imagenes/menudencia.png); z-index:9;}

#elmenscon1{ width:76px; height:20px; left:80px; top: 41px; position:absolute;}
#elmenscon2{ width:84px; height:21px; left:263px; top: 42px; position:absolute;}
#elmenscon3{ width:143px; height:21px; left:418px; top: 41px; position:absolute;}
#elmenscon4{ width:106px; height:17px; left:614px; top:43px; position:absolute;}
#elmenscon5{ width:91px; height:30px; left:772px; top: 38px; position:absolute;}


#elmenschico{ display:none;}


#menudencia2,#visita{ display:none;}

#lineanaranja{ width:100%; height:4px; background-color:#ff5c00; top:106px; position:absolute;}

#labajo{ width:100%; height:50px; background: url(../imagenes/fondoabajo.png); position:fixed; bottom:0; z-index:9999;-webkit-animation-name: aparece;
  animation-name: aparece;}

.smooth{
	cursor:pointer;
	-webkit-transition:all 2s ease;-moz-transition:all 2s ease;transition:all 2s ease;
}

.smooth:hover{
	cursor:pointer;
	-webkit-transition:all 2s ease;-moz-transition:all 2s ease;transition:all 2s ease;
}

.smooth3{font-family: normal;
font-size:13px;
color:#ffffff;
text-decoration:none; 
}

.smooth2a{font-family: normal;
font-size:17px;
color:#000000;
text-decoration:none; 
}

.smooth2a:hover{
color:#02287c;
font-weight:900;
}

#slide1{width:100%; height:800px;}
#somos{width:100%;background-color:#ff5c00;}
#somos2{width:100%;background-color:#272a32;}
#slide2{width:100%;background-color:#ff5c00;}
#slide4{background:url(../imagenes/contacto.jpg) no-repeat 50% 50% fixed;background-size:cover;width:100%; height:450px;}
#slide5{width:100%;background-color:#272a31;}
#slide6{width:100%;background-color:#ffffff;}
#pieses{width:100%;background-color:#12171d;}

#inicio, #inicio1, #inicio2, #inicio3{display:inline-block;vertical-align:top;}
#inicio{width:1700px;vertical-align:middle;  }
#inicio1{width:1400px;margin-right:-4px;text-align:justify;}
#inicio2{width:50px;margin-right:-4px;text-align:left; }
#inicio3{width:250px;margin-right:-4px;text-align:left; padding-top:180px; }

#info{ width:95%; max-width:1100px;}

.texto1{ font-weight:300; color:#ffffff; font-size:16px;}
.texto2{ font-weight:700; color:#ffffff; font-size:60px;line-height:100%;}
.texto3{ font-weight:700; color:#2c2e35; font-size:60px;line-height:100%;}
.texto4{ font-weight:400; color:#ffffff; font-size:20px;}
.texto5{ font-weight:400; color:#2c2e35; font-size:20px;}
.texto6{ font-weight:700; color:#ffffff; font-size:60px; line-height:100%; text-transform:uppercase;}
.texto7{ font-weight:700; color:#2c2e35; font-size:60px;line-height:100%; text-transform:uppercase;}
.texto8{ font-weight:700; color:#ff5c00; font-size:20px;line-height:200%;}
.texto9{ font-weight:400; color:#ffffff; font-size:15px;}
.texto10{ font-weight:900; color:#e37f42; font-size:120px;line-height:120%;}
.texto11{ font-weight:700; color:#2c2e35; font-size:30px;}
.texto12{ font-weight:400; color:#ffffff; font-size:20px;}
.texto13{ font-weight:700; color:#ff5c00; font-size:45px;}
.texto14{ font-weight:400; color:#ffffff; font-size:20px;}
.texto15{ font-weight:700; color:#ff5c00; font-size:18px;}
.texto16{ font-weight:400; color:#ffffff; font-size:18px; text-decoration:none;line-height:220%;}
.texto17{ font-weight:400; color:#6e6e6e; font-size:16px;}
.texto18{ font-weight:400; color:#ffffff; font-size:14px; text-decoration:none;line-height:60px;}
.texto19{ font-weight:400; color:#1a1e22; font-size:12px; text-decoration:none;line-height:130%;}
.texto20{ font-weight:700; color:#1a1e22; font-size:15px; text-decoration:none;line-height:130%;}
.texto21{ font-weight:700; color:#eb5c05; font-size:15px; text-decoration:none;line-height:130%;}
.texto22{ font-weight:700; color:#1a1e22; font-size:20px; text-decoration:none;line-height:130%;}
.texto23{ font-weight:400; color:#818181; font-size:16px; text-decoration:none;line-height:130%;}
.texto24{ font-weight:400; color:#1a1e22; font-size:40px; text-decoration:none;line-height:130%;}

#somosima, #somosima1, #somosima2{display:inline-block;vertical-align:top;}
#somosima{width:1200px;vertical-align:middle;  }
#somosima1{width:815px;margin-right:-4px;text-align:left;}
#somosima2{width:375px;margin-right:-4px;text-align:left; margin-top:60px; }

.limasomos{ width:95%; max-width:793px;}

#bolas, #bolas1, #bolas2{display:inline-block;vertical-align:top;}
#bolas{width:1200px;vertical-align:middle; margin-top:-100px;  }
#bolas1{width:250px;margin-right:-4px;text-align:center;}
#bolas2{width:225px;margin-right:-4px;text-align:center; margin-top:290px; }

.elvideo{ width:95%; max-width:1200px;}

#cables, #cables1, #cables2, #cables3, #cables3a, #cables4{display:inline-block;vertical-align:top;}
#cables{width:1200px;vertical-align:middle;  }
#cables1{width:80px; height:303px;margin-right:-4px;text-align:center; background:url(../imagenes/alambres2.png);margin-top:160px;}
#cables2{width:480px;margin-right:-4px;text-align:left;}
#cables3a{width:47px;margin-right:-4px;text-align:center;}
#cables3{width:47px;margin-right:-4px;text-align:center;}
#cables4{width:545px;margin-right:-4px;text-align:center;}

.lambres{ width:100%; max-width:545px;}

#coni{ width:90%; max-width:550px; }

#footi, #footi1, #footi2{display:inline-block;vertical-align:top;}
#footi{width:1200px;vertical-align:middle;}
#footi1{width:300px;margin-right:-4px;text-align:left;}

#elcuadro, #elcuadro1, #elcuadro2, #elcuadro3, #elcuadro4{display:inline-block;vertical-align:top;}
#elcuadro{width:1100px;vertical-align:middle; text-align:left;}
#elcuadro1{width:525px;margin-right:-4px;text-align:left; height:80px;}
#elcuadro2{width:333px;margin-right:-4px;text-align:left;height:80px;}
#elcuadro3{width:50px;margin-right:-4px;text-align:left;height:80px;}
#elcuadro4{width:716px;margin-right:-4px;text-align:left;height:80px;}

#suscribe, #suscribe1, #suscribe2{display:inline-block;vertical-align:top;}
#suscribe{width:1100px;vertical-align:middle; text-align:left;}
#suscribe1{width:70%;margin-right:-4px;text-align:left; height:80px;}
#suscribe2{width:30%;margin-right:-4px;text-align:left;height:80px;}


.trans1{ background-color:#272a31;text-align:center;HEIGHT:50px;width:100%;border:1px solid #575757;font-size:16PX;color:#727272;-moz-border-radius: 10px;-webkit-border-radius: 10px; border-radius: 10px;}

.boton4{background-color:#ff5c00;text-align:center;HEIGHT:50px;width:100%;font-size:18PX;color:#ffffff;cursor:pointer; border:0;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}

.trans2{ background-color:#dedede;text-align:center;HEIGHT:50px;width:100%;border:1px solid #dedede;font-size:16PX;color:#272a31;-moz-border-radius: 10px;-webkit-border-radius: 10px; border-radius: 10px;}

.boton5{background-color:#c9c9c9;text-align:center;HEIGHT:50px;width:100%;font-size:18PX; border:1; border-color:#ff5c00;color:#ff5c00;cursor:pointer; border:0;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#distri{ width:100%; background-color:#ffffff; height:100%; }

#distribuyeme{ width:90%; max-width:550px;}

.trans3{ background-color:#f4f4f4;text-align:left;HEIGHT:40px;width:100%;border:1px solid #f4f4f4;font-size:16PX;color:#727272;-moz-border-radius: 20px;-webkit-border-radius: 20px; border-radius: 20px; padding-left:10px;}

.boton6{background-color:#ff5c00;text-align:center;HEIGHT:40px;width:140px;font-size:18PX;color:#ffffff;cursor:pointer; border:0;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#flechon{ width:1050px; text-align:left; left:50%; margin-left:-525px; position:absolute; top:500px; height:42px;}


#eltel{width:206px; height:44px; left:5%; text-align:left; position:absolute; top:106px;}

#whats{width:80px; height:80px; right:2%; text-align:left; position:fixed; top:50%; padding-top:-40px; z-index:999;}

.ball2{-moz-animation:spin 1.5s infinite linear;-webkit-animation:spin 1.5s infinite linear;-0-animation:spin 1.5s infinite linear;animation:spin 1.5s infinite linear;}
@-webkit-keyframes spin{0%{opacity:1;}
100%{opacity:1;-webkit-transform:translateY(6px);}
}
@-o-keyframes spin{0%{opacity:1;}
100%{opacity:1;-0-transform:translateY(6px);}
}
.flecha3{-moz-animation:spin3 1.5s infinite linear;-webkit-animation:spin3 1.5s infinite linear;-0-animation:spin3 1.5s infinite linear;animation:spin3 1.5s infinite linear;}
@-moz-keyframes spin3{0%{opacity:01;}
100%{opacity:1;-moz-transform:translateY(6px);}
}
@-webkit-keyframes spin3{0%{opacity:1;}
100%{opacity:1;-webkit-transform:translateY(6px);}
}
@-o-keyframes spin3{0%{opacity:1;}
100%{opacity:1;-0-transform:translateY(6px);}
}

@media screen and (max-width: 1285px)
 {
#logo{ left:1%;}
 }
 
 @media screen and (max-width: 1124px)
 {
#elmens{ display:none;}
#elmenschico{ width:630px; height:106px;  top:0; right:0; position:absolute; z-index:9; display:block;}
#elmenscon1a{ width:76px; height:20px; left:0px; top: 41px; position:absolute;}
#elmenscon2a{ width:84px; height:21px; left:110px; top: 42px; position:absolute;}
#elmenscon3a{ width:143px; height:21px; left:220px; top: 41px; position:absolute;}
#elmenscon4a{ width:106px; height:17px; left:390px; top:43px; position:absolute;}
#elmenscon5a{ width:91px; height:30px; left:530px; top: 38px; position:absolute;}
 }
 
 @media screen and (max-width: 1210px)
 {
 #somosima{width:793px;vertical-align:middle;  }
 #somosima1{width:100%;margin-right:0px;text-align:left;}
 #somosima2{width:100%;margin-right:0px;text-align:center; margin-top:60px; }
 
 #bolas{width:900px;vertical-align:middle; margin-top:0;  }
#bolas1{width:220px;margin-right:-4px;text-align:center;}
#bolas2{width:120px;margin-right:-4px;text-align:center; margin-top:290px; }
 
 #cables{width:1031px;vertical-align:middle;  }
#cables1{ display:none;}
#cables2{width:441px;margin-right:-4px;text-align:left;}
#cables3a{display:none;}
#cables3{width:45px;margin-right:-4px;text-align:center;}
#cables4{width:545px;margin-right:-4px;text-align:center;}
 
 #footi{width:1000px;vertical-align:middle;}
#footi1{width:250px;margin-right:-4px;text-align:left;}

#flechon{ width:800px; text-align:left; left:50%; margin-left:-400px; position:absolute; top:500px; height:42px;}

 }

 @media screen and (max-width: 1110px)
 {
.texto18{ font-weight:400; color:#ffffff; font-size:14px; text-decoration:none;line-height:130%;}

#elcuadro{width:900px;vertical-align:middle; text-align:left;}
#elcuadro1{width:425px;margin-right:-4px;text-align:left; height:80px;}
#elcuadro2{width:266px;margin-right:-4px;text-align:left;height:80px;}
#elcuadro3{width:50px;margin-right:-4px;text-align:left;height:80px;}
#elcuadro4{width:584px;margin-right:-4px;text-align:left;height:80px;}

#suscribe{width:900px;vertical-align:middle; text-align:left;}
#suscribe1{width:70%;margin-right:-4px;text-align:left; height:80px;}
#suscribe2{width:30%;margin-right:-4px;text-align:left;height:80px;}

 }
 
@media screen and (max-width: 1040px)
 {
#cables{width:900px;vertical-align:middle;  }
#cables2{width:441px;margin-right:-4px;text-align:left;}
#cables3{width:39px;margin-right:-4px;text-align:center;}
#cables4{width:420px;margin-right:-4px;text-align:center;}	

.texto10{font-size:100px;line-height:120%;}
.texto11{font-size:25px;}
.texto12{font-size:20px;}

#footi{width:400px;vertical-align:middle;}
#footi1{width:400px;margin-right:0px;text-align:center;}

 }
 
@media screen and (max-width: 940px)
 {
#menudencia2{ 
display:block; top:0;
}

#visita{display:block;
position:absolute;
right:10px;
width:150px;
height:22px;
top:65px;
}

#eltel{width:206px; height:44px; left:1%; text-align:left; position:absolute; top:60px;}
#whats{width:80px; height:80px; right:0%; text-align:left; position:fixed; top:50%; padding-top:-40px; z-index:999;}

#menudencia,#lineanaranja{ display:none;} 
 }
 
@media screen and (max-width: 910px)
 {
#slide1{width:100%; height:700px;}	 

#bolas{width:250px;vertical-align:middle; margin-top:0;  }
#bolas1{width:250px;margin-right:-4px;text-align:center;}
#bolas2{ display:none;}

#cables{width:90%;vertical-align:middle;  }
#cables2{width:100%;margin-right:0px;text-align:left;}
#cables3{ display:none;}
#cables4{width:100%;margin-right:0px;text-align:left;}	

#elcuadro{width:90%;vertical-align:middle; text-align:left;}
#elcuadro1{width:100%;margin-right:0px;text-align:left; height:80px;}
#elcuadro2{width:100%;margin-right:0px;text-align:left;height:80px;}
#elcuadro3{ display:none;}
#elcuadro4{width:100%;margin-right:0px;text-align:left;height:80px;}

#suscribe{width:450px;vertical-align:middle; text-align:left;}
#suscribe1{width:450px;margin-right:0px;text-align:left; height:60px;}
#suscribe2{width:450px;margin-right:0px;text-align:left;height:60px;}

.trans2{ background-color:#dedede;text-align:center;HEIGHT:50px;width:100%;border:1px solid #dedede;font-size:13PX;color:#272a31;-moz-border-radius: 10px;-webkit-border-radius: 10px; border-radius: 10px;}
 }
 
 @media screen and (max-width: 900px)
 {
 #somosima{width:90%;vertical-align:middle;  }
 #somosima1{width:100%;margin-right:0px;text-align:left;}
 #somosima2{width:100%;margin-right:0px;text-align:center; margin-top:60px; } 
 }
 @media screen and (max-width: 810px)
 { 
 #flechon{ display:none;}
 }
 .aparecete {
  margin: 0 auto;
      animation: aparece .7s  linear;
    -webkit-animation: aparece .7s  linear;
}
 
 @-webkit-keyframes aparece {
  0% {
    opacity: 0;
    -webkit-transform: translateY(90px);
    transform: translateY(90px);
  }

  
  60% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  
  80% {
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

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

.brilla {
  margin: 0 auto;
      animation: aparece2 3s  linear infinite;
    -webkit-animation: aparece2 3s  linear infinite;
}
 
 @-webkit-keyframes aparece2 {
  0% {
    opacity: 0;
  }

   50% {
    opacity: 1;

  }
   
  100% {
    opacity: 0;

  }
}