body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  display: flex;
  flex-wrap: wrap;
  min-height: 100vh;


}
       .espacio{
        margin:5px;
      }

      .arriba{
        margin-top: 10px;
      }

       .mtsh{
        margin-top:95px;
       }
       .opaco{
        opacity: 0.2;
       }
      .mtsh2{
        margin-top:15px;
       }
      .espacio2{
        margin:15px;
      }
      .encabeza{
        margin-top: 90px;
        margin-bottom: 5px;
      }
      .btn-outline-secondary {
        color: #a9a3a3;
        background-image: none;
        background-color: transparent;
        /* border-color: #ccc; */
      }

      .btn-outline-secondary {
        color: #000000;
        background-image: none;
        background-color: transparent;
        /* border-color: #ccc; */
      }

      .naranja{
        background: #FC500C;
      }
      .celeste{
        background: #e5eef1;
      }
      .stroke {
        text-align: center;
        color: white;
        font-family: Georgia, serif;
        font-size: 40px;
        letter-spacing: 0;
        text-shadow: -1px -1px 1px #333, 1px -1px 1px #333, -1px 1px 1px #333, 1px 1px 1px #333;
        }
        .barra{
          margin-top: 88px;
          background: #f65959;
        }
        .cuerpo{
          max-width: 1000px;
        }
        .lugar{
         margin-top:35px;
        }
        .fondodiv{
         -webkit-background-size: cover;
         -moz-background-size: cover;
         -o-background-size: cover;
         background-size: cover;
         background: url(image/bajofondo.jpg);
         height: 100%;
         width: 100% ;
         text-align: center;

        }
        .fondodiv2{
          background: url(image/cru.png) ;
         -webkit-background-size: cover;
         -moz-background-size: cover;
         -o-background-size: cover;
         background-size: cover;
         height: 100%;
         width: 100% ;
         text-align: center;

        }
        .prioridad{
          z-index:1;
          position:relative;
        }

        .derecha{
          float:right;
        }
       
       .fijotop{
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
       }
       .logo{
        max-width: 100%;
       }
       .comunica{
        font-size:1.1em;
        text-align:right;

       }

       .margentop{
        margin-top:5px;
       }

       .margentop2{
        margin-top:15px;
       }
       .fondo{
        background-color: rgba(255, 188, 5, 0.8);
       }

       .posicion{
        position: absolute;
       /* z-index: 1030;
        margin-top: 5%;*/
        margin-left: -50%;
        font-size: 1.3em;
        display: inline; 
        background: #000000;
        color:#ffffff;
        font-weight: bolder;
       }

       .tarjeta{
        position:relative;
        padding-top: 2px;
        max-width: 25%;
        border: 2px;
        border-color: #3a3c92;
        background: #ffffff;
        border-radius:2px;
       }

       .tarjetaespacio{
        min-width: 0.3%;
       }

       .tarjeta2{
        position:relative;
        padding-top: 2px;
        border: 2px;
        border-color: #3a3c92;
        background: #000000;
        border-radius:2px;
       }

      .ms-choice {
        display: block;
        width: 100%;
        height: 22px;
        padding: 0;
        overflow: hidden;
        cursor: pointer;
        border: 1px solid #aaa;
        text-align: left;
        white-space: nowrap;
     /*   line-height: 26px;*/
        color: #000000;
        text-decoration: none;
       /* -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;*/
        background-color: #fff;
    }

        @media screen and (max-width: 760px){
          .carousel-item img
        {
          height:100%;
          width:100%;
        }
        .tarjeta{
        position:relative;
        padding-top: 2px;
        max-width: 50%;
        margin-top: 5px;
        border: 2px;
        border-color: #3a3c92;
        background: #ffffff;
        border-radius:2px;
        text-align: center;
       }

       .ms-choice {
          display: block;
          width: 100%;
          height: 22px;
          padding: 0;
          overflow: hidden;
          cursor: pointer;
          border: 1px solid #aaa;
          text-align: left;
          white-space: nowrap;
       /*   line-height: 26px;*/
          color: #000000;
          text-decoration: none;
         /* -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          border-radius: 4px;*/
          background-color: #eaeaea;
      }

        } 


        @media screen and (max-width:1114px){
          .comunica{
          font-size:1em;
          text-align:right;
        }
        }

        @media screen and (max-width:400px){
         .tarjeta{
        position:relative;
        padding-top: 2px;
        max-width: 100%;
        margin-top: 5px;
        border: 2px;
        border-color: #3a3c92;
        background: #ffffff;
        border-radius:2px;
        text-align: center;
       }
        .ms-choice {
          display: block;
          width: 100%;
          height: 22px;
          padding: 0;
          overflow: hidden;
          cursor: pointer;
          border: 1px solid #aaa;
          text-align: left;
          white-space: nowrap;
       /*   line-height: 26px;*/
          color: #000000;
          text-decoration: none;
         /* -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          border-radius: 4px;*/
          background-color: #eaeaea;
      }

        }

        @media (min-width: 992px)
          .container-fluid {
              padding-right: 5px;
              padding-left: 5px;
          }