@font-face {font-family: 'bold';src: url("bold.woff") format("woff");font-style: normal; font-display:swap;}
@font-face {font-family: 'cond';src: url("cond.woff") format("woff");font-style: normal; font-display:swap;}
@font-face {font-family: 'roman';src: url("roman.woff") format("woff");font-style: normal; font-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: 'roman';}
#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#ffffff;z-index:9999;}
#loader2{width:186px;height:60px;position:absolute;left:50%;top:50%;background:url(../imagenes/logo.png) no-repeat center 0;margin-left:-101px;margin-top:-38px;}
#loader{width:256px;height:256px;position:absolute;left:50%;top:50%;background:url(../imagenes/load.gif) no-repeat center 0;margin-left:-128px;margin-top:-128px;}
*{
font-family:sans-serif;
list-style:none;
text-decoration:none;
margin:0;
padding:0;
}

*:focus { 
    outline: none; 
} 

iframe{display:block;border:none;}

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

#slide1{text-align:center;width:100%; height:100%;min-height:700px; z-index:1;}
#historia{text-align:center;width:100%; background-color:#f1f2f4;}
#mapa{width:100%;background:url(../imagenes/mapa.jpg) no-repeat 50% 50% ;background-size:cover; text-align:center; height:400px; }
#servicios{width:100%;background:url(../imagenes/servicios.jpg) no-repeat 50% 50%  ;background-size:cover; text-align:center; height:700px; }
#contacto{width:100%;background:url(../imagenes/contacto.jpg) no-repeat 50% 0% ;background-size:cover; text-align:center;  }
#desaparece{text-align:center;width:100%; background-color:#f1f2f4;}
#lineas{text-align:center;width:100%; background-color: transparent; position:absolute; left:0; top:0;}

#elfalso{ width:100%; height:400px;}

#lineas1{width:100%;background:url(../imagenes/servicios1.jpg) no-repeat 50% 50% fixed ;background-size:cover; text-align:center; height:800px; }
#lineas2{width:100%;background:url(../imagenes/servicios2.jpg) no-repeat 50% 50% fixed ;background-size:cover; text-align:center; height:800px; }
#lineas3{width:100%;background:url(../imagenes/servicios3.jpg) no-repeat 50% 50% fixed ;background-size:cover; text-align:center; height:800px; }
#lineas4{width:100%;background:url(../imagenes/servicios4.jpg) no-repeat 50% 50% fixed ;background-size:cover; text-align:center; height:800px; }
#lineas5{width:100%;background:url(../imagenes/servicios5.jpg) no-repeat 50% 50% fixed ;background-size:cover; text-align:center; height:800px; }


#elheader{ width:100%; height:90px; top:40px; left:0; position:absolute;}


