@charset "UTF-8";

/* CSS Notas de la CEPAL */

body {
	margin: 0px;
	padding: 0px;
	background-color: #eeeeee;
}
img{
	width: 100%;
	height: auto;
}
.cont-total {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	max-width: 1024px;
	width: 70%;
}

.cont-banner {
	background-color: #444444;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
}
.cont-banner img{ width: 100%;}
.home .cont-izq {
	background-color: rgba(255, 255, 255, 0);
}
.cont-izq {
	padding: 0px;
	-ms-flex: 0 0 74%;
	flex: 0 0 74%;
	max-width: calc(74% - 15px);
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	box-sizing: content-box;
	margin-right: 15px;
	background-color: RGB(255, 255, 255);
}
.cont-der {
	flex: 0 0 25%;
	max-width: calc(100% - 74%);
	margin: 0px;
	padding: 0px;
	background-color: #444444;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
}
.cont-izq-700 {
	background-color: #ffffff;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.cont-izq-700-2 {
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	background-color: RGB(255, 255, 255);
	width: 100%;
}
#cont-interno {
	background-color: #ffffff;
	padding: 0px;
	margin: 0px;
}

.cont-700-texto {
	padding: 10px;
	height: auto;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background-color: #ffffff;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	text-decoration: none;
}

.cont-texto {
	padding: 0px;
	height: auto;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background-color: #ffffff;
	text-decoration: none;
}

.cont-350-izq {
	padding: 0px;
	height: auto;
	margin: 0px;
	left: 0px;
	top: 0px;
	background-color: #ffffff;
}

.cont-350-der {
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}

.cont-350-int {
	padding: 0px;
	left: 0px;
	top: 0px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
	width: 330px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 16px;
}

.cont-350-texto {
	padding: 0px;
	left: 0px;
	top: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	height: auto;
	width: 325px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 16px;
	margin-right: auto;
	text-align: justify;
}

.cont-izq-titulo {
	height: 25px;
	width: auto;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3d98cc;
	font-weight: bold;
	background-color: #ffffff;
	margin: 0px;
}

.cont-izq-titulo-large {
	width: auto;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3d98cc;
	font-weight: bold;
	background-color: #ffffff;
	padding: 15px 10px;
}

.cont-izq-seccion {
	height: 25px;
	width: auto;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-weight: bold;
	background-color: #ffffff;
	margin: 0px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 2pt;
	color: #c46b3c;
}

.cont-art2 {
	background-color: #ffffcd;
	margin: 0px;
	padding: 0px;
}

.cont-art2-titulo {
	float: right;
	width: 330px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #3d98cc;
	height: auto;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 10px;
	font-weight: bold;
}
.cont-art2-pic {
	margin: 0px;
	padding: 5px;
	float: left;
}
.cont-art2-texto {
	float: right;
	width: 330px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #666666;
	height: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin: 0px;
}
.cont-der-280 {
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.cont-der-10pad {
	padding: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cccccc;
}

.cont-der-10pad-link {
	padding: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
}

.cont-multimedia {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 240px;
}
.cont-der-titulo {
	height: 25px;
	width: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #d7d0c8;
	letter-spacing: 0.2em;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	font-weight: bold;
}

.cont-der-titulo a {
	height: 25px;
	width: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #d7d0c8;
	letter-spacing: 0.2em;
	font-weight: bold;
	color: #d7d0c8;
	padding-left: 0px;
}

.cont-der-titulo a:link {
	height: 25px;
	width: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #d7d0c8;
	letter-spacing: 0.2em;
	font-weight: bold;
	color: #d7d0c8;
	padding-left: 0px;
}

.cont-der-titulo a:hover {
	height: 25px;
	width: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #d7d0c8;
	letter-spacing: 0.2em;
	font-weight: bold;
	color: #c46b3c;
	padding-left: 0px;
}
/*
.cont-der-titulo a:visited {
	height: 25px;
	width: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #d7d0c8;
	letter-spacing: 0.2em;
	font-weight: bold;
	color: #d7d0c8;
	padding-left: 0px;
}

*/

.cont-publicaciones {
	background-color: #ff0000;
	margin: 0px;
	padding: 0px;
}

.lea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	color: #3d98cc;
	text-decoration: none;
}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #3d98cc;
	text-decoration: none;
}

