/************************************* cores das areas *************************************/
/* cores 
	apresentacao		FFCE00 | FFF2B2
	partilhar		E73670 | FBE2E4
	casacomum			BE005A | F7E5EA
	cursos			1C68A6 | D9EBF4
	foruns			934083 | E7E0F0
	noticias			EB6907 | FCE3CF
*/
/* 
	largura do conteudo: 868px + 240px + 240px
	miolo de texto de 868px (+ ou - A4) e dois menus (menu e submenu) laterais para uma largura preferencial de 1348px, 
	deixando 20px de largura de scroll para trabalhar com 1368px aparecendo como padrao para pagina web
	No caso da presencia de uma barra de menu horizontal, o menu lateral deve ficar escondido para aparecer com o hamburger.
*/
:root {
	--title-font: 'Champagne-Limousines';
	--sitetitle-font-size: 28px;
	--sitetitle-color:#F7C17E;
	--menubar-font-size: 20px;
	--navmenu-font-size: 1.1em;
	--submenu-font-size: 1em;
	
	--text-font: 'CenturyGothic';
	--defaulttext-font-size: 20px;
}

:root {
  --defaut-bkcolor: #000000;
  --apresentacao-color: #D27D0C;
  --apresentacao-bkcolor: #FC9314;
  --apresentacao-submenu-color: #D27D0C;
  
  --partilhar-color: #D27D0C;
  --partilhar-bkcolor: #F7D3A1;
  --partilhar-submenu-color: #D27D0C;
  
  --casacomum-color: #D27D0C;
  --casacomum-bkcolor: #AB6005;
  --casacomum-submenu-color: #D27D0C;
  
  --compreender-color: #D27D0C;
  --compreender-bkcolor: #D19A4D;
  --compreender-submenu-color: #D27D0C;
  
  --foruns-color: #D27D0C;
  --foruns-bkcolor: #975F00;
  --foruns-submenu-color: #D27D0C;
  
  --noticias-color: #D27D0C;
  --noticias-bkcolor: #CA7A0A;
  --noticias-submenu-color: #D27D0C;
    
  --contato-color: #D27D0C;
  --contato-bkcolor: #F79F23;
  --contato-submenu-color: #D27D0C;
}
:root {
  --min-site-width: 380px;
  --min-wrapper-height: 400px;
}

:root {
  --header-height: 240px;
  --faixa1-height: 8px;
  --faixa2-height: 34px;
  --menu_bar-height: 54px;
  --menu_bar-display:block;
  --menu_bar-color:#F7C17E;
  --menu_bar-color-darker:#b06100;
  --menumais-display:none;
  --footer-height: 140px;
  /* --wrapper-width:calc(868px + 240px + 240px); */ /* quando não tem barra de menu */
  /* --wrapper-width:calc(868px + 240px); */ /* quando tem barra de menu */
  --wrapper-width:1346px;
  --padding-right-to-vertalign:48px;
  
  --lateral-menu-width: 240px;
  --lateral-submenu-width: 240px;
  --pullrightmenu-start-position:calc(-10px - var(--lateral-menu-width) - (100vw -  var(--wrapper-width)) / 2);
  /* --pulldownsubmenu-left-position:var(--lateral-menu-width);*/ /* quando não tem barra de menu */
  --pulldownsubmenu-left-position:0px; /* quando tem barra de menu */
  --logomarca-div-width:var(--lateral-menu-width);
  --logomarca-display-logo:inline-block;
  --logomarca-display-bigtitle:inline-block;
  --logomarca-display-eventdate:inline-block;
  --logomarca-display-eventdate-margin:20px;
  --hamburger-display:none;
  --hamburger-width:40px;
  --hamburger-height:40px;
  --hamburger-margin:20px;
  --logomarca-width: 353px;
  --logomarca-height: 100px;
  --logomarca-img: url('../images/atelierdigitaslogoV2.png');
  --logomarca-small-display:none;
  --logomarca-small-width: 138px;
  --logomarca-small-height: 24px;
  
  --webdesign-flex:row;
  --atelierdigitas-img: url('../images/atelierdigitaslogoV2.png');
  --atelierdigitas-width:353px;
  --atelierdigitas-height:100px;

  --bigtitle-display:inline-block;

/*  icones acessibilidade com legendas */
/*
  --meio-acess-width:280px;
  --meio-acess-height:72px;
  --meio-acess-legenda-display:inline-block;
  --meio_acess-item-width:80px;
  --meio_acess-item-margin:0px 10px 0px 10px;
*/
/*  icones acessibilidade sem legendas */
	--meio-acess-width:138px;
	--meio-acess-height:56px;
	--meio-acess-legenda-display:none;
	--meio_acess-item-width:36px;
	--meio_acess-item-margin:4px 6px 4px 6px;
	--display-smallscreen:inline-block;
	--display-smallscreen-h:inline-block;
	--ghost_header_div-width:calc(var(--meio-acess-width) + var(--padding-right-to-vertalign));

}

@media screen and (max-height: 720px) {
    :root {
		--sitetitle-font-size: 24px;
		--defaulttext-font-size: 16px;

		--header-height: 180px;
		--menu_bar-height: 50px;
		--menubar-font-size: 16px;
		--logomarca-width: 282px;
		--logomarca-height: 80px;
		--logomarca-img: url('../images/atelierdigitaslogoV2-hsm.png');
		
		--meio-acess-height:44px;
		--meio-acess-legenda-display:none;
		--meio_acess-item-margin:1px 6px 1px 6px;
   }
}
@media screen and (max-height: 680px) {
    :root {
		--footer-height: 120px;
		--display-smallscreen:none;
    }
}

/* smaller screen vars */
/*@media screen and (max-width: calc(868px + 20px + 240px + 240px)) { */ /* quando não tem barra de menu */
/*    :root {
		--wrapper-width:100%;
		
		--pullrightmenu-start-position:calc(-10px - var(--lateral-menu-width));
   }
}*/

