/* @font-face {

    font-family: "Mystery Quest";

    src: url("mystery-quest.woff2");

} */



body {

    margin: 0;

}



.container, .container1 {

    margin: 0 auto;

    width: 85%;

    max-width: 900px;

}



.header {

    background: white;

    padding: 0.5rem 0;

}



.logo-nav-container {

    display: flex;

    align-items: center;

}



.navigation {

    width: 100%;

}



.navigation ul {

    margin: 0;

    padding: 0;

    list-style: none;

}



.navigation ul li {

    display: inline-block;

    display: -moz-inline-box;

    /* For IE7 */

    zoom: 1;

    /* Trigger hasLayout */

    width: 30%;

    text-align: center;

}





.navlogo1 {

    width: 60%;

}



.navlogo2 {width:25%}



.navlogo3{width:40%}



/*  */



#video-fondo {

    position: fixed;

    min-width: 100%;

    min-height: 100%;

    top: 50%;

    left: 50%;

    transform: translateX(-50%) translateY(-50%);

    z-index: -1

}



.main{

    margin: 0 auto;

    width: 95%;

    max-width: 1000px;

    height: 100vh;

    transition: all 16s;

}





.main>.container {

    margin: 0 auto;

    /* opacity: 0.6 */

    padding-right: 20px;

     padding-left: 20px;

     padding-bottom: 20px;

}



#myCarousel{

    height: 70%;

}



.carousel-inner-index{

    box-shadow:5px 5px 15px 10px rgb(26 111 240 / 38%);

    border-radius: 15px;

}



.carousel-control-next{

    left: 95% !important;

    background-image: none !important;

    color: #345392 !important;

    opacity:1;

    font-size: 50px;

}

.carousel-control-next:hover{

    color: #00b3c2 !important;

}

.carousel-control-prev{

    right: 95% !important;

    left: auto;

    background-image: none !important;

    color: #345392 !important;

    opacity:1;

    font-size: 50px;

}

.carousel-control-prev:hover{

    color: #00b3c2 !important;

}



.courselfotosNext{

    left: 88% !important;

}

.courselfotosPrev{

    right: 88% !important;

    

}



.carousel-indicators{

        display: none;

}

.carousel-control{

border-radius: 10px;

}