a:link {
	text-decoration: none;
	color: #3d98cc;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #c46b3c;
}
a:active {
	text-decoration: none;
}

/*PAGINAS INTERNAS*/

.cont-izq-interno {
	padding: 0px;
	float: left;
	width: 700px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #eeeeee;
	position: relative;
}

.cont-interno {
	background-color: #ffffff;
	padding: 0px;
	float: left;
	width: 100%;
	margin: 0px;
	position: relative;
}

.cont-interno-2 {
	padding: 0px;
	background-color: #eeeeee;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	width: 100%;
}

.cuadrado-titulo {
	background-color: #ff0000;
	margin: 0px;
	padding: 0px;
	height: 220px;
	width: 340px;
	position: static;
}

.interno-texto {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background-color: #ffffff;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	text-decoration: none;
	line-height: 16px;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	text-align: justify;
}

.interno-texto1 {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background-color: #ffffff;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	text-decoration: none;
	line-height: 16px;
	height: auto;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	text-align: justify;
}

.interno-texto2 {
	padding: 0px;
	height: auto;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background-color: #ffffff;
	text-decoration: none;
}

/*CON IVAN*/

.atajo {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	display: flex;
	justify-content: space-between;
}
.atajo.atajo-multi {
    flex-direction: column;
}
.atajo-img.atajo-multi-img {
    width: 240px;
	flex: 0 0 100%;
} 
.img-publicaciones{
	width: calc(100% - 20px);
}
.atajo-multi-texto{
	flex: 0 0 100%;
	padding-top: 7px !important;
}
.atajo-img {
	margin: 0px;
	height: auto;
	flex: 0 0 30%;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-top: 0px;
}
.atajo-texto {
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: RGB(204, 204, 204);
	margin: 0px 10px;
}

.atajo-texto a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cccccc;
	font-weight: normal;
}

.atajo-texto a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3d98cc;
	font-weight: normal;
}

.atajo-texto a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cccccc;
	font-weight: normal;
}

/*COLUMNA DERECHA SHORTCUTS*/

#shortcut-der {
	padding: 0px;
}

.shortcut {
	padding: 0px;
	margin: 0px;
	height: auto;
	width: auto;
}

.shortcut-pic {
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	width: 60px;
	float: left;
}

.shortcut-texto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cccccc;
	padding: 0px;
	height: auto;
	width: 165px;
	float: right;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/*TAGS*/

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	text-align: right;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #c46b3c;
}
h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 25px;
}
h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #666666;
}
.interno-contenedor-titulo {
	margin: 0px;
	padding: 0px;
	display: flex;
	width: 100%;
	height: auto;
	flex-wrap: wrap;
	justify-content: center;
align-items: center;
}

.fondo-azul {
	background-color: #588092;
}
.fondo-beige {
	background-color: #c1afa1;
}
.fondo-menta {
	background-color: #c8cabd;
}

.interno-titular {
	flex: 0 0 calc(50% - 45px);
	height: 150px;
	width: calc(50% - 45px);
	padding-right: 15px;
	padding-left: 30px;
	color: #ffffff;
}
.interno-pic {
	min-height: 150px;
	width: 50%;
	flex: 0 0 50%;
	text-align: right;
}
/* .interno-pic img{
	width: 92%;
} */
.interno-detalle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	padding: 10px;
	clear: right;
	text-align: justify;
}

#botonera-indicadores {
	float: left;
	height: 100px;
	width: 150px;
	left: 0px;
	top: 0px;
	padding-left: 20px;
	color: #ffffff;
	padding-top: 10px;
	padding-bottom: 5px;
}

#botonera-flecha {
	float: left;
	left: 0px;
	top: 0px;
	color: #ffffff;
	width: 160px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
}

