/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on January 3, 2018 */
@font-face {
    font-family: 'latam_sansextended';
    src: url('../fonts/latam_sans_extended-webfont.woff2') format('woff2'),
         url('../fonts/latam_sans_extended-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latam_sanshairline';
    src: url('../fonts/latam_sans_hairline-webfont.woff2') format('woff2'),
         url('../fonts/latam_sans_hairline-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latam_sanshairline_italic';
    src: url('../fonts/latam_sans_hairline_italic-webfont.woff2') format('woff2'),
         url('../fonts/latam_sans_hairline_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latam_sanslight';
    src: url('../fonts/latam_sans_light-webfont.woff2') format('woff2'),
         url('../fonts/latam_sans_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latam_sanslight_italic';
    src: url('../fonts/latam_sans_light_italic-webfont.woff2') format('woff2'),
         url('../fonts/latam_sans_light_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latam_sansregular';
    src: url('../fonts/latam_sans_regular-webfont.woff2') format('woff2'),
         url('../fonts/latam_sans_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latam_sansitalic';
    src: url('../fonts/latam_sans_regular_italic-webfont.woff2') format('woff2'),
         url('../fonts/latam_sans_regular_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latam_sansblack';
    src: url('../fonts/latam_sans_black-webfont.woff2') format('woff2'),
         url('../fonts/latam_sans_black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latam_sansblack_italic';
    src: url('../fonts/latam_sans_black_italic-webfont.woff2') format('woff2'),
         url('../fonts/latam_sans_black_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latam_sansbold';
    src: url('../fonts/latam_sans_bold-webfont.woff2') format('woff2'),
         url('../fonts/latam_sans_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latam_sansbold_italic';
    src: url('../fonts/latam_sans_bold_italic-webfont.woff2') format('woff2'),
         url('../fonts/latam_sans_bold_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*Grid style*/
b, strong {
    font-weight: bold;
    font-family: 'latam_sansbold';
}
body{
	background-color: #1d0d68;
	font-family: 'latam_sansregular';
    font-size: 14px;
}
.fa{
	color: #e21352;
}
.fa-4 {
    font-size: 100px;
}

.navbar-inverse {background-color: #1d0d68;border-color: #1d0d68;}
.navbar-toggle{float: left;}
.navbar-brand{float: right;height: auto;}
.navbar-brand > img {display: block;width: 100px;}
#mynavbar {width: 100%;margin: 0;padding: 0 0 0 70px;overflow: hidden;}
.navbar-inverse .navbar-toggle {border-color: #1d0d68;}
.navbar-inverse .navbar-toggle {border-color: #1d0d68;margin: 15px 0;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border-color: #1d0d68;background-color: #1d0d68;box-shadow: none;}
.navbar-inverse .navbar-nav > li > a {font-family: 'latam_sanslight';color: #ddd !important;position: relative;margin-top: 15px;font-size: 14px;line-height: 40px;font-style: italic;}
.navbar-inverse .navbar-nav > li > a b{font-family: 'latam_sansitalic';color: #fff;}
.navbar-inverse .navbar-nav > li > a:before {content: '';border-top: 8px solid #e6154f;position: absolute;width: 40%;left: 20%;top: -10px;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {color: #fff;font-size: 14px;font-family: 'latam_sansitalic';}
.dropdown-menu{padding: 0 0 35px;}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {background-color: transparent;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {color: #fff;background-color: transparent;}
.navbar-inverse .navbar-nav > li.dropdown > a.dropdown-toggle:after {content: '\f107';font-family: FontAwesome;position: absolute;right: 32px;font-size: 25px;font-style: normal;}
.navbar-inverse .navbar-nav > li.dropdown:nth-child(1) > a.dropdown-toggle:after{color: #f7265a;}
.navbar-inverse .navbar-nav > li.dropdown:nth-child(2) > a.dropdown-toggle:after{color: #79227e;}
.navbar-inverse .navbar-nav > li.dropdown:nth-child(3) > a.dropdown-toggle:after{color: #caa714;}
.navbar-inverse .navbar-nav > li.dropdown:nth-child(4) > a.dropdown-toggle:after{color: #00c7b2;}
.navbar-inverse .navbar-nav > li.dropdown:nth-child(5) > a.dropdown-toggle:after{color: #89b43f;}
.navbar-inverse .navbar-nav > li.dropdown:nth-child(6) > a.dropdown-toggle:after{color: #ff8485;}
.navbar-inverse .navbar-nav > li.dropdown.open > a.dropdown-toggle:after {content: '\f106';font-family: FontAwesome;position: absolute;right: 32px;}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {color: #fff;background-color: transparent;}
.navbar-inverse .navbar-nav > li:nth-child(1):before {
    content: '';
    position: absolute;
    background: url(../img/icons/empresa.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    left: -45px;
    top: 10px;
}
.navbar-inverse .navbar-nav > li:nth-child(2):before {
    content: '';
    position: absolute;
    background: url(../img/icons/gobierno.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 35px;
    height: 40px;
    left: -42px;
    top: 10px;
}
.navbar-inverse .navbar-nav > li:nth-child(3):before {
    content: '';
    position: absolute;
    background: url(../img/icons/operaciones.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 40px;
    height: 30px;
    left: -45px;
    top: 20px;
}
.navbar-inverse .navbar-nav > li:nth-child(4):before {
    content: '';
    position: absolute;
    background: url(../img/icons/gestion.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25px;
    height: 40px;
    left: -35px;
    top: 10px;
}
.navbar-inverse .navbar-nav > li:nth-child(5):before {
    content: '';
    position: absolute;
    background: url(../img/icons/sostentabilidad.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 35px;
    height: 45px;
    left: -40px;
    top: 10px;
}
.navbar-inverse .navbar-nav > li:nth-child(6):before {
    content: '';
    position: absolute;
    background: url(../img/icons/informes.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25px;
    height: 40px;
    left: -33px;
    top: 10px;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li.active > a {
    color: #e6154f;
    font-family: 'latam_sansblack_italic';
}
/*index*/
#portada {
    display: block;
    float: left;
    width: 100%;
    position: relative;
    z-index: 9999;
    margin-top: 90px;
}
#portada:after {
    content: '';
    position: absolute;
    background: url(../img/info.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 195px;
    left: 0;
    bottom: -100px;
}
#memorias {
    width: 100%;
    display: block;
    margin: 0 0 45px;
    position: relative;
}
#memorias:after {
    content: '';
    position: absolute;
    width: 40%;
    display: block;
    border-bottom: 7px solid #e6154f;
    left: 30%;
    right: 30%;
    bottom: -70px;
}
#memorias > img {
    width: 65%;
    display: block;
    margin: 0 auto;
}
.info {
    position: relative;
    display: block;
    width: 100%;
    float: left;
    margin: 35px 0;
    text-align: center;
}
.info p {
    color: #d6cfc4;
    font-size: 14px;
    line-height: 20px;
    font-family: 'latam_sanslight_italic';
    margin: 15px 0 15px;
}
.parallax {
    background-image: url(../img/home/parallax-1.png);
    min-height: 490px;
    position: relative;
    top: -25px;
    opacity: 0.65;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    float: left;
    width: 100%;
    z-index: 999;
    background-attachment: inherit;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: initial;
}
#nuestra-empresa {
    z-index: 9999;
    position: relative;
    top: 0;
    display: block;
    width: 100%;
    float: left;
    padding: 25px 0 0;
}
#nuestra-empresa .title h2 {
    position: relative;
    font-family: 'latam_sanshairline_italic';
    text-align: center;
    font-size: 32px;
    color: #fff;
    line-height: 42px;
    margin: 50px 0 25px;
}
#nuestra-empresa .title h2 b {
    font-family: 'latam_sanslight_italic';
    color: #fff;
}
#nuestra-empresa .title h2:before {
    content: '';
    position: absolute;
    border-bottom: 4px solid #ed1650;
    width: 35%;
    bottom: -40px;
    left: 33%;
}
#nuestra-empresa:after {
    content: '';
    position: absolute;
    background: url(../img/info.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 195px;
    left: 0;
    bottom: -100px;
}
.btn-empresa {
    position: absolute;
    top: 50%;
    right: 0;
    padding: 5px 15px;
    background: #b6a9a6;
    border-radius: 70px 0 0 70px;
}
.btn-empresa i {
    font-size: 50px;
    color: #1d0f63;
    position: relative;
    left: 5px;
}

/*extra*/
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 100%;
}
.navbar.navbar-inverse.navbar-fixed-top{
    height: auto;
    z-index: 99999;
}
.navbar.navbar-inverse.navbar-fixed-top.nav-diseno:after {
    content: '';
    position: absolute;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 65px;
    bottom: -65px;
    left: 0;
    border-left: 190px solid transparent;
    border-right: 190px solid transparent;
    border-top: 50px solid #1d0d68;
}
.photo-2 {
    display: block;
    width: 100%;
    float: left;
    margin: 0px 0 35px 0;
}
#bienvenida {
    display: block;
    width: 100%;
    float: left;
    background: #eae6e1;
    padding: 35px 0;
    position: relative;
}
#bienvenida:before {
    content: '';
    position: absolute;
    background: #eae6e1;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 65px;
    top: -64px;
    left: 0;
    opacity: 1;
    z-index: 9999;
}
.name {
    width: 80%;
    margin: 35px auto;
    text-align: center;
}
.name p{
	color: #1b0288;
	font-family: 'latam_sansitalic';
	font-size: 18px;
	line-height: 24px;
}
.description {
    display: block;
    width: 75%;
    margin: 0 auto;
}
.description p{
	font-family: 'latam_sansitalic';
	font-size: 14px;
	line-height: 20px;
	color: #545454;
	 text-align: center;
	 margin-bottom: 20px;
}
#bienvenida .description p cite{
    font-size: 55px;
    vertical-align: bottom;
    display: inline-block;
    float: left;
    line-height: 48px;
}
.description p cite {
    font-size: 90px;
    vertical-align: bottom;
    display: inline-block;
    float: left;
    line-height: 70px;
}
.description p.especial {
    color: #1b0088;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
}

.autor {
    width: 80%;
    margin: 35px auto;
    text-align: right;
}
.autor p{
    color: #545454;
    font-family: 'latam_sansitalic';
    font-size: 14px;
    line-height: 22px;
}

.btn-right {
    position: fixed;
    top: 50%;
    right: 0;
    padding: 5px 10px;
    background: #b6a9a6;
    border-radius: 70px 0 0 70px;
    opacity: 1;
    z-index: 9999;
}
.btn-right i {
    font-size: 50px;
    color: #1d0f63;
    position: relative;
    left: 5px;
}
.btn-left {
    position: fixed;
    top: 50%;
    left: 0;
    padding: 5px 10px;
    background: #b6a9a6;
    border-radius: 0 70px 70px 0;
    opacity: 1;
    z-index: 9999;
}
.btn-left i {
    font-size: 50px;
    color: #1d0f63;
    position: relative;
    right: 5px;
}
.indicador {
    position: fixed;
    top: 85%;
    right: 0;
    padding: 5px 15px;
    background: transparent;
    border-radius: 0 70px 70px 0;
    opacity: 1;
    z-index: 9999;
    color: #000;
}
.indicador .fa {
    color: #e93865;
    font-size: 20px;
}
.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 8px;
    margin: 0 5px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid #b6a9a6;
    border-radius: 70% !important;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #fff;
    background-color: #b6a9a6;
}
.info-2 {
    position: relative;
    display: block;
    width: 50%;
    float: left;
    margin: 0px 25%;
    text-align: center;
}
.info-3 {
    position: fixed;
    display: block;
    width: 100%;
    margin: 0;
    text-align: center;
    background-color: #eae6e1;
    height: 60px;
    bottom: 0;
}
a.down-scroll {
    text-align: center;
    position: relative;
    top: -10px;
    z-index: 99999999;
}
.info-3 .pagination {
    display: inline-block;
    padding-left: 15px;
    margin: 20px 0;
    border-radius: 4px;
}
/*extra*/
.navbar-toggle .icon-bar {
    display: block;
    width: 30px;
    height: 4px;
    border-radius: 1px;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #b6a9a6;
}

/*HOME*/
#nuestra-empresa .info {
    position: relative;
    display: block;
    width: 100%;
    float: left;
    margin: 35px 0;
    text-align: center;
}
/*parallax 2 home*/
.parallax-2 {
    background-image: url(../img/home/parallax-2.png);
    min-height: 460px;
    position: relative;
    top: -100px;
    opacity: 0.65;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    float: left;
    width: 100%;
    z-index: 999;
    background-attachment: inherit;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: initial;
}
.box-home {
    z-index: 9999;
    position: relative;
    top: 0;
    display: block;
    width: 100%;
    float: left;
    padding: 0;
}
.header{
    top: 20px;
    position: relative;
}
.header img {
    margin: 0 auto 0;
}
.box-home {
    z-index: 9999;
    position: relative;
    top: -100px;
    display: block;
    width: 100%;
    float: left;
    padding: 15px 0 0px;
}
.box-home .title h2 {
    position: relative;
    font-family: 'latam_sanshairline_italic';
    text-align: center;
    font-size: 32px;
    color: #fff;
    line-height: 42px;
    margin: 50px 0 25px;
}
.box-home .title h2 b {
    font-family: 'latam_sanslight_italic';
    color: #fff;
}
.box-home .title h2:before {
    content: '';
    position: absolute;
    border-bottom: 4px solid #ed1650;
    width: 35%;
    bottom: -40px;
    left: 33%;
}
.box-home:after {
    content: '';
    position: absolute;
    background: url(../img/info.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 195px;
    left: 0;
    bottom: -100px;
}
#informes:after{
    height: 100px;
}
/*parallax 2 home*/
.parallax-3 {
    background-image: url(../img/home/parallax-3.png);
    min-height: 460px;
    position: relative;
    top: -100px;
    opacity: 0.65;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    float: left;
    width: 100%;
    z-index: 999;
    background-attachment: inherit;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: initial;
}
.parallax-4 {
    background-image: url(../img/home/parallax-4.png);
    min-height: 460px;
    position: relative;
    top: -100px;
    opacity: 0.65;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    float: left;
    width: 100%;
    z-index: 999;
    background-attachment: inherit;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: initial;
}
.parallax-5 {
    background-image: url(../img/home/parallax-5.png);
    min-height: 460px;
    position: relative;
    top: -100px;
    opacity: 0.65;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    float: left;
    width: 100%;
    z-index: 999;
    background-attachment: inherit;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: initial;
}
.parallax-6 {
    background-image: url(../img/home/parallax-6.png);
    min-height: 460px;
    position: relative;
    top: -100px;
    opacity: 0.65;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    float: left;
    width: 100%;
    z-index: 999;
    background-attachment: inherit;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: initial;
}
/*new css content*/
.directorio{
    display: block;width: 100%;position: relative;
}
.directorio:after {
    content: '';
    position: absolute;
    background: url(../img/info.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100px;
    left: 0;
    bottom: 0;
}
.directorio .photo{
    display: block;
    width: 100%;
    float: left;
    margin: 20px 0 20px;
}
.directorio .title {
    display: block;
    width: 100%;
    margin: 0 auto;
    float: left;
}
.directorio .title img{
    display: block;
    width: 60%;
    margin: 0 auto;
    padding-bottom: 35px;
}
.directorio .title .description{
    display: block;
    width: 90%;
    margin: 0 auto;
    position: relative;
}
.directorio .title .description:before{
    content: '';
    position: absolute;
    border-bottom: 6px solid #ed1650;
    top: 0;
    left: 30%;
    height: 6px;
    width: 40%;
}
.directorio .title .description:after{
    content: '';
    position: absolute;
    border-bottom: 6px solid #ed1650;
    bottom: 0;
    left: 30%;
    height: 6px;
    width: 40%;
}
.directorio .title .description p {
    color: #4a4747;
    line-height: 24px;
    padding: 35px 0;
}
.directorio .title .icon img{
    display: block;
    width: 25%;
    margin: 0 auto;
    padding-bottom: 35px;
}
.directorio .author {
    display: block;
    width: 90%;
    margin: 0 auto 35px;
}
.directorio .author .name {
    width: 95%;
    margin: 10px auto 35px;
    text-align: left;
}
.directorio .author .name strong {
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #4a4747;
    font-family: 'latam_sansblack_italic';
}
.directorio .author .description {
    display: block;
    width: 95%;
    margin: 0 auto;
}
.directorio .author .description p {
    font-family: 'latam_sansitalic';
    font-size: 14px;
    line-height: 24px;
    color: #545454;
    text-align: left;
    margin-bottom: 20px;
}
#ejercicio {
    display: block;
    width: 100%;
    float: left;
    background: #eae6e1;
    margin-top: 100px;
    padding: 50px 0;
    position: relative;
}
#ejercicio:before {
    content: '';
    position: absolute;
    background: #eae6e1;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 65px;
    top: -64px;
    left: 0;
    opacity: 1;
    z-index: 9999;
}
.contenido {
    display: block;
    width: 100%;
    padding: 0 15px;
    float: left;
}
.contenido h3{
    font-family: 'latam_sansblack_italic';
    display: block;width: 100%;
    float: left;
    text-transform: uppercase;
    color: #1b0088;
    font-weight: bold;
    margin-bottom: 25px;
    font-size: 16px;
}
.contenido h4{
    font-family: 'latam_sansregular';
    display: block;width: 100%;
    float: left;
    text-align: center;
    text-transform: uppercase;
    color: #1b0088;
    margin-bottom: 35px;
    font-size: 16px;
    line-height: 20px;
}
.contenido p{
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 20px;
}
.full{
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 35px;
}
.contenido p cite{
    font-family: 'latam_sansblack';
    color: #99268f;
    font-weight: bold;
}
.contenido p strong{
    font-family: 'latam_sansblack';
    color: #4a4747;
    clear: both;
    display: block;
}
#cifras {
    display: block;
    width: 100%;
    float: left;
    background: #1d0d68;
    margin-top: 70px;
    padding: 35px 0;
    position: relative;
}
#cifras:before {
    content: '';
    position: absolute;
    background: #eae6e1;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 65px;
    top: -64px;
    left: 0;
    opacity: 1;
    z-index: 9999;
}
#cifras img{
    display: block;
    width: 100%;
    float: left;
}
.contenido img{width: 100%;}

#redes {
    display: block;
    width: 100%;
    float: left;
    background: #eae6e1;
    margin-top: 100px;
    padding: 50px 0;
    position: relative;
}
#redes:before {
    content: '';
    position: absolute;
    background: #eae6e1;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 65px;
    top: -64px;
    left: 0;
    opacity: 1;
    z-index: 9999;
}
#redes .contenido{padding: 0;}
#redes .contenido img{width: 100%;display: block;margin-bottom: 40px;}
.description .especial {
    font-family: 'latam_sansbold_italic';
    display: block;
    text-align: center;
    font-size: 80px;
    line-height: 55px;
    color: #20068a;
    margin: 15px 0 10px;
}
.description small{
    font-family: 'latam_sansregular';
    font-size: 18px;
    line-height: 16px;
    display: block;
    text-align: center;
    font-weight: bold;
    color: #4a4747;
}
.description small b {
    font-size: 21px;
    color: #ed1650;
}
.description strong.bold{
    display: block;
    font-family: 'latam_sansblack';
    margin-bottom: 10px;
}
.description small.special {
    font-family: 'latam_sansitalic';
    color: #1b0088;
    display: block;
    font-size: 12px;
    margin-bottom: 10px;
    line-height: 14px;
}
.directorio .content{
    display: block;
    width: 100%;
    float: left;
    padding: 20px;
    margin-bottom: 35px;
}
.directorio .content h4{
    font-family: 'latam_sansblack_italic';
    display: block;
    margin-bottom: 20px;
    color: #1b0088;
}
.directorio .content p{
    text-align: left;
    color: #4a4747;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 10px;
    font-family: 'latam_sansitalic';
}
.directorio .content p strong{
    font-size: 14px;
}
.directorio .content p cite{
    font-size: 42px;
}
.directorio .content img{
    width: 250px;
    margin: 20px auto;
}
.directorio .content span.center-latam {
    display: block;
    position: relative;
    text-align: center;
    color: #1b0088;
    font-family: 'latam_sansitalic';
    font-size: 14px;
    line-height: 18px;
    padding: 35px 0;
    font-weight: bold;
}
.directorio .content span.center-latam:before{
    content: '';
    position: absolute;
    border-bottom: 4px solid #ed1650;
    width: 50%;
    top: 10px;
    left: 25%;
}
.directorio .content span.center-latam:after{
    content: '';
    position: absolute;
    border-bottom: 4px solid #ed1650;
    width: 50%;
    bottom: 10px;
    left: 25%;
}
.directorio .content .icon {
    width: 25%;
    margin: 0 auto;
}
.directorio .content .direct{
    display: block;
    margin-bottom: 20px;
}
.directorio .content .direct h4{
    margin-bottom: 5px;
}
.directorio .content .direct p{
    font-family: 'latam_sansitalic';
}
#negocio {
    display: block;
    width: 100%;
    float: left;
    background: #eae6e1;
    padding: 35px 0;
    position: relative;
}
#negocio:before {
    content: '';
    position: absolute;
    background: #eae6e1;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 65px;
    top: -64px;
    left: 0;
    opacity: 1;
    z-index: 9999;
}
#negocio .description strong {
    display: block;
    width: 100%;
    float: left;
    font-size: 18px;
    color: #1d0d68;
}
#negocio .description p {
    font-family: 'latam_sansitalic';
    font-size: 18px;
    line-height: 20px;
    color: #545454;
    text-align: center;
    margin-bottom: 20px;
}
#negocio .contenido p {
    font-family: 'latam_sansitalic';
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 18px;
}
#negocio .contenido p strong{
    font-family: 'latam_sansblack_italic';
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 18px;
    color: #1b0088;
}
#negocio .contenido .icon {
    width: 100%;
    margin: 0 auto;
    display: block;
    float: left;
}
#negocio .contenido .icon img{
    width: 40%;
    margin: 0 auto;
}
#negocio .contenido span.special{
    display: block;
    position: relative;
    text-align: center;
    color: #1b0088;
    font-family: 'latam_sansitalic';
    font-size: 16px;
    line-height: 18px;
    padding: 15px 0;
    float: left;
    font-weight: bold;
}
#negocio .contenido span.center-latam {
    display: block;
    float: left;
    position: relative;
    text-align: center;
    color: #1b0088;
    font-family: 'latam_sansitalic';
    font-size: 16px;
    line-height: 18px;
    padding: 35px 0;
    margin: 35px 0 45px;
    float: left;
}
#negocio .contenido span.center-latam:before{
    content: '';
    position: absolute;
    border-bottom: 10px solid #ed1650;
    width: 50%;
    top: -10px;
    left: 25%;
}
#negocio .contenido span.center-latam:after{
    content: '';
    position: absolute;
    border-bottom: 10px solid #ed1650;
    width: 50%;
    bottom: -10px;
    left: 25%;
}
#negocio .box-latam {
    display: block;
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 35px;
}
#negocio .box-latam img {
    width: 50%;
    margin: 20px auto 0;
}
#negocio .box-latam strong{
    font-family: 'latam_sansblack';
    display: block;
    width: 100%;
    font-size: 42px;
    color: #e21352;
}
#negocio .box-latam span{
    display: block;
    width: 100%;
    font-size: 21px;
    color: #1d0187;
}
#marco {
    display: block;
    width: 100%;
    float: left;
    background: #eae6e1;
    padding: 65px 0 35px;
    position: relative;
}
#marco:before {
    content: '';
    position: absolute;
    background: #eae6e1;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 65px;
    top: -64px;
    left: 0;
    opacity: 1;
    z-index: 9999;
}
#marco .title{
    display: block;
    width: 100%;
    margin: 90px 0 0;
    text-align: center;
}
#marco .title strong{
    display: block;
    font-size: 24px;
    font-family: 'latam_sansbold_italic';
    color: #1b0088;
}
#marco .title .description {
    display: block;
    width: 90%;
    margin: 0 auto;
    position: relative;
}
#marco .title .description:before {
    content: '';
    position: absolute;
    border-bottom: 6px solid #ed1650;
    top: 0;
    left: 30%;
    height: 6px;
    width: 40%;
}
#marco .title .description:after {
    content: '';
    position: absolute;
    border-bottom: 6px solid #ed1650;
    bottom: 0;
    left: 30%;
    height: 6px;
    width: 40%;
}
#marco .title .description p {
    color: #4a4747;
    line-height: 24px;
    padding: 35px 0;
    text-align: left;
}
#marco .content p{
    font-family: 'latam_sansitalic';
}
#marco .content p em{
    display: block;
    width: 100%;
    float: left;
    font-family: 'latam_sansbold_italic';
    color: #00b8ab;
}
#marco .content p strong{
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 5px;
    color: #1b0088;
    font-family: 'latam_sansbold';
}
#marco .content span.special{
    display: block;
    position: relative;
    text-align: center;
    color: #1b0088;
    font-family: 'latam_sansitalic';
    font-size: 16px;
    line-height: 18px;
    padding: 15px 0;
    float: left;
    font-weight: bold;
}
#marco .content {
    display: block;
    width: 100%;
    float: left;
    padding: 10px 20px;
    margin-bottom: 0px;
}
#marco .full{
    display: block;
    width: 100%;
    float: left;
    margin: 10px 0;  
}
#marco .content ul {
    padding-left: 15px;
    list-style: disc;
    color: #00b8ab;
    margin-bottom: 20px;
}
#marco .content ul li{
    color: #00b8ab;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
}
#marco .content ul li span{
    color: #4a4747;
}
#marco .content ul.listado {
    font-family: 'latam_sansblack';
    list-style: decimal;
    font-weight: bold;
}
#marco .content ul.listado li{
    padding: 10px 0;
    font-family: 'latam_sansregular';
    color: #00b8ab;
    line-height: 18px;
    position: relative;
    border-top: 1px solid #1b0088;
    border-bottom: 1px solid #1b0888;
    margin-bottom: 0;
}
#marco .content ul.listado li:first-child{
    border-top: 2px solid #1b0088;
}
#marco .content ul.listado li:last-child{
    border-bottom: 2px solid #1b0088;
}
#marco .content ul.listado li span{
    font-family: 'latam_sansregular';
    color: #4a4747;
    font-weight: normal;
}
#marco .content ul.listado-2 {
    font-family: 'latam_sansblack';
    list-style: decimal;
    font-weight: bold;
}
#marco .content ul.listado-2 li{
    padding: 10px 0;
    font-family: 'latam_sansregular';
    color: #00b8ab;
    line-height: 18px;
    position: relative;
}
#marco .content ul.listado-2 li span{
    font-family: 'latam_sansregular';
    color: #4a4747;
    font-weight: normal;
}
.salto{
    display: block;
    width: 100%;
    float: left;
    margin: 35px 0;
}
#marco .content p {
    text-align: left;
    color: #4a4747;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 10px;
}
#marco .content p cite {
    font-size: 90px;
    vertical-align: bottom;
    display: inline-block;
    float: left;
    line-height: 60px;
}
#marco .description.description-2 p{
    font-size: 12px;
}
#marco .description.center p{
    text-align: center;
    font-size: 16px;
    color: #1d0d68;
    font-weight: bold;
}
#marco .box-especial-left{
    display: block;
    width: 80%;
    float: left;
}
#marco .box-especial-left .content {
    display: block;
    width: 100%;
    float: left;
    padding: 10px 20px;
    margin-bottom: 35px;
}
#marco .box-especial-left .content .icon {
    width: 100%;
    margin: 0 auto 20px;
    border-bottom: 2px solid #e21352;
}

