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

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

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

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

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


@font-face {
	font-family: 'blacker';
	src: url("blacker.woff") format("woff");
	font-weight: normal;
	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: 'regular'; text-align:center;
}
	
* { margin: 0px;
padding: 0px; outline: 0;
}
iframe { display:block; border:none;overflow:hidden; }

.text1{color:#000000; font-size:20px; line-height:100%; text-decoration:none; font-family: 'bold';}
.text1a{color:#000000; font-size:18px; line-height:200%; text-decoration:none; font-family: 'bold';}
.text2{color:#000000; font-size:16px; line-height:120%; text-decoration:none; font-family: 'regular';}
.text3{color:#000000; font-size:100px; line-height:90%; text-decoration:none; font-family: 'blacker';}
.text4{color:#000000; font-size:30px; line-height:120%; text-decoration:none; font-family: 'regular';}
.text4a{color:#ff0435; font-size:50px; line-height:50%; text-decoration:none; font-family: 'bold';}
.text5{color:#000000; font-size:18px; line-height:160%; text-decoration:none; text-transform:uppercase; font-family: 'light'; margin-right:50px;}

#servon, #servon1,#servon2,#servon3,#servon3b,#servon3c,#servon4{display:inline-block;vertical-align:top;}
#servon{ width:90%;vertical-align:middle; text-align:center; }
#servon1{width:80%;margin-right:-4px; text-align:left; margin-top:17px;  }
#servon2{width:20%;margin-right:-4px; text-align:right;  }
#servon3{width:100%;margin-right:0px;   text-align:left;background: url(../imagenes/s1.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;   }
#servon3b{width:100%;margin-right:0px;   text-align:left;background: url(../imagenes/s2.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;   }
#servon3c{width:100%;margin-right:0px;   text-align:left;background: url(../imagenes/s3.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;   }
#servon4{width:100%;margin-right:0px; text-align:left;}

.redesn{ opacity:1;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s; cursor:pointer;}
.redesn:hover{ opacity:.8; }

#lalos{ width: 100%; height: 2px; background-color: #000000;  margin-bottom: 50px;}
#lalos2{ width: 100%; height: 2px; background-color: #000000; margin-top: -2px;  }

#losico{ text-align:center;
  display: flex;
  flex-wrap: wrap;
}

.losi{ margin-right:40px; margin-bottom:20px;}

.enlace2a {
  display: inline-block;
  background: #000000;
 font-family: 'medium'; color:#fff; text-decoration:none; padding:10px; padding-left:20px; padding-right:20px;
  border-radius: 64px 64px 64px 64px;
-moz-border-radius: 64px 64px 64px 64px;
-webkit-border-radius: 64px 64px 64px 64px; font-size:15px;
}
.enlace2a:hover {
  background: #ff0435;
}




@media screen and (max-width:1300px){
	.text5{ font-size:18px; }
	.losi{ margin-right:30px; margin-bottom:20px;}
}


@media screen and (max-width:1148px){
	.losi{ margin-right:20px; margin-bottom:20px;}
	
	.text4{ font-size:25px;}
}


@media screen and (max-width:950px){
	.text3{ font-size:70px;}

    #servon1{width:60%;margin-right:-4px; text-align:left;  }
#servon2{width:40%;margin-right:-4px; text-align:right;  }
    .text1a{color:#000000; font-size:16px; line-height:120%;}
    .text1{color:#000000; font-size:16px;}
    #lalos{  margin-bottom: 30px;}
    
    #servon3,#servon3b,#servon3c{width:100%;margin-right:0px; text-align:center;  }
    #servon4{width:100%;margin-right:0px; text-align:center;  }
	.text4{ font-size:22px;}
}

@media screen and (max-width:800px){
.enlace2a {
padding:8px; padding-left:8px; padding-right:8px; font-size:14px;
}	
}