body {
    font-size: 1.1vw;
    padding: 0;
    margin: 0%;
    background-image: url("fotofONDO.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Times New Roman', Times, serif; 
}

h1 {
    padding: 1vw;
    background-color: gray;
    text-align: center;
    font-size: 4vw;
    box-shadow: 5px 5px 5px black;
    margin: 0% 0.1% 2%;
    width: 97.9%;
    position: sticky;
}
img.logo {
    width: 5vw;
    background-color: gray;
    box-shadow: 5px 5px 5px gray;
}
img.logito {
    width: 3.5vw;
    padding-top: 10px;
    background-color: gray;
    box-shadow: 5px 5px 5px gray;
}


img {
    background-color: red;
    margin: 0 2% 2%;
    border-radius: 14%;
    box-shadow: 5px 5px 5px rgba(4, 190, 247, 0.616);
    float: left;
    cursor: pointer;
    transition: 0.6s;

}
img {
    width: 25%;
}

img:hover {
    transform: scale(110%);
}

img:hover {
   box-shadow: yellow;
}

.cursoMedio {
    background-color: gray;
    padding: 1vw;
    float: right;
    width: 100vw;
    text-align: center;
    font-size: 4vw;
    box-shadow: 5px 5px 5px black;
    font-weight: bolder;
    
}
/*IMÁGENES DICCIONARIOS*/
.margin {
    width: 12%;
    height: 10%;
    float: right;
    margin: 0px 0px ;
    transition: 0,8s;
    
}

.img2:hover {
    transform: scale(110%);
}
.img3:hover {
    transform: scale(110%);
}
.img4:hover {
    transform: scale(110%);
}
.img5:hover {
    transform: scale(110%);
}
.img6:hover {
    transform: scale(110%);
}
.img7:hover {
    transform: scale(110%);
}
.img8:hover {
    transform: scale(110%);
}
.img1:hover {
    transform: scale(110%);
}

/*BOTONES INICIO*/

.menú {
padding: 0.5em 5em;
background-color: rgb(0, 162, 255);
font-weight: bolder;
margin: 0 1%;
border: 1px solid rgb(255, 238, 0);
border-radius: 7px;
box-shadow: 5px 5px 5px rgb(0, 60, 255);
z-index: 100;
transition: 0.8s;
overflow: hidden;
text-align: center;


}

.títuloMenú {
    color: black;
    text-decoration: none;
    text-align: center;
    
}

.menú a:hover{
    color: white;

                
}

/*ICONOS REDES SOCIALES*/


.iconosContainer img{
    margin-top: 1em;
    padding: 0.1em 0em;
    cursor: pointer;
    background-color: rgb(0, 140, 255);
    
    } 

.iconosContainer img{
    width: 4vw;
    
}        

.iconosContainer img:hover{
    background-color: yellow;
}

.iconosContainer {
margin-top: 100%;
}

  /*BOTONES SUPERIORES DE INICIO / START*/

  .inicioStart1 {
    font-weight: bolder;
    background-color: rgb(0, 162, 255);
    padding: 0% 1.2%;
    float: left;
    margin: 5% 0% 0% 15%;
    border:  1px solid rgb(255, 238, 0);
    border-radius: 7px;
    box-shadow: 5px 5px 5px rgb(0, 60, 255);
    z-index: 100;
    transition: 0.8s;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    
}
.inicioStart1:hover {
    background-color: white;
    font-weight: bolder;
    transform: scale(1.1);
    
}
 
.startInicio1 {
  font-weight: bolder;
  background-color: rgb(0, 162, 255);
  padding: 0% 1.6%;
  float: left;
  margin: 2% 15%;
  border:  1px solid rgb(255, 238, 0);
  border-radius: 7px;
  box-shadow: 5px 5px 5px rgb(0, 60, 255);
  z-index: 100;
  transition: 0.8s;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  
}


.startInicio1:hover {
   background-color: white;
   transform: scale(1.1);
}

/*BOTONES INFERIORES DE INICIO*/
  .inicioStart {
      font-weight: bolder;
      background-color: rgb(0, 162, 255);
      padding: 0% 1.2%;
      float: left;
      margin: 1.5% 2%;
      border:  1px solid rgb(255, 238, 0);
      border-radius: 7px;
      box-shadow: 5px 5px 5px rgb(0, 60, 255);
      z-index: 100;
      transition: 0.8s;
      overflow: hidden;
      text-align: center;
      cursor: pointer;
      
  }
  .inicioStart:hover {
      background-color: white;
      font-weight: bolder;
      transform: scale(1.1);
      
  }
   
  .startInicio {
    font-weight: bolder;
    background-color: rgb(0, 162, 255);
    padding: 0% 1.6%;
    float: left;
    margin: 1.5% 0% 0% 0%;
    border:  1px solid rgb(255, 238, 0);
    border-radius: 7px;
    box-shadow: 5px 5px 5px rgb(0, 60, 255);
    z-index: 100;
    transition: 0.8s;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    
  }
  
  

  .startInicio:hover {
     background-color: white;
     transform: scale(1.1);
  }

  .iconosContainer.paypal {
    box-shadow: 7px 7px 7px red;
  }