@import url('https://fonts.googleapis.com/css2?family=Exo+2&family=Ubuntu:ital,wght@0,400;0,700;1,300&display=swap');
@font-face {font-family: 'light';src: url("light.woff") format("woff");font-style: normal; display:swap;}

.os-animation{opacity:0;}
.os-animation.animated{opacity:1;}
.os-animation1{opacity:0;}
.os-animation1{opacity:1;}

html,body{width:100%;height:100%;}
*{
font-family:sans-serif;
list-style:none;
text-decoration:none;
margin:0;
padding:0;
}
iframe{display:block;border:none;}


*:focus {
    outline: none;
}


#header{ width:100%; height:90px; background:url(../imagenes/farriba.png) no-repeat center center; position:absolute; top:0; left:0; z-index:999;}
#lalis{ width:100%; height:1px; background-color:#ffffff; opacity:.2; position:absolute; top:90px; left:0; z-index:999;}


#linea{ width:100%; height:1px; background-color:#d2d2d2;}
#linea2{ width:100%; height:9px; background-color:#ff4900;}


#slide1{text-align:center;width:100%; height:100%;min-height:900px; z-index:1;}
#home{text-align:center;width:100%; min-height:700px; height:100%;background: url(../imagenes/home.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;} 


#elmenu{ width:100%; background-image:url(../imagen/fondoheader.jpg);}
#footer{ width:100%; background-image:url(../imagen/fondofooter.jpg);}

.hvr-icon-back {font-family: 'Exo 2', sans-serif;
  display: inline-block;
  vertical-align: middle;
transition:all .8s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;
 line-height:18px; font-size:13px; color:#ffffff; text-decoration:none;
}
.hvr-icon-back:hover {
transition:all .8s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;
  color:#00e9ee;
}
.hvr-icon-back .hvr-icon {
  transition:all .8s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;background:url(../imagenes/hover2.png);
}
.hvr-icon-back:hover .hvr-icon, .hvr-icon-back:focus .hvr-icon, .hvr-icon-back:active .hvr-icon {
  transition:all .8s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;background:url(../imagenes/hover.png); 
}