.btn-gradSlider {background-image: linear-gradient(to right, #00c5c0 0%, #2b51dc  51%, #00c5c0  100%)}

.btn-gradSlider {

   /* margin: 1px; */

   padding: 4px 18px;

   text-align: center;

   transition: 0.5s;

   background-size: 200% auto;

   color: white;            

   font-weight: bold;

   font-size:15px;

   box-shadow: 0 0 2px #eee;

   border-radius: 10px;

   /* display: block; */

   text-decoration: none;

 }



 .btn-gradSlider:hover {

   background-position: right center; /* change the direction of the change here */

   color: #fff;

   text-decoration: none;

 }



 @media only screen and (max-width: 550px) {

    .btn-gradSlider {

       font-size: 8px;

       padding: 2px 15px;  

   }

   .carousel-caption1{

    bottom: -2px !important;

   }

   .h5titProxAct{

       font-size:8px;

       margin-bottom:-8px !important;

       display:none

   }

   .btn-gradSlider2 {

    font-size: 8px;

    padding: 2px 15px;

    }

    .carousel-control-prev, .carousel-control-next{

        font-size: 30px;

    }

} 



/*  @media screen and (min-width: 768px){

 .carousel-caption1{

     right:35%;

     left: 45%;

     padding-bottom: 0px;

 }

 } */



 .carousel-caption1 {

    position: absolute;

    right: 15%;

    bottom: 5px;

    left: 15%;

    z-index: 10;

    padding-top: 20px;

    /* padding-bottom: 20px; */

    color: #fff;

    text-align: center;

    text-shadow: 0 1px 2px rgba(0,0,0,.6);

}



.carousel-captionNA {

    position: absolute;

    right: 15%;

    bottom: 20%;

    left: 15%;

    z-index: 10;

    padding-top: 20px;

    /* padding-bottom: 20px; */

    color: #fff;

    text-align: center;

    text-shadow: 0 1px 2px rgba(0,0,0,.6);

}



.h5titProxAct{

    color: #003e74;

    margin:2px auto;

    font-family: 'Montserrat', sans-serif;



}



.textTitutloPag1{

    text-align: center;

    color:#044d8f;

    /* font-size:21px; */

    /* text-decoration: underline; */

}



.textPag1{

    color:#044d8f;

    font-size: 17px;

}



.text1Pag1{

    color:#044d8f;

    font-size:17px;

}



.text2Pag1{

    color: #044d8f;

    font-size:23px;

}



.textNrosPag{

    color: #00b3c2;

    font-size:23px;

    text-shadow: .03em .03em 0 hsla(230,40%,50%,1);

    

}



.textNrosPag.active {

    animation: balance 1.5s ease-out;

	transform-origin: bottom left;

}





@keyframes balance {

	10%, 40% {

		transform: translateY(-48vh) scaleY(1);

	}

	

	90% {

		transform: translateY(-48vh) scaleY(4);

	}

}



/* fotos */



.divActImport{

    background-color: #fff;

    width: auto;

    height: auto;

    border-radius: 20px;

    box-shadow: 5px 5px 5px 3px rgba(0, 0, 0, 0.2);

    text-align: center;

    

}





.imgActImport{

    border-radius: 20px 20px 0px 0px;

    width: 30px;

    height: 250px;

}



.h6titActImp{

    font-size: 12px;

    font-weight: bold;

    margin-bottom: 0px;

    padding-top: 10px;

    color: #044d8f;

}

.fechActImp{

    font-size: 12px;

    color: #044d8f;

}



.divBtnActImport{

    padding-bottom: 10px;

}



.btn-gradSlider2 {

   padding: 4px 28px;

 }







/* lista ejes */

.textEjesIntSubTitPag1{

    color: #044d8f;

    font-size:17px;

    padding: 10px 1px;

}

.textEjesIntPag1{

    color: #044d8f;

    font-size:14px;

    padding: 10px 1px;

}



.textEjesIntPag1>img{

    padding-right: 10px;

    width: 50px;

}

.textEjesIntPag1>a{

    text-decoration: none;

}



.textEjesIntPag1>a:hover{

    cursor: pointer;

    text-decoration:none;

}



.imgMapPag1{

    width: 97%;

}



footer{

    height: 180px;

    text-align: center;

    padding-top:80px;

    margin-top: -70px;

    /* background-position: 0px 0px; */

    background-repeat: repeat-x;

    animation: animatedBackground 10s linear infinite alternate;

}



@keyframes animatedBackground {

    from {

      background-position: 0 100%;

    }

    to {

      background-position: 100% 100%;

    }

}







.toast.show{

    display: block !important;

}



.toasts-top-left{

    top:40px !important;

    left:5px !important;

    /* width: 270px; */

}

/* .toast{

font-size: 1.3rem;

} */

.toast-header{

    display: -ms-flexbox !important;

    display: flex !important;

    -ms-flex-align: center !important;

    align-items: center !important;

    padding: .25rem .75rem !important;

    background-clip: padding-box !important;

}



.listActividadesindex{

    padding: .85em 3em;

}



.actividadItemIndex{

    text-align: center;

    width: 47% !important;

    align-items:center !important;

}

.actividadItemIndex>img{

    width:90%;

    height:92%;

    transition: width .2s, height .2s, transform .2s;

    box-shadow: 5px 5px 12px 8px rgba(0, 0, 0, 0.2);

}

/* .actividadItemIndex>img:hover{

    box-shadow: 5px 5px 12px 8px rgba(0, 0, 0, 0.2);

    cursor: pointer;

    transform : scale(1.02);

} */





/*  */



@media only screen and (max-width: 450px) {

    .h3LugarActIndex{

        font-size: 8px !important;

    }

    .h3NroDiaActIndex{

        font-size: 20px !important;

    }

    .h3MesActIndex{

        font-size: 9px !important;

    }

    .h6HoraActIndex{

        font-size: 9px !important;

    }

    .cationActividadHoraIndex {

        bottom: 23% !important;

        left: 40% !important;

    }

    .cationActividadLugarIndex {

        bottom: 24% !important;

        left: 28% !important;

    }

    

}



@media only screen and (max-width: 350px) {

    .h3LugarActIndex{

        font-size: 7px !important;

    }

    .h6HoraActIndex{

        font-size: 7px !important;

    }

    .cationActividadLugarIndex {

        bottom: 24% !important;

        left: 28% !important;

    }

}



.cationActividadRegionIndex{

    position: absolute;

    right: 15%;

    top: -22px;

    left: 15%;

    z-index: 10;

    padding-top: 20px;

    color: #fff;

    text-shadow: 0 1px 2px rgba(0,0,0,.6);

}



.h3RegionActIndex{

    background-color: #743f20de; 

    width:20%;

    border-radius: 4px;

    font-weight: bold;

    padding:1px 4px;

    font-size: .6rem !important;

}



.cationActividadNroDiaIndex{

    position: absolute;

    right: 15%;

    bottom: 30%;

    left: 12%;

    z-index: 10;

    padding-top: 20px;

    color: #fff;

    text-shadow: 0 1px 2px rgba(0,0,0,.6);

}



.h3NroDiaActIndex{

    background-color: orange; 

    width:20%;

    border-radius: 4px;

    font-weight: bold;

    padding: 4px 0px;

}



.cationActividadMesIndex{

    position: absolute;

    right: 76%;

    bottom: 24%;

    left: 11%;

    z-index: 10;

    padding-top: 20px;

    color: black;

    font-weight: bold;

    /* text-shadow: 0 1px 2px rgba(0,0,0,.6); */

}

.h3MesActIndex{

    font-size: 12px ;

}



.cationActividadLugarIndex {

    position: absolute;

    right: 15%;

    bottom: 30%;

    left: 30%;

    z-index: 10;

    padding-top: 20px;

    color: orange;

    text-align: left;

    align-items:center;

}



.h3LugarActIndex{

    font-size: 10px;

    font-weight: normal !important;

    text-align: left;



}



.cationActividadHoraIndex {

    position: absolute;

    right: 15%;

    bottom: 27%;

    left: 34%;

    z-index: 10;

    color: #2f373d;

    text-align: left;

}



.h6HoraActIndex{

    font-size: 11px ;

}





.btn-flotante {

	font-size: 20px; /* Cambiar el tamaño de la tipografia */

	text-transform: uppercase; /* Texto en mayusculas */

	font-weight: bold; /* Fuente en negrita o bold */

	color: #ffffff; /* Color del texto */

	border-radius: 5px; /* Borde del boton */

	letter-spacing: 1px; /* Espacio entre letras */

	background-color: #00b3c2; /* Color de fondo */

	padding: 10px 15px; /* Relleno del boton */

	position: fixed;

	top: 10%;

	left: 12%;

	transition: all 300ms ease 0ms;

	box-shadow: 0px 8px 15px rgba(38, 122, 248, 0.2);

	z-index: 99;

}

.btn-flotante:hover {

	/* background-color: #1e7de9; */ /* Color de fondo al pasar el cursor */

	box-shadow: 0px 15px 20px rgba(38, 122, 248, 0.473);

	transform: translateY(-7px);

    color: #ffffff; /* Color del texto */

}

@media only screen and (max-width: 1255px) {

 	.btn-flotante {

		font-size: 12px;

		padding: 7px 7px;

        top: 7%;

        left: 2%;

	}

} 







/*Animación para rotar las sombras*/



@keyframes move {

  0% {

    text-shadow:

      4px -4px 0 #da0641,

      3px -3px 0 #da0641,

     2px -2px 0 #da0641,

      1px -1px 0 #da0641,

      -4px 4px 0 #13f1fc,

      -3px 3px 0 #13f1fc,

      -2px 2px 0 #13f1fc,

      -1px 1px 0 #13f1fc;

  }

  25% {

    text-shadow:

      -4px -4px 0 #13f1fc,

      -3px -3px 0 #13f1fc,

      -2px -2px 0 #13f1fc,

      -1px -1px 0 #13f1fc,

      4px 4px 0 #da0641,

      3px 3px 0 #da0641,

      2px 2px 0 #da0641,

      1px 1px 0 #da0641;

  }

  50% {

    text-shadow:

      -4px 4px 0 #da0641,

      -3px 3px 0 #da0641,

      -2px 2px 0 #da0641,

      -1px 1px 0 #da0641,

      4px -4px 0 #13f1fc,

      3px -3px 0 #13f1fc,

     2px -2px 0 #13f1fc,

      1px -1px 0 #13f1fc;

  }

  75% {

    text-shadow:

      4px 4px 0 #13f1fc,

      3px 3px 0 #13f1fc,

      2px 2px 0 #13f1fc,

      1px 1px 0 #13f1fc,

      -4px -4px 0 #da0641,

      -3px -3px 0 #da0641,

      -2px -2px 0 #da0641,

      -1px -1px 0 #da0641;

  }

  100% {

    text-shadow:

      4px -4px 0 #da0641,

      3px -3px 0 #da0641,

      2px -2px 0 #da0641,

      1px -1px 0 #da0641,

      -4px 4px 0 #13f1fc,

      -3px 3px 0 #13f1fc,

      -2px 2px 0 #13f1fc,

      -1px 1px 0 #13f1fc;

  }

}









/* page 2 */

.text1Pag2{

    text-align: center;

    color:#044d8f;

    font-size:16px;

    margin-bottom: 0px;

}

.text2Pag2{

    text-align: center;

    color:#044d8f;

    font-size:21px;    

}

.optcbo{

    text-align: center;

    color:#044d8f;

}



.cbopage2  {

    color: #044d8f !important;

    font-weight: bold !important;

    font-size: 13px !important;

    width: 105% !important;

    height: 30px !important;

}



.listActividades {

	height: 600px;

	width: 100%;

	overflow-y: scroll;

    scrollbar-width: 10px;

}





.listActividades::-webkit-scrollbar {

    width: 15px;     /* Tamaño del scroll en vertical */

    height: 8px;    /* Tamaño del scroll en horizontal */

    border-radius: 10px;

}



.listActividades::-webkit-scrollbar-thumb {

    background: #3171a8;

    border-radius: 10px;

}



/* Cambiamos el fondo y agregamos una sombra cuando esté en hover */

.listActividades::-webkit-scrollbar-thumb:hover {

    background: #165994;

    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);

}



/* Cambiamos el fondo cuando esté en active */

.listActividades::-webkit-scrollbar-thumb:active {

    background-color: #084377;

}

/* Ponemos un color de fondo y redondeamos las esquinas del track */

.listActividades::-webkit-scrollbar-track {

    border-radius: 10px;

    border: 1px  solid #084377;

}



/* Cambiamos el fondo cuando esté en active o hover */

.listActividades::-webkit-scrollbar-track:hover,

.listActividades::-webkit-scrollbar-track:active {

  background: transparent;

  opacity: 0.6;

}





@media only screen and (max-width: 560px) {

    .col-12 .h3LugarAct{

        font-size: .70rem !important;

        font-weight: normal !important;

        line-height: 9px !important;

    }

}



@media only screen and (max-width: 370px) {

    .col-12 .h3LugarAct{

        font-size: .50rem !important;

        font-weight: normal !important;

        line-height: 9px !important;

    }

}



.cationActividadRegion{

    position: absolute;

    right: 15%;

    top: -22px;

    left: 15%;

    z-index: 10;

    padding-top: 20px;

    color: #fff;

    text-shadow: 0 1px 2px rgba(0,0,0,.6);

}



.h3RegionAct{

    background-color: #743f20de; 

    width:20%;

    border-radius: 4px;

    font-weight: bold;

    padding:1px 4px;

    font-size: .6rem !important;

}



.cationActividadNroDia{

    position: absolute;

    right: 15%;

    bottom: 30%;

    left: 12%;

    z-index: 10;

    color: #fff;

    text-shadow: 0 1px 2px rgba(0,0,0,.6);

}



.h3NroDiaAct{

    background-color: orange; 

    width:23%;

    border-radius: 4px;

    font-weight: bold;

    padding: 1px 1px;

    font-size: 23px;

}



.cationActividadMes{

    position: absolute;

    right: 75%;

    bottom: 25%;

    left: 12%;

    z-index: 10;

    padding-top: 20px;

    color: black;

    /* text-shadow: 0 1px 2px rgba(0,0,0,.6); */

}



.h3MesAct{

    font-size: .55rem !important;

    

}



.cationActividadLugar {

    position: absolute;

    right: 15%;

    bottom: 30%;

    left: 32%;

    z-index: 10;

    padding-top: 20px;

    color: orange;

    font-weight: normal !important;

    text-align: left;

    align-items:center;

}

.h3LugarAct{

    font-size: .55rem;

    font-weight: normal !important;

    text-align: left;

    line-height: 11px;

}



.cationActividadProvDist {

    position: absolute;

    right: 8%;

    bottom: 25%;

    left: 32%;

    z-index: 10;    

    font-weight: normal !important;

    text-align: left;

    align-items:center;

}

.h3ProvDistAct{

    font-size: .47rem;

    font-weight: normal !important;

    text-align: left;

    line-height: 11px;

}



.cationActividadHora {

    position: absolute;

    right: 15%;

    bottom: 24%;

    left: 38%;

    z-index: 10;

    /* padding-top: 20px; */

    color: #2f373d;

    font-size: 1em !important;

    font-weight: bold !important;

    text-align: left;

}

.h6HoraAct{

    font-size: .5rem !important;

}



.rowListActividades{margin-bottom:17px; height:auto !important; margin-right: 1px !important}

.actividadItem{

    text-align: center;

    width: 47% !important;

    align-items:center !important;

}

.actividadItem>img{

    width:90%;

    height:92%;

    transition: width .2s, height .2s, transform .2s;

}

.actividadItem>img:hover{

    box-shadow: 5px 5px 8px 8px rgba(0, 0, 0, 0.2);

    cursor: pointer;

    transform : scale(1.02);

}







/* Detalle actividad */



@media only screen and (max-width: 370px) {

    .col-12 .h3RegionActDet{

        font-size: .7rem !important;

        font-weight: normal !important;

        line-height: 9px !important;

    }

    .col-12 .h3NroDiaActDet{

        font-size: 25px !important;

    }

    .col-12 .h3MesActDet{

        font-size: 9px !important;

    }

    .col-12 .h3LugarActDet{

        font-size: .70rem !important;

    }

    .col-12 .h3ProvDistActDet{

        font-size: .6rem !important;

    }

}



.cationActividadRegionDet{

    position: absolute;

    right: 15%;

    top: -22px;

    left: 15%;

    z-index: 10;

    padding-top: 20px;

    color: #fff;

    text-shadow: 0 1px 2px rgba(0,0,0,.6);

}



.h3RegionActDet{

    background-color: #743f20de; 

    width:20%;

    border-radius: 4px;

    font-weight: bold;

    padding:1px 8px;

    font-size: .8rem !important;

}



.cationActividadNroDiaDet{

    position: absolute;

    right: 15%;

    bottom: 26%;

    left: 13%;

    z-index: 10;

    padding-top: 20px;

    color: #fff;

}



.h3NroDiaActDet{

    background-color: orange; 

    width:20%;

    border-radius: 4px;

    font-weight: bold;

    padding: 5px 0px;

    font-size: 35px;

}



.cationActividadMesDet{

    position: absolute;

    right: 72%;

    bottom: 21%;

    left: 12%;

    z-index: 10;

    padding-top: 20px;

    color: black;

    text-align: center;

}



.h3MesActDet{

    font-size: 13px !important;

}



.cationActividadLugarDet {

    position: absolute;

    right: 15%;

    bottom: 28%;

    left: 32%;

    z-index: 10;

    color: orange;

    text-align: left;

    align-items:center;

}

.h3LugarActDet{

    font-size: .85rem;

    font-weight: bold !important;

    text-align: left;

}



.cationActividadProvDistDet {

    position: absolute;

    right: 8%;

    bottom: 20%;

    left: 32%;

    z-index: 10;    

    font-weight: normal !important;

    text-align: left;

    align-items:center;

}

.h3ProvDistActDet{

    font-size: .7rem;

    font-weight: normal !important;

    text-align: left;

}



.cationActividadHoraDet {

    position: absolute;

    right: 15%;

    bottom: 19%;

    left: 33%;

    z-index: 10;

    /* padding-top: 20px; */

    color: #2f373d;

    font-size: 1em !important;

    font-weight: bold !important;

    text-align: left;

}

.h6HoraActDet{

    font-size: .67rem !important;

}



.rowListActividadesDet{margin-bottom:17px; height:auto !important; margin-right: 1px !important}

.actividadItemDet{

    text-align: center;

    width: 40% !important;

    align-items:center !important;

}

.actividadItemDet>img{

    width:80%;

    height:100%;

    box-shadow: 2px 2px 12px 6px rgba(47, 87, 146, 0.438);

}





.text1DetAct{

    color:#044d8f;

    font-size:16px;

    margin-bottom: .4rem !important;

}

.text2DetAct{

    color:#044d8f;

    font-size:13px;    

   margin-bottom: 0rem !important;

}



.text2DetAct>img{

    width:3%;

}



.tdPreciotblProds{

    width:20%;  

}

.lblTextImportant{

    font-size: 13px;

    font-weight: bold

}



/* webinar */



.text2PagWebinar{

    text-align: center;

    color:#044d8f;

    font-size:23px;  

    margin: 0px;  

}



.imgPagWebinar{

width:90%;

}



.text1PagWebinar{

    text-align: center;

    color:#044d8f;

    font-size:16px;

    margin: 0px;

}



.textFrasePagWebinar{

    color:#fff;

    padding: 4px 10px;

    background-color: #26bdc1;

    text-align: center;

    border-radius: 8px;

    font-weight: bold;

}

.lblSinEventos{

    height: 300px;

    color:#044d8f;

    font-size:16px;

    margin: 0px;

}

.text3SesionWebinar{

    color:#fff;

    padding: 2px 7px;

    background-color: #26bdc1;

    text-align: center;

    border-radius: 5px;

    font-weight: normal;

    font-style: italic;

}

.text4temaWebinar{

    color: #4479a7;

    font-style: italic;

    font-weight: bold;   

    margin-bottom:0 !important;

    margin-top: 5px !important;

}

.text5NombretemaWebinar{

    color: #4479a7;    

    font-weight: bold; 

    margin:0;

    font-size: 15px;

}





.textDatetimeWebinar{

    color: #044d8f;

    font-size:12px;

    font-style: italic;

    

    padding: 1px 1px;



}



.textDatetimeWebinar>img, .textDatetimeWebinar>i{

    padding-right: 3px;

    width: 20px;

}





/* EJES */



.imgTopEje{

    width:100%

}



.textTituloEje{

    text-align: center;

    padding: 15px 1px 1px;

    align-items:middle;

    font-size: 17px;

    font-weight: bold;

    color: #044d8f;

    line-height: 1rem !important;

}

.imgTituloEje{

    width:30px;

}



.arrowDescripcionEje:hover{

    text-shadow: 0 1px 2px rgba(0,0,0,.6);

    cursor: pointer;

    transform: translateY(-1px);

}



.divDescripcionEje{

    text-align: justify;

    color: #044d8f;

    font-size: 13px;

    width:100%

}



.textSubTituloEje{

    padding: 1px;

    align-items:middle;

    font-size: 14px;

    font-weight: bold;

    color: #044d8f;

}



.textSubTituloEje>span:hover{

    text-decoration: underline dotted ;

    cursor: pointer;

}



.textSubTituloEjeImg{

    width: 27px;

}



.txtNroInfoEje{

    color:#00b3c2;

    font-size: 23px;

    font-weight: bold;

}







.divItemResult:hover{

    box-shadow: 5px 5px 15px 10px rgba(26, 111, 240, 0.384);

    cursor: pointer;

}



.txtTituloInfo{

    color: #044d8f;

    font-size: 13px;

    width:110%

}

.lineahrEje{

    border-top:1px solid #588cb9ab

}



.imgBottomEje{

    width:100%;

    margin: 20px;

}

.imgLogoEjes{

    width:100%;

    margin: 20px;

}

.imgLogoEjes:hover{

    border-radius: 50px;

    box-shadow: 2px 2px 6px 4px rgba(0, 0, 0, 0.2);

    cursor: pointer;

    padding: 1px !important;

}



.imgLogoEjesInfograf{

    width: 80%;

}



.nroInstitucionDetalle{

    text-decoration: underline dotted ;

}

.nroInstitucionDetalle:hover{

    cursor: pointer;

}



/* infografi */



.bodyInfografiaEje{

    padding: 1px 15px ;

    flex-wrap: wrap;

    margin-bottom: 20px;

}

.tituloInfografiaEje{

    font-weight: bold;

    color: #044d8f;

    text-decoration: underline ;

}

.textInfografia{

    color: #044d8f;

    font-size: 13px;

    width:100%;

}

.imgInfografiaEje{

    width:100%;

    margin: 20px;

}



/* promocion */

.divListEspecies{

    border-radius: 9px;

    border-top: 1px solid #588cb9ab;

    padding-top: 5px;

}

.colespecie{

    margin-bottom: 5px;

    align-items: center;

    text-align: center;

    border-bottom: 1px dotted #588cb9ab;

}

.txtNombEsp{

    color: #003e74;

    font-weight: bold;

    font-size:10px; 

    margin-bottom: 10px;

    flex-wrap: nowrap !important;

}



/* fomento */



.listCanalesComerciales{

    color: #044d8f;

    font-size:11px;

    padding-left: 0px;

}

.listCanalesComerciales>li{

    margin-left: 25px !important;

}



.txtTituloNroInfoEje{

    color:#00b3c2;

    font-size: 12px;

    font-weight: bold;

    

}

.grupoTituloInfo{

    width:100%;

}

.divTituloInfo{

    display:inline;

    margin-right: 1px;    

}

.txtSubTituloInfo{

    color: #044d8f;

    font-size: 11px;

    width:110%

}



.textTituloBottomEje{

    align-items:middle;

    font-size: 17px;

    font-weight: bold;

    color: #044d8f;

}

.textTitulo2BottomEje{

    text-align: center;

    align-items:middle;

    font-size: 17px;

    font-weight: bold;

    color: #044d8f;

}



.selected,

.selected:hover,

.selected:hover>a,

.selected>a {

    background-color: #478fca;

    color: #fff

}



table.dataTable td,

table td {

    padding-bottom: .27rem !important;

    padding-top: .27rem !important;

    vertical-align: middle;

}



table.dataTable th,

table th {

    padding: .35rem !important;

    vertical-align: middle;

    text-align: center;

}



/* FOTOS */



.text3TipoActividadFotos{

    color:#fff;

    padding: 2px 7px;

    background-color: #26bdc1;

    text-align: center;

    border-radius: 5px;

    font-size: 12px;

    font-weight: normal;

    font-style: italic;

}



.textUbigFotos{

    color: #044d8f;

    font-size:11px;

    font-style: italic;

    padding: 1px 1px;

font-weight: bold;

}



.rowItemActividad:hover{

    background-color: rgba(128, 243, 243, 0.397);

    cursor: pointer;

    padding: 1px !important;

}



.rowItemActividad.active{

    background-color: rgba(128, 243, 243, 0.397);

    padding: 1px !important;

}



#cardListFotos{

    background: transparent;

    border: 0px;

    box-shadow:0 0 0px rgb(0 0 0 / 13%), 0 0px 0px rgb(0 0 0 / 20%);

}



#listProdDetAct{

    background: #eff1f328;

    padding:15px;

    border-radius: 15px;

    box-shadow:0 0 2px rgb(0 0 0 / 13%), 0 2px 3px rgb(0 0 0 / 20%);

}



.imgActividad{

    width: 90%;

}



.carousel-inner2{

    left:15% !important;

}



.text1DetActFotos{

    color:#044d8f;

    font-size:16px;

    margin-bottom: .4rem !important;

    text-decoration: underline  ;

}



.textValorResultAct{

    text-align: right;

}