@media screen and (max-width: 1366px) {
    :root {
		--wrapper-width:100%;
    }
}
@media screen and (max-width:1128px ) { /*calc(868px + 20px + 240px)*/
    :root {
		--header-height: 186px;
		--menu_bar-height:0px;
		--menu_bar-display:none;
		--menumais-display:inline-block;
		--wrapper-width:100%;
		--padding-right-to-vertalign:24px;
		--pullrightmenu-start-position:calc(-10px - var(--lateral-menu-width));
		--pulldownsubmenu-left-position:0px;
		--logomarca-div-width:60px;
		--logomarca-display-bigtitle:none;
		--hamburger-display:inline-block;
		--logomarca-small-display:inline-block;
		
		--ghost_header_div-width:calc(var(--hamburger-width) + 2 * var(--hamburger-margin));
   }
}

@media screen and (max-width: 888px) {/*calc(868px + 20px)*/
    :root {
		--sitetitle-font-size: 24px;
		--defaulttext-font-size: 16px;
		
		--header-height: 130px;

		--padding-right-to-vertalign:20px;
		
		--logomarca-width: 282px;
		--logomarca-height: 80px;
		--logomarca-img: url('../images/atelierdigitaslogoV2-hsm.png');

		--webdesign-flex:column;
		--atelierdigitas-img: url('../images/atelierdigitaslogoV2-hsm.png');
		--atelierdigitas-width:282px;
		--atelierdigitas-height:80px;

		--meio-acess-width:138px;
		--meio-acess-height:56px;
		--meio-acess-legenda-display:none;
		--meio_acess-item-width:36px;
		--meio_acess-item-margin:4px 6px 4px 6px;
		--display-smallscreen:none;
		--display-smallscreen-h:none;
	}
}

@media screen and (max-width: 660px) {/*calc(868px + 20px)*/
    :root {
		--sitetitle-font-size: 20px;
		--logomarca-width: 176px;
		--logomarca-height: 50px;
		--logomarca-img: url('../images/atelierdigitaslogoV2-hssm.png');
		--logomarca-display-eventdate-margin: 0px;
		--meio-acess-width: 102px;
	}
}

@media screen and (max-width: 550px) {/*calc(868px + 20px)*/
    :root {
		--logomarca-display-eventdate:none;
	}
}

@media screen and (max-width: 888px) and (max-height: 720px) {/*calc(868px + 20px)*/
    :root {
		--meio-acess-height:44px;
		--meio-acess-legenda-display:none;
		--meio_acess-item-margin:1px 6px 1px 6px;
   }
}
/****************************************************** defaults gerais ******************************************************/
html {
    overflow-y: scroll;
}
html, body{
	width: auto;
	height:100%;
	min-width: var(--min-site-width);
    min-height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: var(--text-font);
	font-size: var(--defaulttext-font-size);
	display: block;
	background-color:#000000;
}
strong { 
	font-weight: 600;
}

a {
	text-decoration:none;
	border:0;
	outline:none;
	font-family: var(--title-font);
	font-weight:bold;
	color:var(--menu_bar-color);
	text-transform: uppercase;
}
a.darker {
	color:var(--menu_bar-color-darker);
}

.nottoosmall {
	display:var(--display-smallscreen);
}
.nottoosmall-h {
	display:var(--display-smallscreen-h);
}

@media print {
	html, body{
		width: 100%;
		min-height: 100%;
	}

	body {
		margin: 0px;
		padding: 0px;
		background-color: white;
		font-family: var(--title-font);
		font-size: 9pt;
		display: block;
	}
	#Header,#footer {display:none;}
	/* global page */
	img {
	   max-width: 90% !important;
	}
}
/****************************************************** cabeçalho ******************************************************/
#headertransparent {
	position: fixed;
	left:0px;
	right:0px;
	top:0px;
	height:var(--header-height);
	min-width: var(--min-site-width);
	bottom:auto;
	background-color:#000000;
	opacity: 1;
	z-index:2;
}
#faixa1 {
	width:100%;
	height:var(--faixa1-height);
	font-size: 1em;
	background-color:#D27D0C;
}			
#faixa2 {
	width:100%;
	height:var(--faixa2-height);
	font-size: 1em;
	background:url('../images/padrao.png');
}			

#header_div {
	position: fixed;
	display:block;
	top: 0px;
	left: 0px;
	width: 100%;
	min-width: var(--min-site-width);
	height: var(--header-height);
	z-index:2;
	background-color:var(--defaut-bkcolor);
}
/*
#header_div.apresentacao {background-color:var(--apresentacao-bkcolor);}
#header_div.partilhar {background-color:var(--partilhar-bkcolor);}
#header_div.casacomum {background-color:var(--casacomum-bkcolor);}
#header_div.compreender {background-color:var(--compreender-bkcolor);}
#header_div.foruns {background-color:var(--foruns-bkcolor);}
#header_div.noticias {background-color:var(--noticias-bkcolor);}
#header_div.contato {background-color:var(--contato-bkcolor);}
*/

#header {
	position: relative;
	display:block;
	top:0px;
	width:var(--wrapper-width);
	height:calc(var(--header-height) - var(--faixa1-height) - var(--menu_bar-height));
	margin:0 auto;
	text-align: left;
	font-size: 1em;
	
    display: flex;
	flex-direction:row;
    align-items: center;
	justify-content: space-between;
}

