@font-face {
  font-family: 'DK Lemon Yellow Sun';
  src: url("../fonts/DK_Lemon_Yellow_Sun_0.otf") format("opentype");
  font-weight: normal; }
@font-face {
  font-family: 'Just tell me';
  src: url("../fonts/Just_tell_me_what_regular.otf") format("opentype");
  font-weight: normal; }
@font-face{
    font-family: 'EqualSans';
    src: url("../fonts/EqualSans_Demo.ttf") format("opentype") ;
    font-weight: normal;
}

.redes a {
  font-family: "just tell me", fantasy !important;
  color: #58aec1;
  font-size: 1.5rem; }

html, body, a, p, li, h1, h2, h3, h4, h5, h6 {
  font-family: "Myriad Pro", Arial, Helvetica, sans-serif; }

h2 {
  font-weight: bolder; }

.text-strok {
  text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; }

.cuatroRem {
  font-size: 4rem; }
  .cuatroRem span {
    font-size: 2rem; }

.bg-main {
  background: #24135f;
  color: #ffffff; }
  .bg-main p {
    color: #ffffff; }

.bg-second {
  background: #173c6f;
  color: #ffffff; }
  .bg-second p {
    color: #ffffff; }

.bg-third {
  background: #d88e3f;
  color: #ffffff;
  text-shadow: 2px 2px 0px #000000; }
  .bg-third p {
    color: #ffffff; }
  .bg-third h3 {
    font-size: 4rem;
    font-style: italic; }

.bg-fourth {
  background: #497272;
  color: #ffffff; }
  .bg-fourth p {
    color: #ffffff; }

.bg-fifth {
  background: #b1a252;
  color: #ffffff; }
  .bg-fifth p {
    color: #ffffff; }

.bg-sixth {
  background: #73495d;
  color: #ffffff; }
  .bg-sixth p {
    color: #ffffff; }

.bg-seveth {
  background: #2c2c3a;
  color: #ffffff; }
  .bg-seveth p {
    color: #ffffff; }

.bg-grey {
  background: #E7E7E7;
  color: #4E4E4E; }
  .bg-grey p {
    color: #4E4E4E; }

.bg-tei {
  background: #e0deb6;
  color: #000000; }
  .bg-tei p {
    color: #000000; }

.btn-contacto {
    color: #000;
    background-color: #38ddf3;
    border: none; 
    font-size: 1rem;
    font-weight: bold;
    margin-right: 50px;
    position: absolute;
    right: 0;
    margin-top: -35px;
}
  .btn-contacto:focus, .btn-contacto.focus {
    color: #000;
    background-color: #40aaaa;
    border-color: black; }
  .btn-contacto:hover {
    color: #000;
    background-color: #40aaaa;
    border-color: black; }
  .btn-contacto:active, .btn-contacto.active, .open > .btn-contacto.dropdown-toggle {
    color: #000;
    background-color: #40aaaa;
    background-image: none;
    border-color: black; }
    .btn-contacto:active:hover, .btn-contacto:active:focus, .btn-contacto:active.focus, .btn-contacto.active:hover, .btn-contacto.active:focus, .btn-contacto.active.focus, .open > .btn-contacto.dropdown-toggle:hover, .open > .btn-contacto.dropdown-toggle:focus, .open > .btn-contacto.dropdown-toggle.focus {
      color: #000;
      background-color: #40aaaa;
      border-color: black; }
  .btn-contacto.disabled:hover, .btn-contacto.disabled:focus, .btn-contacto.disabled.focus, .btn-contacto[disabled]:hover, .btn-contacto[disabled]:focus, .btn-contacto[disabled].focus, fieldset[disabled] .btn-contacto:hover, fieldset[disabled] .btn-contacto:focus, fieldset[disabled] .btn-contacto.focus {
    background-color: #40aaaa;
    border-color: black; }
  .btn-contacto .badge {
    color: #341c8a;
    background-color: #000; }
    .btn-inicio {
  color: #000;
  background-color: #e45d95;
  border: none; 
    font-size: 1rem;
    font-weight: bold;
    margin-right: 180px;
    position: absolute;
    right: 0;
    margin-top: -35px;
  }
  .btn-inicio:focus, .btn-inicio.focus {
    color: #000;
    background-color: #d1427c; }
  .btn-inicio:hover {
    color: #000;
    background-color: #d1427c;}
  .btn-inicio:active, .btn-inicio.active, .open > .btn-inicio.dropdown-toggle {
    color: #000;
    background-color: #d1427c;
    background-image: none; }
    .btn-inicio:active:hover, .btn-inicio:active:focus, .btn-inicio:active.focus, .btn-inicio.active:hover, .btn-inicio.active:focus, .btn-inicio.active.focus, .open > .btn-inicio.dropdown-toggle:hover, .open > .btn-inicio.dropdown-toggle:focus, .open > .btn-inicio.dropdown-toggle.focus {
      color: #000;
      background-color: #d1427c; }
  .btn-inicio.disabled:hover, .btn-inicio.disabled:focus, .btn-inicio.disabled.focus, .btn-inicio[disabled]:hover, .btn-inicio[disabled]:focus, .btn-inicio[disabled].focus, fieldset[disabled] .btn-inicio:hover, fieldset[disabled] .btn-inicio:focus, fieldset[disabled] .btn-inicio.focus {
    background-color: #d1427c; }
  .btn-inicio .badge {
    color: #d1427c;
    background-color: #000; }

.btn-cancelar {
  color: #ffffff;
  background-color: #b562a4;}
  .btn-cancelar:focus, .btn-cancelar.focus {
    color: #ffffff;
    background-color: #a95999; }
  .btn-cancelar:hover {
    color: #ffffff;
    background-color: #a95999;}
  .btn-cancelar:active, .btn-cancelar.active, .open > .btn-cancelar.dropdown-toggle {
    color: #ffffff;
    background-color: #a95999;
    background-image: none; }
    .btn-cancelar:active:hover, .btn-cancelar:active:focus, .btn-cancelar:active.focus, .btn-cancelar.active:hover, .btn-cancelar.active:focus, .btn-cancelar.active.focus, .open > .btn-cancelar.dropdown-toggle:hover, .open > .btn-cancelar.dropdown-toggle:focus, .open > .btn-cancelar.dropdown-toggle.focus {
      color: #ffffff;
      background-color: #a95999; }
  .btn-cancelar.disabled:hover, .btn-cancelar.disabled:focus, .btn-cancelar.disabled.focus, .btn-cancelar[disabled]:hover, .btn-cancelar[disabled]:focus, .btn-cancelar[disabled].focus, fieldset[disabled] .btn-cancelar:hover, fieldset[disabled] .btn-cancelar:focus, fieldset[disabled] .btn-cancelar.focus {
    background-color: #a95999; }
  .btn-cancelar .badge {
    color: #a95999;
    background-color: #ffffff; }

.btn-fourth {
  color: #ffffff;
  background-color: #5d9191;
  border-color: #0d1515; }
  .btn-fourth:focus, .btn-fourth.focus {
    color: #ffffff;
    background-color: #497272;
    border-color: black; }
  .btn-fourth:hover {
    color: #ffffff;
    background-color: #497272;
    border-color: black; }
  .btn-fourth:active, .btn-fourth.active, .open > .btn-fourth.dropdown-toggle {
    color: #ffffff;
    background-color: #497272;
    background-image: none;
    border-color: black; }
    .btn-fourth:active:hover, .btn-fourth:active:focus, .btn-fourth:active.focus, .btn-fourth.active:hover, .btn-fourth.active:focus, .btn-fourth.active.focus, .open > .btn-fourth.dropdown-toggle:hover, .open > .btn-fourth.dropdown-toggle:focus, .open > .btn-fourth.dropdown-toggle.focus {
      color: #ffffff;
      background-color: #3b5c5c;
      border-color: black; }
  .btn-fourth.disabled:hover, .btn-fourth.disabled:focus, .btn-fourth.disabled.focus, .btn-fourth[disabled]:hover, .btn-fourth[disabled]:focus, .btn-fourth[disabled].focus, fieldset[disabled] .btn-fourth:hover, fieldset[disabled] .btn-fourth:focus, fieldset[disabled] .btn-fourth.focus {
    background-color: #5d9191;
    border-color: #0d1515; }
  .btn-fourth .badge {
    color: #5d9191;
    background-color: #ffffff; }

.btn-fifth {
  color: #ffffff;
  background-color: #c1b575;
  border-color: #494321; }
  .btn-fifth:focus, .btn-fifth.focus {
    color: #ffffff;
    background-color: #b1a252;
    border-color: black; }
  .btn-fifth:hover {
    color: #ffffff;
    background-color: #b1a252;
    border-color: #1f1c0e; }
  .btn-fifth:active, .btn-fifth.active, .open > .btn-fifth.dropdown-toggle {
    color: #ffffff;
    background-color: #b1a252;
    background-image: none;
    border-color: #1f1c0e; }
    .btn-fifth:active:hover, .btn-fifth:active:focus, .btn-fifth:active.focus, .btn-fifth.active:hover, .btn-fifth.active:focus, .btn-fifth.active.focus, .open > .btn-fifth.dropdown-toggle:hover, .open > .btn-fifth.dropdown-toggle:focus, .open > .btn-fifth.dropdown-toggle.focus {
      color: #ffffff;
      background-color: #9a8d45;
      border-color: black; }
  .btn-fifth.disabled:hover, .btn-fifth.disabled:focus, .btn-fifth.disabled.focus, .btn-fifth[disabled]:hover, .btn-fifth[disabled]:focus, .btn-fifth[disabled].focus, fieldset[disabled] .btn-fifth:hover, fieldset[disabled] .btn-fifth:focus, fieldset[disabled] .btn-fifth.focus {
    background-color: #c1b575;
    border-color: #494321; }
  .btn-fifth .badge {
    color: #c1b575;
    background-color: #ffffff; }

  footer{
      background: #ffffff;
      color: #1f1f1f;
  }
  
header {
  background: #ffffff;
  position: fixed;
  width: 100%;
  z-index: 100;
  top: 0;
  transition: all 0.5s ease-in-out; }
  @media (max-width: 575.98px) {
    header {
      position: relative !important; } }
  header a i {
    color: #24135f; }
  header a{
      display: flex;
      width: 100%
  }
  header .logo-te {
    width: 100%;
    max-width: 240px;
    margin: 0.5rem;
    transition: all 0.5s ease-in-out; }
  
  header .logo-DG {
    width: 100%;
    max-width: 240px;
    margin: 0.5rem 0 0.5rem auto;
    transition: all 0.5s ease-in-out; }

.navbar {
  -webkit-box-shadow: 0 -1px 11px 0 rgba(0, 0, 0, 0.47);
  -moz-box-shadow: 0 -1px 11px 0 rgba(0, 0, 0, 0.47);
  box-shadow: 0 -1px 11px 0 rgba(0, 0, 0, 0.47); }
  .navbar .navbar-nav .nav-link {
    color: #24135f; }

.fixed {
  max-width: 180px !important;}

.fixed2 {
  max-width: 180px !important; }


#botones{
    background-image: url("../../tepjf/img/fondo_punteado1900X2000.jpg");
    background-position: top;
    background-repeat: repeat;
    margin-bottom: 50px;
    border-top: #fcd683 solid 8px;
    border-bottom: #fcd683 solid 8px;
}

.botonHome img{
    width: 85%;
}

.card-noborder {
  border: none; }
  .card-noborder .card-header {
    background: none;
    border-bottom: #d88e3f 3px solid; }

.card-noborder.card-somos {
  background: rgba(255, 255, 255, 0.6); }

.card-menu {
  border: none;
  background: #173c6f; }
  .card-menu .card-header {
    color: #ffffff;
    background: #d88e3f;
    border-bottom: none;
    text-align: center; }
  .card-menu .card-body {
    padding: 1rem; }
    .card-menu .card-body .fa-ul {
      margin-left: 1.8rem; }
    .card-menu .card-body a {
      color: #497272; }
    .card-menu .card-body .link-card {
      color: #24135f; }

.bg-gris {
  background: #E7E7E7; }

.btn-card {
  border-radius: .8rem;
  border: solid 3px #fff;
  text-decoration: none;
  font-family: "DK Lemon Yellow Sun", fantasy !important;
  font-size: 2rem;
  color: #fff;
  width: 100%;
  padding: 1.25rem;
  padding-top: 2rem;
  margin-bottom: 3rem;
  text-shadow: 2px 2px 0px #000000; }

.btn-card:hover {
  text-decoration: none;
  color: #fff; }

.card-icon {
  background: #000;
  border-radius: 50%;
  padding: 1rem;
  top: -1rem;
  right: -1rem;
  color: white;
  position: absolute;
  border: solid 3px #fff; }

#card-comentarios {
  position: absolute;
  bottom: 2rem;
  width: calc(100% - 30px);
  right: 0;
  margin-right: 15px; 
  z-index: 100;}


#registro{
    background-color: #e12d30;
    color: #1a0f53 !important;
    border-left: #fcd683 solid 8px;
    border-right: #fcd683 solid 8px;
}

#registro a{
    color: #1a0f53;
    text-decoration: underline;
}

#registro h3{
    text-align: center;
    font-weight: bolder;
}

#registro h5{
    text-align: center;
    font-weight: bolder;
    margin-bottom: 20px;
}

.registro-form{
    background: #FFF;
}

.url-corto{
    background: #E7E7E7;
    height: 200px;
    display: grid;
    align-content: center;
    padding: 30px;
    margin: 0 -50px;
    border-top: #a3a3a3 solid 2px;
}

.seccion{
    max-width: 90%;
    max-height: 300px;
    margin-left: auto;
    margin-right: auto;

}

.seccion-primer-ganador{
    width: 100%;
    margin-left: auto;
    margin-right: auto;

}

.seccion-ganador{
    max-width: 60%;
    max-height: 220px;
    margin-left: auto;
    margin-right: auto;

}

#ganadores{
    background: #dabc1c;
    color: #1a0f53 !important;
    border-left: #fcd683 solid 8px;
    border-right: #fcd683 solid 8px;
    padding: 170px 80px 50px 40px;
}

.icono-ganador{
    display: grid;
    align-content: center;
}

.primer-lugar{   
    background-color: #464646;
    color: #FFF ;
}

.primer-lugar h3{
    font-family: "EqualSans" !important ;
    font-size: 20px;
    margin-bottom: 0;
}

.segundo-lugar{
    background-image: linear-gradient(  #f1e264 , #cdbc30 );
    color: #160d4e ;
}

.segundo-lugar h3{
    font-family: "EqualSans" !important;
    color: #160d4e;
    font-size: 20px;
    margin-bottom: 0;
    margin-right: 20px;
}

.tercer-lugar{
    background-image: linear-gradient( #a94b80 , #a0175f );
    color: #FFF ;
}

.tercer-lugar h3{
    font-family: "EqualSans" !important;
    color: #FFF;
    font-size: 20px;
    margin-bottom: 0;
}

.ceremonia{
    background-color: #464646 ;
    color: #FFF ;
}

.ceremonia h3{
    font-family: "EqualSans" !important;
    color: #FFF;
    font-size: 20px;
    margin-bottom: 0;
}

.ceremonia a{
    font-family: "EqualSans" !important;
    color: #FFF;
    font-size: 20px;
    text-decoration: none
}

.video-cortometraje iframe{
    width: 95%;
    height: 190px;
}

.texto-cortometraje{
    font-size: 14px;
}

@media (max-width: 767.9px) {
    
    #registro{
        padding: 20px 30px 50px 30px;
    }
    
    .registro-form{
        padding: 0 20px;
    }
    
    .bg-image-1 {
      background-image: url("../../tepjf/img/bg-main-1024x2000.jpg");
      background-position-y: top 25px;
      background-position-x: center;
      background-size: cover;
      min-height: 400px;
      color: #fff; 

    }

    #banner-main {
        margin-top: 160px;
    }
    
    #ganadores{
        padding: 20px 40px 50px 40px;
    }
    
    .primer-lugar , .segundo-lugar , .tercer-lugar , .ceremonia{
        padding: 30px 10px;
    }
    
    .icono-ganador img{
        height: 140px;
        width: auto;
        margin-bottom: 25px;
    }
    
    
}

  @media (min-width: 768px) {
      
    #registro{
        padding: 170px 40px 50px 20px; 
    }
    
    .registro-form{
        padding: 0 50px;
    }
    
    .bg-image-1 {
        background-image: url("../../tepjf/img//bg-main-1280x2000.jpg");
        background-position-x: center;
        background-position-y: top 15px ;
        background-size: cover;
        min-height: 400px;
        color: #fff;
    } 
    
    #banner-main {
        margin-top: 150px;
        padding: 11% 0;
    }
    
    #ganadores{
        padding: 110px 40px 50px 20px;
    }
    
    .primer-lugar , .segundo-lugar , .tercer-lugar , .ceremonia{
        padding: 30px 10px;
    }
    
  }
  @media (min-width: 1200px) {
    
    #registro{
        padding: 170px 80px 50px 40px;   
    }
      
    .registro-form{
        padding: 0 50px;
    }
    
    .bg-image-1 {
        background-image: url("../../tepjf/img/bg-main-1900x2000.jpg");
        background-position-y: top;
        background-size: cover;
        min-height: 400px;
        color: #fff;
    }
 
    #banner-main {
        margin-top: 150px;
        padding: 9% 0;
    }
    
    #ganadores{
        padding: 170px 80px 50px 40px;
    }
    
    .primer-lugar , .segundo-lugar , .tercer-lugar , .ceremonia{
        padding: 30px 30px;
    }
    
  }

/*# sourceMappingURL=custom.css.map */