@media only screen and (min-width: 1024px) {
	.srFlyLeft, .srFlyRight, .srFlyTop, .srFlyBottom, .srFlyCenter, .srFlipLeft, .srFlipRight {visibility:hidden}
}

.footnote {border-top:1px solid #808080; width:40%; margin:3em 0 2em 0}

.top1em {margin-top:1em!important}
.top2em {margin-top:2em!important}
.top3em {margin-top:3em!important}
.bottom1em {margin-bottom:1em!important}
.bottom2em {margin-bottom:2em!important}
.bottom3em {margin-bottom:3em!important}

.titleOrange, .titleGreen {color:#fff; padding:.3em 1em; font-weight:bold; margin-left:0!important}
.titleOrange {background-color:#ff6600;}
.titleGreen  {background-color:#4E8421;}

.BW {filter: grayscale(100%);}

.spinner { display:inline-block; margin:.5em 1em .5em 0; vertical-align:middle;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: 
    radial-gradient(farthest-side,#80C243 94%,#0000) top/5px 5px no-repeat,
    conic-gradient(#0000 30%,#80C243);
  -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 0);
  animation:s3 1s infinite linear;
}

@keyframes s3{100%{transform: rotate(1turn)}}

.blink_text { display:inline-block; animation: blinker 1s linear infinite;}
@keyframes blinker {50% {opacity: 0;}}

.botonsimple:hover  {color:#fff; background-color: #F07306;} 
.botonsimple:focus  {background-color: #F07306; box-shadow: 0 0 0 4px rgba(0, 149, 255, .15);}
.botonsimple:active {background-color: #0064bd; box-shadow: none;}
.botonsimple {
  background-color: #0095ff;
  border: 1px solid transparent;
  border-radius: 3px;
  box-shadow: rgba(255, 255, 255, .4) 0 1px 0 0 inset;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: -apple-system,system-ui,"Segoe UI","Liberation Sans",sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.15385;
  margin: 1em 0 0 0;
  outline: none;
  padding: 8px .8em;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: baseline;
  white-space: nowrap;	
}


#anuncioRelatoria img {margin:.5em 0 1em}
#anuncioRelatoria > div {border: 1em solid #E2EBF3; margin-bottom:1em}
#anuncioRelatoria > div a {text-decoration:none;}
#anuncioRelatoria > div h1 {
    font-size: 1em;
    /*text-transform: uppercase;*/
    color: #fff;
    background: #5A76AF;
    margin: 0!important;
    padding: 0.5em 0.8em;
	font-weight:normal;
}
#anuncioRelatoria > div ul {margin:1em 0}
	
	
/* -----------------------> Cursos <----------------------- */
.courses {display:flex; flex-direction:row; flex-wrap: wrap; justify-content: flex-start; align-content:space-between; gap:2em 2.5%; width:100%; margin:0 0 3em 0;}
.courses > div {width:47.5%; border:1px solid #cdcdcd; padding:.25em; background-color: transparent;  perspective: 1000px; min-height:220px; }
.courses > div img {width:100%}
.courses > div:hover .inner { transform: rotateY(180deg);}

.courses .inner {

  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
  }
  
.courses .front h1 {color: #333; margin:0!important; text-align:center}
.courses .back  h1 {color: #808080; margin:1em; text-align:center}

.courses .front p {text-align:left}


.courses .front, .courses .back {
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-family: 'Open Sans', sans-serif;
}  

.courses .front {
  background-color: #EFF4FC;
  color: black;
}

.courses .back {position:absolute; top:0; left:0;
text-align: left;
  background-color: #f2f2f2;
  color: #808080;
  transform: rotateY(180deg);
}
.courses .back p {text-align:left; margin:1em 1.5em!important;}
.courses .back a {position:absolute; bottom:2em; width:70%; left:15%;}
.courses .back a, .CourseDetail .boton {
  background-color: #0095ff;
  border: 1px solid transparent;
  border-radius: 3px;
  box-shadow: rgba(255, 255, 255, .4) 0 1px 0 0 inset;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: -apple-system,system-ui,"Segoe UI","Liberation Sans",sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.15385;
  margin: 0;
  outline: none;
  padding: 8px .8em;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: baseline;
  white-space: nowrap;
}

.courses .back a:hover, .CourseDetail .boton:hover  {background-color: #07c;} 
.courses .back a:focus, .CourseDetail .boton:focus  {background-color: #07c; box-shadow: 0 0 0 4px rgba(0, 149, 255, .15);}
.courses .back a:active,.CourseDetail .boton:active {background-color: #0064bd; box-shadow: none;}

.CourseDetail				{font-family: 'Open Sans', sans-serif; font-weight:500; color:#555; font-size:1.15em}
.CourseDetail h1			{font-weight:bold; font-size:1.5em}
.CourseDetail > div h1		{margin-left:.25em!important}
.CourseDetail :is(h2,h3)	{margin-top:2em;  }
.CourseDetail > img {width:99.5%; border:1px solid #f2f2f2; margin-bottom:2em;}
.CourseDetail > h3 {background-color:#f2f2f2; margin-left:0!important; padding:.5em 1em;}
.CourseDetail .feedblock	{margin-top:2em!important;}
.CourseDetail .feedblock :is(h2, h3) {background-color:#859EC0; color:#fff!important; margin-top:.1em!important; margin-left:0!important; padding:.5em 1em;}
.CourseDetail p  {margin:1em 1.25em;}
.CourseDetail .boton {margin:2em auto; width:30%}
.CourseDetail .videoTrailer {margin:1.25em .5em .5em 1em;}
.CourseDetail .feedblockgrey::after {content:""; display:table; clear:both;}
.CourseDetail .feedblockgrey {margin-top:2em!important; margin-bottom:2em!important;}
.CourseDetail .photo {width:35%; float:right; margin-left:1em; margin-bottom:0; background-color:#f2f2f2;}
.CourseDetail .photo img {width:100%;}
.CourseDetail .photo p {font-size:.85em; margin:.75em!important;}

.CourseDetail .relatedLinks {background-color:#808080; float:right; margin-left:2em; margin-bottom:2em; width:35%; padding:0; margin-top:1em;}
.CourseDetail .relatedLinks > h1 {color:#fff; margin:.25em 0 .25em 1em!important; font-size:1.15em;}
.CourseDetail .relatedLinks > div {background-color:#f2f2f2; height:100%; padding:.25em 0;}
.CourseDetail .relatedLinks > div::after {content:""; display:table; clear:both;}
.CourseDetail .relatedLinks > div a {text-decoration:none;}
.CourseDetail .relatedLinks > div > ul li {margin:.5em .25em .75em 1em!important; }

@media only screen and (max-width: 900px) {
	.courses > div {width:100%; }
	.CourseDetail :is(.relatedLinks, .photo) {width:40%;}
	.CourseDetail .boton {width:60%}	
}


/* -----------------------> fin cursos <----------------------- */


/* -----------------------> menu de navegación horizontal <---- */
@media only screen and (max-width: 900px) {
.sf-menu ul.megamenu_one,   .megawrapper_one   {width: 11em;}
.sf-menu ul.megamenu_two,   .megawrapper_two   {width: 22em;}
.sf-menu ul.megamenu_three, .megawrapper_three {width:33em;}
.sf-menu ul.megamenu_four,  .megawrapper_four  {width: 44em}	
.megacolumn_1, .megacolumn_2, .megacolumn_3, .megacolumn_4 {width: 11em}

	
}	
/* -----------------------> fin de navegación horizontal <----- */


@media only screen and (max-width: 600px) {
	.mobileRemove {display:none!important;}
	.mobileExpand {float:none!important; width:100%!important; max-width:100%!important; margin-bottom:1.5em;}	
	
}


/* -----------------------> press conference <----------------- */
.PressConferences {display:Block; width:100%; margin:0 0 3em 0;}
.PressConferences > div {width:100%; height:auto; margin-bottom:2em; background-color:#E6EAED; overflow:hidden; position:relative }
.PressConferences .divLeft  {float:left; width:50%; }
.PressConferences .divRight {float:right; width:50%; }
.PressConferences :is(.divLeft,.divRight) img {width:100%; aspect-ratio:16/9; object-fit: cover;}

.PressConferences .divText {width:47%; height:95%; display:inline; position:absolute; margin:1em 1%; padding:0;}
.PressConferences .divText > div {display:flex; flex-flow:row wrap; gap:1em .65em; width:100%; margin:0; justify-content: flex-end; text-align:right; position:absolute; bottom:1em; }
.PressConferences .divText > div > div {display:block; font-size:20px; height:25px; width:25px; overflow:hidden; object-fit:cover;}
.PressConferences .divText h2 {font-size:1em;}
.PressConferences .divText h3 {font-size:.95em; font-weight:normal; }
.PressConferences .divText h3 a {text-decoration:none;}
.PressConferences .divText p  {font-size:.8em;}
.PressConferences .videoPlayIcon {font-size:2.5em!important}

@media only screen and (max-width: 650px) {
.PressConferences > div {height:350px; margin-bottom:15vw;}
.PressConferences > div :is(.divLeft,.divRight, .divText) {float:none; width:100%; display:block; position:relative; margin:0;} 
.PressConferences .divText :is(h2, h3, p) {margin:3vw!important}
.PressConferences .divText {height:140px;}
.PressConferences .divText > div {width:95%;}
}
/* -----------------------> fin press conference <------------- */


/* -----------------------> calendario de sesiones <----------- */
#SessionCalendar > div {display:flex; flex-flow:row nowrap; gap:0 .5em; }
#SessionCalendar > h3 {background-color:#4A7194; color:#fff; padding:.5em; text-align:center; font-variant:small-caps; margin-left:0!important; margin-bottom:0}
#SessionCalendar .headerTitle {font-weight:bold; font-variant:small-caps; background-color:#595959; color:#fff; margin-left:0!important;  padding:.5em 0}
horario,salón,audiencias,participantes,registro
#SessionCalendar > div:is(.horario,.salon,.audiencias,.participantes,.registro) {margin-left:0!important;}
#SessionCalendar .horario {width:12%}
#SessionCalendar .salon {width:10%}
#SessionCalendar .large {font-size:1.5em;  font-weight:bold; }
#SessionCalendar .audiencias {width:35%}
#SessionCalendar .audiencias p {margin:0!important; padding-right:1em;}
#SessionCalendar .participantes {width:31%; flex-grow:2;}
#SessionCalendar .participantes ul li  {margin:0 0 .35em 0!important; }
#SessionCalendar .registro {width:12%; text-align:center; vertical-align:top; color: #333; }
#SessionCalendar .registro a {color:#5478AB; }
#SessionCalendar .registro a:hover {color:#80C243; }

#SessionCalendar .event {padding:1em .5em; margin-top:0!important}
#SessionCalendar .bgc1 {background-color: #d9d9d9;} 
#SessionCalendar .bgc0 {background-color: #f2f2f2;} 
#SessionCalendar .far  {font-size:2em; }
/* -----------------------> fin de calendario de sesiones <---- */


#maincontent #rightmaincol .rapporteurshipsDistribution {padding:.5em!important;}
.rapporteurshipsDistribution > img {width:22%; float:left;}
.rapporteurshipsDistribution > div { width: 77%; float:right;}
.rapporteurshipsDistribution > div ul {margin-left:1em!important;}
.rapporteurshipsDistribution::after {content:""; clear:both; display:table;}