/*@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");*/
/*INDEX*/

/* COVID 19 icon */
.covid-19-icon img { transition: transform 0.15s ease-out; }
.covid-19-icon img:hover { transform : scale(1.1) ;}


.fondo_sociales{
	font-size: 2em;
	background-image: url('https://palomino.cicese.mx/nvoPalomino/assets/img/fondos/textura-redes-sociales2.jpg');
}

.logo_cicese{
	margin-top: 25px;
	/*margin-bottom: 15px;*/
	width: 90%;

}

.ingles{
	color: #fff;
	font-weight: 500;
}

.ingles a{
	color: #fff;
	font-weight: 500;
}

.datos{
	font-weight: 900;
	font-size: 1.9em;
	text-align: center;
}

.datos2{
	font-weight: 900;
	font-size: 1.5em;
	text-align: center;
}

/*animacion directorio*/
#fountainG{
	position:relative;
	width:144px;
	height:17px;
	margin:auto;
}

.fountainG{
	position:absolute;
	top:0;
	background-color:rgb(0,0,0);
	width:17px;
	height:17px;
	animation-name:bounce_fountainG;
		-o-animation-name:bounce_fountainG;
		-ms-animation-name:bounce_fountainG;
		-webkit-animation-name:bounce_fountainG;
		-moz-animation-name:bounce_fountainG;
	animation-duration:1.5s;
		-o-animation-duration:1.5s;
		-ms-animation-duration:1.5s;
		-webkit-animation-duration:1.5s;
		-moz-animation-duration:1.5s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
	transform:scale(.3);
		-o-transform:scale(.3);
		-ms-transform:scale(.3);
		-webkit-transform:scale(.3);
		-moz-transform:scale(.3);
	border-radius:11px;
		-o-border-radius:11px;
		-ms-border-radius:11px;
		-webkit-border-radius:11px;
		-moz-border-radius:11px;
}

#fountainG_1{
	left:0;
	animation-delay:0.6s;
		-o-animation-delay:0.6s;
		-ms-animation-delay:0.6s;
		-webkit-animation-delay:0.6s;
		-moz-animation-delay:0.6s;
}

#fountainG_2{
	left:18px;
	animation-delay:0.75s;
		-o-animation-delay:0.75s;
		-ms-animation-delay:0.75s;
		-webkit-animation-delay:0.75s;
		-moz-animation-delay:0.75s;
}

#fountainG_3{
	left:36px;
	animation-delay:0.9s;
		-o-animation-delay:0.9s;
		-ms-animation-delay:0.9s;
		-webkit-animation-delay:0.9s;
		-moz-animation-delay:0.9s;
}

#fountainG_4{
	left:54px;
	animation-delay:1.05s;
		-o-animation-delay:1.05s;
		-ms-animation-delay:1.05s;
		-webkit-animation-delay:1.05s;
		-moz-animation-delay:1.05s;
}

#fountainG_5{
	left:72px;
	animation-delay:1.2s;
		-o-animation-delay:1.2s;
		-ms-animation-delay:1.2s;
		-webkit-animation-delay:1.2s;
		-moz-animation-delay:1.2s;
}

#fountainG_6{
	left:90px;
	animation-delay:1.35s;
		-o-animation-delay:1.35s;
		-ms-animation-delay:1.35s;
		-webkit-animation-delay:1.35s;
		-moz-animation-delay:1.35s;
}

#fountainG_7{
	left:108px;
	animation-delay:1.5s;
		-o-animation-delay:1.5s;
		-ms-animation-delay:1.5s;
		-webkit-animation-delay:1.5s;
		-moz-animation-delay:1.5s;
}

#fountainG_8{
	left:126px;
	animation-delay:1.64s;
		-o-animation-delay:1.64s;
		-ms-animation-delay:1.64s;
		-webkit-animation-delay:1.64s;
		-moz-animation-delay:1.64s;
}



