@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,600,700&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: 'Titillium Web', sans-serif; text-align:justify;}
#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000;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;
}
iframe{display:block;border:none;}
*:focus { 
    outline: none; 
} 
.os-animation{opacity:0;}
.os-animation.animated{opacity:1;}

#slide1{text-align:center;width:100%; height:100%;min-height:700px;}
#desarrollo{ width:100%; text-align:center; background-color:#d0b979; }
#mapa{ width:100%; height:600px;}
#abajo{ width:100%;background-color:#012d63;}
#contacto{text-align:center;width:100%; height:100%;min-height:700px;
background: url(../imagenes/contacto.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
#login{ width:100%;background-color:#f2f3f7;}
#calidad{text-align:center;width:100%;height:700px;}
#tecnologia{text-align:center;width:100%;height:700px;}
#slidecalidad{text-align:center;width:100%; height:400px;background: url(../imagenes/calidad.jpg) no-repeat center center  ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#loservi{text-align:center;width:100%; height:100%;min-height:600px;
background: url(../imagenes/rs2a.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
  
 #loserviciosa{text-align:center;width:100%;
background: url(../imagenes/refrigerado.jpg) repeat-y; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;} 
  
 #loserviciosb{ background-color:#ffffff; }
 
 #flecha{ width:90%; left:5%; position:absolute; top:600px; z-index:9;}
 
#loservicios{ background-color:#f2f3f7; width:100%;}
#losgases{text-align:center;width:100%; height:500px;background: url(../imagenes/ser2a.jpg) no-repeat center center  ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;} 

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

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

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

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

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

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

#dedicados{text-align:center;width:100%; height:500px;background: url(../imagenes/dedicados2.jpg) no-repeat center center  ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}   
  
#elheader0{width: 100%;height: 1px;position: absolute;top: 70px;left: 0;z-index:2;background-color:#ffffff; opacity:.6;}
#elheader{ width:100%; height:70px;  position:absolute; z-index:4; position:absolute; top:0px;}

.smooth {
  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; line-height:71px; color:#ffffff; font-size:12px; font-weight:400;
}
.smooth:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #00a31c;
  height: 4px;
  -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;
}
.smooth:hover:before{
  -webkit-transform: translateY(0);
  transform: translateY(0);
}


.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; line-height:71px; color:#ffffff; font-size:12px; font-weight:400; text-transform:uppercase;
}
.smooth2:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #00a31c;
  height: 4px;
  -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);
}