#logomarca {
	width:var(--logomarca-div-width);
    display: flex;
	flex-direction:row;
    align-items: center;
}
#logomarca > a {
	padding:0px;
	margin:0px;
	text-decoration:none;
	border:0;
	outline:none;
}
#logomarca > a.logo {
	display:var(--logomarca-display-logo);
	width:var(--logomarca-width);
	height:var(--logomarca-height);
	margin-left:calc((var(--logomarca-div-width) - var(--logomarca-width)) / 2); 
	background:var(--logomarca-img) bottom left;
	background-repeat: no-repeat;
}
#logomarca > a.hamburger {
	display:var(--hamburger-display);
	width:var(--hamburger-width);
	height:var(--hamburger-height);
	margin:20px;
	background:url('../images/hamburgeroff.png');
	background-repeat: no-repeat;	
	
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);

    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;

    -webkit-transition: 500ms ease all;
    -moz-transition: 500ms ease all;
    -o-transition: 500ms ease all;
    transition: 500ms ease all;
}
#logomarca a.hamburger:hover {
	-webkit-transform:rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	
    -webkit-transition: 500ms ease all;
    -moz-transition: 500ms ease all;
    -o-transition: 500ms ease all;
    transition: 500ms ease all;
}
#logomarca a.hamburger.selected {background:url('../images/hamburgeron.png');}
#logomarca_center {
	height:100%;
	flex: 1;
    display: flex;
	flex-direction:column;
    align-items: center;
	justify-content: space-evenly;
	
	font-family: var(--title-font);
	font-size:var(--sitetitle-font-size);
	font-variant:small-caps;
	font-weight:bold;
	text-transform:lowercase;
	text-align:center;
	color:var(--sitetitle-color);
}
#logomarca_center > a {
	padding:0px;
	margin:0px;
	text-decoration:none;
	border:0;
	outline:none;
	color:var(--sitetitle-color);
}
#logomarca_center a.logo {
    display:var(--logomarca-display-logo);
	width:var(--logomarca-width);
	height:var(--logomarca-height);
	background:var(--logomarca-img) bottom;
	background-repeat: no-repeat;
}
#logomarca_center > a.sitetitlebig {
    display:var(--logomarca-display-bigtitle);
}
#logomarca_center div span.eventdates {
	display:var(--logomarca-display-eventdate);
	margin-left:var(--logomarca-display-eventdate-margin);
}
	
#title {
	margin-left:50px;
	padding-top:0px;
	padding-bottom:0px;
	font-family: var(--title-font);
	font-size:var(--sitetitle-font-size);
	font-variant:small-caps;
	text-transform:lowercase;
	color:var(--sitetitle-color);
	flex: 1;
}
/*reduce font size to match what is seen in chrome*/
/*
@-moz-document url-prefix() {
   #title {
     font-size:calc(var(--sitetitle-font-size) * 4 / 6);
   }
}
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   #title {
     font-size:calc(var(--sitetitle-font-size) * 4 / 6);
   }
}
@supports (-ms-ime-align:auto) {
   #title {
     font-size:calc(var(--sitetitle-font-size) * 4 / 6);
   }
}
*/
#title > a {
	text-decoration:none;
	margin:0px;
	border:0;
	outline:none;
}
#title > div {
	display:inline-block;
}
#title > div > a {
	text-decoration:none;
	outline:none;
}
#title a.sitetitlebig {
	display:var(--bigtitle-display);
}

/* marge para as abas de acesso à resenha/guia */
/*@media (max-height: 720px) {
	#title {
		margin-bottom: 20px;
	}
	#title.apresentacao {
		margin-bottom:0px;
	}
}*/
#ghost_header_div {
	padding:0;
	width:var(--ghost_header_div-width);
}
#ghost_header_div > a.hamburger {
	display:var(--hamburger-display);
	width:var(--hamburger-width);
	height:var(--hamburger-height);
	margin:var(--hamburger-margin);
	background:url('../images/hamburgeroff.png');
	background-repeat: no-repeat;	
	text-decoration:none;
	border:0;
	outline:none;
	
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);

    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;

    -webkit-transition: 500ms ease all;
    -moz-transition: 500ms ease all;
    -o-transition: 500ms ease all;
    transition: 500ms ease all;
}
#ghost_header_div a.hamburger:hover {
	-webkit-transform:rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	
    -webkit-transition: 500ms ease all;
    -moz-transition: 500ms ease all;
    -o-transition: 500ms ease all;
    transition: 500ms ease all;
}
#ghost_header_div a.hamburger.selected {background:url('../images/hamburgeron.png');}
#meio_acess {
	text-align:right;
	padding:0;
	padding-right:var(--padding-right-to-vertalign);
	width:var(--meio-acess-width);
	
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
#meio_acess > a.logo {
	display:var(--logomarca-small-display);
	width:var(--logomarca-small-width);
	height:var(--logomarca-small-height);
	position:absolute;
	right:calc((var(--meio-acess-width) - var(--logomarca-small-width)) / 2 + var(--padding-right-to-vertalign));
	top:calc(((var(--header-height) - var(--meio-acess-height)) / 2 - var(--logomarca-small-height)) / 2);
	padding:0;
	margin:0;
	text-decoration:none;
	border:0;
	outline:none;
	background:url('../images/logomarca-sm.png') bottom;
	background-repeat: no-repeat;
}
#meio_acess > a.logo:hover {
	text-decoration:none;
	border:0;
	outline:none;
}
#meio_acess > div.loginlang {
	display:block;
	position:absolute;
	right:0px;
	bottom:2px;
	height:26px;
	padding:0;
	padding-right:var(--padding-right-to-vertalign);
	margin:0;
	font-size:1.0rem;
	color:#F7C17E;
}
#meio_acess > div.loginlang div {
	display:inline-block;
}
#meio_acess > div.loginlang a {
	text-decoration:none;
	border:0;
	outline:none;
}
#meio_acess > div.loginlang a:hover {
	border-bottom:1px solid #000;
}
#meio_acess ul {
	list-style: none;
	display:inline-block;
	vertical-align: middle;
	text-align: center;
	padding:0;
	margin:0;
	font-size:0;
}
#meio_acess ul.nottoosmall {
	display:var(--display-smallscreen);
}
#meio_acess img {
	display: inline-block;
	vertical-align: middle;
	padding-right:3px;
}
#meio_acess li {
	display:inline-block;
	width:var(--meio_acess-item-width);
	float: left;
	margin:var(--meio_acess-item-margin);
	font-size:0.7rem;
}
#meio_acess li.nottoosmall {
	display:var(--display-smallscreen);
}

