@font-face {
    font-family: "Astonpoliz";
    src: url("../css/fonts/Astonpoliz.ttf") format("truetype");
}

@font-face {
    font-family: "CarmenSans-Bold";
    src: url("../css/fonts/fontCarmen/CarmenSans-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "CarmenSans-ExtraBold";
    src: url("../css/fonts/fontCarmen/CarmenSans-ExtraBold.ttf") format("truetype");
}
@font-face {
    font-family: "CarmenSans-Heavy";
    src: url("../css/fonts/fontCarmen/CarmenSans-Heavy.ttf") format("truetype");
}


@font-face {
    font-family: "CarmenSansLight";
    src: url("../css/fonts/fontCarmen/CarmenSans-Light.ttf") format("truetype");
}
@font-face {
    font-family: "CarmenSans-Medium";
    src: url("../css/fonts/fontCarmen/CarmenSans-Medium.ttf")
        format("truetype");
}
@font-face {
    font-family: "CarmenSans-Regular";
    src: url("../css/fonts/fontCarmen/CarmenSans-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "CarmenSans-SemiBold";
    src: url("../css/fonts/fontCarmen/CarmenSans-SemiBold.ttf") format("truetype");
}

@font-face {
    font-family: "CarmenSans-Thin";
    src: url("../css/fonts/fontCarmen/CarmenSans-Thin.ttf") format("truetype");
}

@font-face {
    font-family: "CarmenSans-UltraLight";
    src: url("../css/fonts/fontCarmen/CarmenSans-UltraLight.ttf") format("truetype");
}

@media (min-width: 576px) {
    .modal-dialog {
       max-width: 1300px !important;
    }
  }


body{
    background: url("../img/fondoBgd.png") top center no-repeat;
    background-size: cover;
}

.bodyMODAL{
    background: url("../img/fondoBgd.png") top center no-repeat;
    background-size: cover;
}

.contenedor {
    display: flex;
    min-width: 100vw;
    min-height: 100vh;
    justify-content: center;
    align-items: center;
  }

  .logoAyuntamientoTempo{
    width: 30%;
  }

  .logoSanLuisReyTempo{
    width: 40%;
  }

  .proximamente{
    font-size: 45px;
    color: #FFF;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
  }

  .footerBg{
    background-color: #FFF;
  }

  .nomovil{
    display: inline;
  }


  .simovil{
    display: none;
  }

  .BgMorado{
    background-color: #2d005dc5;
  }


  /*INDEX*/
  .BgRosa{
    background-color: #ff304c
  }

  .BgBlanco{
    background-color: #FFF
  }

  .BgAmarillo{
    background-color: rgb(253, 164, 48)
  }

  .logoAyuntamiento{
    width: 75%;
  }

  .logoSanLuisRey{
    width: 70%;
  }
  .logoCAC{
    width: 100%;
  }

  .textoLibre{
    color: #FFF;
    font-family: 'CarmenSans-Regular';
    font-size: 20px;
    line-height: 26px;
  }

  .textoLibre2{
    color: #FFF;
    font-family: 'CarmenSans-Regular';
    font-size: 17px;
    line-height: 19px;
  }

  .divVideo{
    min-height: 25em !important;
  }
  .divBotones{
    min-height: 132vh !important;
  }

  .tituloPregunta{
    color: #FFF;
    font-family: 'CarmenSans-Heavy';
    font-size: 40px;
    line-height: 46px;
    text-transform: uppercase;
  }

  .tituloPregunta2{
    color: #FFF;
    font-family: 'CarmenSans-Heavy';
    font-size: 30px;
    line-height: 36px;
    text-transform: uppercase;
  }

  .buttonCAC{
    width: 100%;
    color: #FFF;
    margin-top: 2.5em;
    border: 2px solid #ff304c;
    border-radius: 75px;
    font-family: 'CarmenSans-Heavy';
    font-size: 25px;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: 0px 2px 7px -1px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 2px 7px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 7px -1px rgba(0,0,0,0.75);
padding: 25px;


  }

  .buttonCAC:hover{
    color: #FFF;
    border: 2px solid #FFF;
  }

  .buttonCAC:focus{
    color: #FFF;
    border: 2px solid #FFF;
    outline: none;
  }


  .buttonCACEsp{
    width: 100%;
    color: #FFF;
    margin-top: 2.5em;
    background-color: #45347E;
    border: 2px solid #45347E;
    border-radius: 75px;
    font-family: 'CarmenSans-Heavy';
    font-size: 25px;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: 0px 2px 7px -1px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 2px 7px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 7px -1px rgba(0,0,0,0.75);
padding: 25px;
position: relative;


  }

  .buttonCACEsp:hover{
    color: #FFF;
    border: 2px solid #FFF;
  }

  .buttonCACEsp:focus{
    color: #FFF;
    border: 2px solid #FFF;
    outline: none;
  }

  .buttonCACEsp img{
    position: absolute;
    bottom: 0;
    right: 20px;
    width: 65px;
    z-index: 1;

  }

  .buttonCACEsp span{
    z-index: 5;

  }



  .buttonCACJunio{
    width: 100%;
    color: #FFF;
    margin-top: 2.5em;
    background-color: #0092A7;
    border: 2px solid #0092A7;
    border-radius: 75px;
    font-family: 'CarmenSans-Heavy';
    font-size: 25px;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: 0px 2px 7px -1px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 2px 7px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 7px -1px rgba(0,0,0,0.75);
padding: 25px;
position: relative;


  }
  .buttonCACJunio:hover{
    color: #FFF;
    border: 2px solid #FFF;
    outline: none;
  }


  .buttonTeatroIndependiente{
    width: 100%;
    color: #FFF;
    margin-top: 2.5em;
    background-color: #4E4D4D;
    border: 2px solid #4E4D4D;
    border-radius: 75px;
    font-family: 'CarmenSans-Heavy';
    font-size: 25px;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: 0px 2px 7px -1px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 2px 7px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 7px -1px rgba(0,0,0,0.75);
padding: 25px;
position: relative;


  }
  .buttonTeatroIndependiente:hover{
    color: #FFF;
    border: 2px solid #FFF;
    outline: none;
  }




  .buttonCACDanzon{
    width: 100%;
    color: #FFF;
    margin-top: 2.5em;
    background-color: #2995CD;
    border: 2px solid #2995CD;
    border-radius: 75px;
    font-family: 'CarmenSans-Heavy';
    font-size: 25px;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: 0px 2px 7px -1px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 2px 7px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 7px -1px rgba(0,0,0,0.75);
padding: 25px;
position: relative;


  }
  .buttonCACDanzon:hover{
    color: #FFF;
    border: 2px solid #FFF;
    outline: none;
  }




.footerBg{
    background-color: #FFF;
}





  @media (max-width: 767.98px) {


.contenedor {
    display: flex;
    min-width: 100vw;
    min-height: 100vh;
    justify-content: center;
    align-items: center;
  }

    .logoAyuntamientoTempo{
        width: 100%;
      }

      .logoSanLuisReyTempo{
        width: 100%;
      }

      .proximamente{
        font-size: 25px;
      }

      .footerBg{
        background-color: rgba(45, 0, 93, 0.774);
      }

      .nomovil{
        display: none;
      }


      .simovil{
        display: inline;
      }

      .logoAyuntamiento{
        width: 90%;
      }

      .logoSanLuisRey{
        width: 80%;
      }

      .logoCAC{
        width: 90%;
      }

      .buttonCAC{
        width: 100%;
        color: #FFF;
        margin-top: 1em;
        border: 2px solid #ff304c;
        border-radius: 75px;
        font-family: 'CarmenSans-Heavy';
        font-size: 20px;
        text-transform: uppercase;
        cursor: pointer;
        box-shadow: 0px 2px 7px -1px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0px 2px 7px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 7px -1px rgba(0,0,0,0.75);


      }

      .buttonCACEsp{
        width: 100%;
        color: #FFF;
        margin-top: 1em;
        background-color: #45347E;
        border: 2px solid #45347E;
        border-radius: 75px;
        font-family: 'CarmenSans-Heavy';
        font-size: 20px;
        text-transform: uppercase;
        cursor: pointer;
        box-shadow: 0px 2px 7px -1px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0px 2px 7px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 7px -1px rgba(0,0,0,0.75);
    position: relative;


      }


      .buttonCACJunio{
        width: 100%;
        color: #FFF;
        margin-top: 1em;
        background-color: #0092A7;
        border: 2px solid #0092A7;
        border-radius: 75px;
        font-family: 'CarmenSans-Heavy';
        font-size: 20px;
        text-transform: uppercase;
        cursor: pointer;
        box-shadow: 0px 2px 7px -1px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0px 2px 7px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 7px -1px rgba(0,0,0,0.75);
    position: relative;


      }


      .tituloPregunta{
        color: #FFF;
        font-family: 'CarmenSans-Bold';
        font-size: 30px;
        line-height: 40px;
        text-transform: uppercase;
      }


      .divBotones{
        min-height: 37em !important;
      }

      .BgAmarillo{
        background-color: rgba(45, 0, 93, 0.774);
      }

      .tituloPregunta2{
        color: #FFF;
        font-family: 'CarmenSans-Heavy';
        font-size: 20px;
        line-height: 25px;
        text-transform: uppercase;
      }


  }