/* Centered texts in each section
* --------------------------------------- */
.section{
  text-align:center;
}
/* Bottom menu
* --------------------------------------- */
#indexWeb{
  display: block;
}

#indexMobile{
  display: none;
}

.rowsUno{
  margin-top: 2%;
  margin-bottom: 2%;
}

.imagesMobile{
  display: none;
}

.images{
  display: block;
}

.imgFacebook, .imgTwitter, .imgYoutube{
  width: 100%;
}

/* table */

#dvExcel{
  overflow: auto;
  min-width: 200px;
  min-height: 200px;
  margin-left: 2%;
}

table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  text-align: left;
  padding: 8px;
}

tr{
  font-style: oblique;
  font-family: cursive;
}

#sjs-A1,#sjs-B1,#sjs-C1,#sjs-D1,#sjs-E1,#sjs-F1{
  font-family: cursive;
  font-weight: bold;
}

.letras{
  margin: 3%;
  width: 65%;
}

.consulte{
  border: 3px solid black;
  margin-bottom: 5%;
  border-radius: 40px;
}


/* #sjs-B1:before {
  text-decoration: none;
  content: "Descripción";
} */

@media screen and (max-width: 600px) {

  #indexWeb{
    display: none;
  }

  #indexMobile{
    display: block;
  }

  .youtube{
    width: 100%;
  }

  .imagesMobile{
    display: block;
    margin: 0px;
    padding: 0px;
    margin-bottom: 5%;
    margin-top: 5%;
  }

  .images{
    display: none;
  }

  iframe#player {
    width: 109%;
  }

  .imagesMobile img.imgYoutube{
    margin-left : 5% !important;
  }

  .letras{
    margin-top: 17%;
  }

  #dvExcel{
    margin-bottom: 20%;
  }

  .consulte{
    margin-bottom: 20%;
  }


}


/* @media screen and (orientation:landscape)
and (min-device-width: 400px)
and (max-device-width: 800px) {

  .irCapacitaciones, .irExposiciones, .irConferencias{
    margin-left: 0%;
  }

} */

/* tablet portrait*/
@media (min-device-height: 900px)
and (max-device-height: 1280px)
and (orientation:portrait){
  #indexWeb{
    display: none;
  }

  #indexMobile{
    display: block;
  }
}