@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');


html,body{
width:100%;
	height:100%;
font-family: "Archivo", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings:
    "wdth" 100; background-color: #010101;
}
	
* { margin: 0px;
padding: 0px; outline: 0;
}
iframe { display:block; border:none; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px;}

.os-animation{
            opacity: 0;
 }  

.os-animation.animated{
            opacity: 1;
 }  
 
 *:focus { 
    outline: none; 
} 
 

#elhead{ width:100%; text-align:center; height:90px; top:10px; left:0; background-color: transparent; z-index:9999; position:absolute;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s; z-index:9998;}



.infotexto{ display: inline-block; text-align: center; width: 90%; max-width: 860px;}
.infotexto2{ display: inline-block; text-align: center; width: 90%; max-width: 520px;}
.infotexto3{ display: inline-block; text-align: center; width: 90%; max-width: 620px;}


.texto1{ color:#e2562a; font-size:55px; font-weight:600; text-decoration:none; }
.texto2{ color:#ffffff; font-size:55px; font-weight:600; text-decoration:none; }
.texto3{ color:#e2562a; font-size:16px; font-weight:600; line-height: 150%; text-decoration:none; }
.texto4{ color:#ffffff; font-size:16px; font-weight:400; line-height: 150%;  text-decoration:none;}
.texto5{ color:#e2562a; font-size:16px; font-weight:600; line-height: 150%; text-decoration:none; }
.texto6{ color:#f4a187; font-size:11px; font-weight:400; line-height: 150%;  text-decoration:none;}
.texto7{ color:#ffffff; font-size:14px; font-weight:700; line-height: 150%;  text-decoration:none; text-transform: uppercase;}

#arriba, #arriba1,#arriba2,#arriba3,#arriba4{display:inline-block;vertical-align:top;}
#arriba{ width: 95%; max-width:1300px;vertical-align:middle; text-align:center; margin-top: 40px;}
#arriba1{width:30%;margin-right:-4px; text-align:left;  margin-top:10px;}
#arriba2{width:70%;margin-right:-4px;text-align:right;  margin-top:10px;}

#informacion{ width: 100%; text-align: center;}

#abajo,#abajo1, #abajo2,#abajo3{display:inline-block;vertical-align:top;}
#abajo{max-width:1300px; width: 95%; vertical-align:middle; text-align:center;}
#abajo1{width:70%;margin-right:-4px; text-align:left;}
#abajo2{width:30%;margin-right:-4px;text-align:right; margin-top: 25px;}


#footer{ width: 100%; text-align: center; background-color:#e2562a;}

#info,#info1, #info2,#info3,#info4,#info0{display:inline-block;vertical-align:top;}
#info{max-width:1300px; width: 95%; vertical-align:middle; text-align:center;}
#info1{width:59%;margin-right:-4px; text-align:left;}
#info2{width:31%;margin-right:-4px;text-align:justify;margin-top: 10px;}
#info3{width:59%;margin-right:-4px; text-align:left;}
#info4{width:31%;margin-right:-4px;text-align:left;}
#info0{width:10%;margin-right:-4px; text-align:left;}

#launo,#launo1, #launo2{display:inline-block;vertical-align:top;}
#launo{width:560px; vertical-align:middle; text-align:center;}
#launo1{width:190px;margin-right:-4px; text-align:left; margin-top: 23px;}
#launo2{width:370px;margin-right:-4px;text-align:left;}




.redes{opacity: 1; transform: scale(1);transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;}
.redes:hover{opacity: .8;transform: scale(1.05);}


.elboton{width:401px; height:59px;   background:url("../imagenes/boto1.png") no-repeat center center; background-size:cover; transform: scale(1);transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;}
.elboton:hover{  background:url("../imagenes/boto2.png") no-repeat center center; background-size:cover; }


@media screen and (max-width:1300px)
 {
.texto1,.texto2{font-size:50px; }
     
#info1{width:58%;margin-right:-4px; text-align:left;}
#info2{width:37%;margin-right:-4px;text-align:justify;}
#info3{width:58%;margin-right:-4px; text-align:left;}
#info4{width:37%;margin-right:-4px;text-align:left;}
#info0{width:5%;margin-right:-4px; text-align:left;}  
}


@media screen and (max-width:1120px)
 {
.texto1,.texto2{font-size:40px; }
     
#info1{width:53%;margin-right:-4px; text-align:left;}
#info2{width:42%;margin-right:-4px;text-align:justify;}
#info3{width:53%;margin-right:-4px; text-align:left;}
#info4{width:42%;margin-right:-4px;text-align:left;}
#info0{width:5%;margin-right:-4px; text-align:left;}  
}

     
     
@media screen and (max-width:1080px)
 {
#launo{width:100%; vertical-align:middle; text-align:center;}
#launo1{width:100%;margin-right:0px;text-align:center; margin-top:10px;}
#launo2{width:100%;margin-right:0px;text-align:center;}     
     
     
#info1{width:100%;margin-right:0px; text-align:center;}
#info2{width:100%;margin-right:0px;text-align:center;}
#info3{width:100%;margin-right:0px; text-align:center;}
#info4{width:100%;margin-right:0px;text-align:center; margin-top: 30px;}
#info0{ display: none;}      
     
     
#abajo1{width:100%;margin-right:0px; text-align:center;}
#abajo2{width:100%;margin-right:0px;text-align:center; margin-top: 25px;}     
     
#arriba1{width:100%;margin-right:0px; text-align:center;  margin-top:10px;}
#arriba2{width:100%;margin-right:0px;text-align:center;  margin-top:50px;}
}

