/*Soluciones sólo para este proyecto*/
/*En esta página se utilizan los estilos necesarios para ajustar el curso, no para ajustar la maqueta general*/
img.icono-tabla {
  max-width: 200px;
  margin-bottom: 1em;
  margin-top: 1em;
}

.botones-caja .botones-caja-caja {
  min-height: 250px;
}

h3.gris {
  color: #808080;
  font-weight: 100;
  background: transparent;
}

h4.titulo-foto {
  text-align: center;
  color: #029ede;
  font-size: 20px;
  margin-bottom: 1em;
  margin-top: 1em;
}

p.elemento-interactivo {
  color: #BDCCD4;
  font-size: 14px;
}

.titulo-nivel-1 {
  background: #f5f5f5 !important;
  margin-top: -6px;
}

.titulo-nivel-1 h3 {
  margin: 25px 55px;
  color: #009AD8;
  font-weight: bold;
}

.fondo-blanco {
  background: #fff;
}

.mitad-p.amarillo h1 {
  margin: 0px;
}

.gris2 {
  background: #DBD6D1;
}

#video-cam-image {
  position: absolute;
  z-index: 10;
  right: -3em;
  margin-top: -80px;
  height: 120px;
}

#virtualtv {
  margin: 1em;
  margin-top: 2em;
}

@media only screen and (max-width: 768px) {
  #video-cam-image {
    display: none;
  }
}

.modal-content {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

#logos-portada {
  margin-top: 0.5em;
}

#logos-portada div.logo {
  width: 200px;
  margin: 0px auto;
  margin-top: 1em;
  padding: 0em;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}

#logos-portada div.logo img {
  margin-top: 1em;
  margin-bottom: 1em;
}

#logos-portada h4 {
  color: white;
  font-size: 1em;
  text-transform: uppercase;
  margin: 0px;
}

@media only screen and (max-width: 760px) {
  #paginacion-header {
    display: none;
  }

  .navbar-nav {
    overflow-x: hidden;
  }

  #careta h1 {
    text-align: center !important;
    background: #029ede;
    padding: 15px;
  }

  #careta h1 span {
    background: none;
  }

  #careta h1 br {
    display: none;
  }
}

.hidden {
  display: none;
}

.fondo-tramado {
  background-image: url('../imagenes/layout/trama-fondo-portada.png');
}

.titulo-con-bg {
  display: flex;
}

.titulo-con-bg .la-imagen {
  width: 25%;
}

.titulo-con-bg .el-titulo {
  width: 50%;
}

@media (max-width: 968px) {
  .titulo-con-bg {
    display: inherit;
  }

  .titulo-con-bg .la-imagen {
    width: 100%;
    text-align: center;
    margin-bottom: 1em;
  }

  .titulo-con-bg .el-titulo {
    width: 100%;
  }
}

.where-image-plus,
.where-image-plus2 {
  background-image: url('../imagenes/curso/p4-plus1.png');
  background-repeat: no-repeat;
  background-position: right center;
}

.where-image-plus2 {
  background-image: url('../imagenes/curso/p4-plus2.png');
}

.p4-btn1 {
  background-color: transparent !important;
  background-image: url('../imagenes/curso/p4-btn1.png') !important;
  background-repeat: repeat-x !important;
  background-position: bottom center !important;
  font-family: "Avenir";
  font-size: 22px;
  font-weight: bold;
  font-style: normal;
  letter-spacing: normal;
  line-height: 26.24px;
  text-align: center;
  padding: 0 !important;
  padding-bottom: 10px !important;
}

.p4-btn2 {
  background-color: transparent !important;
  background-image: url('../imagenes/curso/p4-btn2.png') !important;
  background-repeat: repeat-x !important;
  background-position: bottom center !important;
  padding: 0 !important;
  padding-bottom: 10px !important;
}

.p4-btn3 {
  background-color: transparent !important;
}

div.frase {
  color: #ffffff;
  font-family: "Avenir";
  font-size: 22px;
  font-style: normal;
  font-weight: bold;
  letter-spacing: normal;
  line-height: 26.24px;
  text-align: center;
}

div.frase div {
  margin-top: 20px;
}

p.people, p.buddy, p.text-tu {
  font-family: "Avenir" !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  font-style: normal;
  letter-spacing: normal;
  line-height: 26.24px;
  text-align: center;
}

p.people {
  color: #009ca6 !important;
}

p.buddy {
  color: #84bd00 !important;
}

p.text-tu {
  color: #009ca6 !important;
}

.p6-back {
  background-color: white;
  background-image: url('../imagenes/curso/p6-back.png') !important;
  background-repeat: no-repeat !important;
  background-position: bottom left !important;
}

@media (max-width: 968px) {
  .p6-back {
    padding-bottom: 12em !important;
  }
}

ul.lista-ferrer {
  list-style: none;
  list-style-image: url('../imagenes/curso/ul-lista-ferrer.png');
}

ul.lista-ferrer li {
  margin-bottom: 2em;
}

ul.lista-ferrer li::before {
  content: '';
}

strong.green-uppercase {
  color: #82bd40;
  font-weight: 800;
  text-transform: uppercase;
}

.caja-p7 {
  background: rgb(130, 189, 1);
  background: linear-gradient(90deg, rgba(130, 189, 1, 1) 0%, rgba(1, 156, 165, 1) 99%);
  padding: 2em 3em;
  color: white;
}

.caja-p7 p {
  color: white !important;
}

.card-blue {
  background: #009ca6;
  padding: 1em 2em;
  color: white;
}

.card-blue p {
  color: white !important;
  margin: 0 !important;
}

.es-verde {
  color: #009ca6;
  font-weight: 900;
}

p.texto-azul {
  color: #009ca6 !important;
}

.p8-back {
  background: #ffffff url('../imagenes/curso/p8-back.png') bottom left no-repeat !important;
}

.p9-back {
  background: #ffffff url('../imagenes/curso/p9-back.png') center center no-repeat !important;
}

.p13-back {
  background: #ffffff url('../imagenes/curso/p13-back.png') bottom right no-repeat !important;
}

@media (max-width: 968px) {

  .p8-back,
  .p9-back {
    padding-bottom: 12em !important;
  }
}

#p11-icon {
  position: absolute;
  right: -50px;
  bottom: -45px;
}

#final p {
  color: #191919;
  font-size: 28px;
  font-weight: 300;
  font-style: normal;
  letter-spacing: normal;
  line-height: 40px;
  text-align: center;
}

#final a {
  color: #84bd00;
  font-family: "Avenir";
  font-weight: 900;
  font-style: normal !important;
  letter-spacing: normal;
  line-height: normal;
  text-decoration: underline;
}