*
{
	font-family: 'Lato', sans-serif !important;
}
.img{
	width: 100%;
	height: auto;
	margin: 5px;
}
body
{
	background-image: url(../img/bg/fondopresentacion.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.horizontal
{
background: #ededed;
position: absolute;
width: 100%;
z-index: 999999;
height: 100%;
display: none;
}
/*HEADER*/
header
{
	background: #1178bb;
	padding: 12px 0px;
    position: fixed;
    z-index: 300;
    right: 0;
    left: 0;
}
.btn-modalidad
{
	background: transparent;
	border: none;
	cursor: pointer;
}
/*HEADER*/
/*FOOTER*/
.titulo-mobile
{
	display: none !important;
}
.infografia-mobile
{
	display: none !important;
}
.menu-mobile
{
	display: none;
	background: #000;
	position: fixed;
	z-index: 300;
    right: 0;
    left: 0;
    bottom: 0;
    text-align: center;
}
footer
{
	background: #000;
	position: fixed;
	z-index: 300;
    right: 0;
    left: 0;
    bottom: 0;
}

.img-institu{
	margin-left: 62px;
}

/*FOOTER*/
/*SECCIONES*/
.contenidos
{
	/* margin-top: -50px */
}
.franja-abajo
{
	color: #1178bb;
	font-weight: 900;
}
.franja-abajo::after
{
	content: " ";
    width: 30px;
    height: 5px;
    display: block;
    background-color: #1178bb;
    position: relative;
    bottom: -10px;
}
.azul
{
	color:#1178bb;
}
.subtitulo-contenido
{
	color: #1178bb;
	font-weight: bold;
}
.negro
{
	color:#000;
}
.punto-lista, ul.punto-lista li
{
	list-style: disc;
	color: #1178bb;
}
ul.punto-lista li {
	color: #000000;
	list-style: none;
	position: relative;
	margin-bottom: 1rem;
}
ul.punto-lista li:before {
	content: " ";
    width: 5px;
    height: 5px;
    background-color: #1178bb;
    position: absolute;
    border-radius: 50%;
    left: -20px;
    top: 10px;

}
.ventana
{
	width: 100%;
  height: 500px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-bottom: 150px;
}

.ventana::-webkit-scrollbar {
    width: 10px;
}

.ventana::-webkit-scrollbar-track {
    background: #424f62;
    box-shadow: inset 0 0 5px #424f62;
    border-radius: 10px;
}

.ventana::-webkit-scrollbar-thumb {
    background: #a0bfd5;
    border-radius: 10px;
}
.link-contenido
{
	text-decoration: underline;
	color: #1178bb;
}
.infografia1, .infografia2, .infografia3, .infografia4, .infografia5, .infografia6, .infografia7, .infografia8, .infografia9, .infografia10, .infografia11, .infografia12, .infografia13, .infografia14, .infografia15
{
	display: none;
}
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
.transicion
{
	display: block !important;
	-webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}
.infografia1-show
{
	display: block !important;
	-webkit-animation: fadeIn 2s;
    animation: fadeIn 2s;
}
.info1, .info2, .info3, .info4, .info5, .info6, info7, info8, info9, info10, info11, info12, info13, info14, info15
{
	background: transparent;
	border: solid 1px #1178bb;
	color: #1178bb;
	cursor: pointer;
	padding: 0px 20px;
	width: 100%;
}
.info1:hover, .info2:hover, .info3:hover, .info4:hover, .info5:hover, .info6:hover, .info7:hover, .info8:hover, .info9:hover, .info10:hover, .info11:hover, .info12:hover, .info13:hover, .info14:hover, .info15:hover
{
	background: #1178bb;
	color: #fff;
}
.infografia1 img, .infografia2 img, .infografia3 img, .infografia4 img, .infografia5 img, .infografia6 img, .infografia7 img, .infografia8 img,.infografia9 img, .infografia10 img, .infografia11 img, .infografia12 img, .infografia13 img, .infografia14 img, .infografia15 img
{
	width: 360px;
	height: 150px;
	margin-bottom: 20px;
}
#fp-nav
{
	display: none;
}
.modal-content
{
	background-image: url(../img/bg/fondopresentacion.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
/*Inicio*/
#inicio
{
	background-image: url(../img/bg/bg-principal.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
span.pao{
	font-size: 10px !important ;
}



.btn_like, .btn_dislike {
	background-color: transparent !important;
	border:none;
	cursor: pointer;
}

form#ev_positiva, form#ev_negativa {
	margin-top: 15px;
	margin-bottom: 15px;
}
form#ev_positiva .form-check, form#ev_negativa .form-check {
	padding-top: 5px;
	padding-bottom: 5px;
}
form#ev_positiva button[type="submit"], form#ev_negativa button[type="submit"] {
	margin-top: 20px;
	background-color: #ee8a25;
	color: #ffffff;
}

form#ev_positiva button[type="submit"] img, form#ev_negativa button[type="submit"] img {
	margin-right: 7px;
}
/*Inicio*/
/*Presentación*/
/*#presentacion
{
	background-image: url(../img/bg/fondopresentacion.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}*/
/*Presentación*/
/*Desafío*/
/*#desafio
{
	background-image: url(../img/bg/fondopresentacion.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}*/
/*Desafío*/
/*Infografía*/
/*#infografia
{
	background-image: url(../img/bg/fondopresentacion.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}*/
/*Infografía*/
/*Contexto*/
/*#contexto
{
	background-image: url(../img/bg/fondopresentacion.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}*/
/*Contexto*/
/*Examen*/
/*#examen
{
	background-image: url(../img/bg/fondopresentacion.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}*/
/*Examen*/
/*Practica*/
/*#practica
{
	background-image: url(../img/bg/fondopresentacion.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
*//*Practica*/
/*Saber*/
/*#saber
{
	background-image: url(../img/bg/fondopresentacion.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}*/
/*Saber*/
/*SECCIONES*/
.titulo-inicio
{
	margin-top: -145px;
}
/*NAVEGACIÓN*/
#fp-nav ul li .fp-tooltip
{
	top: 0px !important;
	right: 15px !important
}
/*.navegacion-inicio
{
	position: absolute;
	left: 40%;
	top: 25%;
}*/
.navegacion
{
	position: fixed;
	top: 15%;
	left: 38%;
	z-index: 1000;
}
.navegacion ul
{
	list-style: none;
	padding-left: 0px;
}
.navegacion li
{
	margin-bottom: 15px;
}
/*.navegacion-presentacion
{
	position: absolute;
	left: 40%;
	top: 25%;
}
.navegacion-presentacion ul
{
	list-style: none;
}
.navegacion-desafio
{
	position: absolute;
	left: 40%;
	top: 25%;
}
.navegacion-desafio ul
{
	list-style: none;
}
.navegacion-infografia
{
	position: absolute;
	left: 40%;
	top: 25%;
}
.navegacion-infografia ul
{
	list-style: none;
}
.navegacion-contexto
{
	position: absolute;
	left: 40%;
	top: 25%;
}
.navegacion-contexto ul
{
	list-style: none;
}
.navegacion-examen
{
	position: absolute;
	left: 40%;
	top: 25%;
}
.navegacion-examen ul
{
	list-style: none;
}
.navegacion-practica
{
	position: absolute;
	left: 40%;
	top: 25%;
}
.navegacion-practica ul
{
	list-style: none;
}
.navegacion-saber
{
	position: absolute;
	left: 40%;
	top: 25%;
}
.navegacion-saber ul
{
	list-style: none;
}*/
.logo-aliat
{
	position: fixed;
	left: 15%;
	bottom: 20%;
	z-index: 1000;
}
.customtooltips
{
	display: none;
	background: #000;
	text-decoration:none;
	color: #fff;
	position: absolute;
	right: 55px;
	padding: 5px 30px;
}
/*NAVEGACIÓN*/
/*INFOGRAFIAS*/
.nav-pills .nav-link.active, .nav-pills .show>.nav-link
{
	background: #325587 !important;
}
.nav-pills .nav-link
{
	background: #4697c3 !important;
	color: #fff !important;
	margin:5px 0px;
	padding: 10px 5px;
	font-size: 12px;
    line-height: 12px;
}
.nav-pills .nav-link:hover
{
	background: #325587 !important;
}
.bolita-info
{
	background: #367aae;
	border-radius: 40px;
	padding: 3px 8px;
}

.nav-pills .nav-link.active .bolita-info
{
	background: #367aae;
	border-radius: 40px;
	padding: 3px 8px;
}
.tab-content img
{
	border: solid 2px #ededed;
}
.infografia1-show
{
	display: block !important;
	-webkit-animation: fadeIn 2s;
    animation: fadeIn 2s;
}
.info1, .info2, .info3, .info4, .info5, .info6, .info7, .info8, .info9, .info10, .info11, .info12, .info13, .info14, .info15
{
	background: transparent;
	border: solid 1px #1178bb;
	color: #1178bb;
	cursor: pointer;
	padding: 0px 20px;
	width: 100%;
	text-align: left;
	margin: 5px 0px;
	padding: 5px;
}
.info1:hover, .info2:hover, .info3:hover, .info4:hover, .info5:hover, .info6:hover, .info7:hover, .info8:hover, .info9:hover, .info10:hover, .info11:hover, .info12:hover, .info13:hover, .info14:hover, .info15:hover
{
	background: #1178bb;
	color: #fff;
}
.infografia1 img, .infografia2 img, .infografia3 img, .infografia4 img, .infografia5 img, .infografia6 img, .infografia7 img, .infografia8 img, .infografia9 img, .infografia10 img, .infografia11 img, .infografia12 img, .infografia13 img, .infografia14 img, .infografia15 img
{
	border: solid 2px #ededed;
}
/*INFOGRAFIAS*/
/*MEDIAS QUERIES*/
/* @media screen and (min-width:640px) (orientation:landscape)
{
	.horizontal
	{
		display: block !important;
	}
	.container
	{
		display: none !important;
	}
} */

@media screen and (max-width: 991px) {
	header .container {
		max-width: initial;
		width: 100%;
	}
}
@media screen and (max-width: 768px) {
	.titulo-desktop > div:nth-child(2) {
		background-color: #1178bb;
    	padding-top: 4px;
	}
}
@media screen and (min-width:320px) and (max-width:767px) 
{
	.navegacion
	{
		display: none;
	}
	.logo-aliat
	{
		display: none;
	}
	footer
	{
		display: none !important;
	}
	.menu-mobile
	{
		display: block;
		z-index: 100000;
	}
	.titulo-desktop
	{
		/*display: none !important;*/
	}
	.titulo-mobile
	{
		/*display: block !important;*/
	}
	.modalidad-mobile
	{
		/*position: absolute !important;
		left: 85%;
		top: 15px;*/
	}
	.contenidos
	{
		margin-top: 80px;
	}
	.ventana
	{
		overflow-y: hidden;
		height: auto;
	}
	body
	{
		background: #ededed !important;
	}
	.infografia-desktop
	{
		display: none !important;
	}
	.infografia-mobile
	{
		display: block !important;
	}
	.col-xs-4 
	{
		max-width: 15% !important;		
	}
	.col-xs-8
	{
		max-width: 85% !important;
	}
	.col-xs-12{
		max-width: 100% !important;
	}
}
@media screen and (min-width:768px) and (max-width:1023px)
{
	.navegacion
	{
		display: none;
	}
	.logo-aliat
	{
		display: none;
	}
	footer
	{
		display: none !important;
	}
	.menu-mobile
	{
		display: block;
		z-index: 100000;
	}
	.titulo-desktop
	{
		/*display: none !important;*/
	}
	.titulo-mobile
	{
		/*display: block !important;*/
	}
	.modalidad-mobile
	{
		/*position: absolute !important;
		left: 85%;
		top: 15px;*/
	}
	.contenidos
	{
		margin-top: 80px;
	}
	.ventana
	{
		overflow-y: hidden;
		height: auto;
	}
	body
	{
		background: #ededed !important;
	}
	.infografia-desktop
	{
		display: none !important;
	}
	.infografia-mobile
	{
		display: block !important;
	}
}
@media screen and (min-width:1400px) and (max-width:1920px){
	.navegacion
	{
		left:40%;
	}
}
/*MEDIAS QUERIES*/


/*AGREGADO*/
.fancybox img{
    width:90%;
    margin:0 auto;
    display: block;
}

.text_over{
    height:280px;
    overflow:auto;
}
.texto_desafio{
    min-width:97%;
    max-width:97%;
    min-height:130px;
    max-height:130px;
    font-size:0.8em;
}
.text_form{
    font-family: 'Roboto', sans-serif;
    font-size:1em;
}
.respuesta {
background: #B1DBDD;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:fff;
padding:20px;
text-align: justify ;
margin-bottom:10px;
margin-top:20px;
border-radius:10px;
width:90%;
/*position: relative;
z-index:99999;*/
}

.minifont {
	width:80%;
	margin-left:3%;
	background-image:url(../img/bg/commons..png);
	background-repeat: no-repeat;
	padding-left: 140px;
	padding-right: 7%;
	color: #969696;
	text-align:left;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12px;
}

.APA {
	width:90%;
	margin-top:25px;
	margin-bottom:20px;
	padding: 20px 20px 20px 20px;
	color: #969696;
	text-align: left;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:14px;
	border-top:solid;
	border-bottom:solid;
}