#meio_acess li:first-child {
	margin-left:0px;
}
#meio_acess li:last-child {
	margin-right:0px;
}
#meio_acess a {
	display:inline-block;
	color: inherit;
	text-decoration: none;
	vertical-align: middle;
	padding:0;
	margin:0;
	outline:none;
}
#meio_acess a:hover {
	border-bottom:1px solid #F7C17E;
}
#meio_acess li:first-child a:focus {
	border-bottom:1px solid #F7C17E;
}
#meio_acess li:last-child a:focus {
	border-bottom:1px solid #F7C17E;
}
#meio_acess span {
	display:var(--meio-acess-legenda-display);
	color:#fff;
	text-transform: uppercase; 
}
/****************************************************** barra de menu horizontal ******************************************************/
/*  */
#menu_bar {
	display:var(--menu_bar-display);
	height:var(--menu_bar-height);
	margin:0 auto;
	font-family: var(--title-font);
	font-size: var(--menubar-font-size);
	font-weight:bold;
	color:var(--menu_bar-color);
	text-align: center;
	text-transform: uppercase;
}
#menu_bar:before {
  content: '';
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
#menu_bar ul {
	display:inline-block;
	vertical-align: middle;
	white-space: nowrap;
	list-style: none;
	text-align: center;
	padding: 0;
	margin:0;
}
#menu_bar li {
	display:inline-block;
	vertical-align: middle;
	height:2em;
	line-height:2em;
	padding-left:6px;
	padding-right:6px;
}
#menu_bar a {display:block;text-decoration:none;color:#FFFFFF;height:2em;}
#menu_bar a.selected {border-bottom-style:solid;border-bottom-width:2px;}
#menu_bar a:hover {border-bottom-style:solid;border-bottom-width:1px;}
#menu_bar a {color:var(--menu_bar-color);}
/*#menu_bar a.apresentacao {color:var(--apresentacao-color);}
#menu_bar a.partilhar {color:var(--partilhar-color);}
#menu_bar a.casacomum {color:var(--casacomum-color);}
#menu_bar a.compreender {color:var(--compreender-color);}
#menu_bar a.foruns {color:var(--foruns-color);}
#menu_bar a.noticias {color:var(--noticias-color);}
#menu_bar a.contato {color:var(--contato-color);}*/
/****************************************************** miolo do conteúdo do site ******************************************************/
#wrapper_height {
	position:relative;
	top:var(--header-height);
	width:100%;
    height:auto !important;
	height:100%;
	min-height: calc(100% - var(--footer-height) - var(--header-height));         
	margin:0 auto;
	overflow:none;
	background-color:transparent;
	z-index:1;
	display: flex;
	flex-direction:column;
	align-items: center;
}
#wrapper {
	width:var(--wrapper-width);
	overflow:none;
	background-color:transparent;
	flex-grow: 1;
    display: flex;
	flex-direction:row;
}
#wrapper.apresentacao {background-color:#FFFFFF;opacity:0.9;}
#wrapper.partilhar {background-color:#FFFFFF;opacity:0.9;}
#wrapper.casacomum {background-color:#FFFFFF;opacity:0.9;}
#wrapper.compreender {background-color:#FFFFFF;opacity:0.9;}
#wrapper.foruns {background-color:#FFFFFF;opacity:0.9;}
#wrapper.noticias {background-color:#FFFFFF;opacity:0.9;}
#wrapper.contato {background-color:#FFFFFF;opacity:0.9;}

@media (max-height: 630px) {
	#wrapper {
		min-height: var(--min-wrapper-height);
	}
}
#rodape {
	position:relative;
	top: var(--header-height);
	width:100%;
	height:var(--footer-height);
	background-color:var(--defaut-bkcolor);
	opacity:1; /*0.7;*/
	z-index:2;
}
#rodape span.atelier {
	color:#FFFFFF;
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
}

#rodape span.faleconosco {
	color:#FFFFFF;
	display:flex;
	flex-direction:column;
	justify-content:center;
}