#marco .box-especial-left .content .icon img{
    display: block;
    width: 40%;
    margin: 0;
    padding-bottom: 10px;
}
#marco .box-especial-left .content .info {
    position: relative;
    display: block;
    width: 100%;
    float: left;
    margin: 10px 0 0;
    text-align: left;
    font-family: 'latam_sansitalic';
}
#marco .box-especial-left .content strong{
font-family: 'latam_sansblack_italic';
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 18px;
    color: #1b0088;
}
#marco .box-especial-left .content .info b{
    display: block;
    font-size: 14px;
    font-family: 'latam_sansblack_italic';
    color: #4a4747;
}
#marco .box-especial-left .content .info span{
    display: block;
    font-size: 14px;
    color: #4a4747;
    line-height: 18px;
}
#marco .box-especial-left .content .info ul {
    padding-left: 15px;
    list-style: disc;
    color: #e21352;
    margin-bottom: 0px;
}
#marco .box-especial-left .content .info ul li{
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px;
    color: #e21352;
}
#marco .content .titulares{
    display: block;width: 100%;margin-bottom: 10px;
}
#marco .content .titulares img {
    display: block;
    width: 80%;
    margin: 0;
    clear: both;
}
#marco .content .box-padd{
    display: block;
    width: 100%;
    padding-left: 15px;
}
#marco .content .box-padd b{
    font-family: 'latam_sansblack';
    color: #00b8ab;
    font-weight: bold;
}
#marco .content ul.listado-borde{
    list-style: decimal;
    border-left: 10px solid #ed1650;
    padding-left: 35px;
    font-weight: bold;
}
#marco .content ul.number{
    list-style: decimal;
}
#marco .content ul.number li{
    font-weight: bold;
}
#marco .content ul.number li span{
    font-weight: normal;
}
#marco .title .description span {
    padding: 35px 0;
    display: block;
    color: #1d0d68;
    font-size: 16px;
}
#marco .content .titulo-icon{
    display: block;
    width: 100%;
    float: left;
    border-bottom: 2px solid #ed1650;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
