@font-face {
  font-family: "Celtic";
  src: url("/font/celticmd.ttf");
}
*{
  font-family: "Celtic", cursive !important;
}

html{
  overflow-x:hidden;
  background: #13376d;
}

body {
  padding: 0px;
  background: linear-gradient(to bottom, #274d7878 0px, #428bcaa3 89%, #428bcaa3 33%) !important;
  color: white !important;
}
.color-titless {
  color: #ffb338 !important;
  /*text-shadow: -3px 3px 2px #945f08;*/
}
#cabecera-home{
  height: 700px;
  /* background: #13376d !important; */
  background-image: url(/img/banner-black-web-700-bottom.png);
  background-size: contain;
  background-repeat: round;
}

 .menu a, #cabecera-home a, #cabecera-home span, #cabecera-home b, #cabecera-home p{
  color: #fc0102ba !important;
  font-size: larger;
  text-decoration: underline;
  text-decoration-color: #feab37c7;
  text-decoration-thickness: from-font;
}
.menu a:hover, #cabecera-home a:hover{
  color: #ff0001 !important;
}

#cabecera-home #cabecera-home-contenido{
  background: #26252a2e;
  color:  white;
  padding:  1%;
  border-radius:0%;
  height: 500px;
}

#cabecera-home .carousel-item{
  height:  500px;
  width: 100%;
}

#contenido-home {
  background: linear-gradient(to bottom, #13376d 10px, #428bcafc 70%, #428bca 60%) !important;
}

footer{
  color: white !important;
}

p {
  text-align: justify;
}

#VideoPromocional{
  width:100%;
  height:515px;
}

a{
  color:white !important;
}

    /***************************************************/
    /* Small devices (landscape phones, 576px and up) */
    @media (max-width: 576px) { 
      #VideoPromocional{
        height:315px !important;
      }

    }

    /* Medium devices (tablets, 768px and up) */
    @media screen  and (max-width: 768px){

      .fondodiagonal-left, .fondodiagonal-right {
        transform: skew(0) !important;
        background:transparent !important;
        padding-left: 10px !important;
      }
      #cabecera-home{
        height: 300px !important;
        background-repeat: repeat !important;
        background-size: cover !important;
        background-position: center !important;
      }
      #logo{
        width: 100px !important;
        height: 100px !important;
      }
      .sidenav {padding-top: 15px;}
      .sidenav a {font-size: 18px;}
      #VideoPromocional{
        height:315px !important;
      }

    }

    /* Large devices (desktops, 992px and up) */
    @media screen and (min-width: 769px) and (max-width: 992px){

     
      #cabecera-home{
        height: 350px !important;
        background-repeat: repeat !important;
        background-size: cover !important;
        background-position: center !important;
      }
      #logo{
        width: 100px !important;
        height: 100px !important;
      }
      .texto-titulo{
        font-size: x-large !important;
      }
      #cabecera-home a{
        font-size: small !important;
      }
      #VideoPromocional{
        height:315px !important;
      }

    }

    /* Extra large devices (large desktops, 1200px and up) */
    @media screen and (min-width: 993px) and (max-width: 1200px){

      
      #cabecera-home{
        height: 350px !important;
        background-repeat: repeat !important;
        background-size: cover !important;
        background-position: center !important;
      }
      #logo{
        width: 100px !important;
        height: 100px !important;
      }
      .texto-titulo{
        font-size: x-large !important;
      }
      #cabecera-home a{
        font-size: small !important;
      }

      #VideoPromocional{
        height:315px !important;
      }

    }
    @media screen and (min-width: 1201px) and (max-width: 1500px){

    

    }



    .fondodiagonal-right {
      width: auto !important;
      height: auto !important;
      background: linear-gradient(to right, #13376d 10px, #428bca00 100%, #428bca00 80%) ;
      /*right: -5%;*/
      padding: 20px;
      -webkit-transform: skew(-20deg);
      -moz-transform: skew(-20deg);
      -ms-transform: skew(-20deg);
      -o-transform: skew(-20deg);
      transform: skew(-20deg);
    }
    .puedes{
      background-image: url(/img/fondo-letras-1-mapa-t.png);
      background-position: center;
      background-size: cover;
    }

    .fondodiagonal-left {
      width: auto !important;
      height: auto !important;
      background: linear-gradient(to left, #13376d 10px, #428bca00 100%, #428bca00 80%) ;
      /*left: -4%;*/
      padding: 20px;
      padding-left: 135px ;
      -webkit-transform: skew(-20deg);
      -moz-transform: skew(-20deg);
      -ms-transform: skew(-20deg);
      -o-transform: skew(-20deg);
      transform: skew(-20deg);
    }

    .sidenav {
      height: 100%;
      width: 0;
      position: fixed;
      z-index: 1;
      top: 0;
      left: 0;
      background-color: #111;
      overflow-x: hidden;
      transition: 0.5s;
      padding-top: 60px;
    }
    
    .sidenav a {
      padding: 8px 8px 8px 32px;
      text-decoration: none;
      font-size: 25px;
      color: #818181;
      display: block;
      transition: 0.3s;
    }
    
    .sidenav a:hover {
      color: #f1f1f1;
    }
    
    .sidenav .closebtn {
      position: absolute;
      top: 0;
      right: 25px;
      font-size: 36px;
      margin-left: 50px;
    }
    
    @media screen and (max-height: 450px) {
      .sidenav {padding-top: 15px;}
      .sidenav a {font-size: 18px;}
    }


    .listas-espacio li{

      margin-bottom: 20px;
        
    }