/* Add here all your CSS customizations */

/*aqui es para dar el efecto particulas*/

#particles-js{
	width: 100%;
	position: absolute !important;
	top: 0;
	left: 0;
	height: auto;
}

.flexible{
	display: flex;
}

#particles-jsb{
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}

#particles-jsc{
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}

/* aqui acaban las particulas */

/*aqui es para hacer mas grande los titulos de la web*/
h2.titular{
	font-size: 3rem;
}

/* aqui se cambiar el color para campaña G-Suite */
/* OJO BORRAR CUANDO SE CUMPLA 26 de ABRIL */

.letraM{
	font-size: 1.5rem !important;
}

.colorFrontal{
	color: #F49F0A !important;
	font-weight: bold;;
}

/*hasta aqui acaba G-SUITE*/

.blanco{
	color: #fff !important;
}

/*ESTOS COLORES son para las carreras exactemente malla curricular*/

.colorM1{
	background-color: #6d6d6d;
	text-align: center;
	color: white;
	padding: 10px 0;
	font-size:1rem;
}

.colorM2{
	background-color: #98bbda;
	text-align: center;
	color: white;
	padding: 10px 0;
	font-size:1rem;
}

.colorM3{
	background-color: #f4de99;
	text-align: center;
	color: white;
	padding: 10px 0;
	font-size:1rem;
}

.colorM4{
	background-color: #bdd5ac;
	text-align: center;
	color: white;
	padding: 10px 0;
	font-size:1rem;
}

.colorM5{
	background-color: #e0a880;
	text-align: center;
	color: white;
	padding: 10px 0;
	font-size:1rem;
}

h2.bloque{
	display: block !important;
}

span.circuloCarrera{
	display:inline-block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	margin-left: 50px;
	position: absolute;
	right: 100px;
}

.cc1{
	background-color: #6d6d6d;
}

.cc2{
	background-color: #98bbda;
}

.cc3{
	background-color: #f4de99;
}

.cc4{
	background-color: #bdd5ac;
}

.cc5{
	background-color: #e0a880;
}

.colorGrad{
	background-color: #388697 !important;  
    background-color: -webkit-linear-gradient(to left, #99f2c8, #1f4037) !important;  /* Chrome 10-25, Safari 5.1-6 */
    background-color: linear-gradient(to left, #99f2c8, #1f4037) !important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

/*aqui acaban las mallas*/

/* este codigo es para investigacion */

table.oportunidades{
	width: 98%;
	margin: auto;
}

table.oportunidades tr td{
	border: 1px solid #EBE4E4;
	padding-left: 10px;
}

table.oportunidades .cabecera{
	background-color: #BBD4EA;
	text-align: center;
}

table.gruposInvestigacion{
	width: 98%;
	margin: auto;
}

table.gruposInvestigacion h3{
	text-align: center;
	margin-top: 20px;
}

table.gruposInvestigacion tr td{
	border: 1px solid #EBE4E4;
	padding-left: 10px;
}

.cabeceraT{
	background-color: #30B8D1 !important;
}
.gruposInvestigacion tr:nth-child(even){
	background-color: #F7F7FF !important;
}
.p1{
	width: 25%;
}

.p2{
	width: 10%;
}
.p3{
	width: 50%;
}
.p4{
	width: 15%;
}


/*acaba codigo de investigacion*/


.centrar{
	text-align: center;
}

.justificar{
	text-align: justify;
}

.oculto{
	display: none;
}

div.romper{
	clear: both;
}

img.centrarIMG{
	display: block;
	margin: auto;
}

.tabla_simposio thead{
	background-color: #FFA11E !important;
	color: black;
}

.tabla_simposio tbody tr:nth-child(even){
	background-color: #F9F9F9 !important;
}


/*/////////////////////////////////////////////////////////////////////////////////////*/

.flexible{
	display: flex;
	justify-content: center;
	align-items: flex-end;
	flex-direction: column;
}

/*esta parte es para las noticias ikiam de la derecha*/
div.noticiasIKIAM{
	display: flex;
	flex-direction: column;
	width: 25%;
	height: 37vh;
	z-index: 1000;
	position: relative;
	align-items: center !important;
	/*background-color: green;*/
}

div.contenidos{
	width: 100%;
	height: 50vh;
	padding: 15px;
	box-sizing: border-box;
	border-bottom: 3px solid white;
	display: flex;
	align-items: center;
}

p.titBanner{
	font-size: 26px;
	color: white !important;
}

p.datoBanner{
	color: white !important;
	font-size: 1rem !important;
}

a.linkNoticias{
	text-decoration: none;
}

/*Color de las carreras*/

.colorCarreras{
	background-color: #0f88ca !important;
}

.textoCarreras{
	color: #0f88ca !important;
}


.botCarreras{
	text-decoration: none;
}

.botCarreras:hover{
	text-decoration: none;
}

/*hasta aqui son de las noticias*/


@media (min-width: 100px) and (max-width: 700px) {

	div.letraM{
		display: none !important;
	}

	.flexible{
		justify-content: flex-end;
	}
	
	div.noticiasIKIAM{
		flex-direction: row;
		width: 100%;
		height: 15vh;
		align-items: flex-start;		
	}

	.cajaBanner{
		display: flex;
		justify-content: center;
	}
	
	div.contenidos{
		width: 50%;
		height: 100%;
		border: 0.5px solid rgba(255,255,255,0.1);
		padding: 15px;
		box-sizing: border-box;
	}

	p.titBanner{
	font-size: 18px;
	color: white !important;
	}

	p.datoBanner{
		display: none;
	}
	
}


/*DESDE AQUI BORRAR UNA VEZ CONCLUIDO EL PERIODO DE AYUDANTES DE CATEDRA*/

table.oportunidadesAYU{
	width: 98%;
	margin: auto;
}

table.oportunidadesAYU tr:nth-child(odd){
	background-color: #DBF1FF;
}

td.cabAYU{
	background-color: #1B4965;
	padding: 15px 0;
	font-size: 22px;
	color: white;
	text-align: center;
}

/*TABLAS AECID*/

.tablaSimple{
	width: 95%;
}

.tablaSimple td{
	border: 1px solid black;
	padding: 3px 0;
	text-align: center;
}

.titAecid{
	background-color: #008080;
	color: white;
	font-size: 22px;
}

.titAecid .f1{
	width: 6%;
}

.titAecid .f2{
	width: 45%;
}

.titAecid .f3{
	width: 45%;
}

.tablaSimple tr:nth-child(even){
	background-color: #EFEFEF;
}


.anuncio{
	color: red !important;
}

div.lineas{
	border: 1px solid #d1d1d1 !important;
	box-sizing: border-box;
}

h2.fondoNaranja{
	background-color: #ef4822;
	width: 100%;
	display: block;
	padding: 10px 0;
	text-align: center;
	color: white;
}