.smooth{color:#083882;font-size:14px; font-weight:700;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s; }
.smooth:hover{color:#ff4900;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;}

.texto1{color:#ffffff;font-size:45px;line-height:100%; font-weight:400;font-family: 'Exo 2', sans-serif;}
.texto2{color:#ffffff;font-size:23px;line-height:140%; font-weight:300;font-family: 'Ubuntu', sans-serif;}
.texto3{color:#ffffff;font-size:20px;line-height:100%; font-weight:400;font-family: 'Exo 2', sans-serif;}
.texto4{color:#ffffff;font-size:12px;line-height:100%; font-weight:400;font-family: 'Exo 2', sans-serif; text-decoration:none;}
.texto5{color:#ffffff;font-size:52px;line-height:100%; font-weight:400;font-family: 'Exo 2', sans-serif;}
.texto6{color:#ffffff;font-size:17px;line-height:185%; font-weight:400;font-family: 'Ubuntu', sans-serif;}
.texto6a{color:#ffffff;font-size:17px;line-height:185%; font-weight:400;font-family: 'Ubuntu', sans-serif; text-decoration:underline;}
.texto7{color:#000235;font-size:25px;line-height:100%; font-weight:700;font-family: 'Exo 2', sans-serif;}
.texto8{color:#737d87;font-size:17px;line-height:120%; font-weight:400;font-family: 'Ubuntu', sans-serif;}
.texto8a{color:#737d87;font-size:18px;line-height:140%; font-weight:400;font-family: 'Ubuntu', sans-serif;}
.texto8b{color:#737d87;font-size:18px;line-height:140%; font-weight:400;font-family: 'Ubuntu', sans-serif; text-decoration:underline;}
.texto9{color:#000235;font-size:50px;line-height:120%; font-weight:400;font-family: 'Ubuntu', sans-serif;}
.texto10{color:#000235;font-size:16px;line-height:140%; font-weight:700;font-family: 'Ubuntu', sans-serif;}
.texto11{color:#737d87;font-size:18px;line-height:140%; font-weight:400;font-family: 'Ubuntu', sans-serif;}
.texto12{color:#ffffff;font-size:37px;line-height:100%; font-weight:400;font-family: 'Exo 2', sans-serif;}
.texto13{color:#ffffff;font-size:14px;line-height:140%; font-weight:600;font-family: 'Ubuntu', sans-serif; text-decoration:none; text-transform:uppercase;}
.texto14{color:#ffffff;font-size:13px;line-height:140%; font-weight:300;font-family: 'light';}
.texto15{color:#ffffff;font-size:24px;line-height:140%; font-weight:700;font-family: 'Ubuntu', sans-serif;}
.texto16{color:#ffffff;font-size:19px;line-height:100%; font-weight:400;font-family: 'Exo 2', sans-serif;}
.texto17{color:#ffffff;font-size:15px;line-height:100%; font-weight:400;font-family: 'Exo 2', sans-serif;}
.texto18{color:#00e9ed;font-size:15px;line-height:100%; font-weight:400;font-family: 'Exo 2', sans-serif;}
.texto19{color:#000235;font-size:13px;line-height:140%; font-weight:700;font-family: 'Ubuntu', sans-serif;}
.texto20{color:#ffffff;font-size:43px;line-height:110%; font-weight:600;font-family: 'Ubuntu', sans-serif; text-decoration:none; }

.texto21{color:#000235;font-size:18px;line-height:140%; font-weight:700;font-family: 'Ubuntu', sans-serif;}
.texto22{color:#000235;font-size:34px;line-height:120%; font-weight:700;font-family: 'Exo 2', sans-serif;}
.texto23{color:#000235;font-size:20px;line-height:140%; font-weight:700;font-family: 'Ubuntu', sans-serif;}
.texto24{color:#000235;font-size:15px;line-height:120%; font-weight:700;font-family: 'Ubuntu', sans-serif;}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff; opacity:.8;
   /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ffffff; opacity:.8;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #ffffff; opacity:.8;
}


.forma{text-align:center;HEIGHT:50px;width:100%;border:0; font-size:14PX;color:#ffffff;font-weight:400; background-color: transparent; text-align-last: center;font-family: 'Exo 2', sans-serif;}

.boton1{text-align:center;HEIGHT:50px;width:100%; max-width:130px;border:0; font-size:15PX;color:#000235;font-weight:600; background-color:#ffffff; border-radius: 53px 53px 53px 53px;-moz-border-radius: 53px 53px 53px 53px;-webkit-border-radius: 53px 53px 53px 53px; cursor:pointer;font-family: 'Exo 2', sans-serif;}


#arriba, #arriba1, #arriba2, #arriba3 {display:inline-block;vertical-align:top;}
#arriba{width:1200px;vertical-align:middle; text-align:left;}
#arriba1{width:250px;margin-right:-4px; text-align:left; margin-top:15px;}
#arriba2{width:700px;margin-right:-4px; text-align:left; }
#arriba3{width:250px;margin-right:-4px; text-align:right; background-color:#ffffff; height:90px; }

#elcien, #elcien1, #elcien2, #elcien3 , #elcien4{display:inline-block;vertical-align:top;}
#elcien{width:100%;vertical-align:middle; text-align:left;}
#elcien1{width:60%;margin-right:-4px; text-align:left;background-color:#ffffff; height:152px; }
#elcien2{width:40%;margin-right:-4px; text-align:left;background-color:#000538; height:152px; }
#elcien3{width:60%;margin-right:-4px; text-align:left; background-color:#000538; height:152px; }
#elcien4{width:40%;margin-right:-4px; text-align:left;background-color:#ffffff; height:152px; }


#separa{ width:100%; height:152px; background:url(../imagenes/f2.jpg) no-repeat center center ; display:block;}

#separa2{ width:100%; height:152px; background:url(../imagenes/f2.jpg) no-repeat center center ; display:block;}

#enme, #enme1, #enme2 , #enme3, #enme4 {display:inline-block;vertical-align:top;}
#enme{width:1200px;vertical-align:middle; text-align:left;}
#enme1{width:800px;margin-right:-4px; text-align:left; }
#enme2{width:400px;margin-right:-4px; text-align:left; background-color:#000235; height:152px; }
#enme3{width:400px;margin-right:-4px; text-align:left; }
#enme4{width:800px;margin-right:-4px; text-align:left; background-color:#000235; height:152px; }

#abajo{ width:100%; height:152px; background:url(../imagenes/f3.jpg) no-repeat center center ; display:block;}

#laba, #laba1, #laba2 {display:inline-block;vertical-align:top;}
#laba{width:1200px;vertical-align:middle; text-align:left;}
#laba1{width:800px;margin-right:-4px; text-align:left; background-color:#000235; height:152px; }
#laba2{width:400px;margin-right:-4px; text-align:left;  }

#datos, #datos1, #datos2, #datos3, #datos4 {display:inline-block;vertical-align:top;}
#datos{width:800px;vertical-align:middle; text-align:left; }
#datos1{width:270px;margin-right:-4px; text-align:left; margin-top:67px;}
#datos2{width:270px;margin-right:-4px; text-align:left; margin-top:67px;}
#datos3{width:260px;margin-right:-4px; text-align:left; margin-top:60px }


#footi{ width:100%;background-color:#000235;}

#foo, #foo1, #foo2, #foo3, #foo4 , #foo5 , #foo6{display:inline-block;vertical-align:top;}
#foo{width:1200px;vertical-align:middle; text-align:left;}
#foo1{width:100%;margin-right:-4px; height:1px; text-align:left;background-color:#ffffff; opacity:.2; }
#foo2{width:250px;margin-right:-4px; text-align:left; margin-top:50px;  }
#foo3{width:440px;margin-right:-4px; text-align:left; margin-top:70px;  }
#foo4{width:220px;margin-right:-4px; text-align:left; margin-top:60px;  }
#foo5{width:190px;margin-right:-4px; text-align:left; margin-top:55px;  }
#foo6{width:100px;margin-right:-4px; text-align:left; margin-top:72px;  }


#somos{ width:100%;  background:url(../imagenes/farrib.png) repeat-y center center;  left:0; z-index:999;}

#sem, #sem1, #sem2, #sem3 , #sem3a{display:inline-block;vertical-align:top;}
#sem{width:1200px;vertical-align:middle; text-align:left;}
#sem1{width:710px;margin-right:-4px; text-align:justify; }
#sem2{width:90px;margin-right:-4px; text-align:left; }
#sem3{width:400px;margin-right:-4px; text-align:justify; background-color:#ffffff;  }
#sem3a{ display:none;}

#imagen1{text-align:center;width:100%; height:400px; background: url(../imagenes/som1.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#imagen2{text-align:center;width:100%; height:405px; background: url(../imagenes/som2.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}

#loservicios{ width:100%;  background:url(../imagenes/farrib.png) repeat-y center center;  left:0; z-index:999;}

#ser, #ser1, #ser2, #ser2a, #ser3 {display:inline-block;vertical-align:top;}
#ser{width:1200px;vertical-align:middle; text-align:left;}
#ser1{width:310px;margin-right:-4px; text-align:left;background-color:#000235;height:425px;  }
#ser2{width:90px;margin-right:-4px; text-align:left;background-color:#000235; height:425px; }
#ser2a{width:90px;margin-right:-5px; text-align:left;background-color:#ffffff;height:425px; }
#ser3{width:710px;margin-right:-4px; text-align:justify; background-color:#ffffff; height:425px;  }



#servi, #servi0, #servi1, #servi2, #servi3, #servi4 {display:inline-block;vertical-align:top;}
#servi{width:99.9%;vertical-align:middle; text-align:center;}
#servi0{width:20%;margin-right:-5px; text-align:left; height:650px;}
#servi1{width:20%;margin-right:-5px; text-align:left; height:650px;}
#servi2{width:20%;margin-right:-6px; text-align:left; height:650px;}
#servi3{width:20%;margin-right:-6px; text-align:left; height:650px;}
#servi4{width:20%;margin-right:-6px; text-align:left; height:650px;}

#lalo{ width:100%; height:1px; background-color:rgba(255,255,255,1); opacity:.2;}

.laco{ width:1px; background-color:rgba(255,255,255,1); opacity:.2;}

#flecha{ width:1200px; height:39px; right:50%; margin-right:-600px; top:140px; text-align:right; position:absolute; }


#contacto{ width:100%; background-color:#000235;}

#contactame, #contactame1, #contactame2, #contactame3 {display:inline-block;vertical-align:top;}
#contactame{width:1200px;vertical-align:middle; text-align:left;}
#contactame1{width:100%;margin-right:0px; text-align:justify; }
#contactame2{width:100%;margin-right:0px; text-align:left; border-radius: 53px 53px 53px 53px;-moz-border-radius: 53px 53px 53px 53px;-webkit-border-radius: 53px 53px 53px 53px;border: 1px solid; border-color:rgba(255,255,255,.2) }
#contactame3{width:100%;margin-right:0px; text-align:justify;  }


#formas, #formas1, #formas2 {display:inline-block;vertical-align:top;}
#formas{width:100%;vertical-align:middle; text-align:center;}
#formas1{width:21%;margin-right:-5px; text-align:left; }
#formas2{width:16%;margin-right:-5px; text-align:right; }


#elco, #elco1, #elco2, #elco3 {display:inline-block;vertical-align:top;}
#elco{width:1200px;vertical-align:middle; text-align:left;}
#elco1{width:700px;margin-right:-4px; text-align:left; margin-top:10px;  }
#elco2{width:250px;margin-right:-4px; text-align:left; }
#elco3{width:250px;margin-right:-4px; text-align:right;  }

#slidecontacto{text-align:center;width:100%;height:600px; z-index:1; background: url(../imagenes/contacto.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}

#mapa{text-align:center;width:100%; height:800px; background: url(../imagenes/mapa.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}

.mapa{text-align:left;width:90%; max-width:1200px; height:650px;}


#socio, #socio1,#socio2,#socio3,#socio0{display:inline-block;vertical-align:top;}
#socio{width:1200px;vertical-align:middle; text-align:center; -webkit-box-shadow: 0px 4px 25px -1px rgba(0,0,0,0.15); -moz-box-shadow: 0px 4px 25px -1px rgba(0,0,0,0.15); box-shadow: 0px 4px 25px -1px rgba(0,0,0,0.15); background-color:#ffffff;border-radius: 14px 14px 14px 14px; -moz-border-radius: 14px 14px 14px 14px; -webkit-border-radius: 14px 14px 14px 14px; margin-top:-200px; }
#socio0{width:95%;margin-right:-4px; text-align:left; padding-left:2%;}
#socio1{width:400px;margin-right:-4px; text-align:center;}
#socio2{width:600px;margin-right:-4px;text-align:center;  }
#socio3{width:200px;margin-right:-4px;text-align:center;  }


.forma2::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000235; 
   /* Firefox */
}

.forma2:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000235; 
}

.forma2::-ms-input-placeholder { /* Microsoft Edge */
  color: #000235;
}
.forma3::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000235; 
   /* Firefox */
}

.forma3:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000235; 
}

.forma3::-ms-input-placeholder { /* Microsoft Edge */
  color: #000235;
}

.forma2{text-align:center;HEIGHT:50px;width:85%;border:0; font-size:14PX;color:#000235;font-weight:400; background-color:#f5f5f5; text-align: left; padding-left:5%;font-family: 'Exo 2', sans-serif;border-radius: 14px 14px 14px 14px; -moz-border-radius: 14px 14px 14px 14px; -webkit-border-radius: 14px 14px 14px 14px;}

.forma3{text-align:center;HEIGHT:50px;width:90%;border:0; font-size:14PX;color:#000235;font-weight:400; background-color:#f5f5f5; text-align: left; padding-left:3%;font-family: 'Exo 2', sans-serif;border-radius: 14px 14px 14px 14px; -moz-border-radius: 14px 14px 14px 14px; -webkit-border-radius: 14px 14px 14px 14px;}

.boton2{text-align:center;HEIGHT:50px;width:100%; max-width:130px;border:0; font-size:15PX;color:#ffffff;font-weight:600; background-color:#000235; border-radius: 53px 53px 53px 53px;-moz-border-radius: 53px 53px 53px 53px;-webkit-border-radius: 53px 53px 53px 53px; cursor:pointer;font-family: 'Exo 2', sans-serif;}


#servinfo{ width:100%; background-color:#000235;}


#servilleta, #servilleta1, #servilleta2, #servilleta3, #servilleta4 {display:inline-block;vertical-align:top;}
#servilleta{width:1200px;vertical-align:middle; text-align:left;}
#servilleta1{width:200px;margin-right:-4px; text-align:left; margin-top:30px;  }
#servilleta2{width:420px;margin-right:-4px; text-align:left; }
#servilleta3{width:400px;margin-right:-4px; text-align:left;  margin-top:25px;  }
#servilleta4{width:180px;margin-right:-4px; text-align:right; margin-top:25px;   }


#servcioo, #servcioo1, #servcioo2 {display:inline-block;vertical-align:top;}
#servcioo{width:100%;vertical-align:middle; text-align:center;}
#servcioo1{width:61%;margin-right:-8px; text-align:right; height:600px; background-color:#e8e9ee;  }
#servcioo2{width:39%;margin-right:-4px; text-align:left; height:600px; }

.lata2{ height:600px;}

#sinfo, #sinfo1, #sinfo1b, #sinfo1c, #sinfo1d, #sinfo2{display:inline-block;vertical-align:top;}
#sinfo{width:800px;vertical-align:middle; text-align:right; }
#sinfo1{width:650px;margin-right:-4px; text-align:left;  }
#sinfo1b{width:650px;margin-right:-4px; text-align:left;  }
#sinfo1c{width:650px;margin-right:-4px; text-align:left;  }
#sinfo1d{width:650px;margin-right:-4px; text-align:left;  }
#sinfo2{width:150px;margin-right:-4px; text-align:left; }

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

#ala{ width:100%; text-align:left;}

.pecem{ display:none;}
	.pece{ display:block;}


#laser, #laser1, #laser2, #laser3 {display:inline-block;vertical-align:top;}
#laser{width:1200px;vertical-align:middle; text-align:left;}
#laser1{width:600px;margin-right:-4px; text-align:left;}
#laser2{width:600px;margin-right:-4px; text-align:right; margin-top:40px;   }

#elmagneto{text-align:center;width:100%;height:600px; z-index:1; background: url(../imagenes/magnetos.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}

#elseguros{text-align:center;width:100%;height:600px; z-index:1; background: url(../imagenes/seguros.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}

#invisi{ width:100%; height:100px;}

@media screen and (max-width:1380px){
#servcioo1,#servcioo1b,#servcioo1c,#servcioo1d{width:65%; }
#servcioo2{width:35%;}	
}

@media screen and (max-width:1220px){
#laser{width:1000px;vertical-align:middle; text-align:left;}
#laser1{width:600px;margin-right:-4px; text-align:left;}
#laser2{width:400px;margin-right:-4px; text-align:right; margin-top:60px;   }

#arriba{width:1050px;vertical-align:middle; text-align:right;}
#arriba1{width:190px;margin-right:-4px; text-align:left; margin-top:15px;}
#arriba2{width:620px;margin-right:-4px; text-align:center; }
#arriba3{width:240px;margin-right:-4px; text-align:right; background-color:#ffffff; height:90px; }

#enme{width:1000px;}
#enme1{width:600px; }
#enme2{width:400px; }

#laba{width:1000px;}
#laba1{width:800px;}
#laba2{width:200px; }

#foo{width:1000px;vertical-align:middle; text-align:left;}
#foo2{width:50%;margin-right:-4px; text-align:left; margin-top:50px;  }
#foo3{width:50%;margin-right:-4px; text-align:right; margin-top:70px;  }
#foo4{width:33%;margin-right:-4px; text-align:left; margin-top:30px;  }
#foo5{width:33%;margin-right:-4px; text-align:center; margin-top:25px;  }
#foo6{width:33%;margin-right:-4px; text-align:right; margin-top:35px;  }

#sem{width:1000px;vertical-align:middle; text-align:left;}
#sem1{width:560px;margin-right:-4px; text-align:justify; }
#sem2{width:40px;margin-right:-4px; text-align:left; }
#sem3{width:400px;margin-right:-4px; text-align:justify; background-color:#ffffff;  }

.texto6{line-height:160%;}

#imagen1{text-align:center;width:100%; height:400px; background: url(../imagenes/som1.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#imagen2{text-align:center;width:100%; height:405px; background: url(../imagenes/som2.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}

#ser{width:1000px;vertical-align:middle; text-align:center;}
#ser1{width:310px;margin-right:-4px; text-align:left;background-color:#000235;height:525px;  }
#ser2{width:40px;margin-right:-4px; text-align:left;background-color:#000235;  }
#ser2a{width:40px;margin-right:-5px; text-align:left;background-color:#ffffff;}
#ser3{width:610px;margin-right:-4px; text-align:left; background-color:#ffffff;   }


#servi{width:99.6%;}
#servi0{width:50%;margin-right:-6px; text-align:left; height:650px;}
#servi1{width:50%;margin-right:-6px; text-align:left; height:650px;}
#servi2{width:50%;margin-right:-6px; text-align:left; height:650px;}
#servi3{width:50%;margin-right:-6px; text-align:left; height:650px;}
#servi4{width:100%;margin-right:0px; text-align:left; height:650px;}

.laco{ display:none;}

#contactame{width:1000px;vertical-align:middle; text-align:left;}

#elco{width:1000px;vertical-align:middle; text-align:left;}
#elco1{width:550px;margin-right:-4px; text-align:left; margin-top:10px;  }
#elco2{width:225px;margin-right:-4px; text-align:left; }
#elco3{width:225px;margin-right:-4px; text-align:right;  }

#socio{width:1000px; }
#socio0{width:95%;margin-right:-4px; text-align:left; padding-left:2%;}
#socio1{width:450px;margin-right:-4px; text-align:center;}
#socio2{width:950px;margin-right:-4px;text-align:center;  }
#socio3{width:150px;margin-right:-4px;text-align:center;  }

#servilleta{width:1000px;vertical-align:middle; text-align:left;}
#servilleta1{width:180px;margin-right:-4px; text-align:left; margin-top:30px;  }
#servilleta2{width:350px;margin-right:-4px; text-align:left; }
#servilleta3{width:300px;margin-right:-4px; text-align:left;  margin-top:21px;  }
#servilleta4{width:170px;margin-right:-4px; text-align:right; margin-top:25px;   }

#sinfo{width:650px;vertical-align:middle; text-align:right; }
#sinfo1{width:600px;margin-right:-4px; text-align:left;  }
#sinfo2{width:50px;margin-right:-4px; text-align:left; }

#servcioo1{width:63%; }
#servcioo2{width:37%;}

#flecha{ width:1000px; height:39px; right:50%; margin-right:-500px; top:140px; text-align:right; position:absolute; }

}

@media screen and (max-width:1020px){
#invisi{ width:100%; height:0px;}

#laser{width:90%;vertical-align:middle; text-align:left;}
#laser1{width:100%;margin-right:0px; text-align:left;}
#laser2{width:100%;margin-right:0px; text-align:left; margin-top:0px;   }

#enme{width:100%;}
#enme1, #enme3{ display:none;}
#enme2, #enme4{width:100%; margin-right:0px; }

#laba{width:100%;}
#laba1{width:100%;}
#laba2{ display:none }

#datos{width:720px;vertical-align:middle; text-align:left; }
#datos1{width:240px;margin-right:-4px; text-align:center;}
#datos2{width:240px;margin-right:-4px; text-align:center;}
#datos3{width:240px;margin-right:-4px; text-align:center;  }

#foo{width:90%;vertical-align:middle; text-align:left;}
#foo2{width:100%;margin-right:0px; text-align:center; margin-top:50px;  }
#foo3{width:100%;margin-right:0px; text-align:center; margin-top:30px;  }
#foo4{width:100%;margin-right:0px; text-align:center; margin-top:30px;  }
#foo5{width:100%;margin-right:0px; text-align:center; margin-top:25px;  }
#foo6{width:100%;margin-right:0px; text-align:center; margin-top:35px;  }


#somos{ background:url(../imagenes/f.jpg);}
#sem{width:100%;vertical-align:middle; text-align:left;}
#sem1{width:100%;margin-right:0px; text-align:justify;  }
#sem2{ display:none;}
#sem3{width:100%;margin-right:0px; text-align:justify; background-color:#ffffff;  }


#alcien{ width:90%; padding-left:5%; text-align:center;}

.texto6{line-height:160%;}

#imagen1{text-align:center;width:100%; height:400px; background: url(../imagenes/som1.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#imagen2{text-align:center;width:100%; height:405px; background: url(../imagenes/som2.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}

#loservicios{ background:url(../imagenes/f.jpg);}
#ser{width:100%;vertical-align:middle; text-align:center;}
#ser1{width:95%;margin-right:0px; text-align:center;background-color:#000235;height:150px;  }
#ser2{ display:none; }
#ser2a{display:none; }
#ser3{width:100%;margin-right:0px; text-align:center; background-color:#ffffff;   }

#flecha{ display:none;}

#contactame{width:80%;vertical-align:middle; text-align:left;}

#elco{width:100%;vertical-align:middle; text-align:left;}
#elco1{width:100%;margin-right:-4px; text-align:left; margin-top:10px;  }
#elco2{width:225px;margin-right:-4px; text-align:left; }
#elco3{width:225px;margin-right:-4px; text-align:left;  }

#mapa{height:500px;}

.mapa{height:500px;}

#socio{width:95%; }
#socio0{width:95%;margin-right:0px; text-align:left; padding-left:1%;}
#socio1{width:50%;margin-right:-4px; text-align:center;}
#socio2{width:100%;margin-right:0px;text-align:center;  }
#socio3{width:100%;margin-right:0px;text-align:center;  }

.lim{ display:none;}

#servilleta{width:90%;vertical-align:middle; text-align:left;}
#servilleta1{width:180px;margin-right:-4px; text-align:left; margin-top:30px;  }
#servilleta2{width:350px;margin-right:-4px; text-align:left; }
#servilleta3{width:100%;margin-right:0px; text-align:left;  margin-top:21px;  }
#servilleta4{width:170px;margin-right:-4px; text-align:left; margin-top:25px;   }


#sinfo{width:90%;vertical-align:middle; text-align:center; }
#sinfo1{width:100%;margin-right:0px; text-align:left;  }
#sinfo2{ display:none;}

#servcioo1{width:100%;margin-right:0px; text-align:center; height:600px;   }
#servcioo2{width:100%;margin-right:0px; text-align:left; height:500px; }

.lata2{ height:500px;}

}

@media screen and (max-width:740px){

#invisi{ width:100%; height:30px;}

#formas1{width:100%;margin-right:0px; text-align:left; height:80px; }
#formas2{width:100%;margin-right:0px; text-align:center; }

.boton1{text-align:center;HEIGHT:50px;width:100%; max-width:100%;border-radius: 20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px 20px;-webkit-border-radius: 20px 20px 20px 20px;}

#servi{width:100%;}
#servi0{width:100%;margin-right:0px; text-align:left; height:650px;}
#servi1{width:100%;margin-right:0px; text-align:left; height:650px;}
#servi2{width:100%;margin-right:0px; text-align:left; height:650px;}
#servi3{width:100%;margin-right:0px; text-align:left; height:650px;}
#servi4{width:100%;margin-right:0px; text-align:left; height:650px;}
#laba1, #abajo{height:250px; }

#datos{width:240px;vertical-align:middle; text-align:left; }
#datos1{width:240px;margin-right:0px; text-align:center; margin-top:27px;}
#datos2{width:240px;margin-right:0px; text-align:center; margin-top:27px;}
#datos3{width:240px;margin-right:0px; text-align:center;  margin-top:27px; }

#ser1{height:200px;  }
#ser3{height:450px;  }

#sem1{text-align:center;  }
#sem3{ display:none;}
#sem3a{width:100%;margin-right:0px; text-align:center; background-color:#ffffff; display:inline-block;  }

#contactame1{width:100%;margin-right:0px; text-align:center; }
#elco1{width:100%;margin-right:0px; text-align:center; }
#elco2{width:100%;margin-right:0px; text-align:center; }
#elco3{width:100%;margin-right:0px; text-align:center;  }

#contactame2{width:100%;margin-right:0px; text-align:left;border: 0px solid; border-color:rgba(255,255,255,.2) }

#socio0{ text-align:center; }
#socio1{width:100%;margin-right:0px; text-align:center;}

.forma3{width:85%;}

.forma{border: 1px solid; border-color:rgba(255,255,255,.2);border-radius: 14px 14px 14px 14px; -moz-border-radius: 14px 14px 14px 14px; -webkit-border-radius: 14px 14px 14px 14px; }

.boton1{text-align:center;HEIGHT:50px;width:100%; max-width:130px;border:0; font-size:15PX;color:#000235;font-weight:600; background-color:#ffffff; border-radius: 53px 53px 53px 53px;-moz-border-radius: 53px 53px 53px 53px;-webkit-border-radius: 53px 53px 53px 53px; cursor:pointer;font-family: 'Exo 2', sans-serif;}

#ala{ width:100%; text-align:center;}


#servilleta1{width:100%;margin-right:0px; text-align:center; margin-top:30px;  }
#servilleta2{width:100%;margin-right:0px; text-align:center; }
#servilleta3{width:100%;margin-right:0px; text-align:center;  margin-top:21px;  }
#servilleta4{width:100%;margin-right:0px; text-align:center; margin-top:25px;   }

#sinfo1{width:100%;margin-right:0px; text-align:center;  }
	
	.pece{ display:none;}
	.pecem{ display:block;}
}


@media screen and (max-width:660px){

	
#ser1{height:250px;  }
#ser3{height:450px;  }

#mapa{height:400px;}.mapa{height:400px;}#servcioo1{width:100%;margin-right:0px; text-align:center; height:680px;   }
}

@media screen and (max-width:500px){
#mapa{height:350px;}

.mapa{height:350px;}
}

#menumovil{ display:none;}
.button_container {
  position: absolute;
  top: 0px;;
  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: #FFF;
}
.button_container.active .middle {
  opacity: 0;
  background: #FFF;
}
.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: #FFF;
}
.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:#000538;
    top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 1;
  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: 900;
  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: 40px;
  position: relative;
  opacity: 0;
}
.overlay ul li a {
  display: block;
  position: relative;
  color: #FFFfff;
  text-decoration: none;
  overflow: hidden;
  font-size: 40px;
  opacity:1;  line-height:120%;font-family: 'Exo 2', sans-serif;
}
.overlay ul li a:hover,a:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
  width: 100%;font-size: 40px;
  opacity:1;-webkit-transition: .25s;
  transition: .25s;color:#00d8e5;
}
.overlay ul li a:after {
  font-size: 55px;
  opacity:.9;-webkit-transition: .25s;
  transition: .25s;
  
}

#bandera{ display:none;}

@media screen and (max-width:1070px){

#bandera{ display:block; position:absolute;top:35px;   right:90px; z-index:9999;}
	
	#arriba{width:90%;vertical-align:middle; text-align:left;}
#arriba1{width:220px;margin-right:-4px; text-align:left; margin-top:15px;}
#arriba2{ display:none; }
#arriba3{display:none; }
	
	
	#header{ background:url(../imagenes/farriba2.png) no-repeat center center; }
	
	#menumovil{ z-index:9999;position: absolute;top:33px;
  right: 30px;
  height: 27px;
  width: 35px; display:block;}
}

.ball{-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;}
@-moz-keyframes spin{0%{opacity:01;}
100%{opacity:1;-moz-transform:translateY(6px);}
}
@-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);}
}
@-moz-keyframes spin{0%{opacity:01;}
100%{opacity:1;-moz-transform:translateY(6px);}
}


.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:translateX(6px);}
}
@-webkit-keyframes spin2{0%{opacity:1;}
100%{opacity:1;-webkit-transform:translateX(6px);}
}
@-o-keyframes spin2{0%{opacity:1;}
100%{opacity:1;-0-transform:translateX(6px);}
}
@-moz-keyframes spin2{0%{opacity:01;}
100%{opacity:1;-moz-transform:translateX(6px);}
}

.ball2a{-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:translateX(-6px);}
}
@-webkit-keyframes spin3{0%{opacity:1;}
100%{opacity:1;-webkit-transform:translateX(-6px);}
}
@-o-keyframes spin3{0%{opacity:1;}
100%{opacity:1;-0-transform:translateX(-6px);}
}
@-moz-keyframes spin3{0%{opacity:01;}
100%{opacity:1;-moz-transform:translateX(-6px);}
}