/************************************* cores das areas *************************************/
/* cores 
	apresentacao		FFCE00 | FFF2B2
	courses				E73670 | FBE2E4
	myclasses			BE005A | F7E5EA
	MATERIAL			1C68A6 | D9EBF4
	SOCIAL			934083 | E7E0F0
	SOFTWARE			EB6907 | FCE3CF
	MACRORECURSO			F8AF35 | FFF0D9
	artefacts			46AC48 | D1E5C6
	phpbbforum			46AC48 | D1E5C6
*/
/* 
	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: #FFFFFF;
  --apresentacao-bkcolor: #FC9314;
  --apresentacao-submenu-color: #000000;
  
  --courses-color: #FFFFFF;
  --courses-bkcolor: #F7D3A1;
  --courses-submenu-color: #000000;
  
  --myclasses-color: #D27D0C;
  --myclasses-bkcolor: #AB6005;
  --myclasses-submenu-color: #D27D0C;
  
  --MATERIAL-color: #D27D0C;
  --MATERIAL-bkcolor: #D19A4D;
  --MATERIAL-submenu-color: #D27D0C;
  
  --SOCIAL-color: #D27D0C;
  --SOCIAL-bkcolor: #975F00;
  --SOCIAL-submenu-color: #D27D0C;
  
  --SOFTWARE-color: #D27D0C;
  --SOFTWARE-bkcolor: #CA7A0A;
  --SOFTWARE-submenu-color: #D27D0C;
  
  --MACRORECURSO-color: #D27D0C;
  --MACRORECURSO-bkcolor: #B08C4D;
  --MACRORECURSO-submenu-color: #D27D0C;
  
  --contato-color: #D27D0C;
  --contato-bkcolor: #F79F23;
  --contato-submenu-color: #D27D0C;
  
  --artefacts-color: #FFFFFF;
  --artefacts-bkcolor: #F79F23;
  --artefacts-submenu-color: #000000;

  --phpbbforum-color: #FFFFFF;
  --phpbbforum-bkcolor: #F79F23;
  --phpbbforum-submenu-color: #000000;
}
:root {
  --min-site-width: 380px;
  --min-wrapper-height: 400px;
}

:root {
  --header-height-mini: 100px;
  --faixa1-height-mini: 0px;
  --faixa2-height-mini: 0px;
  --menu_bar-height-mini: 54px;
  --footer-height-mini: 0px;

  --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: 361px;
  --logomarca-height: 130px;
  --logomarca-img: url('https://atelierdigitas.net/images/atelierdigitaslogoV2.png');
  --logomarca-small-display:none;
  --logomarca-small-width: 138px;
  --logomarca-small-height: 24px;
  
  --webdesign-flex:row;
  --atelierdigitas-img: url('https://atelierdigitas.net/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-mini: 96px;
		--menu_bar-height-mini: 50px;
		
		--header-height: 180px;
		--menu_bar-height: 50px;
		--menubar-font-size: 16px;
		--logomarca-width: 205px;
		--logomarca-height: 74px;
		--logomarca-img: url('https://atelierdigitas.net/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-mini: 46px;
		--menu_bar-height-mini:0px;

		--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: 205px;
		--logomarca-height: 74px;
		--logomarca-img: url('https://atelierdigitas.net/images/atelierdigitaslogoV2-hsm.png');

		--webdesign-flex:column;
		--atelierdigitas-img: url('https://atelierdigitas.net/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: 139px;
		--logomarca-height: 50px;
		--logomarca-img: url('https://atelierdigitas.net/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;
}
#headertransparent.mini {
	height:var(--header-height-mini);
}
#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('https://atelierdigitas.net/images/padrao.png');
}
#faixa1.mini {
	height:var(--faixa1-height-mini);
}
#faixa2.mini {
	height:var(--faixa2-height-mini);
}	

#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.mini {
	height: var(--header-height-mini);
}
/*
#header_div.apresentacao {background-color:var(--apresentacao-bkcolor);}
#header_div.courses {background-color:var(--courses-bkcolor);}
#header_div.myclasses {background-color:var(--myclasses-bkcolor);}
#header_div.MATERIAL {background-color:var(--MATERIAL-bkcolor);}
#header_div.SOCIAL {background-color:var(--SOCIAL-bkcolor);}
#header_div.SOFTWARE {background-color:var(--SOFTWARE-bkcolor);}
#header_div.MACRORECURSO {background-color:var(--MACRORECURSO-bkcolor);}
#header_div.contato {background-color:var(--contato-bkcolor);}
#header_div.artefacts {background-color:var(--artefacts-bkcolor);}
#header_div.phpbbforum {background-color:var(--phpbbforum-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;
}
#header.mini {
	height:calc(var(--header-height-mini) - var(--faixa1-height-mini) - var(--menu_bar-height-mini));
}
#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('https://atelierdigitas.net/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('https://atelierdigitas.net/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('https://atelierdigitas.net/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('https://atelierdigitas.net/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('https://atelierdigitas.net/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.mini {
	height:var(--menu_bar-height-mini);
}
#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.courses {color:var(--courses-color);}
#menu_bar a.myclasses {color:var(--myclasses-color);}
#menu_bar a.MATERIAL {color:var(--MATERIAL-color);}
#menu_bar a.SOCIAL {color:var(--SOCIAL-color);}
#menu_bar a.SOFTWARE {color:var(--SOFTWARE-color);}
#menu_bar a.MACRORECURSO {color:var(--MACRORECURSO-color);}
#menu_bar a.contato {color:var(--contato-color);}
#menu_bar a.artefacts {color:var(--artefacts-color);}
#menu_bar a.phpbbforum {color:var(--phpbbforum-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_height.mini {
	top:var(--header-height-mini);
	min-height: calc(100% - var(--footer-height-mini) - var(--header-height-mini));         
}
#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.courses {background-color:#FFFFFF;opacity:0.9;}
#wrapper.myclasses {background-color:#FFFFFF;opacity:0.9;}
#wrapper.MATERIAL {background-color:#FFFFFF;opacity:0.9;}
#wrapper.SOCIAL {background-color:#FFFFFF;opacity:0.9;}
#wrapper.SOFTWARE {background-color:#FFFFFF;opacity:0.9;}
#wrapper.MACRORECURSO {background-color:#FFFFFF;opacity:0.9;}
#wrapper.artefacts {background-color:#FFFFFF;opacity:0.9;}
#wrapper.phpbbforum {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.mini {
	top: var(--header-height-mini);
	height:var(--footer-height-mini);
}
#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.courses {background-color:var(--courses-bkcolor);}
#rodape.myclasses {background-color:var(--myclasses-bkcolor);}
#rodape.MATERIAL {background-color:var(--MATERIAL-bkcolor);}
#rodape.SOCIAL {background-color:var(--SOCIAL-bkcolor);}
#rodape.SOFTWARE {background-color:var(--SOFTWARE-bkcolor);}
#rodape.MACRORECURSO {background-color:var(--MACRORECURSO-bkcolor);}
#rodape.contato {background-color:var(--contato-bkcolor);}
#rodape.artefacts {background-color:var(--artefacts-bkcolor);}
#rodape.phpbbforum {background-color:var(--phpbbforum-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;
}
#sitemap.mini {
	max-height:calc(var(--footer-height-mini) - var(--faixa2-height-mini));
}
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('https://atelierdigitas.net/images/acessoinfo.png');
	background-repeat: no-repeat;	
}
#logogov {
	display:inline-block;
	width:321px;
	height:76px;
	padding:0px;
	margin:0px;
	background-image:url('https://atelierdigitas.net/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('https://atelierdigitas.net/images/fulllogogovsm.png');
	}
}
@media (max-height: 720px) {
	#sitemap div.institutions {
		width:275px;
	}
	#acessoinfo {
		width:96px;
		height:40px;
		background-image:url('https://atelierdigitas.net/images/acessoinfosm.png');
	}
	#logogov {
		width:275px;
		height:65px;
		background-image:url('https://atelierdigitas.net/mages/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('https://atelierdigitas.net/images/fulllogogovsmsm.png');
	}
}
@media (max-width: 520px) {
	#sitemap div.institutions {
		width:165px;
	}
	#logogov {
		width:165px;
		height:65px;
		background-image:url('https://atelierdigitas.net/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:10px;
}
#navigation_menu a.apresentacao {color:var(--apresentacao-color);margin-top:26px;}
#navigation_menu a.courses {color:var(--courses-color);}
#navigation_menu a.myclasses {color:var(--myclasses-color);}
#navigation_menu a.MATERIAL {color:var(--MATERIAL-color);}
#navigation_menu a.SOCIAL {color:var(--SOCIAL-color);}
#navigation_menu a.SOFTWARE {color:var(--SOFTWARE-color);}
#navigation_menu a.MACRORECURSO {color:var(--MACRORECURSO-color);}
#navigation_menu a.contato {color:var(--contato-color);}
#navigation_menu a.artefacts {color:var(--artefacts-color);}
#navigation_menu a.phpbbforum {color:var(--phpbbforum-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 {
	width:var(--wrapper-width);
	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;
	line-height: 30px;
}
/* submenu do menu */
#menu li > ul {
	display:none;
	line-height: 25px;
}
#menu li.selected > ul {
	display:block;
}
#menu li > ul li a {
	margin-left:20px;
	font-size:0.8em;
}
/*******************/
#menu a {
	margin-left:10px;
	text-decoration: none;
	color: #000;
	outline:none;
}
#menu.apresentacao a {color:var(--apresentacao-submenu-color);}
#menu.courses a {color:var(--courses-submenu-color);}
#menu.myclasses a {color:var(--myclasses-submenu-color);}
#menu.MATERIAL a {color:var(--MATERIAL-submenu-color);}
#menu.SOCIAL a {color:var(--SOCIAL-submenu-color);}
#menu.SOFTWARE a {color:var(--SOFTWARE-submenu-color);}
#menu.MACRORECURSO a {color:var(--MACRORECURSO-submenu-color);}
#menu.artefacts a {color:var(--artefacts-submenu-color);}
#menu.phpbbforum a {color:var(--phpbbforum-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 {
	position:relative;
	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('https://atelierdigitas.net/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('https://atelierdigitas.net/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.atelier {
	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.atelier: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.courses #contentpage p.maintitle, #page.courses #contentpage ul li:before {color:var(--courses-color);}
#page.myclasses #contentpage p.maintitle, #page.myclasses #contentpage ul li:before {color:var(--myclasses-color);}
#page.MATERIAL #contentpage p.maintitle, #page.MATERIAL #contentpage ul li:before {color:var(--MATERIAL-color);}
#page.SOCIAL #contentpage p.maintitle, #page.SOCIAL #contentpage ul li:before {color:var(--SOCIAL-color);}
#page.SOFTWARE #contentpage p.maintitle, #page.SOFTWARE #contentpage ul li:before {color:var(--SOFTWARE-color);}
#page.MACRORECURSO #contentpage p.maintitle, #page.MACRORECURSO #contentpage ul li:before {color:var(--MACRORECURSO-color);}
#page.contato #contentpage p.maintitle, #page.contato #contentpage ul li:before {color:var(--contato-color);}
#page.artefacts #contentpage p.maintitle, #page.artefacts #contentpage ul li:before {color:var(--artefacts-color);}
#page.phpbbforum #contentpage p.maintitle, #page.phpbbforum #contentpage ul li:before {color:var(--phpbbforum-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.courses #contentpage table td {border-color:var(--courses-color);}
#page.MATERIAL #contentpage table {margin-left: auto;margin-right: auto;}
#page.myclasses #contentpage table td {border-color:var(--myclasses-color);}
#page.MATERIAL #contentpage table td {border-color:var(--MATERIAL-color);font-size:0.9em;line-height:1.2em;max-width:150px;}
#page.MATERIAL #contentpage table td:first-child {width:90px;}
#page.MATERIAL #contentpage table th {background-color:var(--MATERIAL-color);color:white;text-align:center;font-size:0.9em;line-height:1.1em;}
#page.SOCIAL #contentpage table td {border-color:var(--SOCIAL-color);}
#page.SOFTWARE #contentpage table td {border-color:var(--SOFTWARE-color);}
#page.MACRORECURSO #contentpage table td {border-color:var(--MACRORECURSO-color);}
#page.contato #contentpage table td {border-color:var(--contato-color);}
#page.artefacts #contentpage table td {border-color:var(--artefacts-color);}
#page.phpbbforum #contentpage table td {border-color:var(--phpbbforum-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.MATERIAL #contentpage div.grupoestudo {padding-bottom:1em;padding-top:1em;border-top:2px solid var(--apresentacao-color);}
#page.MATERIAL #contentpage div.grupoestudo table {font-size:0.7em;width:90%;}
#page.MATERIAL #contentpage div.grupoestudo table tr:first-child {text-align:center;width:5%;}
#page.MATERIAL #contentpage div.grupoestudo table tr:nth-child(2) {text-align:center;}
#page.MATERIAL #contentpage div.grupoestudo table td:nth-child(2) {text-align:left;width:45%;}
#page.MATERIAL #contentpage div.grupoestudo table td:nth-child(3) {text-align:left;width:35%;}
#page.MATERIAL #contentpage div.grupoestudo table td:nth-child(4) {font-size:1.2em;text-align:center;width:15%;}