html, body { }

/* Header */
#logo { width: 30%; }
#top-nav { width: 70%; }
#logo > img { max-height: none; }
#secondary-menu { display: inline-block; vertical-align: middle; }
#secondary-menu li { display: inline-block; vertical-align: middle; border-left: 1px solid #414140; padding: 0 10px; }
#secondary-menu li:first-child { border-left: 0; }
#secondary-menu li a { font-family: 'OdebrechtSans'; display: block; color: #414140; font-size: 14px; padding: 2px 0; }
#secondary-menu li a:hover { text-decoration: underline; }
#global-menu > li { width: 70px; position: relative; }
#global-menu > li > a { padding: 25px 5px; }
#global-menu > li > ul { width: 440px; top: 100%; box-shadow: none; }
.desktop #global-menu > li:hover { background-color: #A6192E; }
.desktop #global-menu > li:hover > ul { visibility: visible; opacity: 1; }
#searching { width: 70px; position: relative; }
#searching > a { padding: 25px 5px; }
#searching form { top: 100%; width: auto; box-shadow: none; }
#searching form input[type="text"] { width: 268px; }
.desktop #searching:hover { background-color: #3fa857; }
.desktop #searching:hover form { visibility: visible; opacity: 1; }
#sub-header-toggler { display: none; }

/* Sub Header */
#sub-header { background: #00afef; display: block !important; box-shadow: 0 1px 3px rgba(51, 51, 51, 0.3); }
#secondary-mobile-menu { display: none; }

/* Main Menu */
#mainmenu { padding-bottom: 0; border-bottom: 0; display: inline-block; position: relative; font-size: 0; white-space: nowrap; }
#mainmenu:after { content: ''; background-color: #00afef; position: absolute; left: 100%; width: calc(1200px - 100%); height: 100%; z-index: 20; }
#mainmenu > * { font-size: 14px; white-space: normal; }
#mainmenu li, #mainmenu li ul li, #mainmenu li ul li ul li { display: inline-block; vertical-align: middle; position: relative; z-index: 20; }
#mainmenu li a, #mainmenu li ul li a, #mainmenu li ul li ul li a  { display: block; color: #FFF; }
#mainmenu > li > ul, #mainmenu > li > ul > li > ul, #mainmenu > li > ul > li > ul > li > ul { display: block !important; visibility: hidden; opacity: 0; transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; }
#mainmenu > li { border-bottom: 0; border-left: 1px solid #90daf6; }
#mainmenu > li:first-child { border-left: 0; }
#mainmenu > li > a { font-size: 13px; line-height: 16px; padding: 26px 20px 21px; }
#mainmenu > li:before { content: ''; display: block; height: 32px; border-left: 1px dotted #00afef; position: absolute; left: -1px; top: 18px; }
#mainmenu > li:first-child:before { display: none; }
#mainmenu > li.active > a,
.desktop #mainmenu > li:hover > a,
.no-desktop #mainmenu > li.opened > a { background-color: #138eba; color: #FFF; }
#mainmenu > li:after { content: ''; display: block; visibility: hidden; opacity: 0; position: absolute; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 8px solid #E9E9E9; top: 100%; left: 50%; margin-left: -10px; z-index: 20; transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; }
#mainmenu > li.active:after, #mainmenu > li > ul > li.active:after,
.desktop #mainmenu > li:hover:after, .desktop #mainmenu > li > ul > li:hover:after,
.no-desktop #mainmenu > li.opened:after, .no-desktop #mainmenu > li > ul > li.opened:after { visibility: visible; opacity: 1; }
.desktop #mainmenu > li:hover:after,
.no-desktop #mainmenu > li.opened:after { border-top-color: #E9E9E9; }
#mainmenu > li > ul { position: absolute; top: 100%; left: 0; padding: 10px; border-top: 0; }
#mainmenu > li > ul > li > ul, #mainmenu > li > ul > li > ul > li > ul { position: absolute; top: 0%; left: 100%; padding: 10px; border-top: 0; width: 100% }

.desktop #mainmenu > li:hover > ul,
.desktop #mainmenu > li > ul > li:hover > ul,
.no-desktop #mainmenu > li.opened > ul, 
.no-desktop #mainmenu > li > ul > li.opened > ul
{ visibility: visible; opacity: 1; }

.desktop #mainmenu > li > ul > li > ul > li:hover > ul { visibility: visible; opacity: 1; }

#mainmenu > li > ul > li { padding: 10px 0; border-top: 0; border-bottom: 1px dotted #00afef; min-width: 190px; max-width: 210px; }
#mainmenu > li > ul > li > a { font-size: 13px; line-height: 1; padding: 6px 6px 4px; }
#mainmenu > li > ul > li.active > a,
#mainmenu > li > ul li:hover > a { text-decoration: underline; }
ul.group-items > li > span.group-name { font-family: 'OdebrechtSlab'; font-size: 14px; }
#mainmenu > li > ul.group-items > li > ul { padding: 10px 0; }
#mainmenu > li > ul.group-items > li > ul li a { font-size: 13px; }

