@charset "UTF-8";

a:link, a:visited, a:active {
	text-decoration: none;
}

.body-csg {
	width: 100%;
	padding: 0px;
	margin: 0 auto;
	font-family: Helvetica;
	font-size: 12pt;
	text-align: center;
	min-width: 300px;
}

#panel-indicadores {
	width: 80%;
	margin: 15px auto;
	padding: 5px;
	color: #999999;
	font-size: 15pt;
	text-align: center;
}

#panel-indicadores div {
	display: inline-block;
	width: 30%;
}

.numeral {
	color: #1252b2;
	font-weight: bold;
}

@font-face {
	font-family: Helvetica-Light;
	src: url('/resources/fonts/Helvetica-Light.ttf');
}

#panel-centro {
	background-image: url('/resources/img/imgPortal/fondo-nue.png');
	width: 100%;
	margin: 5px auto;
	height: auto;
	overflow: hidden;
	width: 100%;
}

#lema-central {
	width: 80%;
	text-align: center;
	margin: 30px auto 5px auto;
	display: table;
}

.texto-central {
	display: table-cell;
	width: 90%;
	text-align: center;
	margin: 0px auto;
	color: #FFFFFF;
	font-family: Helvetica-Light;
	font-size: 19pt;
}
.idiomas {
	display: table-cell;
	width: 90%;
	text-align: center;
	margin: 0px auto;
	color: #FFFFFF;
	font-family: Helvetica-Light;
	font-size: 13pt;
	cursor: pointer;
}

.icono-redes-sociales {
	display: table-cell;
	vertical-align: middle;
	width: 6%;
	margin: 0px auto;
	text-align: right;
	width: 6%;
}

.h3-buscador {
	width: 80%;
	margin: 30px auto;
	height: auto;
	clear: both;
	text-align: center;
	position: relative;
	clear: both;
}

.combo-options {
	display: inline-block;
	margin: 10px auto;
}

.searching {
	width: 40%;
	margin: 10px auto;
}

#tipo-busqueda {
	width: 250px;
	height: 30px;
	color: white;
	/*background-color: #e20059;*/
	background-color: #1252b2;
	background-image: none;
	border: none;
	border-radius: 3px;
	font-size: 12pt;
	text-align-last: center;
	-moz-text-align-last: center;
	outline: none;
	margin-right: 20px;
}

.degradado-ameli {
	position: relative;
	top: 45px;
	width: 100%;
	height: 5px;
	background-image: linear-gradient(#FFFFFF, #C0C0C0);
}

#entrada-busqueda {
	width: 325px;
	height: 26px;
	padding: 0px;
	font-size: 16px;
	border: 1px solid #1252b2;
	border-radius: 3px;
	text-indent: 15px;
	outline: none;
	background-color: #ffffff;
}

#lupa-busqueda {
	position: relative;
	right: 40px;
	top: 7pt;
	cursor: pointer;
	height: 28px;
}

#bu-entrada-busqueda {
	width: 350px;
	height: 28px;
	border-radius: 40px;
	border: 0px solid #b3b3b3;
	outline: none;
	text-indent: 15px;
	font-size: 13pt;
}

.mostrar {
	width: 348px;
	height: 30px;
	border-radius: 40px;
	background-color: #e2e2e2;
	border: 0px solid #b3b3b3;
	outline: none;
	font-size: 11pt;
}

#bu-lupa-busqueda {
	position: relative;
	right: 40px;
	height: 31px;
	top: 10px;
}

#bu-label-busqueda {
	
}

#colecciones-buttons {
	display: block;
	width: 70%;
	margin: 20px auto 0px auto;
	height: 110px;
	max-width: 600px;
}

.icon-coleccion {
	background-color: white;
	border-radius: 50px;
	display: inline-block;
	border: 4px solid #989898;
}

.icon-coleccion:hover {
	border: 4px solid #e20059;
}

#colecciones-buttons p {
	font-family: Helvetica-Light;
	font-size: 12pt;
	color: white;
	text-shadow: 1px 0px 0 #1017f3;
	font-weight: bold;
}

.ocultar {
	display: none;
}

.menu-more-info {
	width: 90%;
	margin: 20px auto;
	max-width: 1100px;
	text-align: center;	
}

.menu-more-info p {
	margin: 10px;
	cursor: pointer;
	color: #999999;
	display: inline-block;
}

.menu-more-info p:hover {
	color: #e20059;
}

.separator{
	background: #dedede;
	width: 100%;
	height: 1px;
}

#pre-prePie {
	width: 100%;
	margin: 0px auto;
	text-align: center;
	max-width: 1300px;
	height: auto;
}

.icon-pre-pre {
	display: inline-table;
	width: 8%;
	margin: 25px auto;
}

#pre-prePie a:link, a:visited, a:active {
	color: #999999;
}

#pre-prePie p {
	font-size: 9pt;
	color: #999999;
	min-height: 42px
}
/* cambios home */
.menu-opciones{
	width: 80%;
    /*margin: 0px 30px;*/
    text-align: right;
}

.menu-opciones p{
	margin: 5px;
    cursor: pointer;
    color: #1252B2;
    display: inline-block;
    border-right: 2px solid #1252B2;
    padding: 3px 8px 3px 0px;
    font-weight: bold;
}
.menu-opciones p:hover{
	color: #1252b2;
}

