@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

@font-face {
	font-family:'gilroy';
	src: url("gilroy.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

@font-face {
	font-family:'gilroybold';
	src: url("gilroybold.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

@font-face {
	font-family:'helvetica';
	src: url("helvetica.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}


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

.os-animation{
            opacity: 0;
 }  

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


#arriba{ width:100%; height:300px; background:url(../imagenes/fondo1.jpg) no-repeat 0 center ;background-size:cover;  z-index:9999;}

.texto1{color:#ffffff;font-size:18px;font-family: 'Inter', sans-serif;text-decoration:none; font-weight:900;}
.texto1a{color:#223644;font-size:18px;font-family: 'Inter', sans-serif;text-decoration:none; font-weight:900;}
.texto2{color:#ffffff;font-size:44px;font-family: 'Bebas Neue', sans-serif; line-height:100%;font-style: italic!important; text-decoration:none;text-transform:uppercase;}
.texto3{color:#ffffff;font-size:24px;font-family:'gilroy'; text-decoration:none; font-weight:400;}
.texto4{color:#d1523b;font-size:24px;font-family:'gilroybold'; text-decoration:none;}
.texto5{color:#d1523b;font-size:23px;font-family:'gilroybold'; text-decoration:none;}
.texto6{color:#ffffff;font-size:18px;font-family: 'Inter', sans-serif;text-decoration:none; line-height:130%}
.texto7{color:#ffffff;font-size:22px;font-family: 'Bebas Neue', sans-serif; line-height:53px;font-style: italic!important; text-decoration:none;text-transform:uppercase;}
.texto8{color:#ffffff;font-size:15px;font-family:'gilroy'; line-height:53px; text-transform:uppercase; text-decoration:none; }
.texto9{color:#f05137;font-size:15px;font-family:'helvetica';font-style: italic!important; text-decoration:none;text-transform:uppercase; line-height:100%;}
.texto10{color:#ffffff;font-size:10px;font-family: 'Inter', sans-serif; line-height:100%; text-decoration:none;}

.lima{ width:90%; max-width:473px;}

#servis, #servis1,#servis2,#servis3{display:inline-block;vertical-align:top;}
#servis{width:1200px;vertical-align:middle; text-align:center; }
#servis1{width:230px;margin-right:-4px; text-align:left; margin-top:8px;}
#servis2{width:255px;margin-right:-4px;text-align:center;}
#servis3{width:255px;margin-right:-4px;text-align:center;}

 #areas{ width:100%; height:53px; text-align:center; background:url(../imagenes/fondo2.jpg) no-repeat center center ;background-size:cover;  z-index:9999;}

#areas2{ display:none;}

#lasa, #lasa1,#lasa2,#lasa3{display:inline-block;vertical-align:top;}
#lasa{width:1200px;vertical-align:middle; text-align:center; }
#lasa1{width:300px; height:53px;margin-right:-4px; text-align:left; background-color:#f05137;}
#lasa2{width:49px; height:53px;margin-right:-4px;text-align:left; background-color:#f05137;}
#lasa3{width:851px; height:53px;margin-right:-4px;text-align:left; background-color:#225c6a;}

 .redes{ opacity:1; transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s; cursor:pointer;-webkit-transform: scale(1); transform: scale(1);}
.redes:hover{-webkit-transform: scale(1.1);  transform: scale(1.1); opacity:.8; }


 .redes2{ opacity:1; transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s; cursor:pointer;-webkit-transform: scale(1); transform: scale(1);}
.redes2:hover{-webkit-transform: scale(1.05);  transform: scale(1.05); opacity:.8; }

#abajo, #abajo1,#abajo2,#abajo3,#abajo4,#abajo5{display:inline-block;vertical-align:top;}
#abajo{width:1200px;vertical-align:middle; text-align:center; }
#abajo1{width:400px;margin-right:-4px; text-align:justify;}
#abajo2{width:400px;margin-right:-4px;text-align:center; margin-top:20px;}
#abajo3{width:200px;margin-right:-4px;text-align:center; margin-top:20px;}
#abajo4{width:160px;margin-right:-4px;text-align:right; margin-top:20px;}
#abajo5{width:99%;margin-right:0px;text-align:right; margin-top:0px;}

@media screen and (max-width:1220px)
 {
#abajo{width:1000px;vertical-align:middle; text-align:center; }
#abajo1{width:400px;margin-right:-4px; text-align:justify;}
#abajo2{width:400px;margin-right:-4px;text-align:center; margin-top:20px;}
#abajo3{width:200px;margin-right:-4px;text-align:center; margin-top:20px;}
#abajo4{width:160px;margin-right:-4px;text-align:center; margin-top:30px;}
#abajo5{ text-align:center;}

#lasa{width:1000px;vertical-align:middle; text-align:center; }
#lasa1{width:280px; height:53px;}
#lasa2{width:49px; height:53px;}
#lasa3{width:651px; height:53px;}

.texto7{font-size:20px;font-family:'helvetica'; line-height:53px;}
.texto8{font-size:15px;font-family:'gilroy'; line-height:160%; text-transform:uppercase;}

#servis{width:1000px;vertical-align:middle; text-align:center; }
#servis1{width:230px;margin-right:-4px; text-align:left; margin-top:8px;}
#servis2{width:155px;margin-right:-4px;text-align:center;}
#servis3{width:155px;margin-right:-4px;text-align:center;}
 }
 
  
@media screen and (max-width:1020px)
 {
#abajo{width:800px;vertical-align:middle; text-align:center; }
#abajo1{width:400px;margin-right:-4px; text-align:justify;}
#abajo2{width:400px;margin-right:-4px;text-align:center; margin-top:20px;}
#abajo3{width:200px;margin-right:-4px;text-align:center; margin-top:40px;}
#abajo4{width:160px;margin-right:-4px;text-align:center; margin-top:30px;}

#lasa{width:800px;vertical-align:middle; text-align:center; }
#lasa1{width:280px; height:53px;}
#lasa2{width:49px; height:53px;}
#lasa3{width:451px; height:53px;}

.texto7{font-size:20px;font-family:'helvetica'; line-height:53px;}
.texto8{font-size:15px;font-family:'gilroy'; line-height:160%; text-transform:uppercase;}

#servis{width:800px;vertical-align:middle; text-align:center; }
#servis1{width:230px;margin-right:-4px; text-align:left; margin-top:8px;}
#servis2{width:55px;margin-right:-4px;text-align:center;}
#servis3{width:55px;margin-right:-4px;text-align:center;}
 }
 
   
@media screen and (max-width:820px)
 { 
 #abajo{width:400px;vertical-align:middle; text-align:center; }
#abajo1{width:400px;margin-right:0px; text-align:center;}
#abajo2{width:400px;margin-right:0px;text-align:center; margin-top:20px;}
#abajo3{width:200px;margin-right:-4px;text-align:center; margin-top:40px;}
#abajo4{width:160px;margin-right:-4px;text-align:center; margin-top:30px;}

 #areas{ display:none;}
 #areas2{ display:block;width:280px;}
 .texto8{font-size:17px;font-family:'gilroy'; line-height:190%; text-transform:uppercase;}
 
#servis{width:230px;vertical-align:middle; text-align:center; }
#servis1{width:230px;margin-right:-4px; text-align:left;}
#servis2{ display:none;}
#servis3{ display:none;}
 }