.websiteBody{
    margin: 0;
  }
  .Page{
    display:block;
    margin:auto;
    width:100%;
    height:auto;

  }
  .Page-outer{

    z-index:1;
  }
  .Frame{
    position:relative;
    z-index:2;

    width:100%;
    margin-left:0;
    /*height:896px;*/
    height:730px;
    min-width:200px;
    max-width:414px;
    margin:auto;
    background-color:rgba(208, 206, 206, 1);
    /*overflow:hidden;*/
  }
  .Frame-outer{

    z-index:2;
  }

  .pngwing-1{
    position:relative;
    z-index:21;
    margin-left:20px;
    width:395px;
  /*  height: 250px;*/
   /* min-width:153px;*/
   /* height:80px;*/
    margin-top:1px;

    /*min-height:97px;*/
    top:-3px;
    bottom:0;
    filter:drop-shadow(5px 5px 5px #222);
    -webkit-filter: drop-shadow(5px 5px 5px #222);
    /*max-width:1920px;*/
    /*background-color:rgb(255, 255, 255);*/
  }
  .pngwing-1-outer{

    z-index:21;
    position:relative;
    display:flex;
  }
  .pngwing-1-1{
    position:relative;
    z-index:22;

    margin-left:0%;
    width:395px;
    height:185px;
    margin-top:0%;
      /*content:url(assets/images/pngwing_1.png);*/
  }

  .texto-1{
    position:relative;
    z-index:22;

    margin-left:80px;
    width:250px;
    height: 250px;
   /* min-width:153px;*/
    height:80px;
    margin-top:1px;
    margin-bottom:782px;
    /*min-height:97px;*/
    top:140px;
    bottom:0;
    /*max-width:1920px;*/
    /*background-color:rgb(255, 255, 255);*/
  }
  .texto-1-outer{

    z-index:21;
    position:relative;
    display:flex;
  }
  .texto-1-1{
    position:relative;
    z-index:22;

    margin-left:0%;
    width:250px;
    height:110px;
    margin-top:0%;
      /*content:url(assets/images/pngwing_1.png);*/
  }

  .textonom {
    width: 97px;
    color: rgba(0,0,0,1);
    position: absolute;
    top: 270px;
    left: 159px;
    font-family: Inter;
    font-weight: Regular;
    font-size: 16px;
    opacity: 1;
    text-align: left;
  }

  .etinom {
    width: 345px;
    height: 31px;
   /* background: rgba(245,245,245,0);*/
    opacity: 1;
    position: absolute;
    top: 290px;
    left: 35px;
    border: 1px solid rgba(0,0,0,1);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
    
  }

  .textocontra {
    width: 97px;
    color: rgba(0,0,0,1);
    position: absolute;
    top: 325px;
    left: 159px;
    font-family: Inter;
    font-weight: Regular;
    font-size: 16px;
    opacity: 1;
    text-align: left;
  }

  .eticontra {
    width: 345px;
    height: 31px;
   /* background: rgba(245,245,245,0);*/
    opacity: 1;
    position: absolute;
    top: 350px;
    left: 35px;
    border: 1px solid rgba(0,0,0,1);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
    
  }

  .btnentra {
    position:absolute;
    margin-left: 130px;
    margin-top:130px;
    height:40px;
    width:150px;
    font-family: Inter;
    font-weight: Regular;
    font-size: 13px;
    background-color: #FFD51B;
    border: 1px solid rgba(0,0,0,1);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  .btnentra:focus {
    box-shadow: #FFD51B 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #FFD51B 0 -3px 0 inset;
  }
  
  .btnentra:hover {
    box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #FFD51B 0 -3px 0 inset;
    transform: translateY(-2px);
  }
  
  .btnentra:active {
    box-shadow: #FFD51B 0 3px 7px inset;
    transform: translateY(2px);
  }
  

  .img-1{
    position:relative;
    z-index:22;

    margin-left: -2px;
    left: 20px;
    width:250px;
    height: 250px;
   /* min-width:153px;*/
    height:80px;
    margin-top:-460px;
    margin-bottom:782px;
    /*min-height:97px;*/
    top:460px;
    bottom:0;
    /*max-width:1920px;*/
    /*background-color:rgb(255, 255, 255);*/
  }
  .img-1-outer{

    z-index:21;
    position:relative;
    display:flex;
  }
  .img-1-1{
    position:relative;
    z-index:22;

    margin-left:0%;
    width:380px;
    height:210px;
    margin-top:0%;
      /*content:url(assets/images/pngwing_1.png);*/
  }

  .textosele-1{
    position:relative;
    z-index:22;

    margin-left:-260px;
    width:250px;
    height: 250px;
   /* min-width:153px;*/
    height:80px;
    margin-top:1px;
    margin-bottom:782px;
    /*min-height:97px;*/
    top:170px;
    bottom:0;
    /*max-width:1920px;*/
    /*background-color:rgb(255, 255, 255);*/
  }
  .textosele-1-outer{

    z-index:21;
    position:relative;
    display:flex;
  }
  .textosele-1-1{
    position:relative;
    z-index:22;

    margin-left:0%;
    width:350px;
    height:50px;
    margin-top:0%;
      /*content:url(assets/images/pngwing_1.png);*/
  }

  .linea-1{
    position:relative;
    z-index:22;

    margin-left:-262px;
    width:250px;
    height: 250px;
   /* min-width:153px;*/
    height:80px;
    margin-top:225px;
    margin-bottom:782px;
    /*min-height:97px;*/
    top:225 px;
    bottom:0;
    display: flex;
    /*max-width:1920px;*/
    /*background-color:rgb(255, 255, 255);*/
  }
  .linea-1-outer{

    z-index:21;
    position:relative;
    display:flex;
  }
  .linea-1-1{
    position:relative;
    z-index:22;

    margin-left:0%;
    width:400px;
    height:10px;
    margin-top:0%;
      /*content:url(assets/images/pngwing_1.png);*/
  }
  .btn{
    margin-left: 40px;
    position:absolute;
    background-color: #FFD51B;
    margin-top:20px;
   /* background-image:url('assets/images/pdi.png');
    background-repeat:no-repeat;*/
    height:150px;
    width:150px;
    font-family: Inter;
    font-weight: Regular;
    font-size: 13px;
    /*padding-top: -30%;*/
    background-size: 38px 33px;
    /*background-position:bottom;*/
    border: 1px solid rgba(0,0,0,1);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.btn:focus {
  box-shadow: #FFD51B 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #FFD51B 0 -3px 0 inset;
}

.btn:hover {
  box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #FFD51B 0 -3px 0 inset;
  transform: translateY(-2px);
}

.btn:active {
  box-shadow: #FFD51B 0 3px 7px inset;
  transform: translateY(2px);
}
.btn1 {
  margin-left: 220px;
  background-color: #FFD51B;
  margin-top:20px;
  /*background-image:url('assets/images/memtec.png');
  background-repeat:no-repeat;*/
  position:absolute;
  height:150px;
  width:150px;
  font-family: Inter;
  font-weight: Regular;
  font-size: 13px;
  /*padding-top: -30%;*/
  background-size: 38px 33px;
  background-position:bottom;
  border: 1px solid rgba(0,0,0,1);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.btn1:focus {
  box-shadow: #FFD51B 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #FFD51B 0 -3px 0 inset;
}

.btn1:hover {
  box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #FFD51B 0 -3px 0 inset;
  transform: translateY(-2px);
}

.btn1:active {
  box-shadow: #FFD51B 0 3px 7px inset;
  transform: translateY(2px);
}
.btn2 {
  position:absolute;
  margin-left: 40px;
  background-color: #FFD51B;
  margin-top:160px;
  background-image:url('assets/images/asistencia.png');
  background-repeat:no-repeat;
  height:40px;
  width:330px;
  font-family: Inter;
  font-weight: Regular;
  font-size: 13px;
  background-size: 38px 33px;
  background-position:left;
  border: 1px solid rgba(0,0,0,1);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.btn2:focus {
  box-shadow: #FFD51B 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #FFD51B 0 -3px 0 inset;
}

.btn2:hover {
  box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #FFD51B 0 -3px 0 inset;
  transform: translateY(-2px);
}

.btn2:active {
  box-shadow: #FFD51B 0 3px 7px inset;
  transform: translateY(2px);
}
.btn3 {
  margin-left: 40px;
  background-color: #FFD51B;
  margin-top:200px;
  position:absolute;
 /* background-image:url('assets/images/camara.png');
  background-repeat:no-repeat;/*/
  height:150px;
  width:150px;
  /*padding-top: -30%;*/
  font-family: Inter;
  font-weight: Regular;
  font-size: 13px;
  background-size: 38px 33px;
  background-position:bottom;
  border: 1px solid rgba(0,0,0,1);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.btn3:focus {
  box-shadow: #FFD51B 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #FFD51B 0 -3px 0 inset;
}

.btn3:hover {
  box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #FFD51B 0 -3px 0 inset;
  transform: translateY(-2px);
}

.btn3:active {
  box-shadow: #FFD51B 0 3px 7px inset;
  transform: translateY(2px);
}
.btn4 {
  margin-left: 220px;
  background-color: #FFD51B;
  margin-top:200px;
  position:absolute;
  /*background-image:url('assets/images/inventario.png');
  background-repeat:no-repeat;*/
  height:150px;
  width:150px;
  text-align:center;
  font-family: Inter;
  font-weight: Regular;
  font-size: 13px;
  /*padding: -60%;*/
  background-size: 45px 45px;
  background-position:bottom;
  border: 1px solid rgba(0,0,0,1);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.btn4:focus {
  box-shadow: #FFD51B 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #FFD51B 0 -3px 0 inset;
}

.btn4:hover {
  box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #FFD51B 0 -3px 0 inset;
  transform: translateY(-2px);
}

.btn4:active {
  box-shadow: #FFD51B 0 3px 7px inset;
  transform: translateY(2px);
}
.textonor {
  margin-left: 20px;
  margin-top:370px;
  height:90px;
  width: 380px;
  color: rgba(0,0,0,1);
  position: absolute;
  /*top: 615px;
  left: 159px;*/
  font-family: Inter;
  font-weight: Regular;
  font-size: 13px;
  opacity: 1;
  text-align: left;
}

.linea2-1{
  position:relative;
  z-index:22;

  margin-left:-360px;
  width:250px;
  height: 250px;
 /* min-width:153px;*/
  height:80px;
  margin-top:265px;
  margin-bottom:782px;
  /*min-height:97px;*/
  top:380px;
  bottom:0;
  display: flex;
  /*max-width:1920px;*/
  /*background-color:rgb(255, 255, 255);*/
}
.linea2-1-outer{

  z-index:21;
  position:relative;
  display:flex;
}
.linea2-1-1{
  position:relative;
  z-index:22;

  margin-left:0%;
  width:400px;
  height:10px;
  margin-top:0%;
    /*content:url(assets/images/pngwing_1.png);*/
}

.linea3-1{
  position:relative;
  z-index:22;
  margin-left:-250px;
  width:250px;
  height: 250px;
 /* min-width:153px;*/
  height:80px;
  margin-top:225px;
  margin-bottom:782px;
  /*min-height:97px;*/
  top:440px;
  bottom:0;
  display: flex;
  /*max-width:1920px;*/
  /*background-color:rgb(255, 255, 255);*/
}
.linea3-1-outer{

  z-index:21;
  position:relative;
  display:flex;
}
.linea3-1-1{
  position:relative;
  z-index:22;

  margin-left:0%;
  width:400px;
  height:10px;
  margin-top:0%;
    /*content:url(assets/images/pngwing_1.png);*/
}

.power {
  margin-left: 20px;
  margin-top:430px;
  height:90px;
  width: 380px;
  color: rgba(0,0,0,1);
  position: absolute;
  text-align: center;
  font-family: Inter;
  font-weight:bold;
  font-size: 16px;
  opacity: 1;

}
.power1 {
  margin-left: -450px;
  height:90px;
  width: 380px;
  color: rgba(0,0,0,1);
  position: absolute;
  top: 235px;
  left: 560px;
  font-family: Inter;
  font-weight:bold;
  font-size: 16px;
  opacity: 1;
  text-align: left;
}

.rectangle {
	width: 370px;
	height: 40px;
	margin-top: 10px;
	margin-left: 10px;
	font-family: Inter;
  font-weight: Regular;
  font-size: 13px;
	border: 1px solid #000;
	position: relative;
	text-align: center;
	background: #FFD51B;
	padding: 10px;
	filter:drop-shadow(5px 5px 5px #222);
    -webkit-filter: drop-shadow(5px 5px 5px #222);
}

.rectangle1 {
	width: 370px;
	height: 40px;
	margin-top: 5px;
	margin-left: 24px;
  left: -10px;
	font-family: Inter;
  font-weight: Regular;
  font-size: 13px;
	border: 1px solid #000;
	position: relative;
	text-align: center;
	background: #FFD51B;
	padding: 10px;
	filter:drop-shadow(5px 5px 5px #222);
    -webkit-filter: drop-shadow(5px 5px 5px #222);
}