#marco .content .titulo-icon img{
    display: block;
    width: 50px;
    float: left;
    margin: 0;
}
#marco .content .titulo-icon strong{
    display: block;
    width: 100%;
    float: left;
    color: #1d0d68;
}
/*sostenibilidad*/
#sostenibilidad-box {
    display: block;
    width: 100%;
    float: left;
    background: #eae6e1;
    padding: 65px 0 35px;
    position: relative;
}
#sostenibilidad-box:before {
    content: '';
    position: absolute;
    background: #eae6e1;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 65px;
    top: -64px;
    left: 0;
    opacity: 1;
    z-index: 9999;
}
#sostenibilidad-box .content {
    display: block;
    width: 100%;
    float: left;
    padding: 0 20px;
    margin-bottom: 0;
}
#sostenibilidad-box .description p {
    font-family: 'latam_sansitalic';
    font-size: 14px;
    line-height: 20px;
    color: #545454;
    text-align: center;
    margin-bottom: 0;
    text-align: left;
}
#sostenibilidad-box .icon{
    margin: 0 auto;
}
#sostenibilidad-box .content ul.green{
    list-style: disc;
    padding-left: 15px;
    font-family: 'latam_sansitalic';
}
#sostenibilidad-box .content ul li{
    color: #96c93d;
    font-family: 'latam_sansitalic';
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
}
#sostenibilidad-box .content ul li strong{
    color: #96c93d;
    font-family: 'latam_sansitalic';
}
#sostenibilidad-box .content ul li span{
    color: #4a4747;
}
#sostenibilidad-box .content strong {
    color: #1b0088;
    font-family: 'latam_sansitalic';
    font-size: 16px;
}
#sostenibilidad-box .content .full img{
    width: 100%;
}
#sostenibilidad-box .content span.special{
    display: block;
    position: relative;
    text-align: center;
    color: #1b0088;
    font-family: 'latam_sansitalic';
    font-size: 16px;
    line-height: 18px;
    padding: 15px 0;
    float: left;
    font-weight: bold;
}
#sostenibilidad-box .content .porcentaje{
    display: block;
    width: 100%;
    text-align: center;
    margin: 10px 0;
}
#sostenibilidad-box .content .porcentaje span{
    display: block;
    padding: 0 35px;
}
#sostenibilidad-box .content .porcentaje strong{
    color: #ed1650;
    font-size: 48px;
    font-weight: bold;
}
#sostenibilidad-box .content ul.number-green{
    display: block;
    width: 100%;
    float: left;
    list-style: decimal;
    padding-left: 15px;
    margin-bottom: 20px;
}
#sostenibilidad-box .content ul.number-green strong{
    display: block;
    width: 100%;
    margin: 0 -15px 10px;
}
#sostenibilidad-box .content ul.number-green li{
    font-size: 14px;
    margin: 0;
    font-weight: bold;
}
#sostenibilidad-box .content ul.number-green li span{
    font-size: 12px;
    font-weight: normal;
}
/**/
#sostenibilidad-box .content ul.number-blue{
    display: block;
    width: 100%;
    float: left;
    list-style: decimal;
    padding-left: 15px;
    margin-bottom: 20px;
}
#sostenibilidad-box .content ul.number-blue strong{
    display: block;
    width: 100%;
    margin: 0 -15px 10px;
}
#sostenibilidad-box .content ul.number-blue li{
    font-size: 14px;
    margin: 0;
    font-weight: bold;
    color: #1b0088;
}
#sostenibilidad-box .content ul.number-blue li span{
    font-size: 12px;
    font-weight: normal;
}
/*INFORMES FINANCIEROS*/
#informes-financieros {
    display: block;
    width: 100%;
    float: left;
    background: #eae6e1;
    padding: 65px 0 35px;
    position: relative;
}
#informes-financieros:before {
    content: '';
    position: absolute;
    background: #eae6e1;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 65px;
    top: -64px;
    left: 0;
    opacity: 1;
    z-index: 9999;
}
#informes-financieros .content .rojo-latam{
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
#informes-financieros .content .rojo-latam h3{
    display: block;
    color: #1b0088;
    font-family: 'latam_sansitalic';
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
#informes-financieros .content .rojo-latam h3.line{
    display: block;
    color: #1b0088;
    font-family: 'latam_sansitalic';
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ed1650;
}
#informes-financieros .content .rojo-latam h3 small{
    display: block;
    color: #1b0088;
    font-family: 'latam_sansitalic';
    font-size: 14px;
}
#informes-financieros .content .rojo-latam strong{
    font-family: 'latam_sansitalic';
    display: block;
    font-weight: normal;
    color: #f27a82;
}
#informes-financieros .content .rojo-latam strong.title{
    font-size: 15px;
    display: block;
    font-family: 'latam_sansbold_italic';
    margin: 10px 0 20px;
    color: #f27a82;
}
/*NEW GOBIERNO CORPORATIVO*/
#gc-practicas {
    display: block;
    width: 100%;
    float: left;
    background: #eae6e1;
    padding: 35px 0;
    position: relative;
}
#gc-practicas:before {
    content: '';
    position: absolute;
    background: #eae6e1;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 65px;
    top: -64px;
    left: 0;
    opacity: 1;
    z-index: 9999;
}
#gc-practicas .contenido .icon img{
    display: block;
    width: 25%;
    margin: 0 auto;
    padding-bottom: 35px;
}
#gc-practicas .contenido span.special{
    display: block;
    position: relative;
    text-align: center;
    color: #1b0088;
    font-family: 'latam_sansitalic';
    font-size: 16px;
    line-height: 18px;
    padding: 15px 0;
    float: left;
    font-weight: bold;
}
#gc-practicas p strong {
    font-family: 'latam_sansblack_italic';
    color: #1b0088;
    clear: both;
    display: block;
    font-style: italic;
}
#gc-practicas .contenido p {
    font-family: 'latam_sansitalic';
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 18px;
}
#gc-practicas .contenido ul{
    display: block;
    width: 100%;
    float: left;
    padding-left: 15px; 
    list-style: disc;
    margin-bottom: 20px;
}
#gc-practicas .contenido ul li{
    font-size: 14px;
    color: #af59a5;
}
#gc-practicas .contenido ul li span {
    color: #4a4747;
    font-family: 'latam_sansitalic';
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 18px;
}
#gc-practicas .contenido .icon-center{
    display: block;
    float: left;
    width: 100%;
    position: relative;
    padding: 35px 0;
    margin-bottom: 35px;
}
#gc-practicas .contenido .icon-center:before{
    content: '';
    position: absolute;
    width: 40%;
    display: block;
    border-bottom: 7px solid #e6154f;
    left: 30%;
    right: 30%;
    top: 0px;
}
#gc-practicas .contenido .icon-center:after{
    content: '';
    position: absolute;
    width: 40%;
    display: block;
    border-bottom: 7px solid #e6154f;
    left: 30%;
    right: 30%;
    bottom: 0px;
}
#gc-practicas .contenido .icon-center img {
    display: block;
    width: 20%;
    margin: 0 auto;
    padding-bottom: 10px;
}
#gc-practicas .contenido .icon-center span{
    display: block;
    position: relative;
    text-align: center;
    color: #1b0088;
    font-family: 'latam_sansitalic';
    font-size: 16px;
    line-height: 18px;
    float: left;
    font-weight: bold;
}
#gc-practicas .contenido p i {
    color: #99268f;
    font-weight: bold;
    font-size: 16px;
}
#gc-practicas .contenido p em {
    font-weight: bold;
    clear: both;
}
#gc-practicas .contenido strong.titulo {
    color: #99268f;
    font-family: 'latam_sansbold_italic';
    display: block;
    float: left;
    margin: 5px 0 10px;
    line-height: 18px

}
#gc-practicas .contenido .icono-left img {
    display: block;
    width: 20%;
    margin: 0;
    padding-bottom: 10px;
}
#gc-practicas .contenido ul strong {
    font-family: 'latam_sansbold_italic';
    display: block;
    margin-left: -15px;
    margin-right: -15px;
    color: #4a4747;
}
#gc-practicas .contenido ul.exadecimal {
    display: block;
    width: 100%;
    float: left;
    padding-left: 15px;
    list-style: upper-roman;
    margin-bottom: 20px;
}
#gc-practicas .contenido ul.number {
    display: block;
    width: 100%;
    float: left;
    padding-left: 15px;
    list-style: decimal;
    margin-bottom: 20px;
}
#gc-practicas .contenido ul.exadecimal li span, #gc-practicas .contenido ul.number li span{
    margin-bottom: 10px;
}
#gc-practicas .contenido p small {
    color: #af59a5;
    display: block;
}
#gc-practicas .contenido .padd {
    display: block;
    width: 100%;
    padding-left: 15px;
    float: left;
    margin-bottom: 10px;
    color: #4a4747;
    font-family: 'latam_sansitalic';
    font-size: 14px;
    line-height: 18px;
}

.btn-previus {
    z-index: 999999;
    background: #b6a9a6;
    position: absolute;
    padding: 10px 10px 10px 5px;
    font-size: 30px;
    left: 0;
    top: 50%;
    border-radius: 0 70px 70px 0;
}
.btn-next {
    z-index: 999999;
    background: #b6a9a6;
    position: absolute;
    padding: 10px 5px 10px 10px;
    font-size: 30px;
    right: 0;
    top: 45%;
    border-radius: 70px 0 0 70px;
}
.btn-previus i, .btn-next i{
    color: #1d0d68;
}
#content .btn-previus, #content .btn-next {position: fixed;top: 50%;}