/*HTML*/
.jmodified{
    padding:2px !important;
}
html{
    margin:0 auto;
}
 #log{
     position:absolute;
   top:2px !important;
   height:50px !important;
   width:auto !important;
   bottom:5px;
 } 
.calendario{
    margin:0 auto;
    width:100%;fo
    max-width:650px;  
    height:80%; 
    border-radius:3px;
}
.calendarioContainer{
    height:90%;
}
/*CAROUSEL*/
.TituloCarousel{
    font-size:2rem !important;
}
/*MENU*/
.LetraContacto{
    color:#1A637A!important;margin-right:15px;
}
.LetraContacto:hover{
    color:#0c0c0c !important;
}
.ContactoMenu{

position:absolute !important;
right:12px  !important;
white-space: nowrap  !important;
display:flex  !important;
justify-content:space-between  !important;
top:15px  !important;
cursor:pointer  !important;

}
.ContactoMenuMovil{
display:none !important;
}
.Logo{
    height:100%;
    width:auto;
}
.Logo img{
     margin-top:-2px;
}
/*BODY*/
body{
    margin:0 auto;
    background-color:#F6F6F6 !important;
}
/*JUMBOTRON*/
.jumbo{
display: flex; justify-content: space-between
}
.marginbuscador{
    min-height:300px;
    flex:0.01
}
.buscador{
    flex:0.47;
    height:100%;
    background-color:#f2f2f2;
    min-height:400px;
    text-align:center;
    padding-left:4%;
    padding-right:4%;
    text-align:justify;
    border-radius:4px;
    box-shadow:#5887a4 1px  1px 1px 1px;
}
/*FOOTER*/
footer{
    width:100%;
    height:200px;
    background-color:#5887a4;
    display:block;
    bottom:0px;
    margin-top:3%;
}
/*MARGIN*/
.margin{
    width:100%;
    margin-top:2%;
}
@media (max-width:1080px) {
     .Logo{
    height:70%;
    width:auto;
}
    .Logo img{
        max-width:250px;
    }
      .mobile{
        display:block !important;
        height:100% !important;
        background-color:#fff !important;
        padding-left:3% !important;
       
        
    }
       #log{
     position:static;
 }
       .TituloCarousel{
    font-size:1.8rem  !important;
}
          .SubTituloCarousel{
          font-size:0.90rem !important;
      }  
}
@media (max-width:1099px) {
.ContactoMenu{
display:none !important;

}
.ContactoMenuMovil{
display:block !important;
}
    .jmodified{
    padding:0px !important;
}
    .jumbo {
        flex-direction:column;
        
        margin-left:15% !important;
        margin-right:15%  !important;
    }
    .marginbuscador{
    min-height:40px;
    flex:0.01
}
  .TituloCarousel{
    font-size:1.4rem  !important;
}
       .SubTituloCarousel{
          font-size:0.75rem !important;
      }  
}

@media (max-width:420px) {
      .TituloCarousel{
    font-size:1.1rem  !important;
}
      .SubTituloCarousel{
          font-size:0.6rem !important;
          margin-bottom: 0 !important;
      }
}

@media (max-width:1400px) {
  
    .calendarioContainer{
    height:50%;
}
}

@media (max-width:899px){
    .jumbo{
          margin-left:0% !important;
        margin-right:0%  !important;
        font-size:0.8rem !important;
         padding-left:0 !important;
        padding-right:0 !important;
      
    }
    .centrado{
        margin:0 auto !important;
    }
    .jumbotxt{
          padding-left: 2rem !important;
        padding-right:2rem  !important;
    }
    .display-3{
         font-size:1.4rem !important;
         padding:1rem;
         max-height:150px;
         overflow:hidden;
         padding-left:0;
         text-align:center;
    }
}