.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: linear-gradient(180deg, #306485 -3.0616171314629196e-15%, rgba(51, 199, 255, 0) 99.99999999999999%);*/
    overflow:hidden;
  }
  .Frame-outer{

    z-index:2;
  }

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

    /*min-height:97px;*/
    top:10px;
    bottom:0;
    filter:drop-shadow(3px 3px 3px #222);
    -webkit-filter: drop-shadow(3px 3px 3px #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:350px;
    height:150px;
    margin-top:0%;
      /*content:url(assets/images/pngwing_1.png);*/
  }

  .becas-1{
    position:relative;
    /*z-index:22;*/

    margin-left:10px;
    width:120px;
   /* height: 250px;*/
   /* min-width:153px;*/
    height:120px;
    margin-top:-40px;
    /*margin-bottom:782px;*/
    /*min-height:97px;*/
    top:40px;
    bottom:0;
    /*max-width:1920px;*/
    /*background-color:rgb(255, 255, 255);*/
  }
 
  .grupo-1{
    position:relative;
    /*z-index:22;*/

    margin-left:240px;
    width:120px;
   /* height: 250px;*/
   /* min-width:153px;*/
    height:120px;
    margin-top:-80px;
    /*margin-bottom:782px;*/
    /*min-height:97px;*/
    top:0px;
    bottom:0;
    /*max-width:1920px;*/
    /*background-color:rgb(255, 255, 255);*/
  }

  .android-1{
    position:relative;
    /*z-index:22;*/

    margin-left:20px;
    width:350px;
    height: 250px;
   /* min-width:153px;*/
    height:160px;
    margin-top:50px;
    /*margin-bottom:782px;*/
    /*min-height:97px;*/
    top:-20px;
    bottom:0;
    /*max-width:1920px;*/
    /*background-color:rgb(255, 255, 255);*/
  }
  


  .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);*/
  }
 
.btn1 {
  margin-left: 220px;
  background-color: #FFD51B;
  margin-top:1px;
  /*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: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);*/
}



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

/****************ENGIEEEEEE*********************/

.Texto-3{
  position:absolute;
  z-index:6;
  margin-left:190px;
  width:208.98px;
  min-width:200px;
  margin-top:10px;
  margin-bottom:772.61px;
  min-height:73.39px;
  top:25px;
  bottom:0;
  max-width:1920px;
  text-align:left;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  color:rgba(0, 0, 0, 1);
  font-style:italic;
  font-family:Inter;
  font-weight:400;
  font-size:16px;
  line-height:19.199996948242188px;
  -webkit-text-stroke:1px rgba(0, 0, 0, 0.5);
}

.imagen-4{
  position:absolute;
  z-index:11;

  margin-left:30px; /* recorrer izquierda*/
  width:112px;
  min-width:100px; /*ancho imagen*/
  height:109px; /* largo imagen/*/
  margin-top:95px;
  margin-bottom:622px;
  min-height:109px; /* largo imagen/*/
  top:15px;
  bottom:0;
  max-width:1920px;
  content:url(assets/images/banner-beni.jpg);
}

.imagen-4: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;
}

.imagen-4: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);
}

.imagen-4:active {
  box-shadow: #FFD51B 0 3px 7px inset;
  transform: translateY(2px);
}

.imagen-5{
  position:absolute;
  z-index:13;

  margin-left:156px;
  width:107px;
  min-width:100px;
  height:109px;
  margin-top:95px;
  margin-bottom:622px;
  min-height:109px;
  top:15px;
  bottom:0;
  max-width:1920px;
  content:url(assets/images/imagen_5.png);
}

.imagen-5: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;
}

.imagen-5: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);
}

.imagen-5:active {
  box-shadow: #FFD51B 0 3px 7px inset;
  transform: translateY(2px);
}

.imagen-6{
  position:absolute;
  z-index:15;

  margin-left:278px;
  width:112px;
  min-width:100px;
  height:109px;
  margin-top:95px;
  margin-bottom:622px;
  min-height:109px;
  top:15px;
  bottom:0;
  max-width:1920px;
  content:url(assets/images/imagen_6.png);
}
.imagen-5: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;
}

.imagen-6: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);
}

.imagen-6:active {
  box-shadow: #FFD51B 0 3px 7px inset;
  transform: translateY(2px);
}

.Engie-Market-1{
  position:absolute;
  z-index:19;
  margin-left:10px;
  width:391px;
  min-width:200px;
  height:180px;
  margin-top:-67px;
  margin-bottom:448px;
  min-height:156px;
  top:600px;
  bottom:0;
  max-width:1920px;
  overflow:hidden;
  content:url(assets/images/Engie_Market_1.jpg);
}

