html,body{
  width:100%;
}
.imagencabezal{
  width:100%;
  height:auto;
}

.MultiCarousel .leftLst {
  left: 45%;
  width: 50px;
}

.MultiCarousel .rightLst {
  right: 45%;
}

.tituloinfancia{
  position: absolute;
  width:30%;
  height:auto;
  top:30%;
  right:55%;
}

/*----- cajas ----*/
.cajaazul{
    background-color: #00406F;
  }

  .cajablanca{
    background-color: #FFF;
  }  

.cajaverde{
  background-color: #348047;
}

.cajadibujo{
  margin:0px;
  padding:0px;
  background-image: url('../landing-campana/fondo_dibujos.jpg');
  background-position: center;
  background-size: cover;
}

.cajagris{
  background-color: #E3E3E3;
}

.caja_p_blanca{
    font-size: 40px;
    text-align: center;
    margin: auto;
    text-transform: uppercase;
    padding-bottom: 60px;
    }


/* ------ fonts  -------*/
.montserrat-900 {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
}

.rubik {
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  text-transform: none !important;
}

.rubik-700 {
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  text-transform: none !important;
}


.rubik-900 {
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  text-transform: none !important;
}


.tam-titulo{
  font-size: 2.5rem !important;
  text-transform: uppercase;
  /*-- 3.25 --*/
}

.tam-24{
  font-size: 1.2rem;
  /*-- 1.5 --*/
}

.tam-28{
  font-size: 1.2rem;
  /*-- 1.5 --*/
}


.tam-14{
  font-size: 0.7rem;
  /*-- 1.5 --*/
}

.tam-30{
  font-size: 1.4rem !important;
  text-transform: uppercase;
  /*-- 3.25 --*/
}


.tam-17{
  font-size: 1.2rem !important;
  text-transform: uppercase;
  /*-- 3.25 --*/
}

/* ------ fonts  -------*/


.heightvideo{
  height:420px;
}

/* ------ color  -------*/
.c-amarillo{
    color:#FFA305;
}
.c-azul{
  color:#00406F;
 } 


.c-verde{
 color:#348047;
}  
 
.c-negro{
  color:#000 !important;
}   

.c-blanco{
    color:#fff !important;
}

.c-boton{
  background-color: #FFA305;
  border:1px solid #FFA305;
  color:#000;
}

.c-negro-link{
  color:#000;
  text-decoration: underline;
}

.c-negro-link:hover{
  color:#000;
  text-decoration: none;
}

.c-boton:hover{
  background-color: #00406F;
  border:1px solid #00406F;
  color:#fff;
}

.item{
  width:1200px;
}

.item2{
  background-color: #19537D;
  min-height: 330px;
}


.item3{
  background-color: #FFF;
  min-height: 330px;
}

.card{
  background-color:#E3E3E3;
  border: none;
}

.card-header {
border-bottom: none;
}

.card-header{
  background-color: rgba(0, 0, 0, 0);
}


.sombracaja{
  -webkit-box-shadow: 10px 10px 24px 0px rgba(0,0,0,0.23);
-moz-box-shadow: 10px 10px 24px 0px rgba(0,0,0,0.23);
box-shadow: 10px 10px 24px 0px rgba(0,0,0,0.23);
}

#cajanoticiasTOP{
	position: relative;
	top: -50px;
	z-index:55;
}


.card{
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: rgba(255, 255, 255, 0); 
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 0.25rem;
  }



@media only screen and (min-width: 360px) and (max-width: 768px) {

body{
  overflow-x: hidden; /* Hide horizontal scrollbar */
}

.tituloinfancia{
  position: absolute;
  width:30%;
  height:auto;
  top:20%;
  right:55%;
  z-index: 0;
}

.imagencabezal{
	width:100%;
  height: 100%;
  }
  
  #cajanoticiasTOP{
    top:0px;
  }

  .MultiCarousel .leftLst {
    left: 15% !important;
    width: 50px;
    top:50%;
  }

  .MultiCarousel .rightLst {
    right: 15% !important;
    top:50%;
  }



  .MultiCarousel .leftLst,
  .MultiCarousel .rightLst {
    position: absolute;
    top: calc(100% - 510px) !important;
    border: 0px;
    background-color: rgb(255 255 255 / 0%);
  }



  .tam-17{
    font-size: 1.1rem !important;
    text-transform: uppercase;
    /*-- 3.25 --*/
  }

  .tam-titulo{
    font-size: 1.5rem !important;
    text-transform: uppercase;
    /*-- 3.25 --*/
  }

  
.tam-24{
  font-size: 1rem;
  /*-- 1.5 --*/
}

.tam-30{
  font-size: 1rem;
  /*-- 1.5 --*/
}

.controls {
  padding: 0 0 0 32% !important;
}


.heightvideo{
  height:100%;
  padding-bottom: 30px;
}

}