/*
#rodape.apresentacao {background-color:var(--apresentacao-bkcolor);}
#rodape.partilhar {background-color:var(--partilhar-bkcolor);}
#rodape.casacomum {background-color:var(--casacomum-bkcolor);}
#rodape.compreender {background-color:var(--compreender-bkcolor);}
#rodape.foruns {background-color:var(--foruns-bkcolor);}
#rodape.noticias {background-color:var(--noticias-bkcolor);}
#rodape.contato {background-color:var(--contato-bkcolor);}
*/
#sitemap {
	position:relative;
	width:var(--wrapper-width);
	max-height:calc(var(--footer-height) - var(--faixa2-height));
	margin:0 auto;
	padding-top:0px;
	
    display: flex;
	flex-direction:row;
	justify-content: center;
}
div.webdesign {
	display:flex;
	width:100%;
	flex-direction:var(--webdesign-flex);
	align-items:center;
	justify-content:space-around;
}
div.webdesign a.atelierdigitas {
	display:inline-block;
	width:var(--atelierdigitas-width);
	height:var(--atelierdigitas-height);
	background:var(--atelierdigitas-img);
	background-repeat: no-repeat;	
}
#sitemap dl {
	margin:0px;
}
@media (max-height: 720px) {
	#sitemap {
		padding-top:20px;
	}
}
@media (max-height: 680px) {
	#sitemap {
		padding-top:10px;
	}
}
#sitemap div.menuequipe {
	width:var(--lateral-menu-width);
}
#sitemap div.menucomponente {
	width: calc(100% - 562px);         
	margin:0 auto;
	padding-left:30px;
	
    display: flex;
	flex-direction:row;
}
#sitemap div.institutions {
	width:321px;
	padding-right:var(--padding-right-to-vertalign);
	text-align:left;
}
#sitemap div.institutions dt, #sitemap div.institutions dl {
	margin:0;
	padding:0;
}
#acessoinfo {
	display:inline-block;
	width:108px;
	height:46px;
	padding:0px;
	margin:0px;
	background-image:url('../images/acessoinfo.png');
	background-repeat: no-repeat;	
}
#logogov {
	display:inline-block;
	width:321px;
	height:76px;
	padding:0px;
	margin:0px;
	background-image:url('../images/fulllogogov.png');
	background-repeat: no-repeat;	
}
@media (max-height: 1024px) {
	#sitemap div.institutions {
		width:296px;
		padding-right:20px;
		text-align:left;
	}
	#logogov {
		width:296px;
		height:70px;
		background-image:url('../images/fulllogogovsm.png');
	}
}
@media (max-height: 720px) {
	#sitemap div.institutions {
		width:275px;
	}
	#acessoinfo {
		width:96px;
		height:40px;
		background-image:url('../images/acessoinfosm.png');
	}
	#logogov {
		width:275px;
		height:65px;
		background-image:url('../images/fulllogogovsmsm.png');
	}
}
#sitemap div.menuequipe dt a {
	display:inline-block;
	font-family: var(--title-font);
	font-size: 1em;
	font-weight:600;
	font-variant: small-caps;
	text-transform: lowercase; 
	line-height:1.2em;
	text-decoration:none;
	color:#F7C17E;
	margin-left:50px;
	outline:none;
}
/*reduce font size to match what is seen in chrome*/
/*
@-moz-document url-prefix() {
   #sitemap div.menuequipe dt a {
     font-size:0.85em;
   }
}
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   #sitemap div.menuequipe dt a {
     font-size:0.85em;
   }
}
@supports (-ms-ime-align:auto) {
   #sitemap div.menuequipe dt a {
     font-size:0.85em;
   }
}
*/
#sitemap div.menuequipe dt a:hover {
	border-bottom:1px solid #F7C17E;
}
#sitemap div.menuequipe dt a:focus {
	border-bottom:1px solid #F7C17E;
}
#sitemap div.menucomponente div {
	min-width:200px;
}
#sitemap div.menucomponente dl {
	padding-left:1em;
	border-left:#ffffff dotted 1px;
}
#sitemap div.menucomponente dt a {
	font-size:0.7em;
	line-height:1.2em;
	text-decoration:none;
	color:#ffffff;
}
@media (max-width: 1240px) {
	#sitemap div.menucomponente div {
		min-width:33%;
	}
}
@media (max-width: 1032px) {
	#sitemap div.menucomponente {
		padding-left:10px;
	}
	#sitemap div.menucomponente dl {
		padding-left:0.5em;
	}
	#sitemap div.menucomponente div:nth-child(1) {
		min-width:24%;
	}
	#sitemap div.menucomponente div:nth-child(2) {
		min-width:38%;
	}
	#sitemap div.menucomponente div:nth-child(3) {
		min-width:38%;
	}
}
@media (max-width: 1024px) {
	#sitemap div.menuequipe {
		width:185px;
	}
	#sitemap div.menuequipe dt a {
		width: calc(100% - 20px);         
		margin-left:20px;
	}
	#sitemap div.menucomponente {
		width: calc(100% - 507px);         
		padding:0px;
	}
}
@media (max-width: 920px) {
	#sitemap div.menucomponente > div {
		display:none;         
	}
}
@media (max-width: 560px) {
	#sitemap div.institutions {
		width:275px;
	}
	#logogov {
		width:275px;
		height:65px;
		background-image:url('../images/fulllogogovsmsm.png');
	}
}
@media (max-width: 520px) {
	#sitemap div.institutions {
		width:165px;
	}
	#logogov {
		width:165px;
		height:65px;
		background-image:url('../images/fulllogogovsupsm.png');
	}
}
/************************************* sub-divisão wrapper *************************************/
/* menu e submenu */
/* 	menu principal: presente e pull-right quando nao tem barra de menu
	senão, sempre pull-right */
#menu_lateral {
	width:var(--lateral-menu-width);
	min-height:var(--min-wrapper-height);
    display: block;
	text-align:left;
	z-index:10;
	background-color:#f2f2f2;
}
/* @media (max-width: calc(868px + 20px + 240px)) { */ /* quando não tem barra de menu */
@media (max-width: 10000px) { /* quando tem barra de menu */
	#menu_lateral {
		position:absolute;
		top:0px;
		left:var(--pullrightmenu-start-position);
		bottom:0px;
		width:var(--lateral-menu-width);
		box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.2);
		transition: all .25s ease;
	}
	#menu_lateral.showmenu {
		left:0px;
		transition: all .25s ease;
	}
}

#navigation_menu {
	position:relative;
	display:block;
	top:0px;
	left:0px;
	width: 100%;         
	padding:0px;
	margin-top:0;
	height:auto;
	font-family: var(--title-font);
	font-size: var(--navmenu-font-size);
	font-weight:600;
	font-variant:small-caps;
}
/*reduce font size to match what is seen in chrome*/
/*
@-moz-document url-prefix() {
   #navigation_menu {
     font-size:0.85em;
   }
}
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #navigation_menu {
     font-size:0.85em;
   }
}
@supports (-ms-ime-align:auto) {
    #navigation_menu {
     font-size:0.85em;
   }
}
*/
#navigation_menu ul {
	vertical-align: middle;
	width:100%;
	white-space: nowrap;
	list-style: none;
	text-align: left;
	padding: 0;
	margin:0;
}
#navigation_menu li {
	vertical-align: middle;
}
#navigation_menu a {
	text-decoration: none;
	border:0;
	outline:none;
	display:inline-block;
	vertical-align: middle;
	height:26px;
	width: calc(100% - 50px);         
	line-height:26px;
	padding-left:50px;
}
#navigation_menu a.apresentacao {color:var(--apresentacao-color);margin-top:26px;}
#navigation_menu a.partilhar {color:var(--partilhar-color);}
#navigation_menu a.casacomum {color:var(--casacomum-color);}
#navigation_menu a.compreender {color:var(--compreender-color);}
#navigation_menu a.foruns {color:var(--foruns-color);}
#navigation_menu a.noticias {color:var(--noticias-color);}
#navigation_menu a.contato {color:var(--contato-color);}