.Texto-2{
  position:absolute;
  z-index:7;
  margin-left:20px;
  width:231px;
  min-width:200px;
  margin-top:34px;
  margin-bottom:360px;
  min-height:34px;
  top:370px;
  bottom:0;
  max-width:1920px;
  text-align:center;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  color:rgba(0, 0, 0, 1);
  font-style:normal;
  font-family:Inter;
  font-weight:600;
  font-size:20px;
  line-height:24px;
}

.kisspng-chatbot-logo{
  position:absolute;
  z-index:17;

  margin-left:270px;
  width:75px;
  height:73px;
  margin-top:186px;
  margin-bottom:337px;
  top:200px;
  bottom:0;
  max-width:1920px;
  content:url(assets/images/kisspng_chatbot_logo_robotics_brobo_kabutack_5b3d2b676f1499_1.png);
}
.Boton-Informacion{
  position:absolute;
  z-index:23;

  margin-left:28px;
  width:247px;
  min-width:200px;
  height:55px;
  margin-top:378px;
  margin-bottom:255px;
  min-height:55px;
  top:86px;
  bottom:0;
  max-width:1920px;
}
.Engie-Medio-Ambiente-1{
  position:absolute;
  z-index:25;

  margin-left:3.2388663967611335%;
  width:78.94736842105263%;
  height:36.36363636363637%;
  margin-top:5.2631578947368425%;
  text-align:center;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  color:rgba(0, 0, 0, 1);
  font-style:italic;
  font-family:Inter;
  font-weight:400;
  font-size:16px;
  line-height:19.199996948242188px;
}

.btn2 {
  position:absolute;
  margin-left: 30px;
  margin-top: -10px;
  background-repeat:no-repeat;
  height:45px;
  width:210px;
  font-family: Inter;
  /*font-weight :Italic;*/
  font-size: 16px;
  background-size: 38px 33px;
  background-position:left;
  /*background-color:rgba(45, 87, 44, 1);*/
  background:linear-gradient(180deg, rgba(45, 87, 44, 1) -3.0616171314629196e-15%, rgba(51, 199, 255, 0) 99.99999999999999%);
  border: 0px solid rgba(0,0,0,1);
  box-sizing:border-box;
  border-radius:20px;
  box-shadow: 5px 5px 5px lightblue;
}
.btn2:focus {
  box-shadow: lightblue 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, lightblue 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, lightblue 0 -3px 0 inset;
  transform: translateY(-2px);
}


.btn3 {
  margin-left: 220px;
  background: linear-gradient(180deg, white 0%,  #5f6a6a  100%);
  margin-top: 230px;
  position:absolute;
  /*background-image:url('assets/images/inventario.png');
  background-repeat:no-repeat;*/
  height:100px;
  width:190px;
  font-family: Inter;
  font-weight: bold;
  font-size: 16px;
  color: black;
  /*padding: -60%;*/
  box-sizing:border-box;
  border-radius:20px;
  box-shadow: 5px 5px 5px lightblue;
}
.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);
}

