/* normalize */
html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body {margin: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block; vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
[hidden],template {display: none;}
a {background-color: transparent;}
a:active,a:hover {outline: 0;}
abbr[title] {border-bottom: 1px dotted;}
b,strong {font-weight: bold;}
dfn {font-style: italic;}
h1 {font-size: 2em;margin: 0.67em 0;}
mark {background: #ff0;color: #000;}
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 0em;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
pre {overflow: auto;}
code,kbd,pre,samp {font-family: monospace, monospace;font-size: 1em;}
button,input,optgroup,select,textarea {color: inherit; font: inherit;margin: 0; border-radius: 0;}
button {-webkit-appearance: none;}
select {-webkit-appearance: none;}
textarea {-webkit-appearance: none;}
button {overflow: visible;}
button,select {text-transform: none;}
button,html input[type="button"], input[type="reset"],input[type="submit"] {-webkit-appearance: button; cursor: pointer; }
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
input {line-height: normal;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box;-webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0; padding: 0; }
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse;border-spacing: 0;}
td,th {padding: 0;} 

/* general */
BODY {font-family:'Titillium Web',serif,arial;font-size:87.5%; margin:0em; padding:0em; overflow-x:hidden; background:white}
DIV.container {width:83em; margin-left:auto; margin-right:auto;  } 
.clear {clear:both;}
.clear-left {clear:left;}
.clear-right {clear:right;}
A {text-decoration:none; color:#009FE4}
A:hover {color:#009FE4; text-decoration:underline;}
.flex1 {flex:1;}
code {white-space:pre; font-size:1em;}

a.call-to-action {background:#FF193E; display:inline-block; color:white!important; padding-left:3em; padding-right:3em; text-transform:uppercase; line-height:3em; font-size:.7em; font-weight:600; }
a.call-to-action::after {content:"\e004"; font-family:icons; margin-left:.5em; font-size:.7em;}
a.call-to-action:hover {text-decoration:underline}

p.call-to-action > a {background:#FF193E; display:inline-block; color:white!important; padding-left:3em; padding-right:3em; text-transform:uppercase; line-height:3em; font-size:.7em; font-weight:600; }
p.call-to-action > a::after {content:"\e004"; font-family:icons; margin-left:.5em; font-size:.7em;}
p.call-to-action > a :hover {text-decoration:underline}

HR {background:none; border:none; border-top:.1em #EBEBEB solid; margin-top:2em; margin-bottom:2em;}
BLOCKQUOTE {font-family:"minion-pro"; padding:0; margin:0; font-size:1.44em}
.unanimated  {transition: none; -webkit-transition: none;-moz-transition: none; -o-transition: none; }
.animated  {transition: all .3s; -webkit-transition: all .3s;-moz-transition: all .3s; -o-transition: all .3s; }
.animated-slow  {transition: all .75s; }
.nodesktop {display:none!important}

.full {width:100%!important;}
.text-center {text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-justified {text-align:justified;}
.shadow {box-shadow: 0 4px 18px 0 rgba(0,0,0,0.1), 0 6px 20px 0 rgba(0,0,0,0.09);}
.padded {padding:1em;}
.note {color: #666666;}
audio {box-shadow: 0 4px 18px 0 rgba(0,0,0,0.1), 0 6px 20px 0 rgba(0,0,0,0.09); margin-bottom:.5em; display:block; margin-top:.25em;}

.video {width:100%;position: relative; padding-bottom: 56%; /* 16:9 */ height: 0; margin-top:2em; display:block; }
.video IFRAME {display:block; position: absolute;top: 0;left: 0;width: 100%;height: 100%; border-radius:.5em;}
.video video {width:100%;}

.toc {margin-bottom:2em; padding-bottom:1em; border-bottom:.1em #EBEBEB solid;}
.toc li {list-style:square;}
.toc li + li {margin-top:0!important;}
.toc p:first-child {margin-top:0;}
.toc p:last-child {margin-bottom:0;}

.logos {margin-bottom:2em;}
.logos p {display:flex; align-items: center; }
.logos p img {display:block; padding-right:1em; width:6em;}

DIV.gallery {display:inline-block; width:100%; position:relative;}
DIV.gallery .image {background-position:center center; background-size:cover; width:14.25em; height:10em; float:left; margin-bottom:.5em; margin-right:.5em}

DIV.error404 {padding-bottom:6em;}
DIV.error404 SPAN.icon {display:none}
DIV.error404 H1 {font-weight:normal; font-size:3.5em; margin-bottom:0em; margin-top:.25em;}
DIV.error404 P {}

UL.list-blocks {padding-left:0!important; display:flex; flex-wrap: wrap; justify-content: space-between; margin-top:1.5em; margin-bottom:-.5em;}
UL.list-blocks LI {padding:0; margin:0; margin-top:0!important; margin-bottom: 2em; list-style:none; padding:1em; background:#FF193E; color:white; width:47%; display:block; box-sizing:border-box; flex-shrink: 0; line-height:1.4em;}
UL.list-blocks LI A {color:white;}
UL.list-blocks LI > strong:first-child {font-weight:600; font-size:1.5em; display:block; margin-bottom:.5em; line-height:1.3em;}
UL.list-blocks LI > strong:first-child + br {display:none;}
UL.list-blocks.bg-blue LI {background:#009FE4;}
UL.list-blocks.bg-red LI {background:#FF193E;}
UL.list-blocks + P {margin-top:0em;}
UL.list-blocks.hover-animated LI {transition: transform .3s}
UL.list-blocks.hover-animated LI:hover {transform:translateX(.5em); transition: transform .3s}
UL.list-blocks LI > a:last-child {display:inline-block; overflow: hidden; text-overflow: ellipsis; margin-top:1em; font-weight:600; max-width:100%;}
UL.list-blocks LI > a:last-child::before {content:"\e003"; font-family:"icons"; font-size:.9em; margin-right:.25em; font-weight:normal;}

UL.list-items {padding-left:0!important;}
UL.list-items LI {list-style:none; border-bottom:.05em #CCCCCC solid; padding-bottom:1em; }
UL.list-items LI > strong:first-child {font-weight:600; font-size:1.5em; display:block; margin-bottom:.65em; line-height:1.3em;}
UL.list-items LI > strong:first-child + br {display:none;}
UL.list-items LI > a:last-child {display:inline-block; overflow: hidden; text-overflow: ellipsis; margin-top:1em; font-weight:600; max-width:100%;}
UL.list-items LI > a:last-child::before {content:"\e003"; font-family:"icons"; font-size:.9em; margin-right:.25em; font-weight:normal;}

DIV.notice {padding:1.5em; padding-left:4em; width:45%; position:relative; box-sizing:border-box;}
DIV.notice::before {font-family:"icons"; content:"\e00D"; position: absolute; left:1em; top:1em; font-size:1.5em; color:#009FE4;}
DIV.notice.info {background:#EBEBEB;}  
DIV.notice.warning {background:#fbf7f1; color:#df923f;}
DIV.notice.warning::before {color:#df923f;}
DIV.notice.error {background:#fcf6f6; color:#b94242;}
DIV.notice.error::before {color:#b94242;}
DIV.notice > P:first-child {margin-top:0;}
DIV.notice > P:last-child {margin-bottom:0;}

DIV.important {background:#EBEBEB; padding:1.5em; padding-left:4em; position:relative; box-sizing:border-box; margin-bottom:2em;}
DIV.important::before {font-family:"icons"; content:"\e00D"; position: absolute; left:1em; top:1em; font-size:1.5em; color:#FF193E; }
DIV.important > P:first-child {margin-top:0;}
DIV.important > P:last-child {margin-bottom:0;}

/* placeholder */
::-webkit-input-placeholder {color: #dddddd;}
::-moz-placeholder {color: #dddddd;}
:-ms-input-placeholder {color: #dddddd;}
:-moz-placeholder {color: #dddddd;}

/* dropdown */
div.dropdown {margin-top:.7em}
div.dropdown a {color:white; background:#484848; text-transform:uppercase; line-height:3.2em; padding-left:1.5em; padding-right:4em; font-size:.875em; display:inline-block; font-weight:300; position:relative;}
div.dropdown a:hover {color:white; text-decoration:none; background:#767676; }
div.dropdown a:focus {outline:.1em white dotted; z-index:10}
div.dropdown a::after {content:"\e009"; font-family:"icons"; font-size:.6em; display: block; transition: all .3s; position:absolute; top:0; right:2.5em;}
div.dropdown div {display:none; overflow:hidden; position:absolute; box-shadow: 0 .2em .2em 0 rgba(0, 0, 0, 0.5); z-index:10; margin:0; margin-top:.15em; padding:0; background:#484848;}
div.dropdown div a {line-height:2.5em; margin:.1em; text-transform:none; display:block; position: relative; }
div.dropdown div a::after {display:none;} 
div.dropdown div a:hover {text-decoration:underline; background:none;}
div.dropdown div a span {font-size:1.15em; }
div.dropdown a.expanded::after {transform:scaleY(-1); transition: all .3s;}
div.dropdown a.expanded + DIV {}

/* header */
header {background:#000000; height:4.25em; display:flex; top:0; left:0; right:0; z-index:10;}
header a {color:white}
header a:hover {color:#00B2FF; text-decoration:none;}
header a.logo img.logo {float:left;height:3em; margin:.6em;}
header a.logo + a.logo {margin-left:1em; padding-left:.5em; border-left:.1em white solid;}

header div.dropdown.locales a {}
header div.dropdown.resource-for a {min-width:9.5em;}

header nav.shortcuts {padding-right:.5em}
header nav.shortcuts ul {padding:0; margin:0; display:flex;}
header nav.shortcuts ul li {list-style:none;}
header nav.shortcuts ul li a {display:block; line-height:4.25em; padding-left:1em; padding-right:1em}
header nav.shortcuts ul li a span {color:#009FE4; margin-right:.4em; font-weight:bold;}

header a.menu {background:#009FE4; color:white;  width:8.5em; display:block; text-align:center;}
header a.menu:hover {_background:#767676;}
header a.menu div {display:inline-block; width:3em; height:3em; margin-top:.45em; z-index:1000; position:fixed; right:2.75em; top:0}  
header a.menu div span.icon {font-size:2em; vertical-align:bottom; position:absolute; margin-left:-.5em; }
header a.menu div span.icon-menu2d {opacity:0}
header a.menu label {display:inline-block; text-transform:uppercase; right:3.4em; top:2.8em; position:fixed; z-index:1000; cursor:pointer; font-size:.9em;}
header a.menu.expanded div {transform:translate(-10em) rotate(315deg) ; position:fixed; right:0; top:0;}
header a.menu.expanded div span.icon-menu2a {opacity:0}
header a.menu.expanded div span.icon-menu2c {opacity:0}
header a.menu.expanded div span.icon-menu2d {opacity:1}
header a.menu.expanded label {transform:translate(-8.25em); }

header nav.menu {visibility:hidden; opacity:0; position:fixed; right:0; z-index:100; top:0em; bottom:0em; background:#2D2D2D; width:23em; padding-top:0em; box-sizing:border-box; transform:translateX(14.5em);  box-shadow: -.2em .2em .2em 0 rgba(0, 0, 0, 0.15);  overflow-y:auto;}
header nav.menu > ul {padding:2em!important; padding-top:5em!important} 
header nav.menu ul {margin:0;padding:0; display:block;} 
header nav.menu ul li {list-style:none; display:block;}
header nav.menu ul ul {display:none;}
header nav.menu ul ul a {color:#AAAAAA; padding-left:2em; border-bottom:.1em #6D6D6D solid}
header nav.menu ul li a {font-size:1.28em; font-weight:300; display:block; line-height:3.67em; border-bottom:.1em #767676 solid; z-index:1000;position:relative}
header nav.menu ul li a:hover {color:#00B2FF}
header nav.menu ul li a.haschilds {}
header nav.menu ul li a.haschilds::after {content:"\e001"; font-family:"icons"; float:right; color:#009FE4; display:inline-block; transition:transform .4s;}
header nav.menu ul li a.haschilds.expanded::after {content:"\e002"; transform:rotate(-180deg); transition:transform .4s;}
header nav.menu ul li ul li a {}
header nav.menu ul li ul li a span {line-height:1.4em; display:block; margin-top:1em; margin-bottom:1em;}
header nav.menu > a.close { width:100%; height:4.25em; display:block; box-sizing:border-box;}
header nav.menu.visible {visibility:visible; display:block; opacity:1; transform:translateX(0)}

BODY > section {transition:transform .3s;}
BODY > footer {transition:transform .3s;}
BODY.menu-visible > section {transform:translateX(-10em);transition:transform .3s;}
BODY.menu-visible > footer {transform:translateX(-10em);transition:transform .3s;}
BODY.menu-visible header a.menu::before {content:" "; position:fixed; left:0; top:0; right:23em; bottom:0; z-index:10;}

/* search */
header a.search {width:8.5em; text-align:center; }
header a.search > span.icon {font-size:1.6em; line-height:2.7em;}
header a.search > label {display:none}
header div.search-box {width:0; visibility:hidden; opacity:0; box-sizing:border-box; position:relative; z-index:1000; }
header div.search-box INPUT {width:100%; display:block; border:none; box-sizing:border-box; padding-left:1.5em; background:#767676; margin-top:.7em; line-height:2.65em; color:white; text-trasnform:uppercase;}
header div.search-box INPUT:focus {outline:none}
header div.search-box.expanded {width:15em; visibility:visible; transform:translateX(1.5em); opacity:1; margin-right:-5.5em}
header div.search-box DIV.output {position:absolute; position:1000; width:100%;background:#484848; box-sizing:border-box; text-align:left; box-shadow: 0 .2em .2em 0 rgba(0, 0, 0, 0.5); position:relative}
header div.search-box DIV.output A {display:block; padding-top:.5em; padding-bottom:.5em; padding-left:1.5em; padding-right:1.5em; color:white;}
header div.search-box DIV.output A:hover {text-decoration:underline;}
header div.search-box DIV.output A:last-child {padding-bottom:1em;}
header div.search-box DIV.output A SPAN.title {font-weight:bold; display:block; overflow: hidden; text-overflow: ellipsis; width:100%;}
header div.search-box DIV.output A SPAN.description {display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
header div.search-box DIV.output SPAN.more {color:white;}
header div.search-box DIV.output SPAN.noresults {color:white; text-align:center; display:block; padding:1em}

/* footer */
footer.bottom1 {background:#2D2D2D;}
footer.bottom1 .container {padding-top:2em; padding-bottom:2em; display:flex;}
footer.bottom1 .container .menu-main {width:40%;}
footer.bottom1 .container .menu-main ul {padding:0; margin:0;  column-count:2; margin-top:-1em;}
footer.bottom1 .container .menu-main ul li {list-style:none}
footer.bottom1 .container .menu-main ul li a {font-size:1.45em; font-weight:bold; line-height:3em; }
footer.bottom1 .container .menu-main ul li a:hover {color:#00B2FF; text-decoration:none;}
footer.bottom1 .container .menu-main + div {flex:1}
footer.bottom1 .container .contact {font-size:1.143em; color:white; margin-top:-.75em; }
footer.bottom1 .container .contact p {line-height:1.4em;}
footer.bottom1 .container .contact a {color:white;}
footer.bottom1 .container .contact div.icons {margin-top:.5em; line-height:1.15em; float:right; transform:translateY(-4.5em); width:40%}
footer.bottom1 .container .contact a.social {text-decoration:none; font-size:1.5em; margin-right:.5em; display:inline-block; }
footer.bottom1 .container .contact a.social:hover {color:#00B2FF;}
footer.bottom1 .container .menu-shortcuts {margin-top:2em}
footer.bottom1 .container .menu-shortcuts UL {margin:0; padding:0;}
footer.bottom1 .container .menu-shortcuts UL li {display:inline-block; list-style:none}
footer.bottom1 .container .menu-shortcuts UL li a {color:white; font-size:1.125em; margin-right:2em;}
footer.bottom1 .container .menu-shortcuts UL li a:hover {text-decoration:none; color:#00B2FF;}
footer.bottom1 .container .menu-shortcuts UL li a span {color:#009FE4; margin-right:.2em}

footer.bottom2 {background:#000000; color:white;}
footer.bottom2 .container {display:flex; padding-top:2.5em; padding-bottom:4em;}
footer.bottom2 img.logo {height:3em; margin-right:4em;}
footer.bottom2 .copyright {font-weight:300}
footer.bottom2 .copyright A {color:white}
footer.bottom2 .copyright div.menu-footer UL {padding:0; margin:0;}
footer.bottom2 .copyright div.menu-footer UL LI {list-style:none; display:block;}
footer.bottom2 .copyright div.menu-footer UL LI:first-child A::before {content:""}
footer.bottom2 .logos {text-align:left; flex:1;} 
footer.bottom2 .logos a:hover {text-decoration:none;}
footer.bottom2 .logos a img {height:8em; margin-left:2em; vertical-align:top;}
footer.bottom2 .menu-resources {text-align:right;font-weight:300}
footer.bottom2 .menu-resources UL {padding:0; margin:0;}
footer.bottom2 .menu-resources UL LI {list-style:none; display:inline-block;}
footer.bottom2 .menu-resources UL LI A {text-transform:uppercase; font-size:1em; padding-left:1.5em; padding-right:1.5em; color:white; }

/* addthis */
.addthis  {clear:none!important;}

/* breadcrumb */ 
NAV.breadcrumb {background:#484848; height:4em; z-index:10100}
NAV.breadcrumb .container {text-align:left; padding-left:1.5em} 
NAV.breadcrumb .container A {font-size:1.14em; color:white; display:inline-block; line-height:3.8em; vertical-align:top;}
NAV.breadcrumb .container A span {text-decoration:underline; font-weight:100}
NAV.breadcrumb .container A:hover {text-decoration:none}
NAV.breadcrumb .container A::before {content:"\e004"; font-family:"icons"; font-size:.75em; padding-left:.5em; padding-right:1em; }
NAV.breadcrumb .container A:first-child::before  {display:none}
NAV.breadcrumb .container A:last-child  {cursor:default; max-width:20em; text-overflow:ellipsis; white-space: nowrap; overflow:hidden;}
NAV.breadcrumb .container A:last-child span {text-decoration:none; }

/* readmore */
a.readmore {}
a.readmore::after {content:" ..."}
a.readmore.expanded {opacity:0; transition:opacity .35s;}
div.readmore {display:none; margin-top:-2.75em;}
div.readmore > P:first-child {margin-top:0}

/* page-title-with-image */
DIV.page-title-with-image {height:39em; background:#009FE4; position:relative; background-size:cover; background-position:center center;}
DIV.page-title-with-image .phrase {position:absolute; bottom:8em; max-width:30em; padding-left:.6em}
DIV.page-title-with-image .phrase h1 {font-size:3.93em; color:#2D2D2D; background:white; display:inline; line-height:1.36em; letter-spacing: 0; box-shadow:0.15em 0 0 white,-0.15em 0 0 white; font-weight:normal;}

/* page-title  */
DIV.page-title {}
DIV.page-title h1 {font-size:3.45em; font-weight:bold; margin-top:.6em; margin-bottom:.4em; }

/* page-submenu */
NAV.page-submenu {}
NAV.page-submenu .container > UL {border-bottom:.15em #CCCCCC solid; width:25em; float:left;}
NAV.page-submenu .container UL {margin:0; padding:0; }
NAV.page-submenu .container UL li {list-style:none;}
NAV.page-submenu .container UL li a {border-top:.1em #CCCCCC solid;  solid; display:block; line-height:2.85em; font-size:1.285em; color:black; padding-left:.5em; padding-right:.5em}
NAV.page-submenu .container UL li a.selected {font-weight:bold; background:#F5F5F5;}
NAV.page-submenu .container UL li a:hover {background:#EBEBEB; text-decoration:none}
NAV.page-submenu .container UL li a.disabled {cursor:default; color:gray}
NAV.page-submenu .container UL li a.disabled:hover {; background:white}
NAV.page-submenu .container UL UL li a {padding-left:2em;}
NAV.page-submenu + main .container {box-sizing:border-box; padding-left:28.6em;}
NAV.page-submenu + main {min-height:26em;}
DIV.page-title-with-image + NAV.page-submenu {margin-top:5em;}
DIV.page-title-with-image + main {margin-top:5em;}
DIV.page-title-with-image + main .page-content > p {width:70%; box-sizing:border-box;}
DIV.page-title-with-image + main .page-content > ol {width:70%; box-sizing:border-box;}
DIV.page-title-with-image + main .page-content > ul {width:70%; box-sizing:border-box;}
DIV.page-title-with-image + main .page-content > details {width:70%; box-sizing:border-box;}
DIV.page-title-with-image + main .page-content > div {width:70%; box-sizing:border-box;}
DIV.page-title-with-image + main .page-content > table {width:70%; box-sizing:border-box;}
DIV.page-title-with-image + main .page-content > hr {width:70%; box-sizing:border-box; margin-left:0;}
main + div.clear {margin-bottom:8em;}

/* main  */
DIV.page-content {font-size:1.43em; _margin-bottom:8em;}
DIV.page-content A {color:#FF193E}
DIV.page-content A.view-more {font-weight:600; }
DIV.page-content A.view-more::before {content:"\e003"; font-family:icons; font-size:.8em; padding-right:.25em; font-weight:normal;}
DIV.page-content > p > a:first-child:last-child {font-weight:600; }
DIV.page-content > p > a:first-child:last-child::before {content:"\e003"; font-family:icons; font-size:.9em; padding-right:.15em; font-weight:normal;}
DIV.page-content > p > a.no-view-more:first-child:last-child::before {display:none;}
DIV.page-content > IMG + H2 {margin-top:.5em;}
DIV.page-content > H2 {font-size:1.5em; font-weight:600; margin-top:0; margin-bottom:.25em; margin-top:1.5em;}
DIV.page-content > H2 + P {margin-top:0;}
DIV.page-content > H2 + P > img:first-child {margin-top:.5em;}
DIV.page-content > H2 + DETAILS {margin-top:1em;}
DIV.page-content > H2 + .important {margin-top:1em;}

DIV.page-content > H3 {font-size:1.25em; font-weight:600; margin-top:0; margin-bottom:.25em;}
DIV.page-content > H3 + P {margin-top:0;}
DIV.page-content > H4 {font-size:1em; font-weight:600; margin-top:0; margin-bottom:.25em;}
DIV.page-content > H4 + P {margin-top:0;}
DIV.page-content > TABLE {width:100%; background:#CCCCCC; border-collapse:separate; border-spacing:.075em; margin-top:2em; margin-bottom:2em;}
DIV.page-content > TABLE TR {}
DIV.page-content > TABLE TR TH {background:#EBEBEB; font-size:.85em; font-weight:600; padding: 0.625rem 0.9375rem;}
DIV.page-content > TABLE TR TD {background:white; font-size:.85em; font-weight:normal; padding: 0.625rem 0.9375rem;}
DIV.page-content DETAILS DIV#wrap > TABLE {width:100%; background:#CCCCCC; border-collapse:separate; border-spacing:.075em; margin-top:2em; margin-bottom:2em;}
DIV.page-content DETAILS DIV#wrap > TABLE TR {}
DIV.page-content DETAILS DIV#wrap > TABLE TR TH {background:#EBEBEB; font-size:.85em; font-weight:600; padding: 0.625rem 0.9375rem;}
DIV.page-content DETAILS DIV#wrap > TABLE TR TD {background:white; font-size:.85em; font-weight:normal; padding: 0.625rem 0.9375rem;}
DIV.page-content > ul {list-style: square; padding-left:1.15em; }
DIV.page-content > ul.list.dropdown UL {padding-left:1.15em; margin-top:1em; margin-bottom:1em;}
DIV.page-content > ul.list.dropdown UL LI {list-style: square;}
DIV.page-content > ul.list.dropdown UL UL {padding-left:2em;}
DIV.page-content > ul.list.dropdown UL UL LI {list-style: circle;}
DIV.page-content > HR {width: 100%; height:.1em; background-color: #EBEBEB; border: none;}
DIV.page-content P > span.icon {color:#FF193E; margin-right:.25em; font-size:.9em; font-weight:normal;}
DIV.page-content IMG {max-width:100%;}
DIV.page-content .figure {position:relative;}
DIV.page-content .figure IMG {display:block;}
DIV.page-content .figure span {position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.55); color:#ffffff; padding: 0.5em 0.75em; max-width:75%; font-size:.8em;}
DIV.page-content .logo {width:45%; display:block; background:#f6f6f6; padding:1em; box-sizing:border-box;}

DIV.page-content ul li + li {margin-top:1em;}
DIV.page-content ul ul {margin-top:1em; margin-bottom:1em;}
DIV.page-content ul ul li + li {margin-top:0;}
DIV.page-content ol li + li {margin-top:1em;}
DIV.page-content ol ul {margin-top:1em;}
DIV.page-content ol ul li + li {margin-top:0;}

/* slides */
.slide {}
.slide h2 {font-size:1.8em; line-height:1.2em;}
.slide a.button {background:#FF193E; display:inline-block; color:white; padding-left:3em; padding-right:3em; text-transform:uppercase; line-height:3em; font-size:.7em; font-weight:600;}
.slide a.button::after {content:"\e004"; font-family:icons; margin-left:.5em; font-size:.7em;}
.slide a.button:hover {text-decoration:underline}

.slide-gray {background:#EBEBEB;padding-top:2.2em; padding-bottom:2.2em; }
.slide-gray BLOCKQUOTE {line-height:1.5em; padding-right:7em; text-size-adjust:100%; font-weight:400;}

.slide-white {padding-top:5em; padding-bottom:5em; }

.slide-image div.image {background-position:center center; background-size:cover;}
.slide-image div.image .container {height:51em; position:relative}
.slide-image div.image .container span {display:block; color:white; padding:1em; background:rgba(0,0,0,.5); position:absolute; bottom:0; left:0; }
.slide-image div.body {margin-left:0; margin-right:0; width:36em; padding:3em; padding-bottom:4em; box-sizing:border-box; background:white; position:absolute; right:0; margin-top:-47em;}
.slide-image div.body h2 {font-size:1.8em; line-height:1.2em;}

.slide-text-image:first-child {margin-top:7.5em;}
.slide-text-image {margin-bottom:5em; margin-top:1em}
.slide-text-image .container {display:flex; flex-direction:row-reverse;}
.slide-text-image .image {flex:1; text-align:right}
.slide-text-image .image img {width:100%; max-width:none;}
.slide-text-image .image .figure {display:inline-block}
.slide-text-image .image .figure span {max-width:100%;text-align:left; font-size:.7em}
.slide-text-image .body {flex:1; padding-right:2.5em}
.slide-text-image .body h2 {font-size:1.8em; line-height:1.2em;}
.slide-text-image:nth-child(even) .container {flex-direction:row;}
.slide-text-image:nth-child(even) .body {padding-left:2.5em; padding-right:0em}

/* details */
details {margin-bottom:.75em; }
details summary {padding:1em; background:#009FE4;  padding:.6em; padding-left:1.25em; padding-right:3em; color:black; font-weight:600; cursor:pointer; position:relative; display: block;}
details summary:focus {outline:none}
summary::-webkit-details-marker {display: none;}
details summary::after {content: "\e001"; font-family: icons;right: 0;top: 0;width: 2em;height: 2em;line-height: 1.85em;text-align: center;display: block;padding: .5em;position: absolute;transition: all .3s; }
details.open > summary::after {content: "\e002"; transform:rotate(-180deg); line-height:2em; transition:transform .4s} 
details summary + div {padding:1em; padding-left:1.25em; background:#E5E7ED; }
details summary + div > P:first-child {margin-top:0;}
details summary + div > P:last-child {margin-bottom:0;}
details summary + div > div:first-child > P:first-child {margin-top:0;}
details summary + div > UL:first-child {margin-top:0;}
details summary + div > UL:last-child {margin-bottom:0;}
details summary + div > OL:first-child {margin-top:0;}
details summary + div > OL:last-child {margin-bottom:0;}
details summary + div > ul {padding-left:1.15em;list-style:square;}
details summary + div > ul li + li {margin-top:0!important;}

/* youtube-playlist */
.youtube-playlist  {display:flex; grid-template-columns: 1fr 1fr 1fr 1fr; gap:.5em; flex-wrap:wrap; margin-top:0em; margin-right:-.5em;}
.youtube-playlist .item {width:calc(33.3% - .5em)}
.youtube-playlist .item img {width:100%; border-radius:.5em; display:block; aspect-ratio:16/9; object-fit:cover; margin-bottom:.25em;}
.youtube-playlist .item label {display:block; cursor:pointer;}
.youtube-playlist .item label.title {font-weight:600; font-size:.8em; line-height:1.25em; margin-bottom:.25em;}
.youtube-playlist .item label.published {color:gray; font-size:.65em;}
.youtube-playlist .item a {cursor:pointer; color:black;}
.youtube-playlist .item a:hover {text-decoration:none;}

/* map */
.map {height:45em;}

/* list */
ul.list {}

ul.list.raw LI + LI {margin-top:1em}

ul.list.dropdown {padding:0; margin-top:2em; margin-bottom:2em; display:block;}
ul.list.dropdown li {list-style:none; }
ul.list.dropdown li div.body {}
ul.list.dropdown li div.body > label {color:black; font-weight:600; padding-top:.6em; padding-bottom:.6em; display:block; background:#009FE4; vertical-align:middle; padding-left:1.25em; position:relative; transition: all .3s; padding-right:2.5em;}
ul.list.dropdown li div.body > label::after {content: "\e001"; font-family:icons; position:absolute; right:0; top:0; width:2em; height:2em; line-height:1.85em; text-align:center; display:block;padding:.5em; position:absolute;transition: all .3s;}
ul.list.dropdown li div.body > div {display:none; overflow-y:hidden; padding:1em; padding-left:1.25em; background:#E5E7ED;}
ul.list.dropdown li div.body > div P:first-child {margin-top:0;}
ul.list.dropdown li div.body > div P:last-child {margin-bottom:0;}
ul.list.dropdown li div.body > div A label {cursor:pointer;}
ul.list.dropdown li div.body > div A label {cursor:pointer;}
ul.list.dropdown li div.body > div A > span.icon {display:none;}
ul.list.dropdown li div.body > div A label::after {content:" "; font-family:icons;}
ul.list.dropdown li div.body > label:hover {cursor:pointer; background:#009FE4; transition: all .3s;}
ul.list.dropdown li.expanded div.body > label::after {content: "\e002"; transform:rotate(-180deg); line-height:2em;}
ul.list.dropdown > li + li {margin-top:.75em;}
ul.list.dropdown li.expanded div.body > label {background:#009FE4;}
ul.list.dropdown ol > li {list-style:decimal}

ul.list.text {padding-left:0; margin:0; display:block; }
ul.list.text > li {list-style:none; padding:0;margin-bottom:1.5em;}
ul.list.text > li A {margin-bottom:.5em; display:block;}
ul.list.text > li A label {cursor:pointer;}
ul.list.text > li A span.icon {display:none;}
ul.list.text > li div.body > label {font-weight:bold;font-size:1.25em; font-weight:600; margin-top:0; margin-bottom:.25em;} 
ul.list.text > li ul {padding-left:1.25em; margin-top:1em; margin-bottom:1em}
ul.list.text > li ul li {list-style:square;}
ul.list.text LI + LI {margin-top:0em}

ul.list.images {margin:0; padding:0; display:flex; flex-wrap: wrap; position:relative; margin-top:2em; margin-bottom:2em;}
ul.list.images > li {display:block; text-align:center; color:white; margin-bottom:1em; list-style:none; margin-right:1em; width:calc(33% - 1em); position:relative; background-color:#009FE4;}
ul.list.images > li:hover {background-color:#009FE4; }
ul.list.images > li article {width:100%; padding-bottom:100%; position:relative; overflow:hidden;}
ul.list.images > li article div.image {width:100%; height:100%; position:absolute; background-position:center center; background-size:cover;}
ul.list.images > li article div.image + div.body > label {display:none; }
ul.list.images > li article div.body {box-sizing:border-box;  position:absolute; left:0; right:0; top:0; bottom:0;}
ul.list.images > li article div.body > label {display:block; color:white; position:absolute; text-align:center; left:0; right:0; top:0; bottom:0; padding-top:50%; padding-left:10%; padding-right:10%; line-height:1.4em;}
ul.list.images > li article div.body P {display:none;}
ul.list.images > li article div.body A {position:absolute; width:100%; height:100%; display:block; text-align:center; padding-top:50%; box-sizing:border-box; color:white;}
ul.list.images > li article div.body A span.icon {font-size:1em; padding:.5em; display:inline-block; line-height:1em; width:1em; height:1em;  margin-top:-0.5em; vertical-align:middle; transform:translateX(10em); transition:transform .5s; background:#009FE4; border-radius:50%;}
ul.list.images > li article div.body A label {display:none;}
ul.list.images > li:hover A {}ul.list.images > li article div.body A::before {display:none;}
ul.list.images > li:hover article div.body A span.icon {transform:translateX(3em); transition:transform .5s; }
ul.list.images LI + LI {margin-top:0em}

ul.list.images.spaced {}
ul.list.images.spaced > LI {width:33%;  margin-right:0; background-color:transparent; margin-bottom:5em;}
ul.list.images.spaced > li article {padding-bottom:50%; display:block;}
ul.list.images.spaced > li article div.image {width:50%; height:100%; display:block; margin-left:25%; margin-right:25%;}
ul.list.images.spaced > li article div.body A {padding-top:25%;}
ul.list.images.spaced > li article div.body A span {}

ul.list.list1 {list-style:none; padding:0; margin:0; margin-top:2em; margin-bottom:2em; display:flex; flex-wrap:wrap; justify-content:space-between; }
ul.list.list1 > li {list-style:none; display:block; width:47%; box-sizing:border-box; margin-bottom:2em; background:#FF193E; padding:1em; margin-right:0; position:relative; flex-shrink:0; color:white}
ul.list.list1 > li article {}
ul.list.list1 > li article.hasurl {width:90%}
ul.list.list1 > li article div.image {display:none}
ul.list.list1 > li article div.body > label {font-size:1.2em; font-weight:600; line-height:1.4em;}
ul.list.list1 > li article p {color:white; font-weight:normal;margin-bottom:0;}
ul.list.list1 > li article a {position:absolute; left:0; top:0; bottom:0; right:0; text-decoration:none; overflow:hidden;}
ul.list.list1 > li article a::before {color:white; right:.3em; top:50%; margin-top:-.5em; position:absolute; font-size:1.75em; transform:translateX(1.5em); display:inline-block; transition:transform .3s;}
ul.list.list1 > li article a span.icon {display:none}
ul.list.list1 > li article a label {display:none}
ul.list.list1 > li:hover article a::before {transform:translateX(0); transition:transform .3s;}
ul.list.list1 > li:hover {transform:translateX(.5em);}
ul.list.list1 LI + LI {margin-top:0em}

ul.list.list2 {list-style:none; padding:0; margin:0; margin-top:2em; margin-bottom:2em; display:flex; flex-wrap:wrap; justify-content:space-between; }
ul.list.list2 > li {list-style:none; display:block; width:47%; box-sizing:border-box; margin-bottom:2em; background:#009FE4; padding:1em; margin-right:0; position:relative; flex-shrink:0;}
ul.list.list2 > li article div.image {display:none}
ul.list.list2 > li article div.body > label {font-size:1.2em; font-weight:600; line-height:1.4em;}
ul.list.list2 > li article p {font-weight:normal;margin-bottom:0; font-size:.8em}
ul.list.list2 > li:hover {transform:translateY(-.5em); background:#00B2FF;}
ul.list.list2 > li article a {position:absolute; left:0; top:0; bottom:0; right:0; text-decoration:none; overflow:hidden;}
ul.list.list2 > li article a::before {color:white; right:.3em; top:50%; margin-top:-.5em; position:absolute; font-size:1.75em; transform:translateX(1.5em); display:inline-block; transition:transform .3s;}
ul.list.list2 > li article a span.icon {display:none}
ul.list.list2 > li:hover article a::before {transform:translateX(0); transition:transform .3s;}
ul.list.list2 > li article a label {display:none}
ul.list.list2 LI + LI {margin-top:0em}
 
ul.list.list3 {list-style:none; padding:0; margin:0; margin-top:2em; margin-bottom:2em; display:flex; flex-wrap:wrap; justify-content:space-between; }
ul.list.list3 > li {list-style:none; display:block; width:100%; box-sizing:border-box; margin-bottom:1.5em; position:relative; flex-shrink:0; border-bottom:.05em #CCCCCC solid; position:relative}
ul.list.list3 > li div.image {display:none}
ul.list.list3 > li div.body {}
ul.list.list3 > li div.body label span {font-size:1.5em; font-weight:600;}
ul.list.list3 > li div.body div p:first-child {margin-top:.5em;}
ul.list.list3 > li div.body div a:first-child {margin-top:.5em;}
ul.list.list3 > li a.view-more {margin-top:1em;margin-bottom:1em; display:block}
ul.list.list3 > li a.view-more span.icon-link {display:none}
ul.list.list3 > li a.view-more label {cursor:pointer}
ul.list.list3 > li a.file {margin-top:1em;margin-bottom:1em; display:block}
ul.list.list3 > li a.file span.icon {color:black;text-decoration:none!important; margin-left:.25em;}
ul.list.list3 LI + LI {margin-top:0em}

ul.list.list4 {list-style:none; padding:0; margin:0; margin-top:2em; margin-bottom:2em; display:flex; flex-wrap:wrap; justify-content:space-between; }
ul.list.list4 > li {list-style:none; display:block; width:100%; box-sizing:border-box; margin-bottom:2.5em; position:relative; flex-shrink:0; _border-bottom:.05em #CCCCCC solid; position:relative}
ul.list.list4 > li div.image {width:8em; height:8em; float:right; background-size:cover; background-position:center; margin:0em; margin-left:2em;}
ul.list.list4 > li div.body {padding-top:0em;} 
ul.list.list4 > li div.body label  {line-height:1.3em; }
ul.list.list4 > li div.body label span {font-size:1.25em; font-weight:600;}
ul.list.list4 > li div.body div p:first-child {margin-top:.5em;}
ul.list.list4 > li div.body div a:first-child {margin-top:.5em;}
ul.list.list4 > li a.view-more {margin-top:1em;margin-bottom:1em; display:block}
ul.list.list4 > li a.view-more span.icon-link {display:none}
ul.list.list4 > li a.view-more label {cursor:pointer}
ul.list.list4 > li a.file {margin-top:1em;margin-bottom:1em; display:block}
ul.list.list4 > li a.file span.icon {color:black;text-decoration:none!important; margin-left:.25em;}
ul.list.list4 LI + LI {margin-top:0em}

/* page-home */
.page-home {}
.page-home .intro {height:calc(100vh - 4.25em); box-sizing:border-box; background:#009FE4; color:white; position:relative; padding-bottom:2.5em;}
.page-home .intro img {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;object-position: center;}
.page-home .intro .video-container {position: absolute;top: 0;bottom: 0;width: 100%;height: 100%; overflow: hidden; box-sizing:border-box;}
.page-home .intro .video-container .poster {background-size:cover; background-position:center center; background-repeat:no-repeat; min-width: 100%; min-height: 100%; width: auto;height: auto;  position: absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.page-home .intro .video-container video {min-width: 100%; min-height: 100%; width: auto;height: auto;  position: absolute; left:50%; top:50%; transform:translate(-50%,-50%);} 

.page-home .intro .container {height:100%; position:relative; display:flex; flex-direction:column; __align-items:end; justify-content:flex-end}

.page-home .intro .phrase {padding-left:.6em; margin-bottom:2.5em;}
.page-home .intro .phrase h1 {font-size:3.93em; color:#2D2D2D; background:white; display:inline; line-height:1.36em; letter-spacing: 0; box-shadow:0.15em 0 0 white,-0.15em 0 0 white; font-weight:normal;}

.page-home .intro .noticies {display:flex; margin-bottom:.25em;}
.page-home .intro .noticies h2 {width:5em; background:#009FE4; color:black; display:block; margin:0; padding:0; padding:.75em; font-weight:600; font-size:1.43em; max-width:5em; }
.page-home .intro .noticies .noticies-container {display:flex; flex-direction:row; flex:1;}
.page-home .intro .noticies .noticia {display:flex; flex:1; margin-left:.25em;  width:27em; background:white; position:relative; background:black; flex-direction:row;}
.page-home .intro .noticies .noticia > div {width:5em; aheight:4em; background-position:center center; background-size:cover;}
.page-home .intro .noticies .noticia > p {padding-left:1em; padding-right:3em; display:block; flex:1; font-size: 1.8em; line-height:1.2em;}
.page-home .intro .noticies .noticia a {color:white;}
.page-home .intro .noticies .noticia a::after {font-family:"icons"; content:"\e008"; position:absolute; right:1em; top:1em; font-size:1.2em;}

.page-home .intro .noticies .noticia.imp {outline: 0 solid #009FE4; animation: noticia_important 2s infinite;}
@keyframes noticia_important {
    50% {
        background:#009FE4;
    }
 }
         
.page-home .intro .et-pot-interesar {display:flex; line-height:1.6em; width:52em;  }
.page-home .intro .et-pot-interesar h2 {background:#009FE4; color:black; display:block; margin:0; padding:0; padding:.75em; font-weight:600; font-size:1.43em; max-width:5em; }
.page-home .intro .et-pot-interesar a {background:black; color:white; display:block; flex:1; font-size:1.43em; padding:.75em; padding-left:1em; padding-right:3em; margin-left:.15em; position:relative;}
.page-home .intro .et-pot-interesar a::after {font-family:"icons"; content:"\e008"; position:absolute; right:1em; top:1em; font-size:1.2em;}

    
.page-home .intro .banner {position:absolute; top:2em; 
    width:15em; height:15em; 
    display:flex;
    align-items: center;
    justify-content: center;
    z-index:5;
}
.page-home .intro .banner img {width:15em; height:15em; position:absolute;
    animation-name: bannerImageAnimation;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
.page-home .intro .banner a {color:white; text-align:center; font-size:1.3em; font-weight:bold; padding: 1em; padding-left: 1.5em; padding-right: 1.5em; line-height:1.25em; z-index:10;
    animation-name: bannerTextAnimation;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
.page-home .intro .banner a:hover  {text-decoration:underline;}
@keyframes bannerImageAnimation {
    0%   { transform: scale(1) rotate(0)}
    75%  { transform: scale(.85) rotate(90deg)}
    100% { transform: scale(1) rotate(0)}
}
@keyframes bannerTextAnimation {
    0%   { transform: scale(1) }
    75%  { transform: scale(.85)}
    100% { transform: scale(1);}
}


.page-home .phrase2 {height:60em; background:#009FE4; box-sizing:border-box; color:black; border-top:.1em white solid; border-bottom:.1em white solid; position: relative;}
.page-home .phrase2 div {text-align:center; position: absolute; top: 50%; transform: translateY(-50%); left:0; right:0;}
.page-home .phrase2 div h2 {font-size:5vw; font-weight:600; margin:0; line-height:1.4em;}
.page-home .phrase2 div h2.slide-words {}
.page-home .phrase2 div h2.slide-words > SPAN {background:rgba(0,0,0,.15);black; color:white; display:inline-block; padding-left:.2em; padding-right:.2em; overflow-y:hidden; position:relative; transform:translateY(.3em); height:1.4em;} 
.page-home .phrase2 div h2.slide-words > SPAN UL {margin:0; padding:0; list-style:none;}
.page-home .phrase2 div h2.slide-words > SPAN UL LI {margin:0; padding:0; }
.page-home .phrase2 div h3 {font-size:3vw; font-weight:normal; margin-bottom:1.5em; width:75%; margin-left:auto; margin-right:auto; display:block;}
.page-home .phrase2 div a {display:inline-block; background:white; color:black; letter-spacing:.1em; font-size:1.125em; padding: 1.25em 3.125em; text-transform: uppercase;}
.page-home .phrase2 div a:hover {text-decoration:none;}
.page-home .phrase2 div a::after {font-family:"icons"; content:"\e004"; font-size:.7em;} 


/* page-markdown */
.page-markdown {}

/* page-sitemap */
.page-sitemap {}

/* page-contact */
.page-contact {}

/* page-distributor */
.page-distributor {}
.page-distributor > section:first-child {margin-top:-5em; }
.page-distributor section .page-content > p {width:100%!important; }
.page-distributor section .page-content >  ol {width:100%!important; }
.page-distributor section .page-content > ul {width:100%!important; }

/* page-distributor-simple */
.page-distributor-simple {}

/* page-search */
.page-articles-cientifics {} 
.page-articles-cientifics .cercador {padding:.75em; background:#009FE4; margin-bottom:2.5em;} 
.page-articles-cientifics .cercador form {display:flex; flex-direction:row;}
.page-articles-cientifics .cercador form INPUT[type="text"] {background:white; padding:0 0.75rem; box-sizing:border-box; border:none; font-size:.8em; line-height:2.9em; margin-right:1em; display:inline-block; flex:1;}
.page-articles-cientifics .cercador form SELECT {padding:0 0.75rem; box-sizing:border-box; border:none; font-size:.8em; line-height:2.9em; margin-right:1em; display:block; flex:1;}
.page-articles-cientifics .cercador form SELECT + SPAN.icon {margin-left:-2.5em; margin-top:.6em; flex:0; display:block; margin-right: 1.5em;}
.page-articles-cientifics .cercador form INPUT[type="submit"] {width:auto; background:black; color:white; border:none; box-sizing:border-box; text-transform:uppercase; font-weight:600; display:block; margin:0; font-size:.7em; line-height:3.17em; flex:1;}
.page-articles-cientifics .cercador form INPUT[type="submit"]:hover {background:#222222}
.page-articles-cientifics .cercador form a {color:black; text-decoration:underline; font-size:.7em; display:block; line-height:3em; text-align:center; font-weight:600; flex:1;}
.page-articles-cientifics .output article {border-bottom:.1em #EBEBEB solid; padding-bottom:1em;}
.page-articles-cientifics .output article img {float:right; width:17.485em; margin-right:2em;}
.page-articles-cientifics .output article div.body {}
.page-articles-cientifics .output article div.body .day-month {display:none}
.page-articles-cientifics .output article div.body h2 {font-size: 1.1em; font-family:"minion-pro"; font-weight:600; margin-bottom:.25em; margin-top:1em; width:80%;}
.page-articles-cientifics .output article div.body div.author {font-style:italic; padding-right:25%;}
.page-articles-cientifics .output article div.body div.tags {display:none;} 
.page-articles-cientifics .output article div.body div.tags span {color: #000; display: inline-block; padding: 0.1875em 0.75em; font-size:.7em; font-weight:600; background:#EBEBEB; margin-right:.5em;}
.page-articles-cientifics .output article div.body a.file {font-weight:600;}
.page-articles-cientifics .output article div.body a.file span {font-size:.9em; font-weight:normal;}
.page-articles-cientifics .output .result-count {display:none; margin-top:3em;} 
.page-articles-cientifics .output .noresults {margin-top:3em; display:none}
.page-articles-cientifics .output div.loading {text-align:center; padding-top:5em; position:absolute; left:0; right:0; display:none}
.page-articles-cientifics .output div.loading span.icon {color:#009FE4; font-size:2em;}
.page-articles-cientifics .output.loading {}
.page-articles-cientifics .output.loading .results article {visibility:hidden}
.page-articles-cientifics .output.loading .no-results {visibility:hidden}
.page-articles-cientifics .output.loading .loading {display:block}

/* page-noticies */
.page-noticies {} 
.page-noticies .cercador {padding:.75em; background:#009FE4; margin-bottom:3em;} 
.page-noticies .cercador INPUT[type="text"] {background:white; padding:0 0.75rem; box-sizing:border-box; border:none; font-size:.8em; line-height:2.9em; width:17em; margin-right:1em; float:left; display:inline-block;}
.page-noticies .cercador SELECT {padding:0 0.75rem; box-sizing:border-box; border:none; font-size:.8em; line-height:2.9em; width:17em; margin-right:1em; float:left; display:block;}
.page-noticies .cercador SELECT + SPAN.icon {margin-left:-2.5em; margin-top:.6em; float:left}
.page-noticies .cercador INPUT[type="submit"] {width:auto; background:black; color:white; padding-left:3em; padding-right:3em; border:none; box-sizing:border-box; text-transform:uppercase; font-weight:600; display:block; margin:0; font-size:.7em; line-height:3.17em; float:left;}
.page-noticies .cercador INPUT[type="submit"]:hover {background:#222222}
.page-noticies .cercador a {color:black; text-decoration:underline; font-size:.7em; display:block; float:left; line-height:3em; padding-left:4em; padding-right:4em; font-weight:600}
.page-noticies .output article {border-bottom:.1em #EBEBEB solid; padding-bottom:2em;}
.page-noticies .output article img {float:right; width:17.485em; margin-right:2em;}
.page-noticies .output article div.body {padding-right:22em; __min-height:15em}
.page-noticies .output article div.body .day-month {display:none}
.page-noticies .output article div.body h2 {font-size: 2.25rem; font-family:"minion-pro"; font-weight:600; margin-bottom:.25em;}
.page-noticies .output article div.body h2 a {color:#FF193E}
.page-noticies .output article div.body TIME.timeago {display:block; margin-bottom:.5em; font-size:0.875rem; font-weight:600; font-size:.7em; text-transform:uppercase; color:#707070}
.page-noticies .output article div.body DIV.extra span {color:#FF193E; margin-right:.25em; font-size:.9em; font-weight:normal;}
.page-noticies .output article div.body DIV.extra + DIV.extra {margin-top:0;}
.page-noticies .output article div.body div.tags {margin-top:1em;}
.page-noticies .output article div.body div.tags span {color: #000; display: inline-block; padding: 0.1875em 0.75em; font-size:.7em; font-weight:600; background:#EBEBEB; margin-right:.5em;}
.page-noticies .output .noresults {margin-top:3em; display:none}
.page-noticies .output div.loading {text-align:center; padding-top:5em; position:absolute; left:0; right:0; display:none}
.page-noticies .output div.loading span.icon {color:#009FE4; font-size:2em;}
.page-noticies .output.loading {}
.page-noticies .output.loading .results article {visibility:hidden}
.page-noticies .output.loading .no-results {visibility:hidden}
.page-noticies .output.loading .loading {display:block}
.page-noticies .calendar {display:none;}

.page-noticies.agenda .cercador {width:63%;}
.page-noticies.agenda .cercador INPUT[type="text"] {margin-bottom:.75em;}
.page-noticies.agenda .cercador INPUT[type="submit"] {clear:left}
.page-noticies.agenda .output {width:65.5%;}
.page-noticies.agenda .calendar {width:30.5%; float:right; display:block; }
.page-noticies.agenda .output article {padding-top:1.5em; padding-bottom:1.5em;}
.page-noticies.agenda .output article img {width:11em; margin-right:0em;}
.page-noticies.agenda .output article div.body {padding-right:12em}
.page-noticies.agenda .output article div.body .day-month {display:block; float:left; border-right:.15em black solid; padding-right:.5em; text-align:right; padding-bottom:.5em;}
.page-noticies.agenda .output article div.body .day-month span.day {font-size:3em; font-weight:300; display:block; line-height:1.3em; margin-top:-.2em}
.page-noticies.agenda .output article div.body .day-month span.month {font-size:1.2em; font-weight:100; display:block; line-height:1em;}
.page-noticies.agenda .output article div.body TIME.timeago {display:none}
.page-noticies.agenda .output article div.body h2 {margin-left:2.6em; margin-top:0em; padding:0; }
.page-noticies.agenda .output article div.body DIV.extra  {margin-left:4.8em; margin-bottom:1em; min-height:2.5em;}
.page-noticies.agenda .output article div.body DIV.extra  div {font-size:.8em;}
.page-noticies.agenda .output article div.body P {clear:both;}
.page-noticies.agenda .output article div.body div.tags {margin-top:1em;}

DIV.calendar {border:.075em #CCCCCC solid;}
DIV.calendar DIV.monthselector {font-weight:600; text-align:center; border-bottom:.075em #CCCCCC solid; font-size:.8em; text-transform:uppercase; line-height:2.75em}
DIV.calendar DIV.monthselector LABEL {}
DIV.calendar DIV.monthselector A {font-size:.875em; width:3em;} 
DIV.calendar DIV.monthselector A.previousmonth {float:left;}
DIV.calendar DIV.monthselector A.nextmonth {float:right}
DIV.calendar TABLE {width:100%; border:.5em white solid}
DIV.calendar TABLE TD {cursor:default; text-align:center; font-size:.75em; padding:.2em; text-align:center; line-height:2em; font-weight:600; color:#707070;}
DIV.calendar TABLE TD span {border-radius:50%; display:inline-block; width:2em}
DIV.calendar TABLE TD.weekday {font-weight:bold; font-size:.6em; color:black; text-transform:uppercase; padding-bottom:.75em;}
DIV.calendar TABLE TD.today span {border:.05em #FF193E solid; }
DIV.calendar TABLE TD.daywithevent span {background:#EBEBEB; color:#FF193E}
DIV.calendar TABLE TD.daywithevent:hover {cursor:pointer}
DIV.calendar TABLE TD.selected span {color:black;}


.page-noticies-detall {padding-top:.5em; }
.page-noticies-detall DIV.timeago {display:block;font-size:0.875rem; font-weight:600; font-size:.7em; text-transform:uppercase; color:#707070; margin-bottom:1em}
.page-noticies-detall DIV.extra {margin-bottom:1em; line-height:1.7em}
.page-noticies-detall DIV.extra span {color:#FF193E; margin-right:.4em; font-size:.95em;}
.page-noticies-detall DIV.imagecontainer {margin-bottom:1em; }
.page-noticies-detall DIV.imagecontainer DIV.figure {}
.page-noticies-detall DIV.imagecontainer DIV.figure span {max-width:100%!important;}
.page-noticies-detall DIV.addthis {margin-left:-.1em; min-height:2.5em}
.page-noticies-detall DIV.addthis + DIV.extra2 {margin-top:1em}
.page-noticies-detall BLOCKQUOTE {line-height:1.4em;}
.page-noticies-detall div.tags {margin-top:2em;}
.page-noticies-detall div.tags span {color: #000; display: inline-block; padding: 0.1875em 0.75em; font-size:.7em; font-weight:600; background:#EBEBEB; margin-right:.5em;}

BODY.centered .page-title .container {width:50em;}
BODY.centered main .container {width:50em;}
BODY.centered .page-submenu {display:none;}
BODY.centered NAV.page-submenu + main .container {padding-left:0;}
BODY.centered .page-title h1 {line-height:1.15em; margin-top:.75em;} 

/* page-fitxers */
.page-fitxers .form {}
.page-fitxers .form .intro P {margin-top:0}
.page-fitxers .form .intro span.icon {color:black}
.page-fitxers details.locked {}
.page-fitxers details.locked div.content {display:none}
.page-fitxers details.unlocked {}
.page-fitxers details.unlocked form {display:none;}
.page-fitxers details.unlocked div.content {display:block}
.page-fitxers ul {padding:0; margin:0;}
.page-fitxers li {margin-top:0!important; list-style:none;}

/* lity */
/*! Lity - v2.2.2 - 2016-12-14
* http://sorgalla.com/lity/
* Copyright (c) 2015-2016 Jan Sorgalla; Licensed MIT */
.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,0.7);outline:none !important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease}.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container,.lity-youtube .lity-container,.lity-vimeo .lity-container,.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}.lity-hide{display:none}
.lity-image img {max-width: 95%; display:block; margin-left:auto; margin-right:auto;}
HTML.lity-active {overflow:hidden;}


/* print */
@page {
  size: A4;
}
@media print {
	html, body {width: 210mm;height: 297mm; font-size:80%;}
	HEADER {display:none}
	NAV.breadcrumb {margin-bottom:0em!important; background:none; position:relative!important;}
	NAV.breadcrumb A {color:black!important;}
	NAV.breadcrumb A span {color:black;}
	.container {width:auto!important; margin-left:0; margin-right:0; padding-left:0!important;}
	main {width:auto!important; max-width:initial;}
	div.page-title h1 {margin-top:0;margin-bottom:0; font-weight:normal; display:block; line-height:2em;}
	div.page-title-with-image {height:auto; background:none!important;}
	div.page-title-with-image .phrase {position:relative; bottom:auto; max-width:initial; padding:0}
	div.page-title-with-image .phrase h1 {color:black; background:none; box-shadow:none; font-size:3.5em; display:block; margin-top:0; margin-bottom:0; line-height:2em;}
	div.page-content {}
	div.page-content p:first-child {margin-top:0; }
	div.page-content table {width:auto; max-width:100%;  border-spacing:.1em;}
	NAV.page-submenu {display:none;}

	ul.list.dropdown {margin-top:1em; margin-bottom:1em}
	ul.list.dropdown li div.body > label {background:none; padding:0; font-size:1.25em; line-height:1.4em; }
	ul.list.dropdown li div.body > label::after {display:none;}
	ul.list.dropdown li div.body > div {display:block; background:none; padding:0; margin-top:.8em}
	ul.list.dropdown li.expanded div.body > label {background:none;}
	
	DIV.page-content > P > IMG:first-child:last-child {display:none;}
	details summary + div {display:block!important;}
	
	
	FOOTER.bottom2 {display:none}
	FOOTER.bottom1 {display:none}
}
DIV.page-break {page-break-after: always;}

/* extra big */
@media only screen and (min-width: 1220px) {
    .page-home .phrase2 div h2 {font-size:5em;}
    .page-home .phrase2 div h3 {font-size:3em;}
}

/* tablet */
@media only screen and (min-width: 767px) and (max-width: 1220px) {
	DIV.container {margin-left:1.5em; margin-right:1.5em; width:auto;}

    header > nav.shortcuts {display:none;}
    
	NAV.breadcrumb .container {padding-left:.75em;}

	NAV.page-submenu .container > UL {width:30.1%; }
	NAV.page-submenu + main .container {padding-left:33.2%;}

	footer.bottom1 .container {display:flex;}
	footer.bottom1 .container .contact {display:flex; flex:2;}
	footer.bottom1 .container .contact div.icons {transform:none; padding-top:1em; flex:1;}
	footer.bottom1 .container .contact div.icons a {display:none;}
	footer.bottom1 .container .menu-main {width:auto; }
	footer.bottom1 .container .menu-main ul { margin-top:0;}
	footer.bottom1 .container .menu-main ul li a {font-size:1.25em; line-height:2em;}
	footer.bottom1 .container .menu-shortcuts {margin-top:1em; padding-left:1em}


}


/* mobile */
@media only screen and (max-width:767px) {	
	.nodesktop {display:block!important}
	.nomobile {display:none!important}	
	a.button {width:100%; box-sizing:border-box; text-align:center}
    a.call-to-action {display:block; text-align:center;}
    
    .logos {margin-bottom:1em;}
    .logos p {overflow-x:scroll; margin-left:-1em; margin-right:-1em;}
    .logos p img {width:33%;}

	DIV.container {margin-left:1.5em; margin-right:1.5em; width:auto;}

	header a.logo img.logo {height:1.5em; margin-left:.5em; margin-top:1.35em}
	header a.logo + a.logo {margin-left:.5em; padding-left:0em; border-left:none;}
	header > nav.shortcuts {display:none;}
	header > div.dropdown.resources-for {display:none;}
	header > div.dropdown.locales {margin-right:1em;}
	header a.menu {width:5em;}
	header a.menu div {right:1em; margin-top:.75em;}
    header a.menu label {display:none}
    header a.menu.expanded div {width:100%; transform: translate(-0vw) rotate(315deg);}   

	header nav.menu {box-shadow:none; padding-bottom:4em; width:100%;}
	header nav.menu > ul {padding-top:5em!important; padding-bottom:0.25em!important;}
	header nav.menu ul li a.haschilds::after {font-size:1.2em}
	header nav.menu ul.shortcuts {padding-top:1em!important;}
	header nav.menu ul.shortcuts li {padding-left:.5em;}
	header nav.menu ul.shortcuts li a span.icon {color:#009FE4; margin-right:.25em;}
	header nav.menu ul.shortcuts li a {border:none; line-height:2em; font-size:1.15em; color:#AAAAAA; }
	header nav.menu ul.resources-for {padding-top:1em!important;}
	header nav.menu ul.resources-for li {padding-left:.5em;}
	header nav.menu ul.resources-for li a span.icon {color:#009FE4; margin-right:.25em;}
	header nav.menu ul.resources-for li a {border:none; line-height:2em; font-size:1.15em; color:#AAAAAA; }
	
	header nav.menu a.search {display:block; width:auto; text-align:left; padding-left:2.5em; line-height:initial; margin-bottom:-1em; margin-top:1.5em;}
	header nav.menu a.search span.icon {font-size:1.2em; color:#009FE4; line-height:2em;  margin-right:.25em; position:relative; z-index:1000;}
	header nav.menu a.search label {display:inline-block; line-height:2em; font-size:1.15em; color:#AAAAAA; }
	
	header div.search-box  {margin:0; margin-top:1.18em; transform:none; position:absolute; width:auto; left:1.5em; right:2em; }
	header div.search-box INPUT {margin:0; line-height:2em; font-size:1.15em; padding-left:2.05em; border:.3em #767676 solid; }
	header div.search-box.expanded {margin:0; transform:none; width:auto; margin-top:1.18em;}
	header div.search-box.expanded INPUT {margin:0;}
	header div.search-box.expanded + a.search span.icon {color:white}
	header nav.menu.visible > a.close {padding-left:50%;}
	
	footer.bottom2 .logos a img {height:25vw; margin-left:0; margin-right:2em; vertical-align:top;}
	
	BODY.menu-visible {overflow-y:hidden;}
	
	DIV.page-title-with-image {height:74vh;}
	DIV.page-title-with-image .phrase {max-width:60%; bottom:5.5em;}
	DIV.page-title-with-image .phrase h1 {font-size:2.25em;}
	DIV.page-title-with-image + main {margin-top:3em;}
	DIV.page-title-with-image + NAV.page-submenu {}
    DIV.page-title-with-image + main .page-content > p {width:100%; box-sizing:border-box;}
    DIV.page-title-with-image + main .page-content > ol {width:100%; box-sizing:border-box;}
    DIV.page-title-with-image + main .page-content > ul {width:100%; box-sizing:border-box;}
    DIV.page-title-with-image + main .page-content > details {width:100%; box-sizing:border-box;}
    DIV.page-title-with-image + main .page-content > div {width:100%; box-sizing:border-box;}
    DIV.page-title-with-image + main .page-content > table {width:100%; box-sizing:border-box;}
    DIV.page-title-with-image + main .page-content > hr {width:100%; box-sizing:border-box;}
	
	DIV.page-title h1 { font-size:2.15em; margin-top:1.1em; margin-bottom:0.475em;}

	NAV.breadcrumb .container {padding-left:0; margin:0; }
	NAV.breadcrumb .container A {display:none; line-height:3em; padding-top:.5em; padding-left:1.25em;}
	NAV.breadcrumb .container A:nth-last-child(2) {display:block; }
	NAV.breadcrumb .container A:nth-last-child(2) span {font-weight:600; border-bottom:.075em white solid; line-height:.85em; display:inline-block; text-decoration:none}
	NAV.breadcrumb .container A:nth-last-child(2) span::before {font-family:"icons"; content:"\e005"; font-size:.9em; margin-right:.25em; font-weight:normal;}

	DIV.page-content {font-size:1.29em}
	DIV.page-content .logo {width:100%;}
	main + div.clear {margin-bottom: 3em;}
	DIV.page-content BLOCKQUOTE {line-height:1.3em; font-size:1.22em}
	DIV.page-content .figure {}
	DIV.page-content .figure IMG {display:block;}
	DIV.page-content .figure span {position:relative; display:block; background:none; padding:0; font-size:.8em; line-height:1.4em;  color:black; max-width:initial; margin-top:.15em; margin-bottom:1em;}

	.page-home .intro {height:calc(100vh - 8em); }
	.page-home .intro .phrase {max-width:75%; bottom:12.5em;}
	.page-home .intro .phrase h1 {font-size:2.25em; }
	
	.page-home .intro .noticies {flex-direction:column; margin-bottom:0.1em; width:70vw;}
	.page-home .intro .noticies h2 {width:auto; max-width:none; font-size:1em; line-height:1em;}
	.page-home .intro .noticies .noticies-container {flex-direction:column; width:100%;}
	.page-home .intro .noticies .noticia {margin-top:.1em; margin-left:0; width:auto;}
	.page-home .intro .noticies .noticia > p {margin:0em; margin-top:.5em; margin-bottom:.5em; font-size: 1em;}
	.page-home .intro .noticies .noticia a {margin:0;  }
	.page-home .intro .noticies .noticia a::after {top:.6em; right:.75em;}
	
	.page-home .intro .et-pot-interesar {flex-direction:column; margin-bottom:1.5em; width:70vw; line-height:1em;}
	.page-home .intro .et-pot-interesar h2 {max-width:100%; font-size:1em;}
	.page-home .intro .et-pot-interesar a {margin:0; margin-top:.05em; font-size:1em;}
	.page-home .intro .et-pot-interesar a::after {top:.6em; right:.75em;}
	
	.page-home .intro .video-container video {display:none;}
    
    .page-home .phrase2 {height:auto; padding-left:1.5em; padding-right:1.5em; padding-top:4em; padding-bottom:5em; position:relative;}
    .page-home .phrase2 div  {width:auto; position:relative; transform:none;} 
    .page-home .phrase2 div h2 {font-size:2.5em; margin-bottom:1em;}
    .page-home .phrase2 div h2.slide-words SPAN {display:block; margin-left:auto; margin-right:auto; transform:translateY(.1em); width:60vw;}
    .page-home .phrase2 div h3 {font-size:1.75em; margin-bottom:2.5em; width:100%;}

	NAV.page-submenu {margin-bottom:3em;} 
	NAV.page-submenu .selector {background:#009FE4; color:black; line-height:2.3em; padding-left:.65em; font-weight:bold; font-size:1.28em; box-sizing:border-box; cursor:pointer}
	
	NAV.page-submenu .selector::after {font-family:"icons"; content:"\e00B"; font-size:.9em; float:right; margin-right:1em; transform:rotate(-180deg); transition: all .3s; font-weight:normal;}
	NAV.page-submenu .selector.expanded::after {transform:rotate(0deg); transition: all .3s;}
	
	NAV.page-submenu .container > UL {display:none; border:.1em #cccccc solid; float:none; box-sizing:border-box; border-top:none; width:100%;}
	NAV.page-submenu .container > UL li a {border-top:.05em #cccccc solid; padding-left:1em; color:#FF193E}
	NAV.page-submenu .container > UL li a.selected {text-decoration:underline; font-weight:normal; background:none}
	NAV.page-submenu + main .container {padding-left:0;}

	footer.bottom1 .container {flex-direction:column; align-items:right; padding-bottom:1em; padding-top:2em}
	footer.bottom1 .container .menu-main {width:100%;}
	footer.bottom1 .container .menu-main ul {columns:auto; margin-top:0; }
	footer.bottom1 .container .menu-main ul li a {font-size:1.25em; line-height:2em; font-weight:600}
	footer.bottom1 .container .contact {margin-top:1em;}
	footer.bottom1 .container .contact div.icons {float:none; transform:none; margin:0}
	footer.bottom1 .container .menu-shortcuts {display:none}

	footer.bottom2 .container {flex-direction:column; align-items:right; padding-bottom:1.5em; padding-top:1.5em;}
	footer.bottom2 .container img {margin-bottom:2em;}
	footer.bottom2 .container .copyright {margin-bottom:2em;}
	footer.bottom2 .container .menu-resources {text-align:left;}
	footer.bottom2 .menu-resources UL LI A {padding-left:0;}

	ul.list.list1 {margin-top:0; margin-bottom:0;}
	ul.list.list1 li {width:100%; margin-bottom:1em;}
	ul.list.list1 li:last-child {margin-bottom:0em;}
	
	ul.list.list2 {margin-top:0; margin-bottom:0;}
	ul.list.list2 li {width:100%; margin-bottom:1em;}
	ul.list.list2 li:last-child {margin-bottom:0em;}
	ul.list.list2 > li:hover {transform:translateX(.5em);}

	ul.list.list3 {margin-top:0; margin-bottom:0;}
	ul.list.list3 > li {text-align:left;}
	ul.list.list3 > li div.image {float:none; display:inline-block}
	ul.list.list3 > li div.body {padding:0; height:auto;}
	ul.list.list3 article .body:first-child::before {display:none}
	
	ul.list.list4 {}
	ul.list.list4 > li {border-bottom:.05em #CCCCCC solid; padding-bottom:1.5em;}
	ul.list.list4 > li div.image {float:none; margin-left:auto; margin-right:auto; width:60vw;height:60vw; margin-bottom:2em;}
		
	.page-noticies .cercador {margin-left:-1.5em; margin-right:-1.5em; padding:1.5em;  padding-bottom:1em; margin-bottom:1.5em;}
	.page-noticies .cercador INPUT[type="text"] {width:100%; margin-bottom:.75em;}
	.page-noticies .cercador SELECT {width:100%; margin-bottom:.75em;}
	.page-noticies .cercador INPUT[type="submit"] {width:100%; margin-bottom:.75em;}
	.page-noticies .cercador a {padding:0; text-align:center; display:block; float:none;}
	.page-noticies .output {padding-top:0em;}
	.page-noticies .output article {_border:1px red solid; margin-top:2em; padding-bottom:2em;}
	.page-noticies .output article img {float:none; width:100%; margin:0; margin-bottom:1em;}
	.page-noticies .output article div.body {min-height:0; padding:0;}
	.page-noticies .output article div.body h2 {margin-top:0;}
	
	.page-noticies.agenda .calendar {width:100%; float:none; margin-bottom:1.5em;}
	.page-noticies.agenda .cercador{width:100%;} 
	.page-noticies.agenda .output{width:100%;}
	.page-noticies.agenda .output article {padding-top:1em}
	.page-noticies.agenda .output article div.body {padding:0;}
	.page-noticies.agenda .output article div.body .day-month {float:none; text-align:left; border:none; border-bottom: .15em black solid; display:inline-block; margin-bottom:1em; padding:0}
	.page-noticies.agenda .output article div.body .day-month span.day {display:inline-block; margin:0; margin-bottom:-.1em}
	.page-noticies.agenda .output article div.body .day-month span.month {display:inline-block}
	.page-noticies.agenda .output article div.body h2 {margin-left:0}
	.page-noticies.agenda .output article div.body DIV.extra {margin-left:0; min-height:0; margin-bottom:.5em;}
	.page-noticies.agenda .output article img {display:none;}
	
	.page-noticies-detall DIV.addthis {min-height:3em;}

	.page-articles-cientifics .cercador {margin-left:-1.5em; margin-right:-1.5em; padding:1.5em;  padding-bottom:1em; margin-bottom:1.5em; margin-top:2.5em;}
    .page-articles-cientifics .cercador form {flex-direction:column; position:relative;}
    .page-articles-cientifics .cercador form INPUT[type="text"] {margin-right:0em; margin-bottom:.75em;}
    .page-articles-cientifics .cercador form SELECT {margin-right:0em; margin-bottom:.75em;} 
    .page-articles-cientifics .cercador form SELECT + SPAN.icon {position:absolute; margin:0em; top:3.5em; right:1em;}
    .page-articles-cientifics .cercador form INPUT[type="submit"] {margin-right:0em; margin-bottom:.75em;}
    .page-articles-cientifics .cercador form a {margin:0;}
    .page-articles-cientifics .output article div.body h2 {width:100%;}
    .page-articles-cientifics .output article div.body a.file {text-align:left; margin:0!important;}

	BODY.centered main .container {width:auto;}

	.slide h2 {font-size:1.4em!important; line-height:1.25em;}

    .page-distributor > section:first-child {margin-top:-3em; }

	.slide-gray {padding-top:1em; padding-bottom:1em; }
	.slide-gray DIV.page-content BLOCKQUOTE {padding:0; line-height:1.5em}
	.slide-white {padding-top:3em; padding-bottom:3em}

	.slide-image div.image {background-position:center center; background-size:cover;}
	.slide-image div.image .container {height:auto; position:relative; height:33vh;}
	.slide-image div.image .container span {left:-1.5em; right:-1.5em;}
	.slide-image div.body {position:relative; margin:0; padding:1.5em; padding-top:2em; padding-bottom:2em; width:auto;}

	.slide-text-image  {margin-top:0em; margin-bottom:3em;}
	.slide-text-image .container {display:block;}
	.slide-text-image:first-child {margin-top:2em;}
	.slide-text-image .image {padding-bottom:.25em}
	.slide-text-image .image img {width:100%; }
	.slide-text-image DIV.page-content .figure span { margin-bottom:0em;}
	.slide-text-image .body {padding:0!important;}

    UL.list-blocks {margin-top:1em;margin-bottom:0em;}
    UL.list-blocks LI {width:100%; margin-bottom:1em;}

    .page-fitxers li {margin-top: .75em!important;}
    
    .youtube-playlist {}
	.youtube-playlist .item {width:calc(50% - .5em)}
}
/* layout default */

/* Template page-articles-cientifics */

/* Template page-container */

/* Template page-diccionari */

/* Template page-distribuidor */

/* Template page-facebook */

/* Template page-fitxers */

/* Template page-form */
/* form */
.form {width:60%; position:relative; box-sizing:border-box; margin-left:auto; margin-right:auto;}
.form h2 {font-size: 2.4em; font-weight: bold; margin-top: .6em; margin-bottom: .4em;}
.form .intro {}
.form .intro p:first-child {_margin-top:0;}
.form .intro p:last-child {_margin-bottom:0;}
.form .datafields {margin-right:-2em;}
.form .datafields .datafield INPUT {background:white; padding:.6em; display:block; width:100%; border:.1em #cccccc solid; margin-bottom:1.5em; box-sizing:border-box; color:#404040;}
.form .datafields .datafield  TEXTAREA {background:white; padding:.6em; display:block; width:100%; height:10em; border:.1em #cccccc solid; margin-bottom:1.7em; box-sizing:border-box; color:#404040;}
.form .datafields .datafield  SELECT {background:white; padding:.6em; display:block; width:100%; border:.1em #cccccc solid; margin-bottom:1.7em; box-sizing:border-box; color:#404040;}
.form .datafields > .title label {font-weight:bold; clear:both; padding-bottom:1em; padding-top:1em}
.form .datafields > .title:first-child label {padding-top:0em}
.form .datafields .datafield {box-sizing:border-box; padding-right:2em;}
.form .datafields .datafield .title {flex:1; text-align:left; display:none}
.form .datafields .datafield .title.visible {display:block}
.form .datafields .datafield .title label {}
.form .datafields .datafield .title label::after {content:":"; }
.form .datafields .datafield .value {padding-bottom:1em; display:flex; flex-direction:row}
.form .datafields .datafield .value INPUT {margin-bottom:0}
.form .datafields .datafield .value SELECT {margin-bottom:0}
.form .datafields .datafield .value TEXTAREA {margin-bottom:0}
.form .datafields .datafield .value .units {line-height:3em; margin-left:1em;}
.form .datafields .datafield[data-field-readonly='true'] {opacity:.5; _height:0; overflow:hidden;}
.form .datafields .datafield.width25 {width:25%}
.form .datafields .datafield.width33 {width:33%}
.form .datafields .datafield.width50 {width:50%}
.form .datafields .datafield.width75 {width:75%}
.form .datafields .datafield.clear {clear:left;}
.form .datafields .datafield.float {float:left}
.form .datafields .datafield.notitle .title {display:none}
.form .datafields .datafield.titled .title {display:block}
.form .datafields .datafield.inverted {display:flex; flex-direction:row-reverse; margin-bottom:1em}
.form .datafields .datafield.inverted label::after {display:none}
.form .datafields .datafield.indented {padding-left:2.3em;}
.form .datafields .datafield.boolean .value {padding:.4em; flex:0}
.form .datafields .datafield.boolean .value INPUT[type='checkbox'] {width:1em; height:1em; margin-right:.5em;}
.form .datafields .raw {padding-right:2em; padding-bottom:1em;}
.form .datafields .spacer {}
.form .datafields .separator {padding-top:.5em; padding-bottom:.5em; height:1em}
.form .outtro {text-align:left}
.form .buttons {text-align:left; margin-top:1em; margin-bottom:1em;}
.form .buttons INPUT.submit {width:auto; background:black; color:white; padding:.85em; padding-left:3em; padding-right:3em; border:none; box-sizing:border-box; text-transform:uppercase; font-weight:600; line-height:1.4em; display:inline-block; margin:0; font-size:.7em;}
.form .buttons INPUT.submit:hover {background:#222222;}

.form .loading {display:none}
.form .loading span.icon {font-size:2em}
.form.loading {position:relative}
.form.loading > * {visibility:hidden;}
.form.loading > .loading {display:block; visibility:visible; position:absolute; top:3.5em; left:50%; margin-left:-1.5em;}

.form .error {display:none; color:red; margin-bottom:1em;}
.form.show-errors {}
.form.show-errors .error {display:block}


.form_submit_ok {display:none;}
.form_submit_error {display:none;}
.form_submit_error li {color:red;}

@media only screen and (max-width:767px) {	
	.form {width:100%;margin-left:0; margin-right:0;}	
	.form .datafields .datafield {width:100%!important; float:none!important}
	.form .buttons INPUT.submit { font-size:.775em; width:100%}
	.form h2 {font-size:1.67em; margin:0;}
}
/* Template page-home */

/* Template page-markdown */

/* Template page-noticies */

/* Template page-noticies-detall */

/* Template page-sitemap */

/* Template page-url */