#navigation_menu a.selected {height:78px;line-height:78px;margin-top:10px;background-color:#E6E6E6;}
#navigation_menu ul li:first-child a.selected {height:78px;line-height:78px;margin-top:0;background-color:#E6E6E6;}

/* conteúdo para as paginas */
#container {
	min-height:var(--min-wrapper-height);
	flex:1;
	z-index:1;
	
    display: flex;
	flex-direction:row;
}
/************************************* sub-divisão container *************************************/
/* submenu lateral */
#menu_lateral_2 {
	display:block;
	width:var(--lateral-submenu-width);
	min-height:var(--min-wrapper-height);
	text-align:left;
	z-index:1;
}
/*@media (max-width: calc(868px + 20px + 240px + 240px)) {*/ /* quando não tem barra de menu */
@media (max-width: calc(868px + 20px + 240px)) { /* quando tem barra de menu */
	#menu_lateral_2 {
		position:absolute;
		top:66px;
		left:var(--pullrightmenu-start-position);
		min-height:0;
		bottom:auto;
		width:var(--lateral-submenu-width);
		box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.2);
		transition: opacity 0.5s;
		background-color:#fafafa;
		opacity:0;
		
	}
	#menu_lateral_2.showmenu {
		left:var(--pulldownsubmenu-left-position);
		opacity:1;
		transition: opacity 0.5s;
	}
}
#menu {
	padding:0px;
	margin-top:26px;
	margin-bottom:26px;
	flex: 0 1 auto;
	font-family: var(--title-font);
	font-size: var(--submenu-font-size);
	font-weight:300;
	font-variant: small-caps;
	text-transform:lowercase;
}
/*reduce font size to match what is seen in chrome*/
/*
@-moz-document url-prefix() {
   #menu {
     font-size:0.81em;
   }
}
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   #menu {
     font-size:0.81em;
   }
}
@supports (-ms-ime-align:auto) {
   #menu {
     font-size:0.81em;
   }
}
*/
#menu ul {
	width:100%;
	list-style: none;
	text-align: left;
	padding: 0;
	margin: 0;
}
#menu li {
	display: block;
	height: 30px;
	line-height: 30px;
}
#menu a {
	margin-left:50px;
	text-decoration: none;
	color: #000;
	outline:none;
}
#menu.apresentacao a {color:var(--apresentacao-submenu-color);}
#menu.partilhar a {color:var(--partilhar-submenu-color);}
#menu.casacomum a {color:var(--casacomum-submenu-color);}
#menu.compreender a {color:var(--compreender-submenu-color);}
#menu.foruns a {color:var(--foruns-submenu-color);}
#menu.noticias a {color:var(--noticias-submenu-color);}

#menu a span {
	font-family: var(--title-font);
	font-weight:600;
	letter-spacing:-0.07em;
	display:none;
}
#menu a:hover {border-bottom-style:solid;border-bottom-width:1px;font-weight:600;}
#menu a.selected {border-bottom-style:solid;border-bottom-width:1px;font-weight:600;}
#menu a:hover span {
	display:inline;
}
#menu a.selected span {
	display:inline;
}
#menu a.active {
  background-color: #fff;
  color: #444;
  cursor: default;
}
/* pagina */
#page {
	margin:0 auto;
	margin-top:26px;         
	overflow:hidden;
	flex:1;
	
	display: flex;
	flex-direction:column;
}
/************************************* sub-divisão page *************************************/
#aviso {
	width:auto;
	top:0px;
	z-index:100;
	padding:10px;
	margin-bottom:20px;
	border:2pt solid var(--apresentacao-color);
}
#contentpage {
	width: calc(100% - var(--padding-right-to-vertalign) * 2);         
	height: 100%;        
	padding:0;
	padding-left:var(--padding-right-to-vertalign);
	padding-right:var(--padding-right-to-vertalign);
	line-height:1.8em;
	font-size:1em;
	text-align:justify;

	flex: 1;
}
#contentpage .hide {display:none;}
#contentpage:focus {outline:0;}

