/* ------------------------------------------- Name: United Farm Workers Date: 2016/01/17 Author: http://psdhtml.me --------------------------------------------- */ * { margin: 0; padding: 0; } *, :before, :after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } html { overflow-y: scroll; min-height: 100%; margin: 0 0 1px; font-size: 100.01%; -webkit-tap-highlight-color: rgba(0,0,0,0); -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; -ms-content-zooming: none; } body { min-height: 100%; background: #000; font-size: 62.5%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body, textarea, input, select, option, button { color: #696767; font-family: Hv, Helvetica, Arial, sans-serif; line-height: 1.5; } li, dt, dd, p, figure, th, td, caption, legend, pre { font-size: 1.6em; } li *, dt *, dd *, p *, figure *, th *, td *, legend * { font-size: 1em; } ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 24px; } article, aside, details, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /*! Layout --------- */ #root { overflow: hidden; position: relative; width: 100%; background: #fff; } #top { position: relative; left: 0; top: 0; z-index: 9; margin: 0 auto; padding: 78px 0 0; } #logo { position: absolute; left: 50%; top: 10px; margin: 0 0 0 -550px; color: #000; font-family: Verdana, Geneva, sans-serif; font-size: 1.2em; line-height: 1; text-align: right; } #logo a { display: block; overflow: hidden; width: 100%; padding: 10px 0 1px 124px; color: #000; font-size: 3em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: 700; text-decoration: none; text-align: left; } #logo a:before { content: "\e906"; display: block; position: absolute; left: 0; top: 0; color: #000; font-family: i; font-weight: 400; font-size: 55px; line-height: 55px; text-indent: 0; text-align: left; } #logo > span { display: block; position: absolute; right: 0; top: 100%; padding: 0 15px 0 0; } /*#logo > span:before { content: "®"; display: block; position: absolute; right: 0; top: 0; font-size: .91666666666em; }*/ #skip { position: fixed; top: 0; left: -10000px; } #skip a:focus, #skip a:active { display: block; position: absolute; left: 10000px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 4px 8px; background: #333; color: #fff; font-weight: 500; font-size: 1.1em; text-align: center; text-decoration: none; } #nav { width: 1100px; margin: 0 auto; } #nav > ul { list-style: none; width: 105%; margin: 0; padding: 0; } #nav > ul { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -moz-justify-content: space-between; -webkit-justify-content: space-between; -o-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -moz-align-content: stretch; -webkit-align-content: stretch; -o-align-content: stretch; -ms-align-content: stretch; align-content: stretch; -moz-flex-direction: row; -webkit-flex-direction: row; -o-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; -o-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #nav > ul > li { position: relative; float: left; margin: 0 75px 0 0; font-size: 1.4em; font-family: Myriad, Hv, Helvetica, Arial, sans-serif; } #nav > ul > li { -moz-flex-grow: 4; -webkit-flex-grow: 4; -o-flex-grow: 4; -ms-flex-grow: 4; flex-grow: 4; } #root #nav > ul > li { margin: 0; } #nav > ul > li > a { display: block; height: 52px; color: #2c2a2a; line-height: 52px; text-transform: uppercase; text-decoration: none; text-align: left; } #nav > ul > li > a:hover, #nav > ul > li:hover > a, #nav > ul > li.active > a { color: #d80607; } #nav > ul > li.active > a { cursor: default; } #nav > ul > li > ul { overflow: hidden; position: absolute; left: 0; top: 100%; list-style: none; max-height: 0; margin: 0; padding: 0; background: #8f0210; white-space: nowrap; } .no-mobile #nav > ul > li:hover > ul, .mobile #nav > ul > li.toggle > ul { max-height: 300px; } #nav > ul > li > ul > li { margin: 0; } #nav > ul > li > ul > li > a { display: block; padding: 6px 12px; border-top: 1px solid #ae555e; color: #fff; text-decoration: none; } #nav > ul > li > ul > li:first-child > a { border-top-width: 0; } #nav > ul > li > ul > li.active > a, #nav > ul > li > ul > li > a:hover { background: rgba(0,0,0,.1); } #nav > ul > li > ul > li.active > a { cursor: default; } #language { position: absolute; right: 50%; top: 0; z-index: 9; margin: 0 -550px 0 0; } #language > ul { float: left; list-style: none; margin: 0; padding: 0 0 0 33px; } #language > ul:first-child { padding: 0; } #language > ul > li { float: left; margin: 0; padding: 0 0 0 1px; font-family: Verdana, Geneva, sans-serif; font-size: 1.2em; } #language > ul > li > a { display: block; height: 28px; padding: 0 20px; border-width: 0; background: #4f4b4b; color: #fff; line-height: 28px; text-decoration: none; } #language > ul > li > a:hover { background: #d80607; } #language > .social-a { } #language > .social-a > li { padding: 0; } #language > .social-a > li > a { width: 28px; padding: 0; } #language > .social-a > li.home > a { background: #000; } #language > .social-a > li.home > a:before { content: "\e915"; display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -10px 0 0; font-family: i; font-weight: 400; font-size: 10px; line-height: 20px; text-align: center; text-indent: 0; } #top > form, #top .form { position: absolute; right: 50%; top: 37px; z-index: 8; margin: 0 -550px 0 0; } #top > form h1, #top > form h2, #top > form h3, #top > form h4, #top > form h5, #top > form h6, #top .form h1, #top .form h2, #top .form h3, #top .form h4, #top .form h5, #top .form h6 { float: left; margin: 0; color: #b80000; font-family: Franklin_Gothic, Hv, Helvetica, Arial, sans-serif; font-size: 1.5em; font-weight: 400; font-style: italic; line-height: 25px; } #top > form p { float: left; clear: none; margin: 0; padding: 0 0 0 18px; } #top > form input, #top .form input { display: block; width: 162px; height: 25px; margin: 0; padding: 0 25px 0 7px; box-shadow: none; border-radius: 0; border: 1px solid #feaeaf; color: #847e7e; font-family: Myriad, Hv, Helvetica, Arial, sans-serif; font-size: 1em; } #top > form button, #top > .form .at-form-submit input { display: block; position: absolute; right: 0; bottom: 0; z-index: 9; width: 18px; min-width: 0; height: 25px; margin: 0; padding: 0; border: 0; background: #d80607; color: #fff; font-weight: 400; text-align: left; text-indent: -3000em; } #top > form button:before { content: "\e90d"; display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -10px 0 0; padding: 0 0 0 1px; font-family: i; font-size: 10px; line-height: 20px; text-align: center; text-indent: 0; } #top .form { padding: 0 180px 0 0; } #top .form .ngp-form { position: absolute; right: 0; top: 0; width: 162px; margin: 0; } #top .form .at-inner { background: none; } #top .form .at-row > [class^="at-"] { display: block; } #top .form fieldset { min-width: 0; padding: 0; } #top .form label { min-width: 0; margin: 0; padding: 0; line-height: 25px; } #top .form .at .error small.error { display: block; padding: 4px 0 0; line-height: 1.2; } #top .form input { position: absolute; left: 0; top: 0; z-index: 99; } #top .form input::-webkit-input-placeholder { opacity: 1; color: inherit; } #top .form input::-moz-placeholder { opacity: 1; color: inherit; } #top .form input:-moz-placeholder { opacity: 1; color: inherit; } #top .form input:-ms-input-placeholder { opacity: 1; color: inherit; } #top .form .at-form-submit { position: absolute; right: 0; top: 0; z-index: 999 !important; width: 18px; height: 25px; padding: 0; } #top > .form .at-form-submit:before { content: "\e90d"; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #d80607; color: #fff; font-family: i; font-size: 10px; line-height: 25px; text-align: center; text-indent: 0; } #top > .form .at-form-submit input { position: relative; background: none; } #top .form img, #top .form .at-title, #top .form .PersonalUrl, #top .form .at-error-console, #top .form [data-subview], #top .form .UpdateMyProfile { position: absolute; left: -3000em; top: 0; } #top > .menu { display: block; position: absolute; left: 4px; top: -3000em; z-index: 2; width: 34px; height: 34px; color: #f67979; font-size: 14px; cursor: pointer; } #top > .menu:before { content: "\e911"; display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -10px 0 0; font-family: i; font-weight: 400; line-height: 20px; text-align: center; text-indent: 0; } #wide { overflow: hidden; position: relative; z-index: 1; height: 220px; margin: 0 auto 29px; background: #ccc; color: #fff; font-family: "Times New Roman", Times, serif; font-style: italic; line-height: 1.21428571429; opacity: 0; } .domloaded #wide { height: auto; opacity: 1; } #wide article { overflow: hidden; position: relative; height: 220px; } #wide article:before { content: ""; display: block; position: absolute; right: 50%; top: 0; bottom: 0; z-index: 2; width: 3000px; margin: 0 -3060px 0 0; background: #c60808; } #wide article > div { display: block; position: absolute; right: 50%; top: 50%; z-index: 3; float: right; width: 490px; margin: 0 -550px 0 0; padding: 0 0 0 50px; } #wide article > div, .link-b a img, .link-b > span img { -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #wide article > figure { position: absolute; left: 50%; top: 0; bottom: 0; z-index: 1; width: 660px; margin: 0 0 0 -600px; background-size: cover; background-position: center center; } #wide article > figure img, .featured article > figure img { display: block; position: relative; width: 100% !important; } #wide p { font-size: 2.8em; } #wide p.size-a, #wide p.overlay-d, #wide p.strong { font-style: normal; font-family: Hv, Helvetica, Arial, sans-serif; } #wide p.size-a > span, #wide p.overlay-d > span, #wide p.strong > span { display: block; padding: 0 0 9px; color: #fff; font-size: 1.5833333333em; } #wide a.clone, .module-a a.clone, .widget a.clone, .featured a.clone { display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 9; margin: 0; text-align: left; text-indent: -3000em; } #wide .bx-viewport { position: relative; z-index: 1; } #wide .bx-pager { position: absolute; left: 0; bottom: 10px; z-index: 9; width: 100%; text-align: center; } #wide:empty { height: 4px; background: #c60808; } #mobile { overflow-x: hidden; overflow-y: auto; position: fixed; left: -240px; right: auto; top: 0; bottom: 0; z-index: 100; width: 240px; margin: 0; padding: 58px 0 0; background: #b80000; line-height: 1.55; } #mobile { background: -moz-linear-gradient(left, #b80000 83%, #630000 100%); background: -webkit-linear-gradient(left, #b80000 83%,#630000 100%); background: linear-gradient(to right, #b80000 83%,#630000 100%); } #mobile:before { content: "\e906"; display: block; position: absolute; left: 20px; top: 14px; color: #000; font-family: i; font-weight: 400; font-size: 33px; line-height: 33px; } #mobile > ul { list-style: none; margin: 0; padding: 0; } #mobile > ul > li { position: relative; float: none; margin: 0; font-size: 1.4em; text-transform: uppercase; } #mobile > ul > li > a { display: block; position: relative; z-index: 1; float: none; padding: 13px 20px; color: #fff; font-family: Helvetica_Neue_condensed, Hv, Helvetica, Arial, sans-serif; font-weight: 700; text-decoration: none; } #mobile > ul > li.sub > a { padding-right: 60px; } #mobile > ul > li > .toggle { display: block; position: absolute; right: 0; top: 0; z-index: 2; width: 48px; height: 48px; cursor: pointer; } #mobile > ul > li > .toggle:before { content: "\e90a"; display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -10px 0 0; color: #fff; font-family: i; font-size: 6px; font-weight: 400; line-height: 20px; text-align: center; } #mobile > ul > li > ul { overflow: hidden; position: relative; list-style: none; max-height: 0; margin: 0; padding: 0; background: #8f0210; } #mobile > ul > li.toggle > ul { max-height: 300px; padding: 6px 0; } #mobile > ul > li > ul li { position: relative; margin: 0; padding: 0; font-size: 14px; } #mobile > ul > li > ul li:first-child { border: 0; } #mobile > ul > li > ul li a { display: block; padding: 2px 20px; color: #fff; text-transform: none; } #mobile ul + ul li.mobile-hide { position: relative; left: 0; top: 0; } #shadow { visibility: hidden; position: fixed; left: 0; top: 0; z-index: 99; width: 100%; height: 100%; opacity: 0; cursor: pointer; } #subnav { position: relative; z-index: 3; width: 1100px; margin: 0 auto; padding: 12px 0 0; } #subnav ul { list-style: none; margin: -29px 0 17px; padding: 0; text-transform: uppercase; text-align: center; } #subnav li { float: left; width: 25%; margin: 0 0 24px; font-size: 1.2em; } #subnav li.active { } #subnav li.active a { color: #8f0210; cursor: default; } #subnav li.active a:before { visibility: visible; opacity: 1; } #subnav a { display: block; position: relative; height: 24px; border-left: 1px dotted #7f8f8a; color: #625f5f; font-weight: 700; line-height: 24px; text-decoration: none; } #subnav a:before { content: ""; display: block; visibility: hidden; position: absolute; left: 0; top: 100%; right: 0; height: 10px; border-top: 2px solid #fff; background: #8f0210; opacity: 0; } #subnav a:hover { color: #ae555e; } #content { position: relative; z-index: 2; width: 1100px; margin: 0 auto; padding: 0 0 10px; } #content:after, #top:after, #footer:after, form p:after, #footer nav:after, #subnav ul:after, #nav > ul:after, .form-a:after, .widget:after, .module-a:after, .gallery-a:after, .news-a:after, .list-c:after, .double:after, .cols-a:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } #footer { position: relative; z-index: 1; width: 1100px; margin: 0 auto; padding: 21px 0 0; color: #d5cdcd; font-family: Arial, Helvetica, sans-serif; } #footer:before { content: ""; display: block; position: absolute; left: -1000em; top: 0; bottom: 0; z-index: 1; width: 3000em; background: #444343; } #footer > *, .widget > *, .featured article > *, .widget-big > *, .news-a article > * { position: relative; z-index: 2; } #footer nav { margin: 0 0 0 -15px; } #footer nav > * { float: left; width: 14.2857142857%; padding: 0 0 9px; border-left: 15px solid rgba(0,0,0,0); } #footer #social { float: none; width: auto; padding: 12px; background: #2e2d2d; font-family: Hv, Helvetica, Arial, sans-serif; } #footer #social h1, #footer #social h2, #footer #social h3, #footer #social h4, #footer #social h5, #footer #social h6 { margin: 0 0 8px; font-weight: 400; font-size: 1.4em; } #footer #social ul { overflow: hidden; margin: 0 0 0 -8px; padding: 0; } #footer #social li { float: left; width: 25%; margin: 0; border-left: 8px solid rgba(0,0,0,0); } #footer #social li a { display: block; overflow: hidden; position: relative; height: 58px; background: #c60808; color: #fff; font-weight: 400; text-decoration: none; text-indent: -3000em; text-align: left; } #footer #social li.tw a { background: #56a3d9; } #footer #social li.fb a { background: #3b5998; } #footer #social li.yt a { background: #bf221f; } #root #footer #social li a:before { content: "\e904"; font-size: 13px; } #root #footer #social li.tw a:before { content: "\e900"; font-size: 27px; } #root #footer #social li.fb a:before { content: "\e905"; font-size: 27px; } #root #footer #social li.yt a:before { content: "\e901"; font-size: 21px; } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { margin: 0 0 9px; color: #fff; font-size: 1.2em; } #footer h1 a, #footer h2 a, #footer h3 a, #footer h4 a, #footer h5 a, #footer h6 a { color: #fff; } #footer ul { list-style: none; margin: 0; padding: 0 0 0 14px; } #footer li { margin: 0 0 7px; font-size: 1.1em; } #footer a { color: #d5cdcd; } #footer > ul { overflow: hidden; position: relative; margin: 0 -1000px; padding: 5px 1000px 3px 1180px; background: #000; color: #bfbbbb; } #footer > ul:before, #footer > ul:after { display: block; position: absolute; top: 50%; margin: -15px 0 0; color: #fff; line-height: 30px; } #footer > ul:before { content: "\e906"; left: 1000px; font-family: i; font-weight: 400; font-size: 15px; } #footer > ul:after { content: "United Farm Workers"; left: 1038px; font-weight: 700; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; } .lang-es #footer > ul:after, html[lang="es"] #footer > ul:after { content: "Unión de Campesinos"; } #footer > ul li { position: relative; float: left; margin: 0 27px 0 0; font-size: 1.2em; } #footer > ul li:after { content: "|"; display: block; position: absolute; left: 100%; top: 0; width: 27px; text-align: center; } /*! Columns --------- */ .cols-a { } .cols-a > header:first-child + *, .cols-a > *:first-child { float: left; width: 800px; } .cols-a > header:first-child, .cols-a > aside { float: right; width: 280px; margin: -19px 0 0; } .cols-a > header:first-child + * > .widget:first-child, .cols-a > *:first-child > .widget:first-child, .cols-a > header:first-child + * > .widget-big:first-child, .cols-a > *:first-child > .widget-big:first-child, .cols-a > header:first-child + * > .module-a:first-child, .cols-a > *:first-child > .module-a:first-child { margin-top: -19px; } .full-width-widgets + .cols-a { margin-top: 29px; } .cols-a.a { } .cols-a.a > header:first-child + *, .cols-a.a > *:first-child { width: 726px; } .cols-a.a > header:first-child, .cols-a.a > aside { width: 354px; } .double { } .double > * { display: block; float: right; border-left: 0 solid rgba(0,0,0,0); } .double > *:first-child { float: left; } .double.a { margin-left: -20px; } .double.a > * { width: 50%; border-left-width: 20px; } .double.b { margin-left: -20px; } .double.b > * { width: 50%; border-left-width: 20px; } /*! Modules --------- */ [data-height] { overflow-y: auto; } .featured { overflow: auto; position: relative; z-index: 1; margin: 0 0 29px; color: #fff; font-family: Verdana, Geneva, sans-serif; line-height: 1.2; outline: none; } .featured article { overflow: hidden; position: relative; min-height: 426px; padding: 69px 0; background: #ccc; } .featured article > figure { position: absolute; left: 50%; top: 0; bottom: 0; z-index: 1; width: 1400px; margin: 0 0 0 -700px; background-position: center center; background-repeat: no-repeat; background-size: cover; } .featured article > figure .bx-wrapper, .featured article > figure .bx-viewport, .featured article > figure .bx-viewport > .inner, .featured article > figure .bx-viewport .item { display: block; position: absolute !important; left: 0; top: 0; right: 0; bottom: 0; width: 100% !important; max-width: none !important; height: auto !important; background-position: center center; background-repeat: no-repeat; background-size: cover; } .featured article > div { width: 1100px; margin: 0 auto; } .featured h1, .featured h2, .featured h3, .featured h4, .featured h5, .featured h6 { margin: 0; color: #fff; font-size: 3.6em; font-weight: 700; text-transform: uppercase; opacity: 0; } .featured p { font-size: 3em; opacity: 0; } .featured a { color: #fff; } .featured .list-c { margin-top: 61px; margin-bottom: -30px; } .featured .list-c, .featured .list-c .bx-viewport { height: 235px !important; } .featured .list-c li { margin-bottom: 0; } .featured article > figure.has-slider { background-position: -3000em -3000em; } .featured article > figure .bx-viewport { position: relative; z-index: 1; } .featured article > figure .bx-pager { position: absolute; left: 0; top: 20; z-index: 99; width: 100%; text-align: center; } .featured > br, .featured > p, .featured > b { display: none; } .gallery-a { list-style: none; margin-left: -3px; padding: 0; color: #fff; font-family: Verdana, Geneva, sans-serif; line-height: 1.22222222222; text-align: center; } .gallery-a li { position: relative; float: left; width: 33.333333333333%; margin: 0; padding: 3px 0 0; border-left: 3px solid rgba(0,0,0,0); font-size: 2.4em; } .gallery-a li:nth-child(3n) + li, list-c li:nth-child(3n) + li, .news-a article:nth-child(3n) + * { clear: both; } .gallery-a li:first-child, .gallery-a li:first-child + *, .gallery-a li:first-child + * + * { padding: 0; } .gallery-a img, .gallery-a iframe, .list-a img, .list-a iframe, .module-a img { display: block; position: relative; width: 100% !important; } .gallery-a.a { margin: 0 0 26px -20px; } .gallery-a.a li { margin: 0 0 20px; padding: 0; border-left-width: 20px; } .gallery-a.a li:nth-child(3n-2) a { background: #031f34; } .gallery-a.a a { display: block; padding: 16px 0; background: #2c2a03; color: #fff; text-decoration: none; } .gallery-a.a a:hover { text-decoration: none; } .gallery-a.a a:before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .gallery-a.a a span { display: block; } .gallery-a.a img { top: 16px; } .featured + #content > .gallery-a.a:first-child, .featured + #content > .news-a:first-child { margin-top: -90px; } .js .gallery-a.a li { opacity: 0; } .gallery-a.scrolling { overflow: auto; height: 270px; } header { } header h1 + p, header h2 + p, header h3 + p, header h4 + p, header h5 + p, header h6 + p { margin-top: -12px; } header p { font-size: 1.4em; } .max-a { max-width: 594px; margin-left: auto; margin-right: auto; } .max-b { max-width: 420px; margin-left: auto; margin-right: auto; } .module-a { overflow: hidden; position: relative; margin: 0 0 10px; padding: 0 22px; background: #d7d7d7; color: #000; line-height: 1.42857142857; } .module-a h1, .module-a h2, .module-a h3, .module-a h4, .module-a h5, .module-a h6 { margin: 0 -22px; padding: 8px 22px; background: #000; color: #fff; font-size: 2.4em; font-weight: 400; } .module-a h1.strong, .module-a h2.strong, .module-a h3.strong, .module-a h4.strong, .module-a h5.strong, .module-a h6.strong { font-weight: 700; text-align: center; } .module-a p, .module-a li { font-size: 1.4em; } .module-a p, .module-a ul, .module-a ol { margin-bottom: 14px; } .module-a figure { position: relative; margin-left: -22px; margin-right: -22px; margin-bottom: 0; color: #015473; font-weight: 700; font-size: 1.6em; line-height: 1.1875; text-align: center; } .module-a figure + * { margin-top: 14px; } .module-a figure img { display: block; position: relative; z-index: 1; margin: 0 auto; } .module-a figure figcaption, .module-a figure span { display: block; position: absolute; left: 11px; right: 85px; top: 11px; z-index: 2; text-align: left; } .module-b { margin: 0 0 30px; padding: 25px 25px 1px; border: 1px solid #ccc; color: #3c3c3c; } .news-a { margin: 0 0 26px -20px; } .news-a article { position: relative; float: left; width: 33.3333333333%; margin: 0 0 20px; border-left: 20px solid rgba(0,0,0,0); } .news-a article:nth-child(3n-2) h1, .news-a article:nth-child(3n-2) h2, .news-a article:nth-child(3n-2) h3, .news-a article:nth-child(3n-2) h4, .news-a article:nth-child(3n-2) h5, .news-a article:nth-child(3n-2) h6, .news-a article:nth-child(3n-2) p { background: #d6870c; } .news-a article:nth-child(3n-2) .list-b .date, .news-a article:nth-child(3n-2) .list-b .title { color: #d6870c; } .news-a article:nth-child(3n-1) h1, .news-a article:nth-child(3n-1) h2, .news-a article:nth-child(3n-1) h3, .news-a article:nth-child(3n-1) h4, .news-a article:nth-child(3n-1) h5, .news-a article:nth-child(3n-1) h6, .news-a article:nth-child(3n-1) p { background: #2e3432; } .news-a article:nth-child(3n-1) .list-b .date, .news-a article:nth-child(3n-1) .list-b .title { color: #bb0303; } .news-a article:nth-child(3n) h1, .news-a article:nth-child(3n) h2, .news-a article:nth-child(3n) h3, .news-a article:nth-child(3n) h4, .news-a article:nth-child(3n) h5, .news-a article:nth-child(3n) h6, .news-a article:nth-child(3n) p { background: #8f0210; } .news-a article:nth-child(3n) .list-b .date, .news-a article:nth-child(3n) .list-b .title { color: #8f0210; } .news-a h1, .news-a h2, .news-a h3, .news-a h4, .news-a h5, .news-a h6 { margin: 0; padding: 16px 24px; border-bottom: 0 solid #e8e8e8; background: #b80000; color: #fff; font-size: 2.4em; font-weight: 400; font-family: Verdana, Geneva, sans-serif; } .news-a p { position: relative; margin: 0; padding: 7px 24px 5px; border-top: 1px solid #e8e8e8; background: #b80000; color: #fff; font-weight: 700; font-size: 1.4em; text-align: right; } .news-a p a { display: block; color: #fff; text-decoration: none; } .news-a .list-b { overflow-y: auto; height: 740px; margin: 0; } .news-a .list-b li { padding-left: 13px; padding-right: 13px; } .news-a .list-b li.featured { padding: 0; } .owl-carousel { position: absolute; left: -3000em; top: 0; } .owl-carousel { -webkit-tap-highlight-color: transparent; } .owl-carousel .owl-stage { position: relative; } .owl-carousel .owl-stage { -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage-outer { overflow: hidden; position: relative; } .owl-carousel .owl-stage-outer { -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transform-style: preserve-3d; } .owl-carousel .owl-item { position: relative; float: left; } .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel.owl-loading, .owl-carousel.owl-loaded { position: relative; left: 0; top: 0; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item { -ms-touch-action: auto; touch-action: auto; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .owl-nav button, .owl-dots button { display: block; min-width: 0; width: 10px; height: 10px; margin: 0; padding: 0; box-shadow: none; border-radius: 0; border: 0; background: red; text-indent: -3000em; text-align: left; } .owl-nav button { } .owl-nav button.owl-prev { left: 0; } .owl-nav button.owl-next { right: 0; } .owl-dots { clear: both; } .owl-dots button { } .owl-dots button.active { background: yellow; cursor: default; } .owl-carousel .owl-stage:after, .owl-carousel .owl-stage-outer:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } .owl-carousel.owl-loading, .owl-carousel.owl-hidden, .owl-carousel.owl-refresh .owl-item, .owl-carousel .owl-item .owl-lazy { visibility: hidden; opacity: 0; } #root .owl-carousel .disabled { display: none; } .owl-height { transition: height .4s cubic-bezier(.4,0,.2,1) 0s; -webkit-transition-delay: -.1s; } .pagination-a { } .pagination-a ul, .pagination-a ol { overflow: hidden; list-style: none; padding: 0; } .pagination-a li { float: left; margin: 0 2px 2px 0; font-size: 1.4em; } .pagination-a li > * { display: block; float: left; min-width: 30px; height: 30px; padding: 0 10px; border-radius: 3px; background: #c60808; color: #fff; line-height: 30px; text-align: center; text-decoration: none; } .pagination-a a:hover, .pagination-a span, .pagination-a .active a { background: #8f0210; text-decoration: none; } .pagination-a .active a { cursor: default; } .social-a { overflow: hidden; list-style: none; margin-bottom: 26px; padding: 0; } .social-a li { float: left; margin: 0 2px 2px 0; font-size: 1.1em; } .social-a a { display: block; overflow: hidden; position: relative; height: 23px; padding: 2px 13px; border: 1px solid #bbb; background: #ddd; color: #797979; font-style: normal; text-decoration: none; text-align: left; } .social-a a:hover { text-decoration: none; } .social-a li[class] a { width: 28px; padding: 0; color: #fff; text-indent: -3000em; } .social-a li.tw a, #language > .social-a > li.tw > a { border-color: #00acee; background: #00acee; } .social-a li.fb a, #language > .social-a > li.fb > a { border-color: #3b5999; background: #3b5999; } .social-a li.em a, #language > .social-a > li.em > a { border-color: #a70302; background: #a70302; } .social-a li.yt a, #language > .social-a > li.yt > a { border-color: #e42b26; background: #e42b26; } .social-a a:before, #footer #social li a:before { display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -10px 0 0; font-family: i; font-size: 10px; font-weight: 400; line-height: 20px; text-align: center; text-indent: 0; } .social-a li.tw a:before { content: "\e900"; font-size: 8px; } .social-a li.fb a:before { content: "\e905"; } .social-a li.em a:before { content: "\e904"; font-size: 7px; } .social-a li.yt a:before { content: "\e901"; } * + .social-a { margin-top: -7px; } .widget { overflow: hidden; position: relative; margin: 0 0 10px; } .widget:before, .widget-big:before, .news-a article:before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; border: 1px solid #e8e8e8; } .widget h1, .widget h2, .widget h3, .widget h4, .widget h5, .widget h6 { margin: 0; padding: 11px; background: #c4bcb0; font-family: Verdana, Geneva, sans-serif; font-weight: 700; font-size: 2.4em; text-align: center; } .widget h1 span, .widget h2 span, .widget h3 span, .widget h4 span, .widget h5 span, .widget h6 span { color: #df0404; font-size: 1.25em; line-height: 1px; } .widget h1 a:before, .widget h2 a:before, .widget h3 a:before, .widget h4 a:before, .widget h5 a:before, .widget h6 a:before, .widget p a:before, .news-a p a:before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .widget.fb h1, .widget.fb h2, .widget.fb h3, .widget.fb h4, .widget.fb h5, .widget.fb h6, .widget.fb h1 a, .widget.fb h2 a, .widget.fb h3 a, .widget.fb h4 a, .widget.fb h5 a, .widget.fb h6 a { color: #094495; } .widget.tw h1, .widget.tw h2, .widget.tw h3, .widget.fb h4, .widget.tw h5, .widget.tw h6, .widget.tw h1 a, .widget.tw h2 a, .widget.tw h3 a, .widget.tw h4 a, .widget.tw h5 a, .widget.tw h6 a { color: #0d96cf; } .widget figure { margin: 0; } .widget > div, .widget iframe, .widget figure { display: block !important; position: relative !important; z-index: 99 !important; width: auto !important; } .widget > .twitter-timeline { width: 278px !important; } .widget iframe, .list-b img { display: block; width: 100% !important; } .widget p { position: relative; margin: 0; padding: 7px 20px 5px; background: #c4bcb0; color: #fff; text-align: right; } .widget p a, .widget-big header p a, .widget-big p.desktop-hide a { display: block; color: #fff; text-decoration: none; } .widget p i, .widget-big header p a i, .widget-big p.desktop-hide a i { display: inline-block; position: relative; top: 1px; color: #30bcf0; font-size: 1em; line-height: 1px; } .widget .gallery-a { margin-bottom: 0; padding: 6px 6px 0; } .widget .gallery-a li:last-child { padding-bottom: 6px; } .widget .list-a { margin: 0; padding: 6px 0 0; } .widget .list-a li { border-color: #c4bcb0; } .widget.a { border-bottom: 30px solid #616161; } .widget.a h1, .widget.a h2, .widget.a h3, .widget.a h4, .widget.a h5, .widget.a h6 { background: #616161; color: #fff; font-weight: 400; text-align: left; } .widget.a h1 a, .widget.a h2 a, .widget.a h3 a, .widget.a h4 a, .widget.a h5 a, .widget.a h6 a, widget.b h1 a, .widget.b h2 a, .widget.b h3 a, .widget.b h4 a, .widget.b h5 a, .widget.b h6 a { color: #fff; } .widget.a .list-a li { border-color: #616161; } .widget.b { border-bottom: 30px solid #a19376; } .widget.b h1, .widget.b h2, .widget.b h3, .widget.b h4, .widget.b h5, .widget.b h6 { background: #a19376; color: #fff; font-weight: 400; text-align: left; } .widget.b .list-a li { border-color: #a19376; } .widget.tw { padding: 0 1px; } .widget.tw h1, .widget.tw h2, .widget.tw h3, .widget.tw h4, .widget.tw h5, .widget.tw h6, .widget p { margin-left: -1px; margin-right: -1px; } .widget-big { position: relative; margin: 0 0 25px; border-bottom: 30px solid #8f8980; } .widget-big header { overflow: hidden; position: relative; padding: 20px 25px 18px; border-bottom: 1px solid #e8e8e8; background: #8f8980; } .widget-big h1, .widget-big h2, .widget-big h3, .widget-big h4, .widget-big h5, .widget-big h6 { float: left; margin: 0; color: #fff; font-family: Verdana, Geneva, sans-serif; font-weight: 400; font-size: 2.4em; } .widget-big header p { float: left; margin: 0; padding: 4px 0 0 43px; font-family: Helvetica_Neue_condensed, Hv, Helvetica, Arial, sans-serif; font-size: 1.8em; font-weight: 700; } .widget-big header ul { position: absolute; right: 12px; top: 50%; float: right; list-style: none; margin: -11px 0 0; padding: 0; color: #fff; } .widget-big header ul li { float: left; padding: 0 0 0 13px; font-size: 1.4em; line-height: 22px; } .widget-big header ul li a { display: block; overflow: hidden; position: relative; float: left; width: 22px; height: 22px; border-radius: 1px; background: #050706; color: #fff; font-weight: 400; line-height: 20px; text-align: left; text-indent: -3000em; text-decoration: none; } .widget-big header ul li a i { display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -10px 0 0; font-size: 11px; line-height: 20px; text-align: center; text-indent: 0; } .widget-big header ul li a i.icon-youtube { font-size: 10px; } .widget-big header ul li a i.icon-youtube2 { font-size: 13px; } .widget-big .twitter-timeline, .widget-big .fb_iframe_widget, .widget-big .fb_iframe_widget > span, .widget-big .fb_iframe_widget iframe { display: block !important; position: relative !important; z-index: 9; width: 100% !important; margin-left: auto; margin-right: auto; } .widget-big .fb_iframe_widget { max-width: 500px; } .widget-big .twitter-timeline { width: 798px !important; } .widget-big p.desktop-hide { margin: 0; font-family: Helvetica_Neue_condensed, Hv, Helvetica, Arial, sans-serif; font-size: 1.8em; font-weight: 700; line-height: 36px; } /*! Headers --------- */ h1, h2, h3, h4, h5, h6 { margin: 40px 0 14px; font-size: 1.8em; color: #000; font-weight: 700; line-height: 1.22222222222; } h1 { font-size: 2.8em; } h2 { font-size: 2.0em; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #000; } h3, h4, h5, h6 { margin-bottom: 5px; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { display: block; margin-bottom: 10px; } /*! Content --------- */ b, strong, .strong { font-weight: 700; } blockquote { margin: 1em 40px; } dfn, em, i, .em { font-style: italic; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } small { font-size: 85%; } strike, del, .strike { text-decoration: line-through; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .text-justify { text-align: justify; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .overlay-a, #root .overlay-a { color: #37749b; } .overlay-b, #root .overlay-b { color: #696767; } .overlay-c, #root .overlay-c { color: #c60808; } .overlay-d, #root .overlay-d { color: #02e7fc; } .overlay-e, #root .overlay-e { color: #f00; } .overlay-f, #root .overlay-f { color: #f90; } .overlay-g, #root .overlay-g { color: #000; } .size-a, #root .size-a { font-size: 24px; } /*! Links --------- */ a { background: none; color: #37749b; text-decoration: none; cursor: pointer; } /*---*/ a span { cursor: pointer; } a:hover, a:focus, a:active { text-decoration: underline; outline: none; } .link-a { font-size: 14px; } .link-a a { display: inline-block; min-width: 78px; padding: 6px 14px 5px; background: #000; color: #fff; font-weight: 700; line-height: 1.22222222222; text-transform: uppercase; text-align: center; text-decoration: none; } .link-b { margin-bottom: 10px; color: #7e7b7b; font-size: 1.2em; line-height: 1.1666666666; } .link-b a { display: block; overflow: hidden; position: relative; z-index: 2; padding: 21px 80px 21px 18px; background: #9c6d40; color: #fff; font-size: 2em; text-decoration: none; } .link-b a img { display: block; position: absolute; right: 12px; top: 50%; } .link-b > span { display: block; position: relative; z-index: 1; margin: 20px 0 0; } .link-b > span img { display: block; position: absolute; right: 10px; top: 50%; } .link-b > span img { -moz-transform: translateY(-50%) rotate(30deg); -webkit-transform: translateY(-50%) rotate(30deg); -o-transform: translateY(-50%) rotate(30deg); -ms-transform: translateY(-50%) rotate(30deg); transform: translateY(-50%) rotate(30deg); } /*! Lists --------- */ ul, ol, dd, blockquote { padding-left: 40px; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } .plain { list-style: none; padding: 0; } .plain li { margin-bottom: 24px; } .plain li:before { content: "• "; } .social-a li:before, #top li:before, #footer li:before, #mobile li:before, #subnav li:before, .gallery-a li:before, .list-a li:before, .widget-big header li:before, .list-b li:before, .list-c li:before { position: absolute; left: -3000em; top: 0; } .list-a { list-style: none; padding: 0; color: #707070; font-family: Verdana, Geneva, sans-serif; line-height: 1.21428571429; } .list-a li { margin: 0; border-top: 4px solid #616161; font-size: 1.4em; } .list-a li:first-child { border-top-width: 0; } .list-a a { display: block; padding: 3px 4px 6px 9px; color: #707070; } .list-a.scrolling { overflow: auto; height: 690px; } .list-b { list-style: none; padding: 0; color: #797979; line-height: 1.57142857143; } .list-b li { position: relative; margin: 0 0 22px; font-size: 1.4em; } .list-b li.featured { color: #fff; font-size: 2.4em; font-family: "Times New Roman", Times, serif; } .list-b li.featured a, .list-b.a li.featured a { display: block; padding: 0; color: #fff; } .list-b li.featured span { display: block; position: absolute; left: 0; right: 0; bottom: 0; z-index: 9; padding: 10px 24px; background: rgba(0,0,0,.41); line-height: 1.25; } .list-b a { display: block; position: relative; color: #797979; } .list-b .date { display: block; } .list-b .title { display: block; position: relative; top: 3px; font-size: 1.28571428571em; font-weight: 700; font-family: Arial, Helvetica, sans-serif; line-height: 1.22222222222; } .list-b .date:after, .list-b .title:after, .list-b.a a:after { content: "\e907"; display: inline-block; position: relative; top: 1px; margin: 0 0 0 8px; color: #767676; font-family: i; font-weight: 400; font-size: 16px; line-height: 1px; } .list-b.a { } .list-b.a a { display: inline-block; padding-right: 23px; } .list-b.a a:after { display: block; position: absolute; right: 0; top: 8px; margin: 0; } .list-c { position: relative; list-style: none; max-width: 854px; margin: 0 auto; padding: 0; } .list-c li { float: left; margin: 0 0 36px; border-left: 142px solid rgba(0,0,0,0); } .list-c li { opacity: 0; } .list-c li:nth-child(3n-2) { border-left-width: 0; } /*.list-c .item[aria-hidden="true"] { opacity: 0; }*/ .list-c .item li { float: none; width: auto; margin: 0; border-left-width: 0; } #root .list-c .item:nth-child(1) li, #root .list-c > li:nth-child(1), #root .featured p, #root .gallery-a.a li:nth-child(3n-2) { -moz-animation-delay: .25s; -webkit-animation-delay: .25s; -o-animation-delay: .25s; -ms-animation-delay: .25s; animation-delay: .25s; } #root .list-c .item:nth-child(2) li, #root .list-c > li:nth-child(2), #root .gallery-a.a li:nth-child(3n-1), .list-c li { -moz-animation-delay: .50s; -webkit-animation-delay: .50s; -o-animation-delay: .50s; -ms-animation-delay: .50s; animation-delay: .50s; } #root .list-c .item:nth-child(3) li, #root .list-c > li:nth-child(3), #root .gallery-a.a li:nth-child(3n) { -moz-animation-delay: .75s; -webkit-animation-delay: .75s; -o-animation-delay: .75s; -ms-animation-delay: .75s; animation-delay: .75s; } .run .list-c li, /*.list-c .item[aria-hidden="false"],*/ .run .featured article > div h1, .run .featured article > div h2, .run .featured article > div h3, .run .featured article > div h4, .run .featured article > div h5, .run .featured article > div h6, .run .featured article > div p, .js .gallery-a.a li.show, .delay .featured .list-c .item { -moz-animation-name: showup; -webkit-animation-name: showup; -o-animation-name: showup; -ms-animation-name: showup; animation-name: showup; animation-name: showup; -moz-animation-duration: 0.5s; -webkit-animation-duration: 0.5s; -o-animation-duration: 0.5s; -ms-animation-duration: 0.5s; animation-duration: 0.5s; -moz-animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; animation-fill-mode: forwards; } .list-c .bx-prev, .list-c .bx-next { display: block; position: absolute; top: 95px; width: 30px; height: 30px; margin: -15px 0 0; border-radius: 30px; background: #000; color: #a9a9a9; font-weight: 400; font-size: 14px; line-height: 20px; text-align: left; text-indent: -3000em; } .list-c .bx-prev { left: -45px; } .list-c .bx-next { right: -45px; } .list-c .bx-prev.disabled, .list-c .bx-next.disabled { visibility: hidden; opacity: 0; } .list-c .bx-prev:before, .list-c .bx-next:before { display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -10px 0 0; font-family: i; text-align: center; text-indent: 0; } .list-c .bx-prev:before { content: "\e90b"; } .list-c .bx-next:before { content: "\e908"; } .list-c .bx-pager { display: block; text-align: center; } .list-c .bx-pager .bx-pager-item, #wide .bx-pager .bx-pager-item, .featured article > figure .bx-pager-item { display: inline-block; position: relative; top: 2px; padding: 0 3.5px; } .list-c .bx-pager .bx-pager-item a, #wide .bx-pager .bx-pager-item a, .featured article > figure .bx-pager-item a { display: inline-block; overflow: hidden; position: relative; width: 7px; height: 7px; border-radius: 9px; background: #fff; text-align: left; text-indent: -3000em; } .list-c .bx-pager .bx-pager-item a, #wide .bx-pager .bx-pager-item a, .featured article > figure .bx-pager-item a { -moz-transform: scale(.714,.714); -webkit-transform: scale(.714,.714); -o-transform: scale(.714,.714); -ms-transform: scale(.714,.714); transform: scale(.714,.714); } .list-c .bx-pager .bx-pager-item a.active, #wide .bx-pager .bx-pager-item a.active, .featured article > figure .bx-pager-item a.active { background: #000; cursor: default; } .list-c .bx-pager .bx-pager-item a.active, #wide .bx-pager .bx-pager-item a.active, .featured article > figure .bx-pager-item a.active { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; } #root .list-c.single .bx-pager { position: absolute; left: -3000em; top: 0; right: auto; bottom: auto; } .mobile #root .list-c * { visibility: visible; opacity: 1; } .mobile #root .list-c * { -moz-animation: none; -webkit-animation: none; -o-animation: none; ms-animation: none; animation: none; -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; } .delay .featured .list-c .item { -moz-animation-name: showdown; -webkit-animation-name: showdown; -o-animation-name: showdown; -ms-animation-name: showdown; animation-name: showdown; animation-name: showdown; } .featured:hover .list-c .item, .delay .featured:hover .list-c .item { -moz-animation-name: showup; -webkit-animation-name: showup; -o-animation-name: showup; -ms-animation-name: showup; animation-name: showup; animation-name: showup; } .list-d { list-style: none; margin-top: -5px; padding: 0; } .list-d li { position: relative; border-bottom: 1px dotted #494949; } .list-d li:before { content: ""; display: block; position: absolute; left: 7px; top: 14px; width: 4px; height: 4px; border-radius: 9px; background: #c60808; } .list-d a { display: block; padding: 5px 0 5px 20px; color: #696767; } .list-d > li > p { display: block; padding: 5px 0 5px 20px; margin: 0; font-weight: bold; color: #696767; cursor: pointer;} .list-d > li > p:hover {text-decoration: underline;} .list-d > li > div {padding: 10px 20px; display: none; font-size: 14px;} .list-d > li > div:after {content: ""; display: block; overflow: hidden; clear: both; height: 0;} .list-d > li > div a { display: inline-block; padding: 0; color: #577bc5; } .list-news { list-style: none; margin-top: -10px; padding: 0; } .list-news li { border-bottom: 1px dotted #494949; } .list-news a { display: block; position: relative; padding: 10px 0 10px 100px; color: #000; } .list-news .date { display: block; position: absolute; left: 0; top: 10px; font-weight: 700; } /*! Media --------- */ img, iframe, object, embed { max-width: 100% !important; } img { height: auto !important; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; } .lt-ie9 img { max-width: none !important; } img::selection { background: transparent; } img::-moz-selection { background: transparent; } figcaption { display: block; color: #3c3c3c; font-size: 10px; font-weight: 700; font-style: italic; text-align: center; } figcaption:first-child { padding-bottom: 10px; } * + figcaption { padding-top: 10px; } .float-left { float: left; max-width: 50%; margin-right: 25px; } .float-right { float: right; max-width: 50%; margin-left: 25px; } .centered {text-align: center;} /*! Forms --------- */ fieldset, hr { border-width: 0; } legend { position: absolute; left: 0; top: -3000em; padding: 0; border: 0; white-space: normal; } input, select, textarea { position: relative; z-index: 1; margin: 0; padding: 0; box-shadow: none; border-radius: 0; font-size: 1em; line-height: normal; text-align: left; text-transform: none; outline: none; } input, select, textarea, button, input[type="button"], input[type="reset"], input[type="submit"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } input { } input[type="search"], input[type="number"], input[type="date"], input[type="time"] { -moz-appearance: textfield; -webkit-appearance: textfield; appearance: textfield; } input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, input::-webkit-clear-button, input::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; visibility: hidden !important; height: auto; margin: 0; } input::-o-outer-spin-button, input::-o-inner-spin-button { -o-appearance: none; margin: 0; } input[type="checkbox"], input[type="radio"] { height: auto; padding: 0; border: 0; background: none; line-height: 1; } input[type="color"] { padding: 0; cursor: pointer; } input[type="date"] { display: -webkit-inline-flex; } textarea { overflow: auto; vertical-align: top; resize: vertical; } select { line-height: 1; text-overflow: ''; text-indent: 0.01px; -moz-appearance: none; -webkit-appearance: none; appearance: none; } select::-ms-expand { display: none; } button, input[type="button"], input[type="reset"], input[type="submit"] { display: block; overflow: visible; position: relative; z-index: 3; height: auto; margin: 0; box-shadow: none; text-transform: none; text-indent: 0; cursor: pointer; outline: none; -webkit-appearance: button; -webkit-font-smoothing: inherit; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; outline: none; } form [disabled] { cursor: default; } ::-webkit-input-placeholder { opacity: 1; color: inherit; } ::-moz-placeholder { opacity: 1; color: inherit; } :-moz-placeholder { opacity: 1; color: inherit; } :-ms-input-placeholder { opacity: 1; color: inherit; } :focus::-webkit-input-placeholder { opacity: 0; } :focus::-moz-placeholder { opacity: 0; } :focus:-moz-placeholder { opacity: 0; } :focus:-ms-placeholder { opacity: 0; } form { } label { display: block; position: relative; left: 0; top: 0; z-index: 2; margin: 0 0 3px; font-weight: 400; } label .small { display: block; font-size: .75em; } form p { position: relative; clear: both; } input { height: 38px; padding: 0 15px; } select { height: 38px; padding: 7px 30px 6px 11px; } textarea { padding: 8px 8px 8px 15px; } input, select, textarea { border: 1px solid #bfbebd; background: #fff; } button, input[type="button"], input[type="reset"], input[type="submit"] { overflow: hidden; float: right; padding: 9px 15px 8px; border: 1px solid #c60808; background: #c60808; color: #fff; font-weight: 700; text-transform: uppercase; text-align: center; } .form-a { margin: 0 0 10px; padding: 3px 13px 0 18px; background: #806b58; color: #fff; } .form-a p { margin: 0 0 6px; padding: 0 33px 0 0; } .form-a input, .form-a select, .form-a textarea { display: block; width: 100%; height: 25px; padding: 0 12px; background: none; color: #fff; } .form-a select { padding: 7px 7px 7px 9px; } .form-a textarea { padding: 7px 7px 7px 12px; } .form-a button { display: block; position: absolute; right: 0; bottom: 0; width: 33px; min-width: 0; height: 25px; margin: 0; padding: 0; border: 0; background: none; color: #bfbebd; font-weight: 400; text-align: left; text-indent: -3000em; } .form-a button:before { content: "\e902"; display: block; position: absolute; right: 0; top: 50%; width: 100%; margin: -10px 0 0; font-size: 22px; font-family: i; line-height: 20px; text-align: right; text-indent: 0; } .form-b { max-width: 500px; margin: 50px 0 30px; } .form-b p { margin-bottom: 10px; padding: 0 0 0 150px; font-size: 1.4em; } .form-b p.a { padding-left: 0; } .form-b label { display: block; position: absolute; left: 0; top: 50%; width: 150px; padding: 0 20px 0 0; color: #000; text-align: right; } .form-b label { -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .form-b input, .form-b textarea, .form-b select { display: block; width: 100%; } .form-b button { margin-top: 10px; } .form-c {padding: 20px 30px; margin: 0 0 20px 0; background: #f1f1f1;} .form-c > div > div > p { margin-bottom: 10px; padding: 0 0 0 150px; font-size: 1.4em; } .form-c p.a { padding-left: 0; } .form-c label { display: block; position: absolute; left: 0; top: 50%; width: 150px; padding: 0 20px 0 0; color: #000; text-align: right; } .form-c label { -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .form-c input, .form-c textarea, .form-c select { display: block; width: 100%; } .form-c button, .form-c input[type="submit"], .form-c input[type="button"] { width: auto; margin-top: 10px; } p:empty { display: none; } /*! Tables --------- */ table { display: table; width: 100%; border-collapse: collapse; border-spacing: 0; } th, td { padding: 5px 10px; border: 1px solid #eee; font-weight: 400; text-align: left; } table a { word-wrap: break-word; } .table-custom-a { table-layout: fixed; } .table-custom-a th, .table-custom-a td { width: auto !important; height: auto !important; vertical-align: top; } /*! Helpers --------- */ *, *:before, *:after { -moz-transition: visibility 0.4s ease-in-out 0s, color 0.4s ease-in-out 0s, background-color 0.4s ease-in-out 0s, color 0.4s ease-in-out 0s, border-color 0.4s ease-in-out 0s, color 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s; -webkit-transition: visibility 0.4s ease-in-out 0s, color 0.4s ease-in-out 0s, background-color 0.4s ease-in-out 0s, color 0.4s ease-in-out 0s, border-color 0.4s ease-in-out 0s, color 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s; -o-transition: visibility 0.4s ease-in-out 0s, color 0.4s ease-in-out 0s, background-color 0.4s ease-in-out 0s, color 0.4s ease-in-out 0s, border-color 0.4s ease-in-out 0s, color 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s; -ms-transition: visibility 0.4s ease-in-out 0s, color 0.4s ease-in-out 0s, background-color 0.4s ease-in-out 0s, color 0.4s ease-in-out 0s, border-color 0.4s ease-in-out 0s, color 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s; transition: visibility 0.4s ease-in-out 0s, color 0.4s ease-in-out 0s, background-color 0.4s ease-in-out 0s, color 0.4s ease-in-out 0s, border-color 0.4s ease-in-out 0s, color 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s; -moz-transform-origin: center center; -webkit-transform-origin: center center; -o-transform-origin: center center; -ms-transform-origin: center center; -webkit-transition-delay: -0.1s; } #nav > ul > li > ul, #mobile > ul > li > ul, .list-c li, /*.list-c .item,*/ .gallery-a li, .list-c .bx-pager .bx-pager-item a, #wide .bx-pager .bx-pager-item a, .list-c { -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } #wide *, .featured article > figure * { -moz-transition: none; -webkit-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .clear { clear: both; } .hidden, [hidden], template, #nav em, #footer > ul li:last-child:after, #mobile em, #top > form label, .js #wide article > figure img, #wide a.clone *, .featured a.clone *, .module-a a.clone *, .typed-cursor, .widget a.clone *, .link-b > span, #footer #social, .js .featured article > figure img, .list-b.a li.featured a:after, .form-b label.hidden, #mobile li.home { position: absolute; left: -3000em; top: 0; right: auto; bottom: auto; } hr, .hr { display: block; overflow: hidden; width: 100%; height: 1px; margin: 15px 0; padding: 0; border: 0; border-top: 1px solid #ccc; background: none; font-size: 0; } .hr hr { display: none; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, .form-b:first-child { margin-top: 0; } #root .mb-a, #wide article > div > *:last-child, #wide article > div li:last-child, #wide p, .cols-a > header:first-child > *:last-child, .cols-a > aside > *:last-child, .link-a.absolute, .widget-big:last-child { margin-bottom: 0; } #nav > ul > li:last-child, #footer > ul > li:last-child, .lang-es #nav > ul > li:last-child, html[lang="es"] #nav > ul > li:last-child { margin-right: 0; } #root .mb-b { margin-bottom: 10px; } /*! Warnings --------- */ p.lt-ie9 { position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; height: 28px; background: #333; color: #fff; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; line-height: 28px; text-align: center; } p.lt-ie9 a { color: #fff; font-weight: 700; text-decoration: underline; } p.lt-ie9 a:hover, p.lt-ie9 a:focus, p.lt-ie9 a:active { text-decoration: none; } .lt-ie9 body { padding-top: 28px; } /*! Miscellaneous --------- */ audio, canvas, iframe, img, svg, video { border-width: 0; vertical-align: middle; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } svg:not(:root) { overflow: hidden; } @-ms-viewport { width: auto; } ::selection { background: #c60808; color: #fff; text-shadow: none; } ::-moz-selection { background: #c60808; color: #fff; text-shadow: none; } #root .desktop-hide, #root .tablet-only, #root .mobile-only { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; } /*! Fonts --------- */ @font-face { font-family: 'Candara'; src: url('fonts/candara.eot'); src: url('fonts/candara.eot?#iefix') format('embedded-opentype'), url('fonts/candara.woff2') format('woff2'), url('fonts/candara.woff') format('woff'), url('fonts/candara.ttf') format('truetype'), url('fonts/candara.svg#candararegular') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Candara'; src: url('fonts/candara-italic.eot'); src: url('fonts/candara-italic.eot?#iefix') format('embedded-opentype'), url('fonts/candara-italic.woff2') format('woff2'), url('fonts/candara-italic.woff') format('woff'), url('fonts/candara-italic.ttf') format('truetype'), url('fonts/candara-italic.svg#candaraitalic') format('svg'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Candara'; src: url('fonts/candara-bold.eot'); src: url('fonts/candara-bold.eot?#iefix') format('embedded-opentype'), url('fonts/candara-bold.woff2') format('woff2'), url('fonts/candara-bold.woff') format('woff'), url('fonts/candara-bold.ttf') format('truetype'), url('fonts/candara-bold.svg#candarabold') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Candara'; src: url('fonts/candara-bolditalic.eot'); src: url('fonts/candara-bolditalic.eot?#iefix') format('embedded-opentype'), url('fonts/candara-bolditalic.woff2') format('woff2'), url('fonts/candara-bolditalic.woff') format('woff'), url('fonts/candara-bolditalic.ttf') format('truetype'), url('fonts/candara-bolditalic.svg#candarabold_italic') format('svg'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Franklin_Gothic'; src: url('fonts/franklingothic-medium.eot'); src: url('fonts/franklingothic-medium.eot?#iefix') format('embedded-opentype'), url('fonts/franklingothic-medium.woff2') format('woff2'), url('fonts/franklingothic-medium.woff') format('woff'), url('fonts/franklingothic-medium.ttf') format('truetype'), url('fonts/franklingothic-medium.svg#franklin_gothic_mediumregular') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Franklin_Gothic'; src: url('fonts/franklingothic-mediumitalic.eot'); src: url('fonts/franklingothic-mediumitalic.eot?#iefix') format('embedded-opentype'), url('fonts/franklingothic-mediumitalic.woff2') format('woff2'), url('fonts/franklingothic-mediumitalic.woff') format('woff'), url('fonts/franklingothic-mediumitalic.ttf') format('truetype'), url('fonts/franklingothic-mediumitalic.svg#franklin_gothic_mediumitalic') format('svg'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Hv'; src: url('fonts/helvetica.eot'); src: url('fonts/helvetica.eot?#iefix') format('embedded-opentype'), url('fonts/helvetica.woff2') format('woff2'), url('fonts/helvetica.woff') format('woff'), url('fonts/helvetica.ttf') format('truetype'), url('fonts/helvetica.svg#helveticaregular') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Hv'; src: url('fonts/helvetica-oblique.eot'); src: url('fonts/helvetica-oblique.eot?#iefix') format('embedded-opentype'), url('fonts/helvetica-oblique.woff2') format('woff2'), url('fonts/helvetica-oblique.woff') format('woff'), url('fonts/helvetica-oblique.ttf') format('truetype'), url('fonts/helvetica-oblique.svg#helveticaoblique') format('svg'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Hv'; src: url('fonts/helvetica-bold.eot'); src: url('fonts/helvetica-bold.eot?#iefix') format('embedded-opentype'), url('fonts/helvetica-bold.woff2') format('woff2'), url('fonts/helvetica-bold.woff') format('woff'), url('fonts/helvetica-bold.ttf') format('truetype'), url('fonts/helvetica-bold.svg#helveticabold') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Hv'; src: url('fonts/helvetica-boldoblique.eot'); src: url('fonts/helvetica-boldoblique.eot?#iefix') format('embedded-opentype'), url('fonts/helvetica-boldoblique.woff2') format('woff2'), url('fonts/helvetica-boldoblique.woff') format('woff'), url('fonts/helvetica-boldoblique.ttf') format('truetype'), url('fonts/helvetica-boldoblique.svg#helveticabold_oblique') format('svg'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Helvetica_Neue_condensed'; src: url('fonts/helveticaneue-condensed.eot'); src: url('fonts/helveticaneue-condensed.eot?#iefix') format('embedded-opentype'), url('fonts/helveticaneue-condensed.woff2') format('woff2'), url('fonts/helveticaneue-condensed.woff') format('woff'), url('fonts/helveticaneue-condensed.ttf') format('truetype'), url('fonts/helveticaneue-condensed.svg#helvetica_neue57_condensed') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Helvetica_Neue_condensed'; src: url('fonts/helveticaneue-condensedobl.eot'); src: url('fonts/helveticaneue-condensedobl.eot?#iefix') format('embedded-opentype'), url('fonts/helveticaneue-condensedobl.woff2') format('woff2'), url('fonts/helveticaneue-condensedobl.woff') format('woff'), url('fonts/helveticaneue-condensedobl.ttf') format('truetype'), url('fonts/helveticaneue-condensedobl.svg#helvetica_neue57CnOb') format('svg'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Helvetica_Neue_condensed'; src: url('fonts/helveticaneue-mediumcond.eot'); src: url('fonts/helveticaneue-mediumcond.eot?#iefix') format('embedded-opentype'), url('fonts/helveticaneue-mediumcond.woff2') format('woff2'), url('fonts/helveticaneue-mediumcond.woff') format('woff'), url('fonts/helveticaneue-mediumcond.ttf') format('truetype'), url('fonts/helveticaneue-mediumcond.svg#helvetica_neue67MdCn') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Helvetica_Neue_condensed'; src: url('fonts/helveticaneue-mediumcondobl.eot'); src: url('fonts/helveticaneue-mediumcondobl.eot?#iefix') format('embedded-opentype'), url('fonts/helveticaneue-mediumcondobl.woff2') format('woff2'), url('fonts/helveticaneue-mediumcondobl.woff') format('woff'), url('fonts/helveticaneue-mediumcondobl.ttf') format('truetype'), url('fonts/helveticaneue-mediumcondobl.svg#helvetica_neue67MdCnOb') format('svg'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Myriad'; src: url('fonts/myriadpro-regular.eot'); src: url('fonts/myriadpro-regular.eot?#iefix') format('embedded-opentype'), url('fonts/myriadpro-regular.woff2') format('woff2'), url('fonts/myriadpro-regular.woff') format('woff'), url('fonts/myriadpro-regular.ttf') format('truetype'), url('fonts/myriadpro-regular.svg#myriadregular') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Myriad'; src: url('fonts/myriadpro-it.eot'); src: url('fonts/myriadpro-it.eot?#iefix') format('embedded-opentype'), url('fonts/myriadpro-it.woff2') format('woff2'), url('fonts/myriadpro-it.woff') format('woff'), url('fonts/myriadpro-it.ttf') format('truetype'), url('fonts/myriadpro-it.svg#myriad_proitalic') format('svg'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Myriad'; src: url('fonts/myriadpro-bold.eot'); src: url('fonts/myriadpro-bold.eot?#iefix') format('embedded-opentype'), url('fonts/myriadpro-bold.woff2') format('woff2'), url('fonts/myriadpro-bold.woff') format('woff'), url('fonts/myriadpro-bold.ttf') format('truetype'), url('fonts/myriadpro-bold.svg#myriad_probold') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Myriad'; src: url('fonts/myriadpro-boldit.eot'); src: url('fonts/myriadpro-boldit.eot?#iefix') format('embedded-opentype'), url('fonts/myriadpro-boldit.woff2') format('woff2'), url('fonts/myriadpro-boldit.woff') format('woff'), url('fonts/myriadpro-boldit.ttf') format('truetype'), url('fonts/myriadpro-boldit.svg#myriad_probold_italic') format('svg'); font-weight: 700; font-style: italic; } /*! Icons --------- */ @font-face { font-family: 'i'; src: url('icons/icons.eot'); src: url('icons/icons.eot#iefix') format('embedded-opentype'), url('icons/icons.ttf') format('truetype'), url('icons/icons.woff') format('woff'), url('icons/icons.svg#icons') format('svg'); font-weight: 400; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'i' !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-caret-down:before { content: "\e90f"; } .icon-caret-left:before { content: "\e90c"; } .icon-caret-right:before { content: "\e90d"; } .icon-caret-up:before { content: "\e90e"; } .icon-chevron-down:before { content: "\e90a"; } .icon-chevron-left:before { content: "\e90b"; } .icon-chevron-right:before { content: "\e908"; } .icon-chevron-up:before { content: "\e909"; } .icon-document-arrow:before { content: "\e907"; } .icon-envelope:before { content: "\e904"; } .icon-facebook:before { content: "\e905"; } .icon-home:before { content: "\e915"; } .icon-logo:before { content: "\e906"; } .icon-logo-es:before { content: "\e912"; } .icon-logo-full:before { content: "\e910"; } .icon-menu:before { content: "\e911"; } .icon-refresh:before { content: "\e903"; } .icon-rss:before { content: "\e914"; } .icon-twitter:before { content: "\e900"; } .icon-youtube:before { content: "\e901"; } .icon-youtube2:before { content: "\e913"; } .icon-zoom:before { content: "\e902"; } /*! Fancybox --------- */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-overlay, .fancybox-overlay * { -moz-transition: none; -webkit-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .fancybox-wrap, .fancybox-wrap * { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; -ms-transition: none; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #fff; color: #444; text-shadow: none; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading { } #fancybox-loading { display: block; position: fixed; top: 50%; left: 50%; z-index: 8060; width: 100px; height: 100px; margin: -50px 0 0 -50px; cursor: pointer; } #fancybox-loading:before { content: ""; display: block; position: absolute; left: 50%; top: 50%; z-index: 90000001; width: 100px; height: 100px; margin: -50px 0 0 -50px; border-radius: 100px; border: 2px solid rgba(255,255,255,.2); border-left-color: #fff; } #fancybox-loading:before { -moz-transform: translateZ(0); -webkit-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); -moz-animation: spin 1.1s infinite linear; -webkit-animation: spin 1.1s infinite linear; -o-animation: spin 1.1s infinite linear; -ms-animation: spin 1.1s infinite linear; animation: spin 1.1s infinite linear; } .fancybox-close { position: absolute; top: -14px; right: -14px; width: 28px; height: 28px; z-index: 8040; width: 28px; height: 28px; box-shadow: -1px 1px 2px rgba(0,0,0,.5); border-radius: 20px; border: 2px solid #fff; background: #000; color: #fff; font-family: i; font-size: 10px; font-weight: 400; line-height: 23px; text-align: center; cursor: pointer; } .fancybox-close:before, .fancybox-close:after { content: ""; display: block; position: absolute; left: 50%; top: 50%; border-radius: 4px; background: #fff; } .fancybox-close:before, .fancybox-close:after { transform: rotate(45deg); } .fancybox-close:before { width: 14px; height: 4px; margin: -2px 0 0 -7px; } .fancybox-close:after { width: 4px; height: 14px; margin: -7px 0 0 -2px; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-nav span { display: block; position: absolute; top: 50%; z-index: 8040; width: 28px; height: 28px; margin-top: -14px; border-radius: 20px; border: 2px solid #fff; background: #000; color: #fff; font-family: i; font-size: 10px; font-weight: 400; line-height: 23px; opacity: 0; text-align: center; cursor: pointer; } .fancybox-nav:hover span { opacity: 1; } .fancybox-nav span:before, .fancybox-nav span:after { content: ""; display: block; position: absolute; background: #fff; } .fancybox-nav span:before { top: 11px; width: 9px; height: 3px; } .fancybox-nav span:after { bottom: 11px; width: 9px; height: 3px; } .fancybox-prev span:before, .fancybox-next span:after { -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .fancybox-prev span:after, .fancybox-next span:before { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-prev span { left: 14px; box-shadow: -1px 1px 2px rgba(0,0,0,.5); } .fancybox-prev span:before, .fancybox-prev span:after { left: 9px; } .fancybox-prev span:before { -moz-transform-origin: 0 100%; -webkit-transform-origin: 0 100%; -o-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; } .fancybox-prev span:after { -moz-transform-origin: 0 0; -webkit-transform-origin: 0 0; -o-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .fancybox-next span { right: 14px; box-shadow: 1px 1px 2px rgba(0,0,0,.5); } .fancybox-next span:before, .fancybox-next span:after { right: 9px; } .fancybox-next span:before { -moz-transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } .fancybox-next span:after { -moz-transform-origin: 100% 0; -webkit-transform-origin: 100% 0; -o-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /*.fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; }*/ .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: rgba(0,0,0,.7); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } /*.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }*/ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } #fancybox-buttons { position: fixed; left: 0; width: 100%; z-index: 8050; } #fancybox-buttons.top { top: 10px; } #fancybox-buttons.bottom { bottom: 10px; } #fancybox-buttons ul { display: block; width: 166px; height: 30px; margin: 0 auto; padding: 0; list-style: none; border: 1px solid #111; border-radius: 3px; -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); background: rgb(50,50,50); background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51))); background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 ); } #fancybox-buttons ul li { float: left; margin: 0; padding: 0; } #fancybox-buttons a { display: block; width: 30px; height: 30px; text-indent: -9999px; background-color: transparent; background-image: url(../images/fancybox/fancybox_buttons.png); background-repeat: no-repeat; outline: none; opacity: 0.8; } #fancybox-buttons a:hover { opacity: 1; } #fancybox-buttons a.btnPrev { background-position: 5px 0; } #fancybox-buttons a.btnNext { background-position: -33px 0; border-right: 1px solid #3e3e3e; } #fancybox-buttons a.btnPlay { background-position: 0 -30px; } #fancybox-buttons a.btnPlayOn { background-position: -30px -30px; } #fancybox-buttons a.btnToggle { background-position: 3px -60px; border-left: 1px solid #111; border-right: 1px solid #3e3e3e; width: 35px; } #fancybox-buttons a.btnToggleOn { background-position: -27px -60px; } #fancybox-buttons a.btnClose { border-left: 1px solid #111; width: 35px; background-position: -56px 0px; } #fancybox-buttons a.btnDisabled { opacity : 0.4; cursor: default; } #fancybox-thumbs { position: fixed; left: 0; width: 100%; overflow: hidden; z-index: 8050; } #fancybox-thumbs.bottom { bottom: 2px; } #fancybox-thumbs.top { top: 2px; } #fancybox-thumbs ul { position: relative; list-style: none; margin: 0; padding: 0; } #fancybox-thumbs ul li { float: left; padding: 1px; opacity: 0.5; } #fancybox-thumbs ul li.active { opacity: 0.75; padding: 0; border: 1px solid #fff; } #fancybox-thumbs ul li:hover { opacity: 1; } #fancybox-thumbs ul li a { display: block; position: relative; overflow: hidden; border: 1px solid #222; background: #111; outline: none; } #fancybox-thumbs ul li img { display: block; position: relative; border: 0; padding: 0; max-width: none; } /* turbo --------- */ .special-a {width: 100%; max-width: 708px; padding: 0 0 40px 0; margin: 0 auto;} .special-a p {padding: 0; margin: 0; float: left;} .special-a p:nth-child(1),.special-a p:nth-child(2) {width: 50%;} .special-a p:nth-child(3),.special-a p:nth-child(4),.special-a p:nth-child(5) {width: 33.33%;} .special-b {width: 100%; max-width: 708px; padding: 0 0 10px 0; margin: 0 auto;} .special-b p {width: 33.33%; padding: 0; margin: 0; float: left;} .special-c {width: 100%; max-width: 532px; padding: 0 0 10px 0; margin: 0 auto;} .special-c p {width: 50%; padding: 0; margin: 0; float: left;} .special-d {list-style: none; text-align: center;} .special-d li {float: left;} .special-d li:nth-child(1),.special-d li:nth-child(3) {width: 25%; padding: 80px 0 0 0;} .special-d li:nth-child(1) p,.special-d li:nth-child(3) p {padding: 0 0 50px 0;} .special-d li:nth-child(2) {width: 50%;} .grid-4 {padding: 15px;} .grid-4 p,.grid-4 figure {width: 25%; float: left;} .grid-5 {padding: 15px; text-align: center; font-size: 0;} .grid-5 figure {display: inline-block; margin: 0 2px 4px 2px;} .grid-5 figure img {width: auto; max-height: 200px;} span.red {color: #ef0000;} span.blue {color: #5e88dc;} .table-t1 {width: 100%;} .table-t1 td {padding: 1px; text-align: center;} .table-t2 {border: 0;} .table-t2 span {display: block; text-align: center!important;} .table-t2 td {border: 0!important;} .table-t1 .style-a {display: block; color: #4fb2f0; font-weight: bold; text-align: center;} .table-t1 .style35,.style82,.style83 {color: #92d050;} .style82 {background: #ffff71;} .table-t1 .style39, .table-t2-narrow .style39 {color: #ffc000;} .table-t1 .style37 {font-size: 11px; font-weight: bold;} .table-t1 .style53 {background: #eaeaea; font-size: 12px; color: #000; font-weight: bold;} .table-t1 .style58-a {font-size: 11px; background: #ffff71;} .style57 {font-size: 11px;} .table-t1 .style58,.table-t1 .style71,.table-t1 .style160,.table-t1 .style84,.table-t1 .style79,.table-t1 .style72 {font-size: 11px;} .table-t1 .style69,.table-t1 .style86,.table-t1 .style106, .table-t1-narrow .style69,.table-t1-narrow .style86,.table-t1-narrow .style106,.style94,.style100,.style76,.style91,.style97 {background: #ffff71; color: #ffc000;} .table-t1 .style70,.table-t1 .style76, .table-t1-narrow .style76, .table-t1-narrow .style70, .table-t1-narrow .style69 {color: #ffc000;} .table-t1 .style87,.table-t1 .style107, .table-t1-narrow .style87, .table-t1-narrow .style107, .table-t1-narrow .style106 {color: #ffc000;} .table-t1 .style88, .table-t1-narrow .style88, .table-t2-narrow .style35 {color: #92d050;} .table-t3 {border: 0;} .table-t3 td {padding: 2px; font-size: 14px;} .table-t4 {width: 100%;} .table-t4 th {background: #c32f2f; color: #fff; font-weight: bold;} .table-t4 td {padding: 5px; font-size: 13px;} .list-t3 {list-style: none;} .list-t3 li {padding: 10px 10px 10px 30px; position: relative; border-bottom: 1px dotted #494949; } .list-t3 li:before { content: ""; display: block; position: absolute; left: 7px; top: 14px; width: 4px; height: 4px; border-radius: 9px; background: #c60808; } .table-t1-narrow { } .table-t1-narrow th, .table-t1-narrow td { padding: 2px 3px; font-size: 10px; line-height: 1.3; text-align: center; } .table-t1-narrow th:first-child, .table-t1-narrow td:first-child { text-align: left; } .table-t1-narrow tr:first-child + tr td { font-weight: 700; } .table-t1-narrow .style144 { background: #eaeaea; color: #000; font-weight: 700; } .table-t1-narrow .style58, .table-t1-narrow .style58-a { text-transform: lowercase; } .table-t1-narrow .style58:first-letter, .table-t1-narrow .style58-a:first-letter { text-transform: capitalize; } .table-t2-narrow { } .table-t2-narrow th, .table-t2-narrow td { padding: 0; border: 0; } .cred a {font-weight: bold; color: #ff0000;} .cblue a {font-weight: bold; color: #385bc7;} .list-ex {font-weight: bold;} .list-ex li {padding: 0 0 10px 0;} .list-cll {list-style: none;} .list-cll li {float: left;} .list-cll-center {list-style: none; text-align: center;} .list-cll-center li {padding: 0 5px; display: inline-block;} .info-list {padding: 0 0 20px 0; font-weight: bold; list-style: none; } .info-list li {padding: 10px; position: relative; border-bottom: 1px dotted #494949;} .small-caption {padding: 10px 0; display: inline-block; font-size: 12px; font-style: italic; text-align: center;} .special-a:after,.special-d:after,.special-c:after,.special-b:after,.grid-4:after,.grid-5:after,.tabs-container:after,.tabs-container .tabs:after,.icon-list li:after,.list-cll:after,.info-list li:after {content: ""; display: block; overflow: hidden; clear: both; height: 0;} /* tabs /* --------------------------- */ .tabs-container {clear: both;} .tabs-container .tabs {list-style: none; position: relative; overflow: hidden;} .tabs-container .tabs:before {width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; content: ""; background: #ddd;} .tabs-container .tabs li {margin: 0 2px 0 0; float: left; position: relative; z-index: 2;} .tabs-container .tabs li a {width: 160px; padding: 10px 0; display: block; background: #f2f3f4; border: 1px solid #ddd; font-size: 15px; color: #000; font-weight: bold; text-align: center; text-decoration: none;} .tabs-container .tabs li a:hover, .tabs-container .tabs li .active {background: #fff; border-bottom: 1px solid #fff; color: #df2b2b; text-decoration: none; } .tabs-container .content-tab {width: 100%; padding: 5px 0; position: relative; background: #fff;} .tabs-container .content-tab.hidden { position: absolute; } /* list icon /* --------------------------- */ .icon-list {padding: 0 0 20px 0; font-weight: bold; list-style: none; } .icon-list li {padding: 10px; position: relative; border-bottom: 1px dotted #494949;} .icon-list li a {padding: 6px 0 6px 57px; display: block; font-size: 16px; color: #000; font-family: tahoma;} .icon-list li i {width: 47px; height: 40px; position: absolute; top: 6px; left: 10px; content: "";} .icon-list li .icon-ico1 {background: url(../images/content/ico-1.png);} .icon-list li .icon-ico2 {background: url(../images/content/ico-2.png);} .icon-list li .icon-ico3 {background: url(../images/content/ico-3.png);} .icon-list li .icon-ico4 {background: url(../images/content/ico-4.png);} .icon-list li .icon-ico5 {background: url(../images/content/ico-5.png);} .icon-list li .icon-ico6 {background: url(../images/content/ico-6.png);} .icon-list li .icon-ico7 {background: url(../images/content/ico-7.png);} .icon-list li .icon-ico8 {background: url(../images/content/ico-8.png);} .icon-list li .icon-ico9 {background: url(../images/content/ico-9.png);} .icon-list li .icon-ico10 {background: url(../images/content/ico-10.png);} .icon-list li .icon-ico11 {background: url(../images/content/ico-11.png);} .list-arrows {padding: 0 0 20px 0; font-weight: bold; list-style: none; } .list-arrows li {padding: 10px; position: relative; background: url(../images/content/big-arrow.png) no-repeat 10px center; border-bottom: 1px dotted #494949;} .list-arrows li a {padding: 6px 0 6px 40px; display: block; font-size: 16px; color: #000; font-family: tahoma;} /* Animations --------- */ @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(360deg); } } @-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-moz-keyframes showup { 0% { opacity: 0; -moz-transform: translateY(10px); transform: translateY(10px); } 100% { opacity: 1; -moz-transform: none; transform: none; } } @-webkit-keyframes showup { 0% { opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-o-keyframes showup { 0% { opacity: 0; -o-transform: translateY(10px); transform: translateY(10px); } 100% { opacity: 1; -o-transform: none; transform: none; } } @-ms-keyframes showup { 0% { opacity: 0; -ms-transform: translateY(10px); transform: translateY(10px); } 100% { opacity: 1; -ms-transform: none; transform: none; } } @keyframes showup { 0% { opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-moz-keyframes showdown { 0% { opacity: 1; -moz-transform: none; transform: none; } 100% { opacity: 0; -moz-transform: translateY(10px); transform: translateY(10px); } } @-webkit-keyframes showdown { 0% { opacity: 1; -webkit-transform: none; transform: none; } 100% { opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px); } } @-o-keyframes showdown { 0% { opacity: 1; -o-transform: none; transform: none; } 100% { opacity: 0; -o-transform: translateY(10px); transform: translateY(10px); } } @-ms-keyframes showdown { 0% { opacity: 1; -ms-transform: none; transform: none; } 100% { opacity: 0; -ms-transform: translateY(10px); transform: translateY(10px); } } @keyframes showdown { 0% { opacity: 1; -webkit-transform: none; transform: none; } 100% { opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px); } } /* Responsive --------- */ @media only screen and (max-width: 71.875em) { /* 1150 */ #nav, #content, #footer, #subnav, .featured article > div { width: 980px; } #logo { margin-left: -490px; } #language, #top > form, #wide article > div, #top .form { margin-right: -490px; } #top { } #nav { } #nav > ul > li { margin-right: 70px; } .lang-es #nav > ul > li, html[lang="es"] #nav > ul > li { margin-right: 56px; } #wide { } #wide article:before { margin-right: -3000px; } #wide article > figure { left: 0; right: 50%; width: auto; margin: 0; } #subnav { } #subnav li, #subnav li.active { font-size: 1.1em; } .cols-a { } .cols-a > header:first-child + *, .cols-a > *:first-child { width: 680px; } .cols-a.a { } .cols-a.a > header:first-child + *, .cols-a.a > *:first-child { width: 647px; } .cols-a.a > header:first-child, .cols-a.a > aside { width: 313px; } .featured { } .featured article > figure { left: 0; right: 0; width: auto; margin: 0; } .gallery-a.a { } .gallery-a.a li { font-size: 2.1em; } .featured + #content > .gallery-a.a:first-child, .featured + #content > .news-a:first-child { margin-top: -87px; } } @media only screen and (max-width: 62.5em) { /* 1000 */ #nav, #content, #footer, #subnav, .featured article > div { width: 720px; } #logo { margin-left: -360px; } #language, #top > form, #wide article > div, #top .form { margin-right: -360px; } #top { padding-top: 72px; } #logo { -moz-transform-origin: 0 0; -webkit-transform-origin: 0 0; -o-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -moz-transform: scale(.9,.9); -webkit-transform: scale(.9,.9); -o-transform: scale(.9,.9); -ms-transform: scale(.9,.9); transform: scale(.9,.9); } #nav { } #nav > ul { width: 102%; } #nav > ul > li { margin-right: 29px; } .lang-es #nav > ul > li, html[lang="es"] #nav > ul > li { margin-right: 14.5px; } #language { text-transform: uppercase; } #language > ul { padding-left: 10px; } #language > ul > li { font-size: 1.2em; } #language > ul > li > a { width: 28px; min-width: 0; padding: 0; text-align: center; } #wide { margin-bottom: 20px; } #wide article:before { margin-right: -2870px; } #footer { } #footer > nav ul { padding-left: 0; } #footer > ul { padding-left: 1000px; } .cols-a { } .cols-a > header:first-child + *, .cols-a > *:first-child { width: 440px; } .cols-a > header:first-child, .cols-a > aside { width: 260px; margin: 0; } .cols-a > header:first-child + * > .widget:first-child, .cols-a > *:first-child > .widget:first-child, .cols-a > header:first-child + * > .widget-big:first-child, .cols-a > *:first-child > .widget-big:first-child, .cols-a > header:first-child + * > .module-a:first-child, .cols-a > *:first-child > .module-a:first-child { margin-top: 0; } .cols-a.a { } .cols-a.a > header:first-child + *, .cols-a.a > *:first-child { width: 476px; } .cols-a.a > header:first-child, .cols-a.a > aside { width: 233px; } .featured { margin-bottom: 20px; } .featured article { min-height: 300px; padding-top: 40px; } .featured h1, .featured h2, .featured h3, .featured h4, .featured h5, .featured h6 { font-size: 2.4em; } .featured p { font-size: 2em; } .gallery-a.a { margin: 0 0 0 -10px; } .gallery-a.a li { margin-bottom: 10px; border-left-width: 10px; font-size: 1.6em; } .featured + #content > .gallery-a.a:first-child, .featured + #content > .news-a:first-child { margin-top: -72px; } .list-b { } .list-b li.featured { font-size: 1.6em; } .list-b li.featured span { padding-left: 13px; padding-right: 13px; } .list-b .title { top: 0; font-size: 1em; font-family: Hv, Helvetica, Arial, sans-serif; } .list-c { padding: 0 45px; } .list-c li { width: 248px; border-left-width: 114px; } .list-c li:first-child { width: 134px; } .list-c.mobile-hide .item { width: 134px !important; margin-right: 114px !important; } .list-c .item li { } .list-c .bx-prev, .list-c .bx-next { top: 67px; } .list-c .bx-prev { left: 0; } .list-c .bx-next { right: 0; } .module-a { } .module-a figure figcaption, .module-a figure span { right: 75px; } .news-a { margin: 0 0 0 -10px; } .news-a article { margin-bottom: 10px; border-left-width: 10px; } .news-a h1, .news-a h2, .news-a h3, .news-a h4, .news-a h5, .news-a h6 { font-size: 1.6em; } .table-custom-a { } .table-custom-a th, .table-custom-a td { font-size: 14px; } .widget { } .module-a h1, .module-a h2, .module-a h3, .module-a h4, .module-a h5, .module-a h6, .widget h1, .widget h2, .widget h3, .widget h4, .widget h5, .widget h6, .widget-big h1, .widget-big h2, .widget-big h3, .widget-big h4, .widget-big h5, .widget-big h6 { font-size: 2.2em; } .widget-big { margin-bottom: 10px; border-bottom-width: 36px; } .widget-big header { padding: 11px; } #root .widget-big p.desktop-hide { position: absolute; right: 12px; left: auto; top: auto; bottom: -36px; } .widget-big header ul li { padding-left: 8px; } #root .desktop-hide, #root .tablet-only { position: relative; left: 0; top: 0; } #root .desktop-only, #root .tablet-hide, #footer > ul:before, #footer > ul:after, #language li span, #top > form h1, #top > form h2, #top > form h3, #top > form h4, #top > form h5, #top > form h6, #subnav, .widget-big header p, .widget-big header ul li:first-child, #top .form h1, #top .form h2, #top .form h3, #top .form h4, #top .form h5, #top .form h6 { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; } #root .double.b > * { float: none; width: auto; } .style144 img {display: none;} .form-c .double > * { float: none; width: auto; } .special-d li:nth-child(1),.special-d li:nth-child(3) {display: none;} .special-d li:nth-child(2) {width: 100%; float: none;} } @media only screen and (max-width: 47.5em) { /* 760 */ #nav, #content, #footer, #subnav, .featured article > div { width: auto; } #content, #footer, .featured article { padding-left: 15px; padding-right: 15px; } #root { padding: 59px 0 0; } #logo { left: 0; margin: 0; } #language, #top > form, #wide article > div, #top .form { right: 0; margin: 0; } #top { position: fixed; width: 100%; height: 34px; padding: 0; background: #b80000; } #logo { left: 50%; top: 0; z-index: 1; width: 180px; margin: 0 0 0 -90px; font-size: 2em; } #logo a { height: 34px; padding: 0; text-align: left; text-indent: -3000em; } #logo a:before { content: "\e910"; top: 0; width: 100%; margin: 0; font-size: 20px; line-height: 34px; text-align: center; } #language { right: 0; top: -3000em; } #language > ul > li { font-size: 1.1em; } #language > ul > li > a { width: 34px; height: 34px; padding: 0; background: none; line-height: 34px; text-align: center; } #top > form, #top .form { left: 0; top: 100%; width: 100%; } #top > form p { width: 100%; padding: 0; } #top > form input, #top .form input, #top .form label { width: 100%; } #top .form .ngp-form { left: 0; width: auto; } #top > .menu { top: 0; } .menu-active #root > * { -moz-transform: translateX(240px); -webkit-transform: translateX(240px); -o-transform: translateX(240px); -ms-transform: translateX(240px); transform: translateX(240px); } #root > * { -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } .menu-active #shadow { visibility: visible; opacity: 1; } #wide { } #wide article { height: auto; } #wide article > figure { position: relative; height: 176px; background-position: 0 0; } #wide article > div, .featured article > div { position: absolute; left: 0; right: 0; top: auto; bottom: 0; float: none; width: auto; min-height: 63px; margin: 0; padding: 6px 15px; background: rgba(198,8,8,.65); } #wide p, .size-a, #root .size-a { font-size: 1.8em; } #wide p.size-a, #wide p.overlay-d, #wide p.strong { font-weight: 400; font-style: italic; font-family: "Times New Roman", Times, serif; } #wide p.size-a > span, #wide p.overlay-d > span, #wide p.strong > span { padding: 0; font-size: 1em; font-weight: 700; } #footer { overflow: hidden; position: relative; left: 0; right: 0; bottom: 0; top: auto; z-index: 20; padding: 0 0 32px; } #footer > ul { overflow: hidden; visibility: hidden; opacity: 0; } #footer:after { content: "\e910"; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 32px; background: #fff; color: #000; font-size: 13px; font-family: i; font-weight: 400; line-height: 32px; text-align: center; } .lang-es #footer:after, html[lang="es"] #footer:after, .lang-es #logo a:before, html[lang="es"] #logo a:before { content: "\e912"; } #root .cols-a > *, #root .double > * { float: none; width: auto; } #root .cols-a > * + *, #root .double > * + * { margin-top: 30px; } li, dt, dd, p, figure, th, td, caption, legend, pre { font-size: 1.4em; } ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 12px; } h1, h2, h3, h4, h5, h6 { margin-top: 30px; font-size: 1.6em; } h1, h2 { font-size: 2.2em; } .cols-a { } .cols-a > header:first-child, .cols-a > aside { padding-bottom: 10px; } .featured { line-height: 1.21429; } .featured article { min-height: 0; height: 176px; } .featured h1, .featured h2, .featured h3, .featured h4, .featured h5, .featured h6 { font-size: 1.8em; font-style: italic; font-family: "Times New Roman", Times, serif; line-height: 1.21429; } .featured p { margin: 0; font-size: 1.8em; font-style: italic; font-family: "Times New Roman", Times, serif; } .featured .list-c { position: relative; width: 100%; height: 45px !important; margin: 0; padding: 0; text-align: center; } .featured .list-c .bx-viewport { position: absolute !important; left: 0; bottom: 0; width: 100% !important; height: auto !important; } .featured .list-c .bx-pager { position: absolute; left: 0; bottom: 6px; z-index: 9; width: 100%; } .featured .list-c li { display: inline-block; padding: 0 0 20px; } .featured.has-list-c article > div { min-height: 0; padding: 0; } #root .featured article > figure.mobile-only { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: auto; height: auto; } .gallery-a.a { margin: 0 -15px 0; font-family: Hv, Helvetica, Arial, sans-serif; line-height: 1.22222222222; } .gallery-a.a li { float: none; width: auto; margin: 0 0 1px; border-left-width: 0; font-size: 2.2em; text-align: left; } .gallery-a.a a { padding: 4px 0 2px; } .gallery-a.a img { top: 2px; } .gallery-a.a a span { padding: 0 15px; } .featured + #content > .gallery-a.a:first-child, #wide + #content > .gallery-a.a:first-child, .featured + #content > .news-a:first-child, #wide + #content > .news-a:first-child { margin-top: -19px; } .gallery-a + .cols-a, .news-a + .cols-a { margin-top: -30px; } header { } header h1 + p, header h2 + p, header h3 + p, header h4 + p, header h5 + p, header h6 + p { margin-top: -12px; } .link-b { margin-left: -15px; margin-right: -15px; } .link-b a { padding: 5px 15px 3px; font-size: 1.8333333333em; } .link-b > span { padding-left: 15px; padding-right: 85px; } .list-b { line-height: 1.25; } .list-b li { margin: 0 0 7px; font-size: 1.2em; } #root .list-b .date { color: #352e2c; } #root .list-b .title { padding: 4px 0 0; color: #000; font-size: 1.33333333333em; font-family: Hv, Helvetica, Arial, sans-serif; } .list-b li.featured { font-size: 1.8em; line-height: 1.22222222222; } .list-b li.featured span { min-height: 63px; padding-top: 5px; padding-bottom: 5px; background: rgba(198,8,8,.65); } .module-a { margin: 0 -15px 1px; padding-left: 15px; padding-right: 15px; } .module-a h1, .module-a h2, .module-a h3, .module-a h4, .module-a h5, .module-a h6 { margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; } .module-a h1, .module-a h2, .module-a h3, .module-a h4, .module-a h5, .module-a h6, .widget h1, .widget h2, .widget h3, .widget h4, .widget h5, .widget h6, .widget-big h1, .widget-big h2, .widget-big h3, .widget-big h4, .widget-big h5, .widget-big h6, .news-a h1, .news-a h2, .news-a h3, .news-a h4, .news-a h5, .news-a h6 { padding-top: 4px; padding-bottom: 2px; font-family: Hv, Helvetica, Arial, sans-serif; } .module-a figure { margin-left: -15px; margin-right: -15px; } .module-a p, .module-a li { font-size: 1.2em; } .module-b { margin: 0 -20px 20px; padding: 20px 20px 1px; border-left-width: 0; border-right-width: 0; } .news-a { margin: 0 -15px; } .news-a article { float: none; width: auto; margin: 0; padding: 0 0 2px; border-left-width: 0; } .news-a h1, .news-a h2, .news-a h3, .news-a h4, .news-a h5, .news-a h6 { padding-left: 15px; padding-right: 15px; font-size: 2.2em; } #root .news-a p { padding: 0 11px; border-width: 0; background: none; } .news-a p a { color: #000; } .news-a .list-b { overflow: visible; height: auto; } .widget { } .widget > .twitter-timeline { width: 100% !important; } .form-a { margin: 0 -15px 1px; padding-left: 15px; } #wide br { display: none; } #wide article > div, #logo { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; } #root .list-c li, .list-c .item[aria-hidden="false"], .featured article > div h1, .featured article > div h2, .featured article > div h3, .featured article > div h4, .featured article > div h5, .featured article > div h6, .featured article > div p, .js .gallery-a.a li, .list-c li { opacity: 1; -moz-animation: none; -webkit-animation: none; -o-animation: none; -ms-animation: none; animation: none; } #root .tablet-hide, #root .mobile-only, #footer > nav > #social, .link-b span, #footer #social, #language > ul > li.es, .lang-es #language > ul > li.en, html[lang="es"] #language > ul > li.en { position: relative; left: 0; top: 0; } #root .tablet-only, #root .mobile-hide, #footer > ul > li:first-child:after, #wide article:before, #social, #footer > nav > *, #footer > ul, .link-b a img, #footer:before, #footer > ul:before, #footer > ul:after, #nav, #top .social-a, #logo > span, .widget-big, .form-a, .news-a article:before, .list-b .date:after, .list-b .title:after, .list-b.a a:after, #language > ul > li, .lang-es #language > ul > li.es, html[lang="es"] #language > ul > li.es { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; } .tabs-container .tabs li {width: 90%;} .tabs-container .tabs li a {width: 100%;} } @media only screen and (max-width: 31.25em) { /* 500 */ .table-custom-a { } .table-custom-a th, .table-custom-a td { padding: 5px; font-size: 12px; word-wrap: break-word; } .table-t1-narrow { } .table-t1-narrow th, .table-t1-narrow td { padding: 2px 0; font-size: 9px; } .table-t1-narrow span { display: block; line-height: 1.1; } .form-c > div > div > p { margin-bottom: 0; padding: 0; } .form-c label {position: relative; left: auto; top: auto; width: 100%; padding: 10px 0; margin: 0; color: #000; text-align: left; display: block;} .form-c label { -moz-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } } @media only screen and (max-width: 25em) { /* 400 */ @-ms-viewport { width: device-width; } @viewport { width: device-width; } #wide { } #wide p { font-size: 1.6em; } /*#footer { } #footer #social { padding: 10px; } #footer #social li a { height: 30px; } #root #footer #social li a:before, #root #footer #social li.yt a:before { font-size: 11px; } #root #footer #social li.tw a:before, #root #footer #social li.fb a:before { font-size: 14px; }*/ .float-left, .float-right { float: none; max-width: none; margin-left: 0; margin-right: 0; } .table-custom-a { } .table-custom-a th, .table-custom-a td { padding: 2px; font-size: 11px; } .form-b { margin-top: 20px; } .form-b p { margin-bottom: 15px; padding-left: 0; } .form-b label { position: relative; top: 0; width: auto; text-align: left; } .form-b label .small { display: inline; } .form-b label { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; } #language/*, #footer #social h1, #footer #social h2, #footer #social h3, #footer #social h4, #footer #social h5, #footer #social h6*/ { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; } }