.smooth{opacity:1;color:#ffffff;font-size:13px;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s; }
.smooth:hover{ opacity:.3;font-size:13px; transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s; }

.enlace{opacity:1;color:#ffffff;font-size:13px;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s; }
.enlace:hover{ opacity:.3;font-size:13px; transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s; }

#homi{ width:95%; max-width:1200px; text-align:right;}


.texto1{color:#000000;font-size:25px; line-height:130%; font-family: 'cond';}
.texto2{color:#0062bd;font-size:33px; line-height:150%; font-family: 'cond';}
.texto3{color:#000000;font-size:18px; line-height:180%; font-family: 'cond';}
.texto4{color:#000000;font-size:33px; line-height:150%; font-family: 'bold';}
.texto5{color:#ffffff;font-size:33px; line-height:150%; font-family: 'cond';}
.texto6{color:#575757;font-size:18px; line-height:150%; font-weight:400;}
.texto7{color:#ffffff;font-size:43px; line-height:150%; font-family: 'bold';}
.texto8{color:#000000;font-size:15px; line-height:180%; font-weight:400;}
.texto9{color:#ffffff;font-size:35px; line-height:120%; font-family: 'bold';}
.texto10{color:#ffffff;font-size:16px; line-height:180%; font-weight:400;}
.texto9a{color:#ffffff;font-size:35px; line-height:120%; font-family: 'bold';}
.texto10a{color:#ffffff;font-size:16px; line-height:180%; font-weight:400;}
.texto11{color:#ffffff;font-size:16px; line-height:180%; font-family: 'bold';}
.texto12{color:#000000;font-size:16px; line-height:180%; font-weight:400;}
.texto13{color:#0062bd;font-size:20px; line-height:180%; font-family: 'bold';}
.texto14{color:#686e73;font-size:13px; line-height:200%; font-weight:400;}
.texto15{color:#0062bd;font-size:13px; line-height:180%; font-weight:400;}


.subme{color:#ffffff;font-size:22px; line-height:200%; font-family: 'bold'; opacity:1;}
.subme:hover{color:#ffffff;font-size:22px; line-height:200%; font-family: 'bold'; opacity:.6;}


#arriba, #arriba0, #arriba1,#arriba2{display:inline-block;vertical-align:top;}
#arriba{width:1200px;vertical-align:middle; text-align:justify; border-radius: 36px 36px 36px 36px; -moz-border-radius: 36px 36px 36px 36px; -webkit-border-radius: 36px 36px 36px 36px; background-color:#0062bd; height:80px;}
#arriba1{width:240px;margin-right:-4px; text-align:justify; margin-top:12px;}
#arriba2{width:900px;margin-right:-4px;text-align:right; margin-top:-4px;}
#arriba0{width:30px;margin-right:-4px;text-align:right; }

#buscar{width:230px;vertical-align:middle; text-align:justify; border-radius: 36px 36px 36px 36px; -moz-border-radius: 36px 36px 36px 36px; -webkit-border-radius: 36px 36px 36px 36px; background-color:#0259a9; height:50px; }

.busca{text-align:center;HEIGHT:40px;width:100%;border:0; font-size:14PX;color:#ffffff;font-weight:400; background-color:transparent;border-radius: 36px 36px 36px 36px; -moz-border-radius: 36px 36px 36px 36px; -webkit-border-radius: 36px 36px 36px 36px; }

#semos, #semos1,#semos2,#semos0{display:inline-block;vertical-align:top;}
#semos{width:1200px;vertical-align:middle; text-align:justify; }
#semos1{width:500px;margin-right:-4px; text-align:justify;}
#semos2{width:580px;margin-right:-4px;text-align:right;}
#semos0{width:80px;margin-right:-4px;text-align:right;}

#lahisto, #lahisto1,#lahisto2{display:inline-block;vertical-align:top;}
#lahisto{width:100%;vertical-align:middle; text-align:justify; }
#lahisto1{width:50%;margin-right:-4px; text-align:right;}
#lahisto2{width:50%;margin-right:-4px;text-align:right; background:url(../imagenes/historia.jpg) no-repeat 50% 50% ;background-size:cover; text-align:center; height:500px; }

#subhisto, #subhisto1,#subhisto2{display:inline-block;vertical-align:top;}
#subhisto{width:580px;vertical-align:middle; text-align:justify; margin-top:80px; }
#subhisto1{width:540px;margin-right:-4px; text-align:justify;}
#subhisto2{width:40px;margin-right:-4px;text-align:right;}

#elmapa, #elmapa1,#elmapa2{display:inline-block;vertical-align:top;}
#elmapa{width:1200px;vertical-align:middle; text-align:justify; margin-top:90px; }
#elmapa1{width:650px;margin-right:-4px; text-align:justify;}
#elmapa2{width:550px;margin-right:-4px;text-align:justify; background:url(../imagenes/mao.png);}


#abajo, #abajo1,#abajo2,#abajo3,#abajo4,#abajo5{display:inline-block;vertical-align:top;}
#abajo{width:1200px;vertical-align:middle; text-align:justify; }
#abajo1{width:340px;margin-right:-4px; text-align:justify;}
#abajo2{width:600px;margin-right:-4px;text-align:justify;}
#abajo3{width:260px;margin-right:-4px;text-align:right;}
#abajo4{width:1010px;margin-right:-4px;text-align:justify;}
#abajo5{width:190px;margin-right:-4px;text-align:justify;}


#loservi, #loservi1{display:inline-block;vertical-align:top;}
#loservi{width:1200px;vertical-align:middle; text-align:center; border-radius: 36px 36px 36px 36px; -moz-border-radius: 36px 36px 36px 36px; -webkit-border-radius: 36px 36px 36px 36px; background-color:#ffffff;margin-top:-230px;}
#loservi1{width:1000px;margin-right:-4px; text-align:center; }


#servi, #servi1, #servi0, #servi3{display:inline-block;vertical-align:top;}
#servi{width:1000px;vertical-align:middle; text-align:center;}
#servi1{width:450px;margin-right:-4px; text-align:justify; }
#servi0{width:100px;margin-right:-4px; text-align:justify; }
#servi3{width:100%;margin-right:0px; text-align:center; }

.lima{ display:block;}
.lima2{ display:none;}

.forma{text-align:justify;HEIGHT:60px;width:90%;border:0; font-size:14PX;color:#010101;font-weight:400;padding-left:30px; background-color:#f1f2f4; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; text-transform:uppercase;}


.boton{text-align:center;HEIGHT:50px;width:290px;border:0; font-size:14PX;color:#ffffff;font-weight:400; background-color:#00a7e0; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; cursor:pointer;}



*:focus {
    outline: none;
}

.sustenta{ width:100%; height:900px;}

#mensus{width:1200px;vertical-align:middle; text-align:justify; border-radius: 36px 36px 36px 36px; -moz-border-radius: 36px 36px 36px 36px; -webkit-border-radius: 36px 36px 36px 36px;border: 1px solid white;height:80px;}

#submensus, #submensus1, #submensus0{display:inline-block;vertical-align:top;}
#submensus{width:1000px;vertical-align:middle; text-align:center;}
#submensus1{width:248px;margin-right:-4px; text-align:center; margin-top:10px;}
#submensus0{width:1px;margin-right:-4px; text-align:justify; background-color:#ffffff; height:70px; margin-top:5px;}

#textosubmen{ border-radius: 0px 50px 50px 50px;
-moz-border-radius: 0px 50px 50px 50px;
-webkit-border-radius: 0px 50px 50px 50px;
border: 0px solid #000000;
width:550px;
background-color: rgba(0,98,189,0.600)
}

#info{width:1200px; text-align:justify;}


#contactame, #contactame1,#contactame2,#contactame0{display:inline-block;vertical-align:top;}
#contactame{width:1200px;vertical-align:middle; text-align:justify; }
#contactame1{width:550px;margin-right:-4px; text-align:justify;}
#contactame2{width:580px;margin-right:-4px;text-align:justify;}
#contactame0{width:70px;margin-right:-4px;text-align:justify;}

#invisible{ width:100%; height:250px;}

#sucur, #sucur1{display:inline-block;vertical-align:top;}
#sucur{width:1200px;vertical-align:middle; text-align:justify; }
#sucur1{width:400px;margin-right:-4px; text-align:center;}

#mapabeta{ width:100%; height:550px;}

#submenu, #submenu1,#submenu2,#submenu3,#submenu4,#submenu5{display:inline-block;vertical-align:top;}
#submenu{width:1200px;vertical-align:middle; text-align:justify; }
#submenu1{width:240px;margin-right:-4px; text-align:justify;}
#submenu2{width:240px;margin-right:-4px;text-align:justify;}
#submenu3{width:220px;margin-right:-4px;text-align:justify;}
#submenu4{width:260px;margin-right:-4px;text-align:justify;}
#submenu5{width:240px;margin-right:-4px;text-align:justify;}


#unore{
border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px; 
width:100%; background-color:#ffffff;
}

#dosre{
border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
width:100%; background-color:#0062bd;
}


#lalis, #lalis1{display:inline-block;vertical-align:top;}
#lalis{width:1200px;vertical-align:middle; text-align:center; border-radius: 36px 36px 36px 36px; -moz-border-radius: 36px 36px 36px 36px; -webkit-border-radius: 36px 36px 36px 36px; background-color:#ffffff;margin-top:-200px;}
#lalis1{width:1000px;margin-right:-4px; text-align:center; }

#infoli, #infoli1,#infoli2,#infoli3,#infoli4,#infoli0{display:inline-block;vertical-align:top;}
#infoli{width:1000px;vertical-align:middle; text-align:justify; }
#infoli1{width:475px;margin-right:-4px; text-align:justify;}
#infoli2{width:475px;margin-right:-4px;text-align:justify;}
#infoli3{width:475px;margin-right:-4px;text-align:right;}
#infoli4{width:100%;margin-right:0px;text-align:center;}
#infoli0{width:50px;margin-right:-4px;text-align:justify;}

#example_video_1{ width:1200px; height:764px;}

#whatsapp{ width:283px; height:61px; bottom:10px; right:5px; position:fixed; z-index:9999;}

.imgh{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s; background:url(../w1.png);}
.imgh:hover{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;background:url(../w2.png);}


.limas {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
cursor:pointer;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;	
}

.limas:hover {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;	
}

#losiconos, #losiconos1,#losiconos2,#losiconos3,#losiconos4,#losiconos5,#losiconos6,#losiconos7,#losiconos8{display:inline-block;vertical-align:top;}
#losiconos{width:1100px;vertical-align:middle; text-align:center; }
#losiconos1{width:100px;margin-right:-4px; text-align:center; height:100px;}
#losiconos2{width:100px;margin-right:-4px;text-align:center; height:100px;}
#losiconos3{width:130px;margin-right:-4px;text-align:center; height:100px;}
#losiconos4{width:150px;margin-right:0px;text-align:center; height:100px;}
#losiconos5{width:80px;margin-right:-4px;text-align:center; height:100px;}
#losiconos6{width:200px;margin-right:-4px;text-align:center;height:100px;}
#losiconos7{width:80px;margin-right:-4px;text-align:center;height:100px;}
#losiconos8{width:180px;margin-right:-4px;text-align:center;height:100px;}

.lainformacion{ width:90%; max-width:1000px; height:200px;}

#lasce{ width:100%; text-align:justify;}
.textolasce1{color:#0062bd;font-size:33px; line-height:150%; font-family: 'bold';}
.textolasce2{color:#484848;font-size:16px; line-height:150%; font-family: 'cond';}

#certimovil{ display:none;}

#losiconosa{ display:none;}
#lainformaciona{ display:none;}

@media screen and (max-width:1220px){
#mensus{width:1100px;}

#info{width:1100px; text-align:justify;}

#semos{width:1000px;vertical-align:middle; text-align:justify; }
#semos1{width:450px;margin-right:-4px; text-align:justify;}
#semos2{width:500px;margin-right:-4px;text-align:right;}
#semos0{width:50px;margin-right:-4px;text-align:right;}


#subhisto{width:480px;vertical-align:middle; text-align:justify; margin-top:80px; }
#subhisto1{width:460px;margin-right:-4px; text-align:justify;}
#subhisto2{width:20px;margin-right:-4px;text-align:right;}

#mapa{height:300px; }

#elmapa{width:1000px;vertical-align:middle; text-align:justify; margin-top:50px; }
#elmapa1{width:50%;margin-right:-4px; text-align:justify;}
#elmapa2{width:50%;margin-right:-4px;text-align:justify;}

#abajo{width:1000px;vertical-align:middle; text-align:justify; }
#abajo1{width:240px;margin-right:-4px; text-align:justify;}
#abajo2{width:500px;margin-right:-4px;text-align:justify;}
#abajo3{width:260px;margin-right:-4px;text-align:justify;}
#abajo4{width:810px;margin-right:-4px;text-align:justify;}
#abajo5{width:190px;margin-right:-4px;text-align:justify;}

#loservi{width:1000px;}
#loservi1{width:900px;margin-right:-4px; text-align:center; }


#servi{width:800px;vertical-align:middle; text-align:center;}
#servi1{width:380px;margin-right:-4px; text-align:justify; }
#servi0{width:40px;margin-right:-4px; text-align:justify; }

#sucur{width:1000px;vertical-align:middle; text-align:justify; }
#sucur1{width:500px;margin-right:-4px; text-align:center;}

#contactame{width:1100px;vertical-align:middle; text-align:justify; }
#contactame1{width:500px;margin-right:-4px; text-align:justify;}
#contactame2{width:530px;margin-right:-4px;text-align:justify;}
#contactame0{width:70px;margin-right:-4px;text-align:justify;}

#invisible{ width:100%; height:250px;}

#submenu{width:1000px;vertical-align:middle; text-align:justify; }
#submenu1{width:200px;margin-right:-4px; text-align:justify;}
#submenu2{width:200px;margin-right:-4px;text-align:justify;}
#submenu3{width:180px;margin-right:-4px;text-align:justify;}
#submenu4{width:220px;margin-right:-4px;text-align:justify;}
#submenu5{width:200px;margin-right:-4px;text-align:justify;}

#lalis{width:90%;}

#infoli{width:90%;vertical-align:middle; text-align:justify; }
#infoli1{width:47%;margin-right:-4px; text-align:justify;}
#infoli2{width:47%;margin-right:-4px;text-align:justify;}
#infoli3{width:47%;margin-right:-4px;text-align:right;}
#infoli0{width:6%;margin-right:-4px;text-align:justify;}

#example_video_1{ width:1000px; height:637px;}
}

@media screen and (max-width:1170px){
.lima2{ display:block; width:90%; max-width:609px;}
.lima{ display:none;}
}
@media screen and (max-width:1120px){
#losiconos{width:600px;vertical-align:middle; text-align:center; }
#losiconos1{width:100px;margin-right:-4px; text-align:center;}
#losiconos2{width:100px;margin-right:-4px;text-align:center;}
#losiconos3{width:130px;margin-right:-4px;text-align:center;}
#losiconos4{width:150px;margin-right:0px;text-align:center;}
#losiconos5{width:80px;margin-right:-4px;text-align:center;}
#losiconos6{width:200px;margin-right:-4px;text-align:center;}
#losiconos7{width:80px;margin-right:-4px;text-align:center;}
#losiconos8{width:180px;margin-right:-4px;text-align:center;}

.lainformacion{ width:90%; max-width:1000px; height:250px;}

	#mensus{width:90%;}
#submensus{width:900px;vertical-align:middle; text-align:center;}
#submensus1{width:225px;margin-right:-4px; text-align:center; margin-top:10px;}
#submensus0{ display:none;}

#textosubmen{
width:550px;
}

#info{width:90%; text-align:justify;}

#contactame{width:90%;vertical-align:middle; text-align:justify; }
#contactame1{width:100%;margin-right:-4px; text-align:justify;}
#contactame2{width:100%;margin-right:-4px;text-align:justify;}
#contactame0{ display:none;}

#invisible{ width:100%; height:50px;}

#contacto{width:100%;background:url(../imagenes/contacto2.jpg) no-repeat 50% 50% ;background-size:cover; text-align:center;  }

.texto9a{color:#000000;font-size:35px; line-height:120%; font-family: 'bold';}
.texto10a{color:#000000;font-size:16px; line-height:180%; font-weight:400;}
}

@media screen and (max-width:1010px){
#sucur{width:90%;vertical-align:middle; text-align:justify; }
#sucur1{width:400px;margin-right:0px; text-align:center;}


#semos{width:90%;vertical-align:middle; text-align:justify; }
#semos1{width:100%;margin-right:0px; text-align:justify;}
#semos2{width:100%;margin-right:0px;text-align:center;}

#lahisto1{width:100%;margin-right:0px; text-align:center;}
#lahisto2{width:100%;margin-right:0px;text-align:right; background:url(../imagenes/historia.jpg) no-repeat 50% 50% ;background-size:cover; text-align:center; height:600px; }

#subhisto{width:90%;vertical-align:middle; text-align:justify; margin-top:80px; }
#subhisto1{width:100%;margin-right:-4px; text-align:justify;}
#subhisto2{ display:none;}

#mapa{ height:300px; }

#elmapa{width:100%;vertical-align:middle; text-align:justify; margin-top:60px; }
#elmapa1{ display:none;}
#elmapa2{width:100%;margin-right:0px;text-align:justify;}

#abajo{width:90%;vertical-align:middle; text-align:justify; }
#abajo1,#abajo2,#abajo3,#abajo4,#abajo5{width:100%;margin-right:0px; text-align:center;}

#loservi{width:90%;}
#loservi1{width:90%;margin-right:-4px; text-align:center; }


#servi{width:90%;vertical-align:middle; text-align:center;}
#servi1{width:100%;margin-right:0px; text-align:justify; }
#servi0{ display:none;}

#submenu{width:250px;vertical-align:middle; text-align:justify; }
#submenu1{width:250px;margin-right:0px; text-align:center;}
#submenu2{width:250px;margin-right:0px;text-align:center;}
#submenu3{width:250px;margin-right:0px;text-align:center;}
#submenu4{width:250px;margin-right:0px;text-align:center;}
#submenu5{width:250px;margin-right:0px;text-align:center;}

#lineas1{width:100%;background:url(../imagenes/servicios1.jpg) no-repeat 50% 50%  ;background-size:cover; text-align:center; height:1000px; }
#lineas2{width:100%;background:url(../imagenes/servicios2.jpg) no-repeat 50% 50%  ;background-size:cover; text-align:center; height:1000px; }
#lineas3{width:100%;background:url(../imagenes/servicios3.jpg) no-repeat 50% 50%  ;background-size:cover; text-align:center; height:1000px; }
#lineas4{width:100%;background:url(../imagenes/servicios4.jpg) no-repeat 50% 50%  ;background-size:cover; text-align:center; height:1000px; }
#lineas5{width:100%;background:url(../imagenes/servicios5.jpg) no-repeat 50% 50%  ;background-size:cover; text-align:center; height:1000px; }

#example_video_1{ width:800px; height:509px;}

}

@media screen and (max-width:950px){
#mensus{height:160px;}

#submensus{width:100%;vertical-align:middle; text-align:center;}
#submensus1{width:50%;margin-right:-4px; text-align:center; margin-top:10px;}

#desaparece{ display:none;}
}

@media screen and (max-width:800px){
#mapa{background:url(../imagenes/mapa.jpg) no-repeat 00% 50% ; height:250px; }	

#servicios{width:100%;background:url(../imagenes/servicios.jpg) no-repeat 50% 50% ;background-size:cover; text-align:center; height:700px; }

#textosubmen{
width:100%;
}

#infoli1{width:100%;margin-right:0px; text-align:center;}
#infoli2{width:100%;margin-right:0px;text-align:center;}
#infoli3{width:100%;margin-right:0px;text-align:center;}
#infoli0{ display:none;}



}

@media screen and (max-width:820px){
#example_video_1{ width:600px; height:382px;}
}

@media screen and (max-width:620px){
#losiconos,#lainformacion{ display:none;}

#mapa{ height:380px; }	

#example_video_1{ width:450px; height:287px;}

#certimovil{ display:block; width:90%;}

#losiconosa, #losiconosa1,#losiconosa2,#losiconosa3,#losiconosa4,#losiconosa5,#losiconosa6,#losiconosa7,#losiconosa8{display:inline-block;vertical-align:top;}
#losiconosa{width:450px;vertical-align:middle; text-align:center; display:block; }
#losiconosa1{width:80px;margin-right:-4px; text-align:center; height:100px;}
#losiconosa2{width:80px;margin-right:-4px;text-align:center; height:100px;}
#losiconosa3{width:100px;margin-right:-4px;text-align:center; height:100px;}
#losiconosa4{width:120px;margin-right:0px;text-align:center; height:100px;}
#losiconosa5{width:60px;margin-right:-4px;text-align:center; height:100px;}
#losiconosa6{width:160px;margin-right:-4px;text-align:center;height:100px;}
#losiconosa7{width:70px;margin-right:-4px;text-align:center;height:100px;}
#losiconosa8{width:150px;margin-right:-4px;text-align:center;height:100px;}

#lainformaciona{ display:block;}

.textolasce1{font-size:30px; }
.textolasce2{font-size:14px;}

}


.ball {
    margin: 0 auto;
    -moz-animation: spin 1.5s infinite linear;
    -webkit-animation: spin 1.5s infinite linear;
}

@-moz-keyframes spin {
    0% {
opacity: 1;   -moz-transform: translateX(-5px); }

    100% {
opacity: 1;  -moz-transform: translateX(5px);   }
}



@-webkit-keyframes spin {
    0% {
opacity: 1; -webkit-transform: translateX(-5px); }

    100% {
opacity: 1; -webkit-transform: translateX(5px); }  
}



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

@-moz-keyframes spin2 {
    0% {
opacity: 1;   -moz-transform: translateY(-5px); }

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



@-webkit-keyframes spin2 {
    0% {
opacity: 1; -webkit-transform: translateY(-5px); }

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

#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: #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:#0062bd;
    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: fadeInRight .5s ease forwards;
  -moz-animation: fadeInRight .5s ease forwards;
          animation: fadeInRight .5s ease forwards;
  -webkit-animation-delay: .40s;
  -moz-animation-delay: .40s;
          animation-delay: .40s;
}
.overlay.open li:nth-of-type(3) {
  -webkit-animation: fadeInRight .5s ease forwards;
  -moz-animation: fadeInRight .5s ease forwards;
          animation: fadeInRight .5s ease forwards;
  -webkit-animation-delay: .45s;
  -moz-animation-delay: .45s;
          animation-delay: .45s;
}
.overlay.open li:nth-of-type(4) {  -webkit-animation: fadeInRight .5s ease forwards;
  -moz-animation: fadeInRight .5s ease forwards;
          animation: fadeInRight .5s ease forwards;
  -webkit-animation-delay: .50s;
  -moz-animation-delay: .50s;
          animation-delay: .50s;
}
.overlay.open li:nth-of-type(5) {  -webkit-animation: fadeInRight .5s ease forwards;
  -moz-animation: fadeInRight .5s ease forwards;
          animation: fadeInRight .5s ease forwards;
  -webkit-animation-delay: .55s;
  -moz-animation-delay: .55s;
          animation-delay: .55s;
}
.overlay.open li:nth-of-type(6) {  -webkit-animation: fadeInRight .5s ease forwards;
  -moz-animation: fadeInRight .5s ease forwards;
          animation: fadeInRight .5s ease forwards;
  -webkit-animation-delay: .60s;
  -moz-animation-delay: .60s;
          animation-delay: .60s;
}
.overlay.open li:nth-of-type(7) {  -webkit-animation: fadeInRight .5s ease forwards;
  -moz-animation: fadeInRight .5s ease forwards;
          animation: fadeInRight .5s ease forwards;
  -webkit-animation-delay: .65s;
  -moz-animation-delay: .65s;
          animation-delay: .65s;
}
.overlay.open li:nth-of-type(8) {  -webkit-animation: fadeInRight .5s ease forwards;
  -moz-animation: fadeInRight .5s ease forwards;
          animation: fadeInRight .5s ease forwards;
  -webkit-animation-delay: .70s;
  -moz-animation-delay: .70s;
          animation-delay: .70s;
}
.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: 50px;
  position: relative;
  opacity: 0;
}
.overlay ul li a {
  display: block;
  position: relative;
  color: #dad1c0;
  text-decoration: none;
  overflow: hidden;
  font-size: 43px;
  opacity:1;
}
.overlay ul li a:hover,a:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
  width: 100%;font-size: 43px;
  opacity:1;-webkit-transition: .25s;
  transition: .25s;color: #ffffff;
}
.overlay ul li a:after {
  font-size: 55px;
  opacity:.9;-webkit-transition: .25s;
  transition: .25s;
  
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@media screen and (max-width:1210px){
#arriba{width:1100px;}
#arriba1{width:200px;margin-right:-4px; text-align:justify; margin-top:12px;}
#arriba2{width:860px;margin-right:-4px;text-align:right; margin-top:-4px;}
#arriba0{width:30px;margin-right:-4px;text-align:right; }	
}

#flecha{ display:none;}

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

#flecha{POSITION:absolute; width:40px; height:40px;  left:50%; margin-left:-20px;top:600px; z-index:3; display:block;}

#arriba{width:90%;vertical-align:middle; text-align:justify; }
#arriba1{width:92%;margin-right:-4px;  text-align:justify;}
#arriba0{ width:4%;}
#arriba2,#arriba3{display:none;}

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

.busca{text-align:center;HEIGHT:40px;width:100%;border:0; font-size:14PX;color:#0259a9;font-weight:400; background-color:#ffffff;border-radius: 36px 36px 36px 36px; -moz-border-radius: 36px 36px 36px 36px; -webkit-border-radius: 36px 36px 36px 36px; }

#slide1{text-align:center;width:100%; height:650px; min-height:650px; z-index:1;}

}