#contentpage a.menumais {
	display:var(--menumais-display);
	left:0px;
	top:0px;
	height:40px;
	width:40px;
	padding:0px;
	margin:0px;
	margin-right:10px;
	vertical-align:middle;
	background:url('../images/menumais.png');
	background-repeat: no-repeat;	
	
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);

    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;

    -webkit-transition: 500ms ease all;
    -moz-transition: 500ms ease all;
    -o-transition: 500ms ease all;
    transition: 500ms ease all;
}
#contentpage a.menumais:hover {  
	-webkit-transform:rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	
    -webkit-transition: 500ms ease all;
    -moz-transition: 500ms ease all;
    -o-transition: 500ms ease all;
    transition: 500ms ease all;
}
#contentpage a.menumais.selected {background:url('../images/menumenos.png');}
#contentpage a.menumais:focus {
	outline-color: transparent;
	outline-style: none;
}
#paracima {
	position:relative;
	display:none;
	width: calc(100% - var(--padding-right-to-vertalign));         
	font-size:0.7em;
	text-align:right;
	padding:0;
	padding-right:var(--padding-right-to-vertalign);
}
#paracima.needed {
	display:block;
}
#paracima a {
	text-decoration:none;
	color:#000;
}
#paracima span {
	font-size:1.3em;
}
/**************************************************************************/
#slideshow {
	width:100%;
	text-align:center;
}
#slideshow img {
	display:block;
	margin:0 auto;
	max-width:98%;
	max-height:98%;
}
#slideshow div {
	position:relative;
	top:0;
	width:100%;
}
#slideshow span {
	display:block;
	margin:0 auto;
	width:104px;
}
#slideshow span a.arrowleft {
	float:left;
}
#slideshow span a.arrowright {
	float:right;
}
#slideshow span img {
	display:inline-block;
	margin-left:10px;
	margin-right:10px;
}
#slideshow span a.hidearrow {
	display:none;
}
#acessibilidade {
	position:absolute;
	top:10px;
	left:0;
	right:0;
	bottom:10px;
	padding-left:3em;
	padding-right:3em;
	padding-bottom:2em;
	font-size:0.8em;
	text-align:justify;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background-color:#FFFFFF;
	overflow:auto;
}
@media (max-width: 1240px) {
	#acessibilidade {
		position:absolute;
		top:3.6em;
		left:0;
		right:0;
		bottom:10px;
		padding-left:3em;
		padding-right:3em;
		padding-bottom:2em;
		font-size:0.8em;
		text-align:justify;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;
		background-color:#FFFFFF;
		overflow:auto;
	}
}
#acessibilidade img {
	max-width:90%;
	vertical-align:middle;
}
#acessibilidade img.acessibilidadecentro {
	display:block;
	margin:1em auto;
}
#acessibilidade table {
	margin:1em auto;
	border-collapse: collapse;
}
#acessibilidade table th {
	background-color:#999999;
	color:#FFFFFF;
	padding-left:1em;
	padding-right:1em;
	text-align:center;
}
#acessibilidade table td {
	border-bottom:1px solid #888888;
	padding-left:1em;
	padding-right:1em;	
	text-align:center;
}
#acessibilidade table td:first-child {
	text-align:left;
	padding-left:0.5em;
}
/******************************* estilos especificos das areas *******************************/
/*#contentpage button {
	font-family: var(--title-font);
	font-size: 1.2rem;
	font-weight:bold;
	color:var(--menu_bar-color);
	text-transform: uppercase;
	background-color: #000000;
}
#contentpage button:hover {
	color:#000000;
	background-color:var(--menu_bar-color);
}*/
#contentpage select, #contentpage input {
	font-family: var(--title-font);
	font-size: 1.2rem;
	padding-left:10px;
}
#contentpage select {
	padding-left:10px;
}
#contentpage select:disabled, #contentpage input:disabled {
	color:#FFFFFF;
	background-color:#000000;
}

#contentpage blockquote {
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 4cm;
	margin-right: 0px;		
	font-size:0.9em;
	font-style:italic;
}
#contentpage .legendainf {
	margin-top:4px;
	padding-top:0;
	text-align:center;
	font-family: var(--title-font);
	font-size:1.2em;
	font-weight:600;
	font-variant:small-caps;
	text-transform:lowercase;
}
#contentpage .legendasup {
	margin-bottom:4px;
	padding-bottom:0;
	text-align:center;
	font-family: var(--title-font);
	font-size:1.2em;
	font-weight:600;
	font-variant:small-caps;
	text-transform:lowercase;
}
/*reduce font size to match what is seen in chrome*/
/*
@-moz-document url-prefix() {
   #contentpage .legendainf, #contentpage .legendasup {
	 font-size:1.12em;
   }
}	
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   #contentpage .legendainf, #contentpage .legendasup {
	 font-size:1.12em;
   }
}
@supports (-ms-ime-align:auto) {
  #contentpage .legendainf, #contentpage .legendasup {
	 font-size:1.12em;
   }
}
*/
#contentpage .imageblock {
	display:block;
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
	vertical-align:middle;
}
/*#contentpage img {
	max-width:90%;
	min-width:40%;
}

@media (max-width: 1024px) {
	#contentpage img {
		max-width:95%;
	}
}
@media (max-width: 580px) {
	#contentpage img {
		max-width:99%;
	}
}*/

#contentpage ol.decimal {list-style-type:decimal;}
#contentpage ol.letras {list-style-type:lower-alpha;}
#contentpage ol.roman {list-style-type: upper-roman;}
#contentpage.fortext > dl > dt {
	margin-left:2em;
}
#contentpage p.maintitle {font-family: var(--title-font);font-size:1.6em;font-weight:600;font-variant:small-caps;text-transform:lowercase;margin:0;padding: 0px 10px 10px 0px;}
#contentpage h1 {font-family: var(--title-font);font-size:1.4em;font-weight:600;font-variant:small-caps;text-transform:lowercase;}
#contentpage h2 {font-family: var(--title-font);font-size:1.3em;font-weight:600;font-variant:small-caps;text-transform:lowercase;}
#contentpage h3 {font-family: var(--title-font);font-size:1.2em;font-weight:600;font-variant:small-caps;text-transform:lowercase;}
#contentpage h4 {font-family: var(--title-font);font-size:1.1em;font-weight:600;font-variant:small-caps;text-transform:lowercase;}
#contentpage h5 {font-family: var(--title-font);font-size: 1.05em;font-weight:600;font-variant:small-caps;text-transform:lowercase;}
#contentpage h6 {font-family: var(--title-font);font-size: 1em;font-weight:600;font-variant:small-caps;text-transform:lowercase;}
/*reduce font size to match what is seen in chrome*/
/*
@-moz-document url-prefix() {
	#contentpage p.maintitle {font-size:1.36em;}
	#contentpage h1 {font-size:1.19em;}
	#contentpage h2 {font-size:1.1em;}
	#contentpage h3 {font-size:1.02em;}
	#contentpage h4 {font-size:0.94em;}
	#contentpage h5 {font-size: 0.86em;}
	#contentpage h6 {font-size:0.85em;}
}
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	#contentpage p.maintitle {font-size:1.36em;}
	#contentpage h1 {font-size:1.19em;}
	#contentpage h2 {font-size:1.1em;}
	#contentpage h3 {font-size:1.02em;}
	#contentpage h4 {font-size:0.94em;}
	#contentpage h5 {font-size: 0.86em;}
	#contentpage h6 {font-size:0.85em;}
}
@supports (-ms-ime-align:auto) {
	#contentpage p.maintitle {font-size:1.36em;}
	#contentpage h1 {font-size:1.19em;}
	#contentpage h2 {font-size:1.1em;}
	#contentpage h3 {font-size:1.02em;}
	#contentpage h4 {font-size:0.94em;}
	#contentpage h5 {font-size: 0.86em;}
	#contentpage h6 {font-size:0.85em;}
}
*/
#contentpage h3 + p, #contentpage h4 + p, #contentpage h5 + p, #contentpage h6 + p {margin-top: 0;}
#contentpage h3, #contentpage h4, #contentpage h5, #contentpage h6, #contentpage h3 + h4, #contentpage h4 + h5, #contentpage h5 + h6 {margin: 1em 0 0;}