#contenedor-final {
	float: left;
	left: 0px;
	top: 0px;
	width: 240px;
	margin: 0px;
	padding: 0px;
	height: 1px;
}
/* Adicionales */
.img-fluid {
	width: 100%;
	height: auto;
}
/* Listado de contenido por seccion */
.item {
	display: flex;
	justify-content: space-between;
}
.img-portada {
	width: 100px;
	height: 100px;
	margin: 10px;
}
.text {
	padding: 0px 10px;
}
.text h3 {
	text-align: left;
}
/* Carrusel publicaciones */
.owl-carousel {
	position: relative;
	overflow: hidden;
	padding: 24px;
}
.owl-item {
	display: inline-block;
}
.owl-carousel .item {
	margin: 15px 7px;
	text-align: center;
}
.owl-carousel .item img {
	height: 177px;
	width: calc(170px - 30px);
}
.owl-nav {
	position: absolute;
	top: calc(50% - 36px);
	width: 100%;
	right: 0;
}
.owl-theme .owl-nav [class*="owl-"] {
	position: absolute;
	background: transparent !important;
	color: rgb(61, 152, 204) !important;
	border: none !important;
	box-shadow: none;
}
.owl-prev {
	left: 0px;
}
.owl-next {
	right: 0px;
}
.owl-nav span {
	font-size: 35px;
}
.owl-dot {
	background: transparent;
	border: none;
	padding: 3px;
}
.owl-dot span {
	width: 30px !important;
	height: 4px !important;
	margin: 5px 1px !important;
	background: rgba(61, 152, 204, 0.4) !important;
	border-radius: 0px !important;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: rgb(61, 152, 204) !important;
}
/* Footer */

footer {
	box-sizing: border-box;
}
footer .info-legal {
	margin-top: 15px;
	display: grid;
	grid-template-columns: 33% 67%;
	grid-template-rows: auto;
	column-gap: 10px;
	row-gap: 15px;
	justify-items: start;
	align-items: stretch;
	padding: 20px;
}
footer p {
	color: rgba(255, 255, 255, 0.5);
}
.blanco {
	color: #ffffff;
}
.bold {
	font-weight: 900;
}
.logo-cepal {
	grid-column: 1;
}
.creditos {
	grid-column: 2;
}

/* Grid Flex */
.container {
	max-width: 1024px;
	width: 70%;
	margin: 0 auto;
	background-color: rgb(68, 68, 68);
}
.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	flex-direction: row;
}
.clear {
	clear: both;
}
.grid-container {
	display: grid;
	grid-template-columns: 49% 49%;
	column-gap: 1%;
	/* grid-row-gap: 1%; */
	grid-template-rows: repeat(4, auto);
	justify-items: start;
	align-items: stretch;
	grid-template-areas:
		"titular titular"
		"seccion-uno seccion-uno"
		"en-foco subsedes"
		"publicaciones publicaciones";
}
.titular,
.seccion-uno,
.en-foco,
.subsedes {
	margin-bottom: 2%;
}
.titular {
	grid-area: titular;
	grid-column: 1 / 3;
	width: 100%;
}
.seccion-uno {
	grid-area: seccion-uno;
	grid-column-start: 1;
	grid-column-end: 3;
}
.en-foco {
	grid-area: en-foco;
	grid-column-start: 1;
	grid-column-end: 2;
}
.subsedes {
	grid-area: subsedes;
	grid-column-start: 2;
	grid-column-end: 3;
}
.publicaciones {
	grid-area: publicaciones;
	grid-column-start: 1;
	grid-column-end: 3;
	width: 100%;
	margin-top: 1%;
}
.separador {
	grid-row: 5;
	grid-column-start: 1;
	grid-column-end: 3;
	width: 100%;
}
.container-fluid {
	max-width: 100%;
}
.grid-eventos,
.item-evento {
	display: grid;
	grid-template-columns: 20% 70%;
	grid-template-rows: auto;
	column-gap: 1%;
	row-gap: 1%;
	justify-items: start;
	align-items: stretch;
}
.mes-evento,
.fecha {
	grid-column: 1 / 3;
	width: 100%;
	text-align: left;
}
.info-evento {
	grid-column: 1 / 3;
	width: 100%;
}
.mes-evento h3 {
	color: rgb(196, 107, 60);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-align: left;
	padding-left: 30px;
}
.fecha {
	grid-column: 1;
	text-align: left;
}
.fecha p {
	color: rgba(196, 107, 60, 0.8);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align: center;
	margin: 10px;
	font-weight: bold;
}
.info {
	grid-column: 2;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.item-evento {
	margin: 10px 20px 10px 30px;
	border-bottom: 1px rgba(68, 68, 68, 0.16);
	border-bottom-color: rgba(68, 68, 68, 0.16);
	border-bottom-style: none;
	border-style: solid;
	border-color: rgba(68, 68, 68, 0.16);
	padding: 10px 5px;
}
.small {
	color: rgba(68, 68, 68, 0.63);
	font-size: 10px;
}