/* Banner */
#banner { }
#banner-pages-wrapper { width: 960px; padding-bottom: 280px; }
.lt-ie10 #banner-pages-wrapper { margin-left: -480px; }
#banner-captions-wrapper { top: 30px; }
.banner-caption .caption-box { }
.banner-simple-caption .caption-box { left: 60px; top: 26%; }
.banner-simple-caption .caption-box .big-text { font-size: 46px; line-height: 40px; }

/* Content */
#main { padding: 30px 0 20px; font-size: 0; white-space: nowrap; width: 100%; max-width: 1200px; margin: auto; }
#section,
#aside { display: inline-block; vertical-align: top; }
#aside { width: 23%; padding: 0 8px; }
#sidemenu-toggler { display: none; }
#sidemenu { display: block !important; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 0; background-color: transparent; }
#sidemenu li { border-top: 1px solid #fff; }
#sidemenu li a { font-size: 16px; padding: 8px 10px; }
#sidemenu > li > a { font-family: 'OdebrechtSlab'; background-color: #4E4E4E; color: #fff; }
#sidemenu > li > a:hover { background-color: #A6192E; }
#sidemenu > li.active > a { color: #fff; background-color: #E41F2B; }
#sidemenu > li > ul li { padding-left: 0; }
#sidemenu > li > ul li a { font-family: 'OdebrechtSans'; background-color: #f4f4f4; color: #4e4e4e; }
#sidemenu > li > ul li.active a,
#sidemenu > li > ul li a:hover { color: #e41f2b; }
#sidemenu > li > ul li.active a { background-color: #fff; }
#section { width: 77%; padding: 0 8px; }

/*Article */
.split-article { padding: 10px 0; font-size: 0; /*white-space: nowrap;*/ }
.split-article > * { font-size: 13px; white-space: normal; }
.split-left,
.split-right { width: 50%; display: inline-block; vertical-align: top; }
.split-left { padding-right: 8px; }
.split-right { padding-left: 8px; }
.sixty-forty .split-left,
.forty-sixty .split-right { width: 60%; }
.sixty-forty .split-right,
.forty-sixty .split-left { width: 40%; }
.split-article > * > img { display: block; margin: 0 auto; }

/* Timeline */
.decade-header-title { font-size: 14px; }
.decade-header-time { font-size: 34px; }

/* Testimonies */
.testimony-image-wrapper { width: 25%; }
.testimony-content { width: 75%; }

/* Posters */

/* Child Articles */
.child-article-item > a,
.child-article-item > span { height: 280px; padding: 5% 55% 2% 5%; }
.lt-960 .child-article-item:nth-child(2n+2) a { padding: 5% 5% 2% 55%; }

/* Mapa Web */
#webmap > ul { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
.chrome #webmap > ul li { position: relative; }
#webmap > ul > li { break-inside: avoid; page-break-inside: avoid; -webkit-column-break-inside: avoid; backface-visibility: hidden; -webkit-backface-visibility: hidden; display: block; padding: 0 4% 5%; }
.lt-ie10 #webmap > ul > li { display: inline-block; vertical-align: top; width: 33.3%; padding: 0 1.5% 2%; }
.chrome #webmap > ul li a { position: relative; }

/* Shortcuts */
#shortcuts { padding-bottom: 26px; }
#shortcuts > li { width: 25%; padding: 0 8px; }
#shortcuts > li a { position: relative; padding: 0; padding-bottom: 105.63%; }
#shortcuts > li a:before { display: block; }
#shortcuts > li img, #shortcuts > li iframe, .media-item-video iframe { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#shortcuts > li span { font-size: 14px; line-height: 24px; position: absolute; top: 0; left: 0; padding: 9% 0; text-align: center; color: #fff; background-color: #343434; background-color: rgba(52,52,52,0.9); z-index: 15; }
#shortcuts > li a:hover span { text-decoration: underline; }
#shortcuts > li span:after { display: none; }

/* Home */
#main.full-section #section { width: 100%; padding: 0 8px; }
#main.full-section .split-article .split-left { padding-left: 8px; }
#main.full-section .split-article .split-right { padding-right: 8px; }
#home-slider { display: block; }
#home-slider.content-slider { max-width: 1184px; max-height: 341px; width: calc(100% - 16px); border-top: solid 4px #E7E7E7; border-bottom: solid 4px #E7E7E7; }
#home-slider .content-wrapper-slides { /* 1184 / 290 */ padding-bottom: 60.493%; }
#home-carousel.carousel { display: block; margin-top: 20px; margin-bottom: 0; }
#home-carousel.carousel .carousel-wrapper ul { width: 88%; }
.home-poster.poster { min-height: 350px; }

/* Footer */
.footer-menu-group { width: 50%; display: inline-block; vertical-align: top; }
.footer-menu-group:nth-child(n+2) { text-align: right; }
.footer-menu-item { width: 45%; padding: 0 10px; }
.footer-menu-item.last { width: 55%; }
.footer-menu-item.last img { padding:10% 0; }
#footer-info { padding: 10px 0; }
#footer-info > span { display: inline-block; vertical-align: middle; width: 55.33%; padding: 10px; text-align: center; }
#footer-info > span:first-child { text-align: left; }
#footer-info > span:first-child + span + span { text-align: right; }
.mapa { position: relative; height: 0; overflow: hidden; padding-bottom: 100%; }
.media-item-video { position: relative; height: 0; overflow: hidden; padding-bottom: 60%; }