.menu-idiomas{
	display: flex;
    width: 5%;
    color: #1252B2;
    font-family: Helvetica-Light;
    font-size: 13pt;
    cursor: pointer;
}
.menu-idiomas span:hover{
	color: #1252b2;
}
.menu-idiomas > span{
	margin: 5px 0px 0px 0px;
	width: 50%;
	font-weight: bold;
}
.menu-redes{
	display: flex;
    width: 10%;   	
}

/*NUEVAS CLASES PARA LA NUEVA VERSIÓN DE LA HOME CON EL MAPA*/

#mapa{
	width: 100%;
	height: 450px;	
}

.titulo{
    width: 15%;
    height: 30px;
    background-color: white;
    color: #0066CC;    
}

.titulo-disc{
	width: 76%;
    height: 0px;
    color: #0066CC;
}

.titulo-disc-inst{
	width: 59%;
    height: 0px;
    color: #0066CC;
}

.titulo-disc-white{
	width: 76%;
    height: 0px;
    color: white;
}

.subtitulo-categoria{
	display: block;
    text-align: initial;
    font-size: 11pt;
    padding: 5px 0px;
}

.grid {
 	display: flex;
    width: 100%;
}

.disciplina-categoria{
	height: auto; width: 25%;
}

#listaAreasSociales{
	text-align: initial;
}

#listaAreasNaturales{
	text-align: initial;
}

#listaAreasHuman{
	text-align: initial;
}

#listaIns{
	text-align: initial;
}

.disciplinas-lista:hover {
	color: #0066ff !important;
}

.ins-lista:hover {
	color: #330066 !important;
}

a:link, a:visited, a:active {
	text-decoration: none;
	color: #999999;
}

.txt-busqueda-ins {
	color: #999999;
	font-size: 11.5pt !important;
}

#entrada-busqueda-instituciones{
	width: 80%;
	height: 18pt;	
	text-indent: 5.5pt;
	border: 1px solid;	
	outline: none;
	/*background-color: #f2f2f2;*/
	position: relative;
}

#lupa-busqueda-instituciones{
	position: relative;
	right: 29px;
	top: 3pt;
	cursor: pointer;	
	width: 15px;
    height: 15px;	
}

.result-busqueda {
	width: 100%;
	color: color: #999999 !important;
	font-size: 11.5pt !important;
	text-align: initial;
}

.h3-buscador-instituciones{
	width: 93%;	
	height: 60px;
	clear: both;
	text-align: center;
	position: relative;
	clear: both;
}

#contenedor-buscador-resultados{
padding: 0px 10px 15px 0px;
}

@media only screen and (max-width: 980px) and (min-width: 675px) {
	#panel-indicadores {
		margin: 7px auto;
		font-size: 12pt;
	}
	.texto-central {
		font-size: 15pt;
	}
	.idiomas {
		font-size: 11pt;
	}	
}

@media only screen and (max-width: 795px) and (min-width: 481px) {
	#pre-prePie {
		width: 95%;
		margin: 25px auto;
	}
	.icon-pre-pre {
		width: 17%;
		margin: 5px auto;
	}
	.combo-options {
		display: block;
		margin: 10px auto;
	}
	#tipo-busqueda {
		width: 50%;
	}
	#entrada-busqueda {
		width: 50%;
		margin-left: 21px;
	}
	.mostrar {
		width: 50%;
		margin-left: -22px;
	}
}

@media only screen and (max-width: 675px) and (min-width: 481px) {
	#entrada-busqueda {
		width: 50%;
		height: 28px;
		font-size: 11pt;
		margin-left: 22px;
	}
	#panel-indicadores {
		margin: 7px auto;
		font-size: 12pt;
	}
	.texto-central {
		font-size: 15pt;
	}
	.idiomas {
		font-size: 11pt;
	}
	#panel-indicadores div {
		display: block;
		width: 80%;
		margin: 5px auto;
	}
	.mostrar {
		font-size: 10pt;
		width: 50%;
		height: 28px;
	}
	#panel-indicadores div {
		display: block;
		width: 80%;
		margin: 5px auto;
	}
	#colecciones-buttons {
		width: 90%;
	}
}

@media only screen and (max-width: 480px) {
	#tipo-busqueda {
		width: 80%;
		margin-right: 0px;
	}
	#entrada-busqueda {
		width: 62%;
		height: 28px;
		font-size: 11pt;
		margin-left: 33px;
	}
	#panel-indicadores {
		margin: 7px auto;
		font-size: 12pt;
	}
	.texto-central {
		font-size: 15pt;
	}
	.idiomas {
		font-size: 10pt;
		text-align: center;
		width: 10%;
	}
	#panel-indicadores div {
		display: block;
		width: 80%;
		margin: 5px auto;
	}
	#bu-lupa-busqueda {
		top: 10px;
	}
	.mostrar {
		font-size: 10pt;
		width: 80%;
		height: 28px;
	}
	#panel-indicadores div {
		display: block;
		width: 80%;
		margin: 5px auto;
	}
	#colecciones-buttons {
		width: 90%;
	}
	.combo-options {
		display: block;
	}
	#lema-central {
		width: 80%;
		display: block;
	}
	.texto-central {
		display: block;
		width: 80%;
		font-size: 14pt;
	}
	.icono-redes-sociales {
		display: block;
		width: 50%;
		text-align: center;
	}
	#pre-prePie {
		width: 95%;
		margin: 17px auto;
	}
	.icon-pre-pre {
		width: 22%;
		margin: 5px auto;
	}
	#pre-prePie p {
		font-size: 8pt;
	}

}