@font-face {
  font-family: 'Lato-Regular';
  src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
  	   url('../fonts/Lato-Regular.woff') format('woff'),
       url('../fonts/Lato-Regular.ttf')  format('truetype'),
       url('../fonts/Lato-Regular.svg#Lato-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Lato-LightItalic';
  src: url('../fonts/Lato-LightItalic.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Lato-LightItalic.woff') format('woff'),
  url('../fonts/Lato-LightItalic.ttf')  format('truetype'),
  url('../fonts/Lato-LightItalic.svg#Lato-LightItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Lato-Light';
  src: url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Lato-Light.woff') format('woff'),
  url('../fonts/Lato-Light.ttf')  format('truetype'),
  url('../fonts/Lato-Light.svg#Lato-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Lato-BoldItalic';
  src: url('../fonts/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Lato-BoldItalic.woff') format('woff'),
  url('../fonts/Lato-BoldItalic.ttf')  format('truetype'),
  url('../fonts/Lato-BoldItalic.svg#Lato-BoldItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Lato-Bold';
  src: url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Lato-Bold.woff') format('woff'),
  url('../fonts/Lato-Bold.ttf')  format('truetype'),
  url('../fonts/Lato-Bold.svg#Lato-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

body
{
	font-family: 'Lato-Regular', sans-serif;
}

h1
{
	font-size: 2.5em;
	color: #033F74;
}

/*INDEX*/

.cajas
{
	margin-top: 100px;
}

.cajasMenu
{
	width: 251px;
	height: 166px;
	background-color: #ECEEF0;
	border-bottom: 2px solid #C1C2C5;
	text-align: center;
}

.cajasMenu img
{
	margin: 30px auto 10px auto;
}

.bordeAzul
{
	border-top: 2px solid #00A2C8;
}

.bordeNaranja
{
	border-top: 2px solid #F8A31A;
}

/*ESTUDIAR EN COLOMBIA*/

.banner
{
	height: 100px;
	background-color: #033F74;
	border-bottom: 5px solid #F8A31A;
}

.titulo
{
	font-size: 2em;
	color: white;
	display: inline-block;
	margin:20px 0px 0px 0px;
}

.subtitulo
{
	font-size: 1.4em;
	color: white;
	display: inline-block;
	margin: 0;
}

.contenedor
{
	min-height: 700px;
	/* background: url(../images/mapa-01.png) no-repeat center center #F5F7F7; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; */
  padding: 20px 0;
}

.cajaDeTexto
{
	padding: 10px;
	background-color: #3E454C;
	color: white;
}

.triangulo
{
	height: 15px;
	background-image: url(../images/triangulo.png);
	background-repeat: no-repeat;
	background-position: top center;
}

.profesor
{
	height: 130px;
	text-align: center;
}

.listaDesplegable li
{
	margin-left: -18px;
	color: #004482;
}

ul.listaDesplegable {
  list-style-type: none;
}
ul.listaDesplegable > li {
  text-indent: -5px;
}
ul.listaDesplegable > li:before {
  content: ">";
  text-indent: -5px;
}

.botones
{
	margin: 0 auto 10px auto;
	max-width: 270px;
}

.botones img
{
	float: none;
    margin: 0 auto;
}

.botones:first-child
{
	margin-top: 80px;
}

.sinPaddingDer
{
	padding-right: 0;
}

.centrar
{
	text-align: center;
}

.prueba
{
	background-color: red;
}

/*POPS*/

.contenedorPop
{
	padding-top: 25px;
}

.regionPop
{
	background-color: #D7DADB;
	height: 47px;
	color: #2C3E50;
	font-size: 1.3em;
	padding-top: 13px;
}

.iesTotal_acreditacion
{
	background-color: #F4B04E;
	height: 47px;
	color: white;
	font-size: 1.2em;
	padding-top: 13px;
}

.iesAcreditadas
{
	background-color: #E29017;
	height: 47px;
	color: white;
	font-size: 1.2em;
	padding-top: 13px;
}

.convencionAzul
{
	background-color: #2C3E50;
	text-align: center;
	height: 47px;
	border-right: white solid thin;
	color: #6DBCDB;
	padding-top: 13px;
	font-size: 1.2em;
}

.convencionAzul:last-child
{
	border-right: none;
}

.convencionAzulClaro
{
	background-color: #6DBCDB;
	text-align: center;
	height: 60px;
	border-right: white solid thin;
	color: #2C3E50;
	padding-top: 13px;
	font-size: 1.2em;
}

.convencionAzulClaro:last-child
{
	border-right: none;
}

.spanDerecha
{
	float: right;
}

.spanIzquierda
{
	float: left;
}

.tituloConvenciones
{
	margin: 5px 0 0 0;
}

/*TOOLTIP*/

.tooltip > .tooltip-inner
{
	background-color: white;
	color: #2C3E50; 
}

.tooltip.left > .tooltip-arrow
{
	border-left: 5px solid white;
}

/*CABEZOTE*/

.cabezote
{
	width: 100%;
	height: auto;
}

.sinPadding
{
	padding: 0;
}

.cajaBotones
{
	float: none;
    margin: 0 auto;
}

.cajaConvenciones
{
	width: 350px;
	height: 0;
	font-size: 0.9em;

	@media (max-width: 768px) {
		width: 100%;
		height: unset;
	}
}

.convencion1
{
	width: 15px;
	height: 15px;
	margin-right: 10px;
	background-color: #3E454C;
	float: left;
}

.convencion2
{
	width: 15px;
	height: 15px;
	margin-right: 10px;
	background-color: #506F89;
	float: left;
}

.convencion3
{
	width: 15px;
	height: 15px;
	margin-right: 10px;
	background-color: #7ECEFD;
	float: left;
}

#map {
	height: 700px;
    display: flex;
    flex-direction: column-reverse;
}

.accordion-heading .accordion-toggle {
	padding: 21px 50px 14px 7px;
}