.texto1{color:#FFFFFF;font-size:20px; font-weight:400; line-height:100%;text-decoration:none;}
.texto2{color:#FFFFFF;font-size:29px; font-weight:400;line-height:140%;}
.texto3{color:#FFFFFF;font-size:100px; font-weight:700;line-height:90%;}
.texto4{color:#FFFFFF;font-size:13px; font-weight:400; line-height:120%;text-decoration:none;}
.texto5{color:#FFFFFF;font-size:13px; font-weight:600; line-height:120%;text-decoration:none; text-transform:uppercase;}
.texto6{color:#212121;font-size:40px; font-weight:700;line-height:100%;}
.texto7{color:#6c6c6c;font-size:16px; font-weight:400;line-height:150%;}
.texto6{color:#212121;font-size:40px; font-weight:700;line-height:100%;}
.texto8{color:#212121;font-size:35px; font-weight:700;line-height:100%;}
.texto9{color:#00a31c;font-size:35px; font-weight:700;line-height:100%;}
.texto10{color:#003682;font-size:29px; font-weight:700;line-height:100%;}
.texto11{color:#6c6c6c;font-size:15px; font-weight:400;line-height:160%;}
.texto11a{color:#6c6c6c;font-size:15px; font-weight:400;line-height:140%;}
.texto12{color:#212121;font-size:26px; font-weight:700;line-height:120%;}
.texto12b{color:#212121;font-size:24px; font-weight:700;line-height:120%;}
.texto13{color:#00397f;font-size:28px; font-weight:700;line-height:140%;}
.texto13a{color:#212121;font-size:28px; font-weight:700;line-height:140%;}
.texto14{color:#00a31c;font-size:26px; font-weight:700;line-height:120%;}
.texto15{color:#00397f;font-size:26px; font-weight:700;line-height:120%;}
.texto16{color:#00397f;font-size:22px; font-weight:600;line-height:120%;}
.texto12a{color:#212121;font-size:26px; font-weight:700;line-height:140%;}
.texto17{color:#ffffff;font-size:26px; font-weight:700;line-height:120%;}
.texto18{color:#ffffff;font-size:15px; font-weight:400;line-height:150%;}
.texto19{color:#ffffff;font-size:28px; font-weight:700;line-height:120%;}
.texto20{color:#ffffff;font-size:18px; font-weight:400;line-height:150%; text-decoration:none;}
.texto21{color:#00a31c;font-size:18px; font-weight:400;line-height:150%;}
.texto22{color:#212121;font-size:32px; font-weight:700;line-height:130%;}
.texto23{color:#00a31c;font-size:32px; font-weight:700;line-height:130%;}
.texto24{color:#00397f;font-size:38px; font-weight:400;line-height:120%;}.texto24a{color:#00397f;font-size:38px; font-weight:700;line-height:120%;}
.texto25{color:#00397f;font-size:38px; font-weight:700;line-height:120%;}
.texto26{color:#ffffff;font-size:35px; font-weight:700;line-height:120%;}
.texto27{color:#ffffff;font-size:30px; font-weight:400;line-height:120%;}
.texto28{color:#6c6c6c;font-size:18px; font-weight:400;line-height:140%;}
.texto29{color:#6c6c6c;font-size:18px; font-weight:700;line-height:140%;}
.texto30{color:#212121;font-size:24px; font-weight:400;line-height:140%;}.texto30a{color:#212121;font-size:24px; font-weight:400;line-height:180%;}
.texto31{color:#212121;font-size:18px; font-weight:400;line-height:140%;}
.texto32{color:#ffffff;font-size:75px; font-weight:700;line-height:100%;}

#eltexto{width:1200px; height:280px;text-align:justify; z-index:3; position:absolute; left:50%; margin-left:-600px; top:50%; margin-top:-140px; }
#fondo{width: 100%;	height: 100%;	position: ;top:0;left:0;z-index:1;overflow:hidden;background:url(../imagenes/patron.png);}
#lali{width: 100%;height: 1px;position: absolute;bottom: 120px;left: 0;z-index:2;background-color:#ffffff; opacity:.6;}

#slais, #slais1,#slais2,#slais1a{display:inline-block;vertical-align:top;}
#slais{width:1200px;vertical-align:middle; text-align:justify; z-index:3; position:absolute; left:50%; margin-left:-600px; bottom:0; }
#slais1{width:250px;margin-right:-4px; text-align:justify; padding-top:30px;}
#slais1a{ display:none;}
#slais2{width:66px;margin-right:-4px;text-align:center;padding-top:10px; }

#lingrin, #lingrin1, #lingrin0, #lingrin2{display:inline-block;vertical-align:top;}
#lingrin{width:1200px;vertical-align:middle; text-align:justify; z-index:3; position:absolute; left:50%; margin-left:-600px; bottom:106px; }
#lingrin1{width:280px;margin-right:-4px; text-align:justify; background:url(../imagenes/laliverde.png); height:6px;}
#lingrin0{width:280px;margin-right:-4px; text-align:justify;height:6px;}
#lingrin2{width:38px;margin-right:-4px; text-align:justify;height:6px;}

#lin{width: 1px;height: 100px;z-index:2;background-color:#ffffff; opacity:.6;}

#arriba, #arriba1,#arriba2 {display:inline-block;vertical-align:top;}
#arriba{width:1200px;vertical-align:middle; text-align:justify; }
#arriba1{width:480px;margin-right:-4px; text-align:justify; padding-top:15px;}
#arriba2{width:720px;margin-right:-4px;text-align:center; }

#abajon, #abajon1,#abajon2,#abajon3,#abajon4{display:inline-block;vertical-align:top;}
#abajon{width:1200px; max-width:1200px;vertical-align:middle; text-align:justify; }
#abajon1{width:300px;margin-right:-4px; text-align:justify;}
#abajon2{width:250px;margin-right:-4px;text-align:left; margin-top:10px; }
#abajon3{width:450px;margin-right:-4px;text-align:justify;  margin-top:10px; }
#abajon4{width:200px;margin-right:-4px;text-align:right; margin-top:10px;  }

#footi, #footi1,#footi2, #footi3,#footi4 {display:inline-block;vertical-align:top;}
#footi{width:1200px;vertical-align:middle; text-align:justify; }
#footi1{width:550px;margin-right:-4px; text-align:justify; margin-top:-20px;}
#footi2{width:500px;margin-right:-4px; text-align:justify; }
#footi3{width:150px;margin-right:-4px;text-align:right; }


#logos, #logos1,#logos2,#logos3 {display:inline-block;vertical-align:top;}
#logos{width:1200px;vertical-align:middle; text-align:justify; }
#logos1{width:300px;margin-right:-4px; text-align:justify;}
#logos2{width:300px;margin-right:-4px;text-align:center; }
#logos3{width:300px;margin-right:-4px;text-align:right; }

#semos, #semos0, #semos1,#semos2,#semos3,#semos4 {display:inline-block;vertical-align:top;}
#semos{width:1200px;vertical-align:middle; text-align:justify; }
#semos0{width:100%;margin-right:0px; text-align:justify;}
#semos1{width:560px;margin-right:-4px; text-align:justify;}
#semos2{width:590px;margin-right:-4px;text-align:justify; }
#semos3{width:50px;margin-right:-4px;text-align:justify; }
#semos4{ display:none;}
	
#elcontacto{ width:90%; text-align:justify; max-width:1200px;}

#losbotos, #losbotos1{display:inline-block;vertical-align:top;}
#losbotos{width:90%; max-width:1200px;vertical-align:middle; text-align:justify; }
#losbotos1{width:33%;margin-right:-4px; text-align:center;}


#filosofia, #filosofia1,#filosofia2,#filosofia3 {display:inline-block;vertical-align:top;}
#filosofia{width:1200px;vertical-align:middle; text-align:justify; }
#filosofia1{width:100%;margin-right:0px; text-align:justify;}
#filosofia2{width:767px;margin-right:-4px;text-align:justify; }
#filosofia3{width:433px;margin-right:-4px;text-align:center; }

#subfiso, #subfiso1,#subfiso2,#subfiso3 {display:inline-block;vertical-align:top;}
#subfiso{width:100%;vertical-align:middle; text-align:justify; }
#subfiso1{width:300px;margin-right:-4px; text-align:justify;}
#subfiso2{width:50px;margin-right:-4px;text-align:justify; }
#subfiso3{width:95%;margin-right:0px;text-align:justify; }


#submenu, #submenu1,#submenu2,#submenu3,#submenu0 {display:inline-block;vertical-align:top;}
#submenu{width:100%; max-width:1200px;vertical-align:middle; text-align:justify; }
#submenu1{width:22%;margin-right:-4px; text-align:justify;}
#submenu2{width:22%;margin-right:-4px;text-align:center; }
#submenu3{width:30%;margin-right:0px;text-align:right; }
#submenu0{width:2px;margin-right:0px;text-align:right; height:68px; background-color:#00397f; }

.submen {
line-height:68px; color:#00397f; font-size:18px; font-weight:700;text-decoration:none; text-transform: uppercase; line-height:70px;
}
.submen:hover{
color:#00a31c; 
}
.submen2{
color:#00a31c; font-size:18px; font-weight:700;text-decoration:none;text-transform: uppercase;line-height:70px;
}

#refrigerado, #refrigerado1,#refrigerado2,#refrigerado2a,#refrigerado3,#refrigerado3a,#refrigerado4,#refrigerado0,#refrigeradonew {display:inline-block;vertical-align:top;}
#refrigerado{width:1200px;vertical-align:middle; text-align:justify; }
#refrigerado1{width:560px;margin-right:-4px; text-align:justify;}
#refrigerado2{width:100%;margin-right:0px;text-align:justify; background-color:#ffffff; height:4px; }
#refrigerado2a{width:100%;margin-right:0px;text-align:justify; background-color:#00397f; height:4px; }
#refrigerado3{width:4px;margin-right:-4px;text-align:justify; background-color:#003682; height:200px; }
#refrigerado3a{width:1196px;margin-right:-4px;text-align:justify; }
#refrigerado4{width:80%;margin-right:0px;text-align:justify; background-color:#003682; height:4px; }
#refrigerado0{width:80px;margin-right:-4px;text-align:justify; }
#refrigeradonew{width:100%;margin-right:0px;text-align:justify;  }


#invisible{ width:100%; height:100px;}
#invisible2{ width:100%; height:110px;}

.lima{ width:100%; max-width:646px;}
.limita{ display:none;}

.contas{ display:block;}
.contas2{ display:none;}

.elren{ width:100%; height:80px;}

#loservicios{ background-color:#f2f3f7; width:100%;}
#logistics{ background-color:#00397f; width:100%;}

#lalogis, #lalogis1{display:inline-block;vertical-align:top;}
#lalogis{width:1200px;vertical-align:middle; text-align:justify; margin-top:-150px; }
#lalogis1{width:300px;margin-right:-4px; text-align:center;}

#falsoblanco{ width:100%; height:150px;}

#subotones, #subotones1,#subotones2,#subotones3,#subotones0 {display:inline-block;vertical-align:top;}
#subotones{width:732px;vertical-align:middle; text-align:justify;webkit-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.40);
-moz-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.40);
box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.40);
border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px; }
#subotones1{width:244px;margin-right:-5px; text-align:center; height:405px; background:url(../imagenes/re1.png);}
#subotones2{width:244px;margin-right:-5px;text-align:center;height:405px; background:url(../imagenes/re2.png); }
#subotones3{width:244px;margin-right:-5px;text-align:center; height:405px; background:url(../imagenes/re3.png);}
#subotones0{ display:none; }

#mapas{ background-color:#eff0f2;}
#slidemap0{width:891px; height:800px;top:0;}
#slidemap1{width:891px; height:628px;top:0;}
#slidemap3{width:890px; height:528px;top:0;}
#slidemap2{display:none;}
#slidemap20{display:none;}
#slidemap30{display:none;}


#cobertura, #cobertura1,#cobertura2,#cobertura3,#cobertura3a,#cobertura0 {display:inline-block;vertical-align:top;}
#cobertura{width:1200px;vertical-align:middle; text-align:justify; }
#cobertura1{width:450px;margin-right:-5px; text-align:justify; }
#cobertura2{width:200px;margin-right:-5px;text-align:justify; }
#cobertura3{width:300px;margin-right:-5px;text-align:justify; }
#cobertura0{width:50px;margin-right:-5px;text-align:center; }
#cobertura3a{width:360px;margin-right:-5px;text-align:center; }


#maputodo{width:1200px; height:628px;  top:0; position:relative; }
#mapu{ width:100%; height:100%; background:url(../lupa/transfer.jpg); left:0px; top:0; position:absolute;}
#mapuinfo{ width:392px; height:340px; left:0x; bottom:20px; position:absolute;}
#mapuinfo2{ width:388px; height:206px; left:2px; bottom:22px; position:absolute;}


#carretera{width:925px; height:970px;  top:0; position:relative; }
#carretera1{ width:100%; height:100%; left:0px; top:0; position:absolute;}
#carretera2{ width:224px; height:119px; right:0px; bottom:20px; position:absolute;}
#carretera3{ width:25px; height:14px; left:362px; top:795px; position:absolute;}
#carretera4{ width:25px; height:14px; left:400px; top:670px; position:absolute;}
#carretera5{ width:226px; height:256px; left:0px; bottom:20px; position:absolute;}

#dedicafigura{ background-color:#eff0f2;}

#dedica{width:890px; height:559px; left:0;  top:0; position:relative; }
#dedica1{ width:100%; height:100%;  left:0px; top:0; position:absolute; z-index:1;}
#dedica2{ width:100%; height:100%;  left:0px; top:0; position:absolute; z-index:2;}
#dedica3{ width:100%; height:100%;  left:0px; top:0; position:absolute; z-index:3;}

#dedicamovil{ display:none;}


#alianza, #alianza1,#alianza2,#alianza3,#alianza4,#alianza5,#alianza6,#alianza7,#alianza8 {display:inline-block;vertical-align:top;}
#alianza{max-width:1200px; width:100%;vertical-align:middle; text-align:center; }
#alianza1{width:160px;margin-right:-4px; text-align:center; height:100px;}
#alianza2{width:115px;margin-right:-4px; text-align:center; height:100px;}
#alianza3{width:135px;margin-right:-4px; text-align:center; height:100px;}
#alianza4{width:192px;margin-right:-4px; text-align:center; height:100px;}
#alianza5{width:81px;margin-right:-4px; text-align:center; height:100px;}
#alianza6{width:140px;margin-right:-4px; text-align:center; height:100px;}
#alianza7{width:150px;margin-right:-4px; text-align:center; height:100px;}
#alianza8{width:140px;margin-right:-4px; text-align:center; height:100px;}


#elsubme{width:100%;left:0;text-align:center;top:70px; background-color:#ffffff;  position:fixed;transition:all .8s;-moz-transition:all .8s;-webkit-transition:all .8s;-o-transition:all .8s; z-index:9999; }
#elsubme.xs{width:100%;left:0;text-align:center;top:0px;  position:fixed; }
#elsubme.xl{width:100%;left:0;text-align:center;top:70px;  position:fixed; }

#nueva, #nueva1,#nueva2,#nueva0 {display:inline-block;vertical-align:top;}
#nueva{width:1200px;vertical-align:middle; text-align:justify; }
#nueva1{width:720px;margin-right:-5px; text-align:justify; }
#nueva2{width:230px;margin-right:-5px;text-align:justify; }
#nueva0{width:250px;margin-right:-5px;text-align:center; }


#contactos, #contactos1,#contactos2 {display:inline-block;vertical-align:top;}
#contactos{width:100%;vertical-align:middle; text-align:justify; margin-top:68px; background-color:#f3f4f8;}
#contactos1{width:50%;margin-right:-4px; text-align:justify; }
#contactos2{width:50%;margin-right:-4px;text-align:justify; height:600px; }

#labarra{ width:496px; height:600px; background:url(../imagenes/enme.png); left:50%; margin-left:-200px; top:68px; position:absolute;}

@media screen and (max-width:1220px){
#abajon, #abajon1,#abajon2,#abajon3,#abajon4{display:inline-block;vertical-align:top;}
#abajon{width:1000px; max-width:1200px;vertical-align:middle; text-align:justify; }
#abajon1{width:300px;margin-right:-4px; text-align:justify;}
#abajon2{width:250px;margin-right:-4px;text-align:left; margin-top:10px; }
#abajon3{width:450px;margin-right:-4px;text-align:justify;  margin-top:10px; }
#abajon4{width:200px;margin-right:-4px;text-align:right; margin-top:10px;  }

#footi, #footi1,#footi2, #footi3,#footi4 {display:inline-block;vertical-align:top;}
#footi{width:1000px;vertical-align:middle; text-align:justify; }
#footi1{width:450px;margin-right:-4px; text-align:justify; margin-top:-20px;}
#footi2{width:450px;margin-right:-4px; text-align:justify; }
#footi3{width:100px;margin-right:-4px;text-align:right; }


#nueva{width:1000px;vertical-align:middle; text-align:justify; }
#nueva1{width:700px;margin-right:-5px; text-align:justify; }
#nueva2{width:254px;margin-right:-5px;text-align:justify; }
#nueva0{width:46px;margin-right:-5px;text-align:center; }

#filosofia{width:1000px;vertical-align:middle; text-align:justify; }
#filosofia1{width:100%;margin-right:0px; text-align:justify;}
#filosofia2{width:567px;margin-right:-4px;text-align:justify; }
#filosofia3{width:433px;margin-right:-4px;text-align:justify; }

#subfiso{width:100%;vertical-align:middle; text-align:justify; }
#subfiso1{width:100%;margin-right:0px; text-align:justify;}
#subfiso2{width:100%;margin-right:0px;text-align:justify; }
#subfiso3{width:100%;margin-right:0px;text-align:justify; }


#semos{width:1000px;vertical-align:middle; text-align:justify; }
#semos1{width:500px;margin-right:-4px; text-align:justify;}
#semos2{width:430px;margin-right:-4px;text-align:justify; }
#semos3{width:70px;margin-right:-4px;text-align:justify; }

#logos{width:1000px;vertical-align:middle; text-align:justify; }
#logos1{width:250px;margin-right:-4px; text-align:justify; }
#logos2{width:250px;margin-right:-4px;text-align:center; }
#logos3{width:250px;margin-right:-4px;text-align:right; }


#arriba{width:1000px;vertical-align:middle; text-align:justify; }
#arriba1{width:280px;margin-right:-4px; text-align:justify; padding-top:15px;}
#arriba2{width:720px;margin-right:-4px;text-align:center; }

#eltexto{width:1000px; height:280px;text-align:justify; z-index:3; position:absolute; left:50%; margin-left:-500px; top:50%; margin-top:-140px; }

.texto1{font-size:18px;}

#slais{width:1000px;vertical-align:middle; text-align:justify; z-index:3; position:absolute; left:50%; margin-left:-500px; bottom:0; }
#slais1{width:200px;margin-right:-4px; text-align:justify; padding-top:30px;}
#slais2{width:66px;margin-right:-4px;text-align:center;padding-top:10px; }	

#lingrin{width:1000px;vertical-align:middle; text-align:justify; z-index:3; position:absolute; left:50%; margin-left:-500px; bottom:106px; }
#lingrin1{width:230px;margin-right:-4px; text-align:justify; background:url(../imagenes/laliverde.png); height:6px;}
#lingrin0{width:230px;margin-right:-4px; text-align:justify;height:6px;}
#lingrin2{width:38px;margin-right:-4px; text-align:justify;height:6px;}

#refrigerado{width:1000px;vertical-align:middle; text-align:justify; }
#refrigerado1{width:475px;margin-right:-4px; text-align:justify;}
#refrigerado2{width:100%;margin-right:0px;text-align:justify; background-color:#003682; height:4px; }
#refrigerado0{width:50px;margin-right:-4px;text-align:justify; }
#refrigerado3{width:4px;margin-right:-4px;text-align:justify; background-color:#003682; height:200px; }
#refrigerado3a{width:996px;margin-right:-4px;text-align:justify; }
#refrigerado4{width:90%;margin-right:0px;text-align:justify; background-color:#003682; height:4px; }

#lalogis{width:900px;vertical-align:middle; text-align:justify; margin-top:-150px; }
#lalogis1{width:300px;margin-right:-4px; text-align:center;}



#cobertura{width:900px;vertical-align:middle; text-align:justify; }
#cobertura1{width:100%;margin-right:0px; text-align:justify; }
#cobertura2{width:250px;margin-right:-5px;text-align:justify; }
#cobertura0{width:50px;margin-right:-5px;text-align:center; }

#maputodo{width:898px; height:628px; }
#mapu{ width:100%; height:100%; background:url(../lupa/transfer.jpg); left:0px; top:0; position:absolute;}
#mapuinfo{ width:392px; height:340px; left:0x; bottom:20px; position:absolute;}

}



@media screen and (max-width:1120px){
#lingrin{ display:none;}	

#eltexto{width:90%; height:280px;text-align:justify; z-index:3; position:absolute; left:5%; margin-left:0; top:50%; margin-top:-140px; }

.texto1{font-size:18px;}

#slais{width:90%;vertical-align:middle; text-align:justify; z-index:3; position:absolute; left:5%; margin-left:0; bottom:0; }
#slais1{ display:none;}
#slais1a{ display:inline-block; width:21%; margin-right:-4px; text-align:center; padding-top:30px;}
#slais2{width:5%;margin-right:-4px;text-align:center;padding-top:10px; }

#losbotos1{width:50%;margin-right:-4px; text-align:center;}	
}

@media screen and (max-width:1020px){
#abajon{width:90%; max-width:1200px;vertical-align:middle; text-align:justify; }
#abajon1{width:50%;margin-right:-4px; text-align:justify;}
#abajon2{width:50%;margin-right:-4px;text-align:right; margin-top:12px; }
#abajon3{ display:none; }
#abajon4{width:100%;margin-right:0px;text-align:right; margin-top:12px;  }

#footi{width:90%;vertical-align:middle; text-align:justify; }
#footi1{width:100%;margin-right:0px; text-align:justify; margin-top:-20px;}
#footi2{width:100%;margin-right:0px; text-align:justify; margin-top:20px; }
#footi3{width:100%;margin-right:0px;text-align:right; }

#nueva{width:90%;vertical-align:middle; text-align:justify; }
#nueva1{width:100%;margin-right:0px; text-align:justify; }
#nueva2{width:100%;margin-right:0px;text-align:justify; }
#nueva0{ display:none;}

#filosofia{width:90%;vertical-align:middle; text-align:justify; }
#filosofia1{width:100%;margin-right:0px; text-align:justify;}
#filosofia2{width:100%;margin-right:0px;text-align:justify; }
#filosofia3{width:100%;margin-right:0px;text-align:center; }

#semos{width:90%;vertical-align:middle; text-align:justify; }
#semos1{display:none;}
#semos2{display:none;}
#semos3{ display:none;}
#semos4{width:100%;margin-right:0px; text-align:justify; display:inline-block;}

#logos{width:800px;vertical-align:middle; text-align:justify; }
#logos1{width:200px;margin-right:-4px; text-align:justify; }
#logos2{width:200px;margin-right:-4px;text-align:center; }
#logos3{width:200px;margin-right:-4px;text-align:right; }	

#refrigerado{width:90%;vertical-align:middle; text-align:justify; }
#refrigerado1{width:100%;margin-right:0px; text-align:justify;}
#refrigerado2{width:100%;margin-right:0px;text-align:justify; background-color:#003682; height:4px; }
#refrigerado0{ display:none;}
#refrigerado3{width:4px;margin-right:-4px;text-align:justify; background-color:#003682; height:200px; }
#refrigerado3a{width:90%;margin-right:-4px;text-align:justify; }
#refrigerado4{width:90%;margin-right:0px;text-align:justify; background-color:#003682; height:4px; }

.texto30a{line-height:140%;}

#invisible2{ width:100%; height:40px;}
#invisible{ width:100%; height:40px;}

.contas{ display:none;}
.contas2{ display:block; width:90%; max-width:480px;}

.elren{ width:100%; height:10px;}

#submenu1, #submenu2, #submenu3{width:100%;margin-right:0px;text-align:center; }
#submenu0{ display:none;}

.submen, .submen2 {line-height:40px;}

#labarra{ display:none;}
}

@media screen and (max-width:950px){
	#carretera{width:700px; height:734px;  top:0; position:relative; }
#carretera1{ width:100%; height:100%; left:0px; top:0; position:absolute;}
#carretera2{ width:224px; height:119px; right:50x; bottom:20px; position:absolute;}
#carretera3{ width:25px; height:14px; left:275px; top:605px; position:absolute;}
#carretera4{ width:25px; height:14px; left:300px; top:500px; position:absolute;}
#carretera5{ width:226px; height:256px; left:-50px;}

#contactos1{width:100%;margin-right:0px; text-align:justify;}
#contactos2{width:100%;margin-right:0px;text-align:justify; height:400px; }
}

@media screen and (max-width:910px){
#lalogis{width:600px;vertical-align:middle; text-align:justify; margin-top:-150px; }
#lalogis1{width:300px;margin-right:-4px; text-align:center;}

#cobertura{width:90%;vertical-align:middle; text-align:justify; }
#cobertura1{width:100%;margin-right:-5px; text-align:justify; }
#cobertura2{width:200px;margin-right:-5px;text-align:justify; }
#cobertura0{ display:none;}

#slidemap0{display:none;}
#slidemap1{display:none;}
#slidemap3{display:none;}
#slidemap20{width:100%; max-width:891px; display: block;}

#maputodo{width:743px; height:988px; }
#mapu{ width:743px; height:628px; background:url(../lupa/transferdos.jpg); left:0px; top:0; position:absolute;}
#mapuinfo{ width:392px; height:340px; left:50%; margin-left:-196px; bottom:20px; position:absolute;}
#mapuinfo2{ width:388px; height:206px; left:50%; margin-left:-194px; bottom:22px; position:absolute;}

#dedica{ display:none;}
#dedicamovil{ display:block;}




}

@media screen and (max-width:810px){
.texto8{color:#212121;font-size:30px; font-weight:700;line-height:100%;}
#slidecalidad{text-align:center;width:100%; height:400px;background: url(../imagenes/calidad2.jpg) no-repeat center center  ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
	
.texto6{font-size:30px;}

#logos{width:420px;vertical-align:middle; text-align:justify; }
#logos1{width:210px;margin-right:-4px; text-align:center; }
#logos2{width:210px;margin-right:-4px;text-align:center; }
#logos3{width:210px;margin-right:-4px;text-align:center; }	

#slide1{height:700px;}
.texto3{font-size:65px; line-height:90%;}


#footi1{width:100%;margin-right:0px; }

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



#loservi{text-align:center;width:100%; height:400px;
background: url(../imagenes/rs2.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
  
.limita{ display:block;}

  #losgases, #lostecnos,#refri, #refriseco, #dediccame, #transportation, #dedicados { display:none; }
  
  #footi{width:90%;vertical-align:middle; text-align:justify; }

  #subotones{width:478px;vertical-align:middle; text-align:left; background-color:#ffffff; }
#subotones1{width:237px;margin-right:-2px; text-align:center; height:405px; background:url(../imagenes/re2.png);}
#subotones2{width:237px;margin-right:-2px;text-align:center;height:405px; background:url(../imagenes/re2.png); }
#subotones3{width:237px;margin-right:-2px;text-align:center; height:405px; background:url(../imagenes/re2.png);}

.texto32{font-size:60px; }

}

@media screen and (max-width:763px){
#maputodo{width:450px; height:740px; }
#mapu{ width:450px; height:380px; background:url(../lupa/transfertres.jpg); left:0px; top:0; position:absolute;}
#mapuinfo{ width:392px; height:340px; left:50%; margin-left:-196px; bottom:20px; position:absolute;}	

#carretera{width:450px; height:870px;  top:0; position:relative; }
#carretera1{ width:450px; height:305px; left:0px; top:0; position:absolute;}
#carretera2{ width:224px; height:119px; left:50%; margin-left:-112px; bottom:280px; position:absolute;}
#carretera3{ width:25px; height:14px; left:178px; top:380px; position:absolute;}
#carretera4{ width:25px; height:14px; left:190px; top:320px; position:absolute;}
#carretera5{ width:226px; height:256px; left:50%; margin-left:-113px; bottom:}


#cobertura3a{width:100%;margin-right:-5px;text-align:center; }



}

@media screen and (max-width:610px){
#lalogis{width:304px;vertical-align:middle; text-align:justify; margin-top:-150px; }
#lalogis1{width:300px;margin-right:-4px; text-align:center;}

#footi4{ display:none;}
.texto32{font-size:46px; }
}


.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: translateY(-5px); }

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



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

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


.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);}
}
@-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);}
}


#menumovil{ display:none;}
.button_container {
  position: absolute;
  top: -10px;;
  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: .9;
}
.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:#00397f;
    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: 40%;
  -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: 38px;
  opacity:1; text-transform:uppercase;
}
.overlay ul li a:hover,a:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
  width: 100%;font-size: 36px;
  opacity:.8;-webkit-transition: .25s;
  transition: .25s;
}
.overlay ul li a:after {
  font-size: 40px;
  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:1010px){
#logomovil{POSITION:fixed;z-index:999;left:5%;top:0px;width:133px;height:70px;display: block;}
#logo{display: none;}

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

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


}

.ali{ transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;-webkit-filter: grayscale(1);
  filter: grayscale(1); cursor:pointer;}
  
  .ali:hover{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s; cursor:pointer;-webkit-filter: grayscale(0);
  filter: grayscale(0);}

.brillas {
  margin: 0 auto;
      animation: aparece2 2s alternate  infinite ;
    -webkit-animation: aparece2 2s alternate  infinite ;
}
 
 @-webkit-keyframes aparece2 {
  0% {
    opacity: 0;
	-webkit-filter: brightness(0);
  filter: brightness(0);
  }

   100% {
    opacity: 1;
	-webkit-filter: brightness(2);
  filter: brightness(2);

   }
}