BODY { margin:0; width:100%; font:normal 14pt Lato, open sans, freesans, free sans, helvetica, sans serif }

TABLE, DIV, P, TD, BUTTON, INPUT[type=button], INPUT[type=text], TEXTAREA, SELECT, .cell, .btn { box-sizing:border-box }
P.cell, DIV.cell { display:inline-block; margin:0 }
INPUT[type=text], TEXTAREA, SELECT {
 border: 1px solid #bbb; border-radius:4px;
 font: normal 0.85em lato, open sans, freesans, free sans, dejavu sans, helvetica, sans-serif;
}
SELECT { background: #f8f8f8 }
TEXTAREA { font-size:1.0em }
INPUT[disabled], TEXTAREA[disabled], INPUT.disabled, TEXTEAREA.disabled { color:#585858; background-color:#c0b8b8 }

TABLE.layout { border-collapse:collapse; }

.layout { border:0; padding:0; }

#pHeaderBar { position: fixed; background: #777; }

A { text-decoration:none }

TABLE.layout > TBODY > TR > TD { padding:0 }
#pageLayoutHeader { margin-top:1.7vw }
TABLE.pHeaderBar > TBODY > TR > TD  { height:44px; vertical-align:middle; }

/* UL.menuNav0 { display:block; float:right; width:60%; border:1px solid black; margin:0 } */
UL.menuNav0 { display:table-row; float:right; min-width:580px; margin:0 }
UL.menuNav0 > LI {
/* 	display:inline-block; float:left; */
	display:table-cell; /* float:left; */
	min-width:132px;
	text-align:left; vertical-align:middle;
	position:relative;
	overflow:visible;
	height:44px; max-height:44px; /*  width:128px; */
}

UL.menuNav0 > LI > A {
	display:inline-block;
	position:relative;
	box-sizing:border-box;
	color: #fff; text-decoration:none;
	text-transform:uppercase;
	font: bold 1.06em Oswald Light, Abel, Roboto Condensed, Open Sans Condensed, Arial Narrow, Condensed, Sans-Serif;
	height:44px;
	padding:0.25em 0.8em 0 0.8em;
}

BODY.es UL.menuNav0 > LI { min-width:128px }
BODY.es UL.menuNav0 > LI > A { font-size:1.0em }
BODY.fr UL.menuNav0 > LI.about { min-width:7em; }

UL.menuNav0 > LI > A:hover { background: #555 }
UL.menuNav0 > LI.login > A { margin-right:7vw }

DIV.pullDown {
	display:none;
	position:absolute;
	text-align:left;
/* 	display:block; */
	background:#fff;
	border:1px solid #ccc;
	padding:8px 16px;
	font-size:0.9em;
	box-shadow: 4px 4px 9px #888;
}

UL.menuNav0 > LI:hover DIV.pullDown { display:block }

DIV.pullDown > P { margin: 0 }

DIV.pullDown > A { display:block; padding: 1px 10px; color: #555; font-size:0.9em }
DIV.pullDown > A:hover { background: #eee }

.wide { width:100% !important }

A.btn, DIV.btn {
	text-align:center;
	vertical-align:middle;
	color:#fff;
	display:inline-block;
	width:44px; height:44px;
	text-decoration:none;
	color: #fff;
	filter:grayscale(0.35);
}

A.btn:hover, DIV.btn:hover { filter:grayscale(0) }
DIV.btn { padding-top:0.25em; height:100% }

A.btn > .typicon, A.btn > .typcn, DIV.btn > .typicon { font-size: 1.5em }

.pageLayout { width:100%; max-width:1048px; margin:0 auto; }

#pHeader { width:100%; margin:0 auto; }

DIV.pageBodyHeader {
 background:#fff;
 border: 0 solid #f0f0f0;
 border-left-width:calc(4px + 0.7vw);
/* border-width-left:2%; */
 border-left-color: #555;
 padding: 0.3em 0 0.3em 1.5em;
 font: bold 1.5em Oswald Light, Din Condensed, Abel, Roboto Condensed, Open Sans Condensed, Arial Narrow, Condensed, Sans-Serif;
 text-transform:uppercase;
}
DIV.pageBodyHeader.ABOUT { border-left-color:#239 }
DIV.pageBodyHeader.ACTIVITIES { border-left-color:#9c4 }
DIV.pageBodyHeader.MEMBERS { border-left-color:#1bf }
DIV.pageBodyHeader.PARTNERS { border-left-color:#639 }
DIV.pageBodyHeader.MEDIA { border-left-color:#f51 }
DIV.pageBodyHeader.ACADEMY { border-left-color:#a12 }

.ABOUT HR.solid, .ABOUT .ft-color { color:#239 }
.ACTIVITIES HR.solid, .ACTIVITIES .ft-color { color:#9c4 }
.MEMBERS HR.solid, .MEMBERS .ft-color { color:#1bf }
.PARTNERS HR.solid, .PARTNERS .ft-color { color:#639 }
.MEDIA HR.solid, .MEDIA .ft-color { color:#f51 }
.ACADEMY HR.solid, .ACADEMY .ft-color { color:#b12}

.ABOUT .ft-bf { background-color:#239 }
.ACTIVITIES .ft-bg { background-color:#9c4 }
.MEMBERS .ft-bg { background-color:#1bf }
.PARTNERS .ft-bg { background-color:#639 }
.MEDIA .ft-bg { background-color:#f51 }
.ACADEMY .ft-bg { background-color:#b12 }

DIV.cmsLayout {
 display:-webkit-flex; display:-ms-flex; display:flex;
 -webkit-flex-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap;
 -webkit-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between;
 -webkit-align-content:stretch; -ms-align-content:stretch; align-content:stretch;
/* align-items:stretch; */
}

DIV.cmsLayout > DIV, DIV.cmsBox { 
	background:#fff;
	border: 1px solid #e8e8e8;
	padding: calc(6px + 0.7vw);
	margin-bottom: 1vw;
}

DIV.cmsLayout > DIV { -webkit-flex:0 1 32.3%; -ms-flex:0 1 32.3%; flex:0 1 32.3% }

.tmpl { display:none }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	DIV.cmsLayout > DIV { -webkit-flex:0 1 30.0%; -ms-flex:0 1 30.0%; flex:0 1 30.0% }
}


/*
DIV.cmsLayout > DIV TABLE { border:1px solid red }
DIV.cmsLayout > DIV TD { border:1px solid red }
*/

DIV.cmsLayout > DIV.span2 {	-webkit-flex:0 1 66.2%; -ms-flex:0 1 66.2%; flex:0 1 66.2% }

DIV.cmsLayout > DIV.span3 {	-webkit-flex:0 1 100%; -ms-flex:0 1 100%; flex:0 1 100% }

DIV.cmsLayout > .cmsSpace .title {
 font: bold 1.1em Oswald Light, Din Condesed, Abel, Roboto Condensed, Open Sans Condensed, Arial Narrow, Condensed, Sans-Serif;
 line-height:1.25em;
 color:#111;
}

DIV.cmsLayout > .cmsSpace.span2 .title { font-size:1.25em; }

DIV.cmsLayout > .cmsSpace HR { width:20%; float:left; margin:0; }

DIV.cmsLayout > .cmsSpace A.readMore {
 font: bold 0.85em Oswald Light, Din Condesed, Abel, Roboto Condensed, Open Sans Condensed, Arial Narrow, Condensed, Sans-Serif;
 text-transform:uppercase;
 color:#239;
 border:1px solid #239;
 padding:0 0.5em;
}


DIV.cmsLayout > .cmsSpace A.readMore.stripped { color: #444; border:0; }

DIV.cmsLayout > .cmsSpace.ABOUT A.readMore { color: #239; border-color:#239 }
DIV.cmsLayout > .cmsSpace.ACTIVITIES A.readMore { color: #9c4; border-color:#9c4 }
DIV.cmsLayout > .cmsSpace.MEMBERS A.readMore { color: #1bf; border-color:#1bf }
DIV.cmsLayout > .cmsSpace.PARTNERS A.readMore { color: #639; border-color:#639 }
DIV.cmsLayout > .cmsSpace.MEDIA A.readMore { color: #f51; border-color:#f51 }
DIV.cmsLayout > .cmsSpace.ACADEMY A.readMore { color: #a01; border-color:#a01 }

/* DIV.cmsLayout > .cmsSpace A.readMore:hover { background: #e8e8e8 } */
DIV.cmsLayout > .cmsSpace A.readMore:hover { background: #239; color:#fff; }

DIV.cmsLayout > .cmsSpace A.readMore:after {
 font-family:typicons; font-size:1.2em;
 content:'\e0ad';
 margin-left:0.6em;
 position:relative;
 top:-0.1em;
}

DIV.cmsLayout > .cmsSpace A.readMore:hover:after { content:'\e0b0' }


DIV.cmsLayout > .cmsSpace.ABOUT A.readMore:hover { background: #239 }
DIV.cmsLayout > .cmsSpace.ACTIVITIES A.readMore:hover { background: #9c4 }
DIV.cmsLayout > .cmsSpace.MEMBERS A.readMore:hover { background: #1bf }
DIV.cmsLayout > .cmsSpace.PARTNERS A.readMore:hover { background: #639 }
DIV.cmsLayout > .cmsSpace.MEDIA A.readMore:hover { background: #f51 }
DIV.cmsLayout > .cmsSpace.ACADEMY A.readMore:hover { background: #b12 }

DIV.cmsLayout > .cmsSpace A.readMore.stripped:after { content:''; }

@media screen and (max-width:1024px) {
	#pageLayoutHeader { margin-top:3.5vw; margin-bottom:2vw } 
}

@media screen and (max-width:968px) {
 DIV.cmsLayout DIV { -webkit-flex:0 1 49.4%; -ms-flex:0 1 49.4%; flex:0 1 49.4%; margin-bottom:0.5em }
 DIV.cmsLayout DIV.span2 { -webkit-flex:0 1 100%; -ms-flex:0 1 100%; flex:0 1 100% }
}

@media screen and (max-width:900px) {
 UL.menuNav0 { min-width:460px }
 UL.menuNav0 > LI { min-width:96px; height:2em }
 UL.menuNav0 > LI > A {  font-size:95%; padding-top:0.35em }
 UL.menuNav0 > LI.login > A { margin-right:4vw }
}


@media screen and (max-width:767px) {
	#pageLayoutHeader { margin-top:2.0vw } 
	UL.menuNav0 > LI > A { font-size:90%; }
 	UL.menuNav0 > LI { min-width:32px;}
	UL.menuNav0 > LI.login > A { margin-right:0 }
}

@media screen and (max-width:610px) {
	#pageLayoutHeader { margin-top:2.0vw } 
	UL.menuNav0 > LI > A { font-size:85%; padding-top:0.5em }
 	UL.menuNav0 > LI { min-width:0;}
}

@media screen and (max-width:580px) {
 DIV.cmsLayout DIV { -webkit-flex:0 1 100%; -ms-flex:0 1 100%; flex:0 1 100%; margin-bottom:1em }
}

@media screen and (max-width:579px) {
	UL.menuNav0 { width:100%; margin:0 }
	UL.menuNav0 > LI > A { font-size:80%; padding:0.65em 0.25em }
}

@media screen and (max-width:520px) {
 UL.menuNav0 { min-width:100% }
/* UL.menuNav0 > LI > A {  font-size:95%; padding-top:0.4em } */
 UL.menuNav0 > LI.about { display:none }
}

@media screen and (max-width:440px) {
 #pageLayoutHeader { margin-top:22px } 
 TABLE.pHeaderBar > TBODY > TR > TD  { height:36px }
 #menuBtn { width:36px; height:36px; padding-top:0 }
 
 DIV.menuNav1 { display:none }
 
 UL.menuNav0 > LI { min-width:0 }
 UL.menuNav0 > LI, UL.menuNav0 > LI > A { height:36px; max-height:36px }
 UL.menuNav0 > LI > A { padding-top:0.25em; font-size:85% } 
 #menuBtn { font-size:90%; padding:0.2em}
 #mainLogo { width: 80px; height:80px; min-width:80px } 
}

@media screen and (max-width:420px) {
 UL.menuNav0 > LI > A { padding:0.25em 0.25em 0 0.2em } 

 UL.menuNav0 > LI.login > A { margin-right:3vw }

}

@media screen and (max-width:400px) {
	#pageLayoutHeader { margin-top:24px }
}

.intro.top { 
	font-family: Oswald Light, Din Condensed, Abel, Open Sans Condensed, Roboto Condensed, franklin gothic book, franklin gothic medium, Arial Narrow, Condensed, Sans-Serif;
	font-size:1.1em;
	color:#000;
}