#contentpage h1:before, #contentpage h2:before, #contentpage h3:before, #contentpage h4:before, #contentpage h5:before, #contentpage h6:before {
	content:"<";
}
#contentpage h1:after, #contentpage h2:after, #contentpage h3:after, #contentpage h4:after, #contentpage h5:after, #contentpage h6:after {
	content:">";
}

#page.apresentacao #contentpage p.maintitle, #page.apresentacao #contentpage ul li:before {color:var(--apresentacao-color);}
#page.partilhar #contentpage p.maintitle, #page.partilhar #contentpage ul li:before {color:var(--partilhar-color);}
#page.casacomum #contentpage p.maintitle, #page.casacomum #contentpage ul li:before {color:var(--casacomum-color);}
#page.compreender #contentpage p.maintitle, #page.compreender #contentpage ul li:before {color:var(--compreender-color);}
#page.foruns #contentpage p.maintitle, #page.foruns #contentpage ul li:before {color:var(--foruns-color);}
#page.noticias #contentpage p.maintitle, #page.noticias #contentpage ul li:before {color:var(--noticias-color);}
#page.contato #contentpage p.maintitle, #page.contato #contentpage ul li:before {color:var(--contato-color);}

#contentpage.fortext blockquote ul li:before {
	line-height: 0.8;
	left: -1em
}
/************* div toggletable para os conteudos retrateis, somente para os textos gerais (resenhas excluidas) *************/
/************* funcionamento            <div class='toggletable'> *************/
/*************	             				<div class='nometablecolecao'>Titulo que vai esconder/mostrar no clic</div> *************/
/*************	             				<div class='togglediv'>bloco que sera escondido, pode ser do tamanho que quiser...</div> *************/
/*************             				</div> *************/
#contentpage.fortext div.toggletable {
	margin-top:10px;
	width:100%;
}
#contentpage.fortext div.toggletable img {
	max-width:none;
	min-width:auto;
}
#contentpage table {
	width:100%;
	margin-top:10px;
    border-collapse: collapse;
}
#contentpage table td {
	text-align:center;
    border:2pt solid #000;
}
#page.apresentacao #contentpage table td {border-color:var(--apresentacao-color);}
#page.partilhar #contentpage table td {border-color:var(--partilhar-color);}
#page.casacomum #contentpage table td {border-color:var(--casacomum-color);}
#page.compreender #contentpage table td {border-color:var(--compreender-color);}
#page.foruns #contentpage table td {border-color:var(--foruns-color);}
#page.noticias #contentpage table td {border-color:var(--noticias-color);}
#page.contato #contentpage table td {border-color:var(--contato-color);}

#contentpage table > tbody > tr > td.rotate90 {
	max-width:6px;
}
#contentpage table > tbody > tr > td.rotate90 > div {
    display:inline-block;
	-webkit-transform:translateX(-webkit-calc(-50% + 10px)) rotate(-90deg);
	-ms-transform:translateX(calc(-50% + 10px)) rotate(-90deg);
	transform:translateX(calc(-50% + 10px)) rotate(-90deg);
	white-space:nowrap;
}
#contentpage.fortext.equipe strong {
	text-transform:uppercase;
}

#contentpage div.descpalestra {
	padding-left:1em;
	padding-right:1em;
	padding-bottom:1em;
	margin-bottom:1em;
	border:2pt solid var(--apresentacao-color);
}
#contentpage div.descpalestrante {
	font-size:0.8em;
}

#page.cursos #contentpage div.grupoestudo {padding-bottom:1em;padding-top:1em;border-top:2px solid var(--apresentacao-color);}
#page.cursos #contentpage div.grupoestudo table {font-size:0.7em;width:90%;}
#page.cursos #contentpage div.grupoestudo table tr:first-child {text-align:center;width:5%;}
#page.cursos #contentpage div.grupoestudo table tr:nth-child(2) {text-align:center;}
#page.cursos #contentpage div.grupoestudo table td:nth-child(2) {text-align:left;width:45%;}
#page.cursos #contentpage div.grupoestudo table td:nth-child(3) {text-align:left;width:35%;}
#page.cursos #contentpage div.grupoestudo table td:nth-child(4) {font-size:1.2em;text-align:center;width:15%;}



/************* estilos internos *************/
#contentpage.membros div.membro {
	display:block;
	min-height: 150px;
	padding: 10px;
	margin: 10px;
	border: 1pt solid black;
}

#contentpage.membros div.membro span {
	margin: 0px 10px 0px 0px;
}

#contentpage.membros div.membro h3 {
	margin-top:0;
	line-height:normal;
}
#contentpage.membros div.membro p {
	margin-top:5px;
	margin-bottom:5px;
}