@keyframes bounce_fountainG{
	0%{
	transform:scale(1);
		background-color:rgb(0,0,0);
	}

	100%{
	transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

@-o-keyframes bounce_fountainG{
	0%{
	-o-transform:scale(1);
		background-color:rgb(0,0,0);
	}

	100%{
	-o-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

@-ms-keyframes bounce_fountainG{
	0%{
	-ms-transform:scale(1);
		background-color:rgb(0,0,0);
	}

	100%{
	-ms-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

@-webkit-keyframes bounce_fountainG{
	0%{
	-webkit-transform:scale(1);
		background-color:rgb(0,0,0);
	}

	100%{
	-webkit-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

@-moz-keyframes bounce_fountainG{
	0%{
	-moz-transform:scale(1);
		background-color:rgb(0,0,0);
	}

	100%{
	-moz-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}
/*fin animacion*/

/*centrar imagen*/
.img_center{
	margin:0 auto;
}

.menu_posicion{
	margin-left: 140px;
}

.opciones_menu{
	height: 50px;
}

.lineaDivHead { 			
	border-style: solid; 
	border-width: 2px; 			
	border-color: #2a5578;
	border-top-style: hidden;
	border-right-style: hidden; 
	border-bottom-style: hidden;
	margin-top: 15px;
	margin-bottom: 15px;
	height: 110px;
}

.texto_cicese{
	margin-top: 7px;
	/*margin-bottom: 15px;*/
	font-weight: 600;
	font-size: 1.5em;
	/*font-style: italic;*/
}

.redes_sociales{
	width: 60px;	
}

.fondo_azul{
	background-color: #2a5578;
	border-radius: 0px;
}

.menu_opciones{	
    color: #2a5578;
    text-decoration:none;
    font-weight:500;
    padding: 25px 15px 25px 15px;
    text-transform:uppercase;
    font-size:16px;
    font-weight:900;
}

.textos_menu{
	font-size: 1.1em;
}

.pruebas{
	background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
}

.degradado_opciones{
	/*background: linear-gradient(rgba(255,255,255,1), rgba(237,237,237,1));*/
	/*background: linear-gradient(to bottom, rgba(255,255,255,0) 30%, rgba(255,255,255,1) 60%, rgba(246,246,246,0.88) 68%, rgba(235,233,249,0.86) 82%, rgba(237,237,237,0.83) 100%);*/
	background: linear-gradient(to bottom, rgba(237,237,237,0) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.5) 100%);
}

.degradado_instituciones{
	background: linear-gradient(rgba(237,237,237,1), rgba(255,255,255,1));
}

.circle {
    width: 50%;
    height:0;
    padding-bottom: 50%;
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
    background: #4679BD; 
}

.opciones_index{
	color: #2a5578;
    text-decoration:none;
    font-weight:600;
    /*text-transform:uppercase;*/
    font-size:1.1em;
    text-align: center;
    font-style: italic;
}

.contenido_op_index{
	font-weight: 100;
	color: #494949;
	font-size:0.84em;	
	background: linear-gradient(rgba(255,255,255,1), rgba(237,237,237,1));
}

.contenido_op_index_2{
	font-weight: 100;
	color: #494949;
	font-size:0.8em;	
}

.contenido_op_index_22:hover{	
	color: #fff;
	background:  rgba(91,91,91,1);
	cursor: pointer;
}

.contenido_op_index:hover{	
	color: #fff;
	background:  rgba(91,91,91,1);
	cursor: pointer;
}

.linea_index{	
	border-style: solid; 
	border-width: 5px; 			
	border-top-style: hidden;
	border-right-style: hidden; 
	border-left-style: hidden; 
	border-color: #00ba8c;
}

.img_seccion_x{
	display: block;
  	width: 100%;
  	height: auto;
}

.overlay_img_seccion_x {
	position: absolute; 
  	bottom: 0; 
  	background: rgb(0, 0, 0);
  	background: rgba(0, 0, 0, 0.5); /* Black see-through */
  	/*color: #f1f1f1; */
  	width: 86%;
  	transition: .5s ease;
  	opacity:0;
  	color: #fff;
  	font-size: 0.80em;
  	padding: 20px;
  	text-align: center;
  	font-weight: 600;
}

.container_img_seccion_x:hover .overlay_img_seccion_x {
  	opacity: 1;
  	color: #fff;
}

.overlay_img_seccion_x:hover{
  	color: #fff;
}

.container_img_seccion_x {
  position: relative;  
}

.sub_menu_img_seccion{
	font-size: 0.68em;
	text-align: left;
}

.sub_menu_img_seccion:hover{
	color: #fff;
}

/**/
.div-imagen {
    position: relative;
    height: 0 auto;
    width: 0 auto;
}

.div-imagen img {
    position: absolute;
    left: 0;
    bottom: 0;
}


/*INVESTIGACION*/
.encabezado_publicaciones{
	font-size: 1.1em;
	color: #2a5578;
	font-weight: bold;
}

.publicaciones_descripcion{
	font-size: 1.1em;
	color: #000;
}

/*tablas*/
.tablas_color{
	background-color: #00ba8c;
}

.tabla_hover:hover{
	color: #fff;
	background-color: #5b5b5b;
}

.espacio_top{
	margin-top: 20px;
}

/*CSS BARRA NEGRA ENCABEZADOS*/

.barra_negra_acerca{
	position: absolute;
    z-index: 2;
    top: calc(350px - 20px);
    margin-top: -200px;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.7);
    padding: 10px 50px;    
    text-align: left;
    font-size: 1.2em;
    color: white;
    font-weight: 300;
    letter-spacing: 0.2px;  
    height: 0 auto;      
}

.barra_negra{
	position: absolute;
    z-index: 2;
    /*top: calc(350px - 20px);*/
    /*margin-top: -200px;*/
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.7);
    padding: 10px 50px;    
    text-align: left;
    font-size: 0.8em;
    color: white;
    font-weight: 300;
    letter-spacing: 0.2px;  
    height: 0 auto;      
}

@media screen and (max-width: 500px){
  .barra_negra{
    margin-top: -110px;
    font-size: 0.5em;
  }

  .texto_cicese{
  	font-size: 0.8em;
  }

  .logo_cicese{
  	width: 15%;
  }

  .logo_conacyt{
  	width: 30%;
  }

  .textos_redes_sociales{
  	font-size: 0.5em;
  }
}

/* navegador mediano*/
@media (min-width: 500px) and (max-width: 900px) {
	.barra_negra{
    margin-top: -150px;
    font-size: 0.8em;
  }

  .texto_cicese{
  	font-size: 1em;
  }

  .auto_menu{
  	font-size: 12px;
  }

  .logo_cicese{
  	width: 20%;
  }

  .textos_redes_sociales{
  	font-size: 0.6em;
  }
  
}

/* navegador grande*/
@media screen and (min-width: 900px){
  .barra_negra{
    margin-top: -200px;
  }

  .textos_redes_sociales{
  	font-size: 0.7em;
  }
  
}

/*FONDO PARA CONTENEDORES*/
.fondo_div_contenedor{
	background-color: #e8e8e8;
}

.margenes_elementos_contenedores{
	margin-top: 15px;
	margin-bottom: 15px;
}

.secciones_linea { 			
	border-style: solid; 
	border-width: 2px; 	
	border-top-style: hidden;
	border-right-style: hidden;
	border-left-style: hidden;
	/*border-bottom-style: hidden;*/
	border-color: #184D79;
	font-size: 1em;
	font-weight: bold;
	color: #184D79;
	font-style: italic;
	margin-top: 15px;
}

.textos_redes_sociales{
	font-weight: 600;
	text-align: center;
}


.fondo_secciones_nvo{
	background-color: #e4e4e4;
}

.secciones_no_linea_nvo {	
	font-size: 1.1em;
	font-weight: bold;
	color: #184D79;/*#00ba8c;*/
	font-style: italic;
	margin-top: 15px;
}

.secciones_no_linea_consulta {	
	font-size: 1.1em;
	font-weight: bold;
	color: #00ba8c;
	font-style: italic;
	margin-top: 15px;
}

.contenido_secciones_nvo {	
	font-size: 0.97em;
	font-weight: bold;
	color: #5b5b5b;
	/*background: linear-gradient(103deg, rgba(249,249,249,1) 0%, rgba(249,249,249,0.35) 50%, rgba(249,249,249,0.25) 100%);*/
	background: -moz-linear-gradient(left, rgba(255,250,255,1) 0%, rgba(255,255,255,0.66) 53%, rgba(255,255,255,0.35) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,250,255,1)), color-stop(53%, rgba(255,255,255,0.66)), color-stop(100%, rgba(255,255,255,0.35)));
	background: -webkit-linear-gradient(left, rgba(255,250,255,1) 0%, rgba(255,255,255,0.66) 53%, rgba(255,255,255,0.35) 100%);
	background: linear-gradient(to right, rgba(255,250,255,1) 0%, rgba(255,255,255,0.66) 53%, rgba(255,255,255,0.35) 100%);
	/*margin-top: 15px;*/
}

.contenido_secciones_nvo:hover{
	/*background: linear-gradient(103deg, rgba(220,220,220,1) 0%, rgba(220,220,220,0.35) 50%, rgba(220,220,220,0.25) 100%);*/
	background: linear-gradient(to right, rgba(249,249,249,1) 0%, rgba(246,246,246,0.58) 50%, rgba(245,245,245,0.58) 50%, rgba(255,255,255,0.16) 100%);
	background: -moz-linear-gradient(left, rgba(249,249,249,1) 0%, rgba(246,246,246,0.58) 50%, rgba(245,245,245,0.58) 50%, rgba(255,255,255,0.16) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(249,249,249,1)), color-stop(50%, rgba(246,246,246,0.58)), color-stop(50%, rgba(245,245,245,0.58)), color-stop(100%, rgba(255,255,255,0.16)));
}

.contenido_seccion_consultas_p {	
	background-color: #fff;
	font-weight: bold;
	font-size: 0.97em;
}

.contenido_cajas_bpo{
	font-weight: bold;
}

.contenido_seccion_consultas_p:hover {	
	background: linear-gradient(103deg, rgba(220,220,220,1) 0%, rgba(220,220,220,1) 50%, rgba(220,220,220,1) 100%);
}

.divs_flecha_verde{
	/*background-image:url('w3css.gif');*/
	background: url(../img/opciones_index/flecha.png);
    background-repeat:no-repeat;
    background-position:left center;
    border-left-style: solid;
    border-width: 5px;
    border-left-color: #00ba8c;
}

.div_img_izq {
  	overflow: auto;
}

.img_izq {
  	float: left;
  	height: 28px;
}

.secciones_no_linea {	
	font-size: 1em;
	font-weight: bold;
	color: #184D79;
	font-style: italic;
	margin-top: 15px;
}

.efecto_opciones {	
	position: absolute;
}

.contenedor {
  position: relative;
  width: 50%;
  max-width: 300px;
}

.contenedor:hover .overlay {
  height: 100%;
  opacity: 1;
  background: rgba(0, 0, 0, 0.5);
  margin-top: -10%;
}

/*-- FOOTER --*/
.footer_titulos{
	font-weight: 600;
	font-size: 1.1em;
}

/* -- DIFUSUION --*/
.encabezados_tabla_difusion{
	font-size: 1em; 
	color: #eee; 
	font-weight: 700;
}

/*GALERIA IMAGENES*/
.galeria{
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}

.galeria img{ width: 100%; padding: 7px 0;}

@media (max-width: 500px) {
	.galeria {	
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
	    -moz-column-count: 1; /* Firefox */
	    column-count: 1;
	}

	
}

/* INVESTIGACION*/
.resultados_tablas_w{	
}

.resultados_tablas{
	background-color: #ddd;	
}

.resultados_tablas:hover{
	background-color: #5b5b5b;
	color: #eee;
}

.resultados_tablas_w:hover{
	background-color: #5b5b5b;
	color: #eee;
}

.resultados_publicaciones{
	/*background-color: #eee;*/
	background-color: #c6c3c3;
	color: #000;
}

.resultados_publicaciones:hover{
	background-color: #5b5b5b;
	color: #eee;
}

.investigador_proyectos{
	color: #000;
	font-size: 0.9em;
}

.investigador_datos{
	color: #000;
	font-size: 0.9em;
}

.investigador_publicaciones{
	color: #000;
	font-size: 1em;
}

.investigacion_labs{
	color: #000;
	font-size: 0.9em;
}

/*VINCULACION*/
.borde_sol_industria{
    border-left: 3px solid hsla(200, 175.8%, 69.9%,51.8%);
}

/*carrusel gob*/
#exampleSlider {
    position: relative;      /* recommended */
}
#exampleSlider .MS-content {
    white-space: nowrap;     /* required */
    overflow: hidden;        /* required */
    margin: 0 5%;            /* makes room for L/R arrows */
}
#exampleSlider .MS-content .item {
    display: inline-block;   /* required */
    width: 20%;              /* required * Determines number of visible slides */
    position: relative;      /* required */
    vertical-align: top;     /* required */
    overflow: hidden;        /* required */
    height: 100%;            /* recommended */
    white-space: normal;     /* recommended */
}
#exampleSlider .MS-controls button {
    position: absolute;      /* recommended */
    top: 35px;
}
#exampleSlider .MS-controls .MS-left {
    left: 10px;
}
#exampleSlider .MS-controls .MS-right {
    right: 10px;
}