.llama-1{
  position:absolute;
  z-index:3;
  margin-left:300px;
  width:60px;
  height:60px;
  margin-top:61px;
  margin-bottom:195px;
  top:420px;
  bottom:0;
  max-width:1920px;
  filter:drop-shadow(3px 3px 3px #222);
  -webkit-filter: drop-shadow(3px 3px 3px #222);
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  mix-blend-mode:hard-light;
}
.power {
  margin-left: 140px;
  margin-top: 70px;
  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;
}

.btn4 {
  margin-left: 10px;
  background: linear-gradient(180deg, #65bce8 0%, #306485 100%);
  margin-top: 360px;
  position:absolute;
  /*background-image:url('assets/images/inventario.png');
  background-repeat:no-repeat;*/
  height:100px;
  width:190px;
  font-family: Inter;
  font-weight: bold;
  font-size: 12px;
  color: black;
  /*padding: -60%;*/
  box-sizing:border-box;
  border-radius:20px;
  box-shadow: 5px 5px 5px lightblue;
}
.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);
}
.btn5 {
  margin-left: 220px;
  /*background-color:rgba(217, 217, 217, 1);*/
  background: linear-gradient(180deg, #65bce8 0%, #306485 100%);
  margin-top: 360px;
  position:absolute;
  /*background-image:url('assets/images/inventario.png');
  background-repeat:no-repeat;*/
  height:100px;
  width:190px;
  font-family: Inter;
  font-weight: bold;
  font-size: 16px;
  color: black;
    /*padding: -60%;*/
  box-sizing:border-box;
  border-radius:20px;
  box-shadow: 5px 5px 5px lightblue;
}
.btn5: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;
}

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

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

.btn6 {
  margin-left: 220px;
  /*background-color: rgba(217, 217, 217, 1);*/
  background: linear-gradient(180deg, #f8f9f9 0%, #e67e22 100%);
  margin-top: -15px;
  position:absolute;
  /*background-image:url('assets/images/inventario.png');
  background-repeat:no-repeat;*/
  height:100px;
  width:190px;
  font-family: Inter;
  font-weight: bold;
  font-size: 16px;
  color: black;
  /*padding: -60%;*/
  box-sizing:border-box;
  border-radius:20px;
  box-shadow: 5px 5px 5px lightblue;
}
.btn6: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;
}

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

.btn7 {
  margin-left: 10px;
  /*background-color:rgba(217, 217, 217, 1);*/
  background: linear-gradient(180deg, #f8f9f9 0%,  #1abc9c 100%);
  margin-top: -15px;
  position:absolute;
  /*background-image:url('assets/images/inventario.png');
  background-repeat:no-repeat;*/
  height:100px;
  width:190px;
  font-family: Inter;
  font-weight: bold;
  font-size: 16px;
  color: black;
  /*padding: -60%;*/
  box-sizing:border-box;
  border-radius:20px;
  box-shadow: 5px 5px 5px lightblue;
}
.btn7: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;
}

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

.btn8 {
  margin-left: 10px;
  /*background-color:rgba(217, 217, 217, 1);*/
  background: linear-gradient(180deg, white 0%,  #b7950b  100%);
  margin-top: 110px;
  position:absolute;
  /*background-image:url('assets/images/inventario.png');
  background-repeat:no-repeat;*/
  height:100px;
  width:190px;
  font-family: Inter;
  font-weight: bold;
  font-size: 16px;
  color: black;
  /*padding: -60%;*/
  box-sizing:border-box;
  border-radius:20px;
  box-shadow: 5px 5px 5px lightblue;
}
.btn8: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;
}

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

.btn9 {
  margin-left: 220px;
  /*background-color:rgba(217, 217, 217, 1);/*/
  background: linear-gradient(180deg, white 0%, #cb4335 100%);
  margin-top: 110px;
  position:absolute;
  /*background-image:url('assets/images/inventario.png');
  background-repeat:no-repeat;*/
  height:100px;
  width:190px;
  font-family: Inter;
  font-weight: bold;
  font-size: 16px;
  color: black;
  /*padding: -60%;*/
  box-sizing:border-box;
  border-radius:20px;
  box-shadow: 5px 5px 5px lightblue;
}
.btn9: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;
}

.btn9: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);
}
.btn10 {
  margin-left: 10px;
  background: linear-gradient(180deg, white 0%, #6c3483 100%);
  margin-top: 230px;
  position:absolute;
  /*background-image:url('assets/images/inventario.png');
  background-repeat:no-repeat;*/
  height:100px;
  width:190px;
  font-family: Inter;
  font-weight: bold;
  font-size: 16px;
  color: black;
  /*padding: -60%;*/
  box-sizing:border-box;
  border-radius:20px;
  box-shadow: 5px 5px 5px lightblue;
}
.btn10: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;
}

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

/*---------- EMPIEZA EL CARRUSEL-------------*/
@import url('//netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/css/bootstrap-combined.min.css');

#myCarousel {
  margin-top:  -9px;
}

.carousel-linked-nav,
.item img {
  display: block; 
  margin: 0 auto;
}

.carousel-linked-nav {
  width: 120px;
  margin-bottom: 20px;   
}



/*---------- TERMINA EL CARRUSEL-------------*/  



#fade {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.8;
  opacity: .80;
  filter: alpha(opacity=80);
}

#light {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 600px;
  max-height: 360px;
  margin-left: -300px;
  margin-top: -180px;
  border: 2px solid #FFF;
  background: #FFF;
  z-index: 1002;
  overflow: visible;
}

#boxclose {
  float: right;
  cursor: pointer;
  color: #fff;
  border: 1px solid #AEAEAE;
  border-radius: 3px;
  background: #222222;
  font-size: 31px;
  font-weight: bold;
  display: inline-block;
  line-height: 0px;
  padding: 11px 3px;
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: 1002;
  opacity: 0.9;
}

.boxclose:before {
  content: "×";
}

#fade:hover ~ #boxclose {
  display:none;
}

.test:hover ~ .test2 {
  display: none;
}