
.ContenidoDigital{
	background-color: #e5e5e5;
	width: auto;
	min-height: 237px;
	
}

.ContenidoDigital h2{
   text-align: left;
   font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
   color: rgb(92, 91, 91);
   padding-top: 30px;
   padding-left: 50px;
   font-weight: 500;
}


.ContenidoDigital img{
   width: 180px;
   padding: 20px 0;
}

.ContenidoDigital ul{
   list-style-type: none;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-around;
  
}



.ContenidoDigital video{
	width: 90%;
	max-width: 720px;   /*define ancho máximo para el video */
	display: block;
	margin: 0 auto; /*centra */
	padding-bottom: 30px;
}

/* RWD MOBILEFIRST  */
/* Para el tamaño del video PANTALLA MÓVILES menor a 768px aplica lo siguiente: */
@media screen and (max-width: 767px){
   .ContenidoDigital video{
       width: 80%;   /*define ancho para el video */
       max-width: none;
       padding-bottom: 15px;
   }

}


h3{
   font-size: 1.2rem;
   font-weight: 100;
   padding-bottom: 15px;
   padding-left: 2px;
   border-bottom:solid 1px white;
   text-align: center;
}

/* The slideshow/carousel */

.carousel-inner {
   margin: auto;   
}

 /*para texto en los slides */
.boxTxt {
   width: 100%;  
   padding: 5px 10px;
   background-color: rgba(172, 173, 173, .6);
   
}

.carousel-item h5{   
   font-size: 40px;
   font-weight: 600;
   
}


.carousel-item p{
	font-size: 20px;
   font-weight: 600; 
   color: rgb(42, 43, 44);
}

/* SECCION de texto informativo de la RAII */
.grid-item{
   background-color:rgba(229, 229, 229, .5);
   background: linear-gradient(180deg, rgba(229,229,229,0.5) 0%, rgba(238, 238, 238, 0.1) 30%, rgb(253, 253, 253) 75%);
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
 }

.textoInfo {
   /*padding-top: 10px;*/
   margin: auto;
   padding: 10px;
   padding-bottom: 35px;
}
 
/* SECCION OPCIONES ESTACIONES, mapaPGA.. */

.opcionEstacionesMapas img{
   display: block; /* Propiedad para usarse con el margin y centrar */
   margin: 25px auto; /* Para centrar la imagen en el contenedor */
   /*width: 220px;
   height: 226px;*/
        
}

figure a{
   color: white;  /* que la liga mantenga el color blanco */
   font-family: Verdana, Geneva, Tahoma, sans-serif;

}

figure img{
   border: solid 2px rgb(114, 112, 112);
   width: 100%;
}

figcaption{
   background-color: rgba(191,31,36, 0.85);
   color: white;
   text-align: center;
   padding: 10px;
   width: 75%;
   position: relative;
   bottom: 80px;     /* para efecto de desplazamiento */
   left: 30px;
   transition: all linear 250ms;
}

figure:hover figcaption{
   bottom: 100px;
}


/* PARA PRUEBA TEMPORALMENTE DECLARO AQUI ESTILO PARA IMAGENES DE ANALISIS */
.catalogo_img_analisis > img{
    width: 80%;
    /*height: 250px;*/
}


/* PARA LA SECCION DE CREDITOS Y ACERCA DE */
.textoCreditos  h1,
.textoCreditos  h2{
   margin: auto;
   text-align: center;
   color: rgb(147, 146, 146); 
   font-size: 1.4rem;
   font-weight: 600; 
}

.textoCreditos p{
   margin: auto;
   text-align: center;
   
}

.textoAcercaDe h2{ 
   text-align: left;
   color: #333;
   font-size: 1.6rem;
   font-weight: 600;    
}

.textoAcercaDe p{
   margin: auto;
   text-align: left;
   
}


.logoIG{
    width: 40%;
	max-width: 150px;
   padding-top: 20px;
}

.logoSSN{
    width: 30%;
	max-width: 150px;
   padding-top: 20px;
}

.logoCENAPRED{
    width: 30%;
	max-width: 150px;
}

/* Para el logo en la sección Acerca De */
.logoII2{
    width: 50%;
	max-width: 150px;
   padding-top: 20px;
}
