.conteudo {background-image: url(80.png);}
#cabecalho {text-align:center;}
#cabecalho, #cssmenu {background: #fff; margin-bottom: 2em; }
#cabecalho img, #cssmenu img {max-height: 4em;}
.botao img {height: 2em;}
.conteudo img {max-height: 16em; width: auto; }
.iframecabecalhoie8, .jp-playlist, .tarja {display: none; }
.mostruario img {max-width: 50%;}
html, body, div, span, applet, object, input, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background-color: transparent; font-size: 100%; text-align: left;outline-offset: 0; }
.estrutura img {max-height: initial; width: initial; }
 html, body {overflow: auto; scroll-behavior: smooth;}
body {counter-reset:page;}
p, h4, h5, h6, .h7, input[type="text"], .conteudo li, .destaquetexto, .jp-audio .jp-time-holder {font-family: serif; font-family: "PT Sans"; font-weight: normal; font-weight: 400; text-align: justify; }
a:link {color: crimson; white-space: nowrap; }
a:visited {color: inherit; }
a:hover, a:focus {color: crimson; font-weight: bold; background: white; }
a:active, a.ativado {color: deeppink; background: lightgrey; }
a:focus {outline: dashed 0.08em grey !important;}
 .conteudo a:focus {outline: dashed 0.01em black; }
 input[type=checkbox]#cabecalhomax + label:before, .searchgoogle input[type="text"], h1, .logo img   {border-radius: 0.25em;}
.jp-audio, .searchgoogle, .espacomenu .portifolio, .destaquetexto, .estrutura:after, .searchgoogle input[type="image"], .foto, .quadro, .mostradormp3, #cssmenu li, #cssmenu a, #cabecalho span, .espacomenu, .searchgoogle:before, .jp-audio:before, .jp-interface .jp-controls, .jp-no-solution, .logocaixa, .mmshare, .jp-progress, .jp-interface, .portifolio, .mostruario, .mostr2, .mmjanelaframe, #cssmenu span, .mostr2 a:link, .foto span, .comvaral img  {border-radius: 0.5em ;}
.conteudo {font-size: 20px; -webkit-padding-before: 80px; -webkit-padding-start: 2em; -webkit-padding-end: 3%; padding: 5vw 4vw 22em 3vw; margin: 0 5% 26% 0; margin: 0 7% 26vw 0; background: rgba(245, 245, 245, 0.93); display: block; max-width: 90%; 
}
.conteudo p {margin: 1em 0;  line-height: 145%;}
 .conteudo li {margin-left: 1.5em; padding: 0.3em; list-style-type: disc; font-size: 92%; text-align: left;}
.conteudo li a {white-space: normal; }
.conteudo ol li {list-style-type:decimal; }

.compdf {padding-bottom: 0; margin-bottom:0; }
 .estrutura {font-size: 1vw; -webkit-padding-start: 0; padding: 1.5em 0 0 14em; padding: 2.35em 0 0 14vw; background-size: 0 ; background: no-repeat; background: transparent url("") 55% 200px/0 0 ; overflow-x: hidden; }
.estrutura:after{content:""; position:fixed; top:25%; width: 50%; height: 50%; height:80vh; left:24%; z-index:-1; background: url("marcelomelloweb2.png") center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; overflow: hidden; }
.subtitulo {font-size: 75%; font-weight: normal; line-height: 15%; }
h1, #cabecalho, #cssmenu, #cssmenu p, #cssmenu li, h2, h3, .mostr2 p, .foto span, .referencia, .close,  .fotoslide  {font-family: sans-serif; font-family: 'Ubuntu'; font-weight:bold;}
h1, #cabecalho p {color: white;}
h1, .espacomenu {background: rgba(0,0,0,0.7); }
h1 {font-size: 2.5em;text-align: center; font-weight: 700; margin: 0.15em 0 1.5em 0; margin: 2.5vw 0 1.5em 0; border-bottom: 3px solid gray; padding: 0.15em; }
h2:before {display: block; content: "\00a0";clear: both; padding: 3em 0 0 0; height: 0;border-bottom: 0.2em solid black;margin-bottom: 0.3em;padding-top: 10vw ; }
h2 {margin: 0 0 1.5em 180px; margin-left: 15.5vw; font-size: 1.7em;display: block; clear: both;}
h2 p {display: block; clear: both;}
h2 + p {font-size: 1.15em; }
h2 a {display: inline-block; max-width: 100%;}
 h3:before {display: block; content: "";height: 0; border-bottom: 0.18em solid gray ;margin-bottom: 0.315em; margin-top:0.5em;}
h3 {margin: 0 0 0.6em 190px ; margin-left: 17vw; display: block; -webkit-padding-before: 4.5em; padding: 0 0 0.1em 0; font-size: 1.4em; clear: both; }
.espacomenuh3 {padding-top: 3%; padding-top: 2vh; }
.espacomenuh3:target {padding-top: 6%; padding-top: 8.7vw; }
h3:after {content: ""; display: block; clear: both;  }
.semmargem:after {display: none;}
li .quadro {float: none; display: inline-block; }
.atualizacoes li .quadro {float: right; }
.atualizacoes li {clear: both;}
h3 li {line-height: 130%; margin-bottom: 0.5em;}
h3 .atualizacoes {font-size: 88%;}
.semmargem + li {text-align: right;list-style-type: none;}
h4 {text-align: center; page-break-inside: avoid; }
h4:after, h4:before {display: block; content: ""; height: 0;  }
h4:before {border-bottom: 3px solid lightgray ; clear: both; }
.espacomenuh4:target:before {height: 5.4em; 
height: 23vh; width: 100%; }
h5 {text-align: left; }
h5:after {content:"__________"; display: block; clear: both;}
h5:first-line {font-size: 115%;}
.subtitulo:before {content:""; display: block;clear: both; width: 10000px; height: 0; }
.semclear:before {display: none;}
.semclear2:after, .semclear2:before {clear: none;}


.contador {visibility: visible;}

  #cabecalho {position: fixed; top: 0;left: 0;width:100%;height: 4.9em; padding-top: 0.2vw; border: none; background: black;z-index: 10; min-width: 686px; text-align: left;border-top: 0.2em solid grey; border-top: 0.2vw solid grey; }
#cabecalho p { font-family: sans-serif; font-family: "PT Sans"; text-align: left; display: inline-block; padding: 0.2em 0.5em;margin-bottom: 0.1em;line-height: 1.8em; max-height: 1.7em;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;clear: both; position: relative; max-width: 52em; }



.espacomenu {margin-left: 13.2em; border-bottom: 0.1em solid gray;border-right: 0.1em solid gray;}
#cabecalho  p.over,  #cabecalho h1 { border-bottom: none;border-top: 0.1em solid gray;border-radius: 0.5em 0.5em 0 / 0.5em 0.5em ; 
max-width: 40%; 
max-width: 40vw;
}

#cabecalho  p.espacomenucurto {max-width: 24vw;}

#cabecalho h1 {margin-top: 0.9em; padding: 0 0.35em; position: relative; z-index: 30; text-align: left; left: 5.8em; max-width: 18em;font-size:2.2em;}

#cabecalho p.over:hover { max-height: 20em; white-space: normal; z-index: 50; transition: max-height 1s; -webkit-transition: max-height 1s; border-radius: 0.5em; }
#cabecalho p a:visited {color: pink;}
#cabecalho a:hover, #cabecalho a:focus {color: crimson; font-weight: bold; background: black; }#cabecalho a:link {color: white;}

 #cabecalho p a:hover, #cabecalho p a:focus {color: crimson; font-weight: bold; background: white; }
#cabecalho p a:active, #cabecalho p a.ativado {color: deeppink; background: lightgrey; }

.iframecabecalhoie8 { display: none;}
#cssmenu .iframecabecalho {height: 100%;}
.logocaixa { position: absolute; padding: 0.1em 0.65em; width: 34em; background: black; border-left: 0.2em solid gray; }
 .logocaixa a { display: block; max-width: 11.85em;}
.logo {display: inline-block; width: 11.85em; height: 4.25em; margin: 0;padding: 0; background: black url("marcelomelloweb.gif") no-repeat; background-size: cover; }
.logo img {display: none; width: 100%; height: 100%;}
!.logo a:hover {background: black;}
a:focus .logo,  .logo:hover  {background: black url("marcelomelloweb_mini_hover.gif") no-repeat; background-size: cover;}
.logo:active,  .logocaixa a.ativado .logo, #cabecalho .logo:active  {background: black url("marcelomelloweb_mini_active.gif") no-repeat; background-size: cover; }
.jp-audio button::-moz-focus-inner { border: 0; }
.jp-audio { background: transparent; border: 0.2em solid black; z-index:20; position: absolute; top: 2.1em; right: 0; padding: 0;}
.mostradormp3 {font-size: 0.9em;position: absolute; right: 0.4em;border-right: 0.4em solid black; border-left: 0.4em solid black; top: 0.15em; width: 10em;height: 1.5em;color: white;background: black; overflow: hidden;}
.mostradormp3 p { position: relative; -webkit-animation: jplayeranim linear 9s infinite ;-o-animation: jplayeranim linear 9s infinite ;animation: jplayeranim linear 9s infinite ;top:-0.35em;width: 999em;max-width: 999em; white-space: nowrap; }
@keyframes jplayeranim{0% {opacity: 0; right: -3em;}
5% {opacity: 1; }
10% {right: -3em;}
90% {right: 140%;}
 95% {opacity: 1; }
100%{opacity: 0; right: 140%;}
}
#current-title {font-weight: bold; }
#current-artist:before {content: " - "}
.jp-interface { display: block; height: 2.35em; width: 23.9em; padding:0; background-color: whitesmoke; }
.jp-interface .jp-controls {background: whitesmoke; font-size: 1em; margin: 0; padding: 0.2em 0 0.2em 0.5em; overflow: hidden; width: 8.2em; height: 1.8em; }
 .jp-controls button { display: block; margin-right: 0.2em; float: left; overflow: hidden; text-indent: -9999em; cursor: pointer; font-size: 0.93em; background-size: 100%;background-size: cover;background-repeat: no-repeat; padding: 0; border: none; }
.jp-audio button:focus {background-size: cover;background-repeat: no-repeat; outline: 0.1em dashed black;}
.jp-play { width: 1.8em; height: 1.8em; margin: 0.1em 0;background: url("js/jp_play.jpg") ;}
.jp-play:focus { background: url("js/jp_play_focus.jpg") ; }
.jp-state-playing .jp-play { background: url("js/jp_pause.jpg") ; background-size: cover;}
.jp-state-playing .jp-play:focus { background: url("js/jp_pause_focus.jpg") ; background-size: cover;}
.jp-stop, .jp-previous, .jp-next { width: 1.4em; height: 1.4em;margin-top: 0.27em; }
.jp-stop { background: url("js/jp_stop.jpg"); margin-left: 0.5em; }
.jp-stop:focus { background: url("js/jp_stop_focus.jpg"); }
.jp-previous { background: url("js/jp_previous.jpg"); }
.jp-previous:focus { background: url("js/jp_previous_focus.jpg"); }
.jp-next { background: url("js/jp_next.jpg"); }
.jp-next:focus { background: url("js/jp_next_focus.jpg"); }
.jp-volume-controls { position: absolute; top: 0; left: 11em; width: 7em; font-size: 0.7em; margin: 0.3em 0.65em;}
.jp-volume-controls button { position: absolute; display: block; overflow: hidden; text-indent: 9999em; border: none; cursor: pointer; font-size: 1em; background-size: contain; padding: 0; }
.jp-volume-controls button:focus {background-size: contain;}
.jp-mute,.jp-volume-max { width: 1.6em; height: 1.4em; }
.jp-volume-max{ left: 5.2em; }
.jp-mute {background: url("js/jp_mute.jpg") no-repeat;}
.jp-mute:focus {background: url("js/jp_mute_focus.jpg") no-repeat;}
.jp-state-muted .jp-mute { background: url("js/jp_statemute.jpg") no-repeat; background-size: contain; }
.jp-state-muted .jp-mute:focus { background: url("js/jp_statemute_focus.jpg") no-repeat; background-size: contain; }
.jp-volume-max {background: url("js/jp_max.jpg") no-repeat;}
.jp-volume-max:focus {background: url("js/jp_max_focus.jpg") no-repeat;}
.jp-volume-bar { position: absolute; overflow: hidden; background: url("js/jp_volumebar.jpg"); top: 0.3em; left: 1.8em; width: 2.4em; height: 0.49em; cursor: pointer; border: 0.1em solid blue; }
.jp-volume-bar-value { background: url("js/jp_volumebarvalue.jpg"); width: 0; height: 0.5em; }
.jp-audio .jp-time-holder { border-top: 0.15em solid lightgray; position: absolute; top: 1.9em; left: 11.5em; width: 7em; line-height: 1.1em; font-size: 0.7em; margin:0; padding: 0.1em; }
.jp-current-time,.jp-duration { width: 3em;}
.jp-current-time { float: left; }
.jp-duration { float: right;}
.jp-duration:before {content: "(";}
.jp-duration:after {content: ")";}

.jp-progress {
	background: url("js/jplayer_blue_monday_seeking.gif");
	overflow:hidden;
	height: 0.5em;
	width: 9.8em;
	position: absolute; 
	bottom: 0.1em;
	right: 0.4em;
}


#seeking {
	width: 100%;
	height:100%; 
	position: absolute;
	background: url("js/jplayer_blue_monday_seeking.gif");
	display: none;
}

.jp-seek-bar   {
	background: url("js/jp_volumebar.jpg") repeat-x;
	width:0px;
	height:100%;
	cursor: pointer;
}


.jp-play-bar {
	background: url("js/jp_volumebarvalue.jpg") repeat-x;
	width:0px;
	height:100%;
}


.jp-seeking-bg {
	background: url("js/jplayer_blue_monday_seeking.gif");
}
.jp-playlist {display: none; }
.jp-no-solution { padding: 0.5em; background-color: lightgrey; text-align: center; position: absolute; top: 0;box-sizing: border-box;width: 100%; display: none; z-index: 70; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 
}
p#jp-no-solution-css  {color: black;  font-weight: bold; line-height: 1em; } 
#cabecalho .jp-no-solution a:link 
{color: crimson; white-space: nowrap; }
#cabecalho .jp-no-solution a:visited 
{color: inherit; }
.jp-no-solution span { font-size: 1em; display: block; text-align: center; font-weight: bold; }
.manchetetarja { display: block; display: flex; width: 48em; height: 4em; overflow: hidden; background-repeat: no-repeat; background-size: contain; background-position: 50%; z-index: -10; white-space: nowrap; }
#cabecalho .manchetetarja { position: absolute; right: 10.9em; right: 10.9vw; top: 0.5em; top: 0.5vw; margin: 0 0 0 1em; background: url("mmicone.png") 50% -0.5em/auto 130% no-repeat; }
#cabecalho .comvaral {width: 31em; left: 37.9em;}
#cabecalho .comvaral .voltar, #cabecalho .comvaral .avancar {
display: block; font-weight: bold; background: rgba(0,0,0,0.6); position: absolute; top: 0em; width: auto; height: 100%; font-size: 20px;  font-weight: bold; color: white; z-index:100; padding: .8em .4em;}



.searchgoogle {display: block; position: absolute;top: -0.05em; top: 0.1vw; right: 0; border: 0.2em solid black;z-index: 10;background: black; size-boxing: content-box; padding-bottom: 0.05em;}
.searchgoogle, .jp-audio { margin: 0 0.5em; margin: 0 2.5vw; }
.escondedor {height: 4em;}

 .searchgoogle:after, .jp-audio:after, .searchgoogle:before, .jp-audio:before { content: ""; display: block; background: black; width: 3em; height: 120%; position: absolute; left: -1.75em; top: -0.2em; z-index: -1;}

.searchgoogle:after, .jp-audio:after { left: initial; right: -3em;}
.searchgoogle input[type="text"] {width: 14em; margin: 0 ;padding: 0.02em 0.2em;float: left; position: relative;top: 0.03em;height: 1.21em; font-size: 1.35em; background: white; font-weight: bold;  }
.searchgoogle input[type="text"]:active {border: 0;}
.searchgoogle input[type="text"]:focus, .searchgoogle input[type="image"]:focus {outline: 0.01em dashed gray; outline-offset: -0.15em; }
 .searchgoogle input[type="image"], .searchgoogle input[type="reset"] {float: right; background-color: whitesmoke;border: 0.15em outset lightgray;padding: 0.2em ;cursor: pointer;margin: 0; }
.searchgoogle input[type="image"] {height: 1.18em; }
.searchgoogle input::-webkit-input-placeholder, .searchgoogle textarea::-webkit-input-placeholder {color: darkgray; font-size: 0.75em; position: relative; top:-0.1em; left: 0; }
.searchgoogle input::-moz-placeholder, .searchgoogle textarea::-moz-placeholder {color: darkgray; font-size: 0.75em; position: relative; top:-0.1em; left: 0; }
.searchgoogle input::-ms-input-placeholder{color: darkgray !important; font-size: 0.75em !important;position: relative !important;top:-0.1em !important;left: 0 !important;}
.searchgoogle textarea::-ms-input-placeholder {color: darkgray !important; font-size: 0.75em !important;position: relative !important;top:-0.1em !important;left: 0 !important;}
.searchgoogle input::placeholder, .searchgoogle textarea::placeholder {color: darkgray; font-size: 0.75em; position: relative; top:-0.1em; left: 0; }
.searchgoogle input:focus::-webkit-input-placeholder{color:transparent;}
.searchgoogle input:focus::-ms-input-placeholder{color:transparent;}
.searchgoogle input:focus::-moz-placeholder{color: transparent;}
.searchgoogle input[type="image"]:active, .searchgoogle input[type="image"]:active .ativado {border: 0.15em inset lightgray;}
.searchgoogle span {display: none;}
 .epigrafe {margin-top: 70px; text-align: right; font-style: italic; font-size: 1.2em;}
.epigrafetitulo {text-align: right; font-size: 1.15em;padding-bottom: 60px; }
a:link.rodape {font-weight: bold;font-size: 0.75em;position: relative;top:-0.5em;}
.marcador { position: absolute; top: -6em; top: -22vh; 

}
.commarcador {position: relative; clear: both; }
p.citacao .marcador, p.footnote .marcador {position: absolute; top: -6.5em; top: -23vh;}
p.citacao, p.footnote {position: relative;margin: 2em; }
p.citacao {font-size: 0.93em;font-style: italic; line-height: 150%;}
.citacao span {font-style: normal;}
.novo {font-weight: 900; font-size:1.4em; color: red; margin-left: 1em; animation: novoanim 2s infinite;}
@keyframes novoanim {50% {color: yellow;}}

.referencia { font-size: 0.95em;}
.figura {font-weight: bold;}
.quadro {padding: 0.3em;margin: 0 0 1em 0.6em;float: right; color: black; background: lightgray;border: 1px solid lightgray;max-width: 75%;text-align: center;
}
h2 .quadro {margin-bottom: 0; border-top: none; font-size: 0.6em;}
.grande {width: 35em; }
.quadro p { text-align: center; margin: 0.3em; }
.quadro + p {text-align: left; }
.esquerda {float: left; margin:0 0.8em 1em 0;}

h3 .quadro {position: relative; top: -0.45em;}
h3 .quadro, h4 .quadro {font-size:0.7em; }
.quadro hr {height: 2.3em; width:0.1em; align:left; display:inline-block; position: relative; top: 0.7em; }
.foto { background: white;padding: 0;box-sizing: content-box;border: 0.1em solid black; text-align: center; width: 98%; max-width: 35em; overflow: hidden; font-size: 0.65em;margin: 0.2em;display: inline-block; max-height: 18em; position: relative; min-height: 4em; }
.grande .foto {max-width: 98%; max-height: 30em; }
.pequeno, span.pequeno {max-width: 18em; overflow: hidden; text-overflow: ellipsis; }
.thumb {max-width: 10em; max-height: 6em; float: left;  }
.comprido .foto {max-height: 100%; height: 100%;}
 .somenteprint {display: none;}
.foto a {text-decoration: none; background: transparent; }
.foto img {max-width: 100%;max-height: 100%;}
.foto:active, .foto.ativado {background: deeppink;}
.largo img {max-height: auto;} 
.paracima {position: relative; top: -10em; z-index: 0; }
.foto a:hover, .foto a:focus  {opacity: 0.7; cursor: pointer; }

 .foto span {background: rgba(255, 255, 255, 0.85); margin: 0.5em; display: inline-block; max-width: 95%; text-align: center;border: 0.1em solid black; position: absolute;bottom: 0; left: 0; padding: 0.3em; font-size: 1.3em;overflow: hidden; }
.foto .oculta   {display: none;}
.foto a:hover ~ span {opacity: 0.1; }
.foto span img {width: auto; height: 1.2em; position: relative; top: 0.3em;}
.foto  span a:link, .foto  span a:visited {background: transparent; text-decoration: underline;}
.close,  .fotoslide {display:none; }

.foto:target, .grandecelular .foto:target { background-color: rgba(0,0,0); background-color: rgba(0,0,0,0.9); position: fixed; top: -1%;top: -1vw;left: -1%;left: -1vw;width: 105%;max-width: 105%;width: 105vw; max-width: 105vw;height: 101%;max-height: 101%;height: 101vh; max-height: 101vh; -webkit-animation-name: fotozoom; -webkit-animation-duration: 0.2s; animation-name: fotozoom; animation-duration: 0.2s;z-index: 20; color: white; font-size: 1.1em;font-size: 1.65vw;}
@-webkit-keyframes fotozoom { from {-webkit-transform:scale(0)}
 to {-webkit-transform:scale(1)}
}
@keyframes fotozoom { from {transform:scale(0)}
 to {transform:scale(1)}
}
.foto:target img {max-height: 90%; max-height: 90vh; height: 90%; height: 90vh; width: auto; max-width: 85%;max-width: 85vw;margin-top: 2%; margin-top: 5vh;cursor: auto; top: 0; position: relative; }
.largo:target img { width: 100%; height: auto; }

.foto:target a:hover {background: transparent; opacity: 1;}
.foto:target a:focus, .foto:target a:active, .foto:target a:active .ativado 
 {outline: none !important; opacity: 1; }
.foto:target span {background: rgba(0,0,0,0.7); margin: 0 1em 1em; margin: 0 2vw 1vw;width: 90%; width: 91vw; max-width: 91vw; padding: 0.8vw; 
display: inline-block; 
}

 .foto:target a:hover ~ span {opacity: 1;}

 .foto:target a:active ~ span, 
 .foto:target a:focus ~ span 
 {opacity: 0.1; }
.foto:target span {left: 1.3em; max-width: 84%; }
.foto:target span a:link, .foto:target span a:link.escondido {white-space: normal; background: rgba(255, 255, 255, 0.75);}
.foto:target span a:visited, .foto:target span a:visited.escondido {background: rgba(169, 169, 169, 0.01);}
.foto:target span a:active, .foto:target span a:focus {color: white;}
.foto:target span img {width: auto; height: 1.2em; position: relative; top: 0.3em;filter: invert(100%);-webkit-filter: invert(100%); margin: 0.2em; margin-top: 0;}
.foto:target .close, .foto:target .fotoslide {display: block; font-weight: bold; background: rgba(0,0,0,0.6); position: absolute; top: 0.2em; right: 1.5em; font-size: 60px; font-size: 7vw; font-weight: bold;color: white; z-index:100; }
.foto:target .close {right: 0.95em;}
.foto:target .close:hover, .foto:target .close:focus, .foto:target .fotoslide:hover, .foto:target .fotoslide:focus, .foto:target .fotoslide:active, .foto:target .fotoslide:active .ativado {background: rgba(0,0,0, 0.2); color: #bbb; cursor: pointer; opacity: 0.8; }
.foto:target .close:active, .foto:target .close:active .ativado,  .foto:target .close:focus, .foto:target .fotoslide:focus, .foto:target .fotoslide:active, .foto:target .fotoslide:active .ativado   {outline: dashed 0.08em grey !important;  }
.foto:target .fotoslide {display: block; background: rgba(0,0,0,0.6); position: absolute; top: 40%; right: 1.2em; font-size: 40px; font-size:5vw; color: white; padding: 0 0.2em; width: 0.6em; }
.foto:target .escondido {display:inline; background: transparent; margin: 0; position: static; width: auto; max-width: auto; padding: 0; font-size: 0.95em;}

.antes {left: 0.2em;}
a.botao, #cssmenu a.botao { display: block; display: inline-block; width: 2em; height: 2em; border: 0.2em outset lavenderblush;margin: 0.15em;padding: 0.1em; border-radius:20%;-moz-border-radius:20%;-webkit-border-radius:20%;  cursor: pointer; text-align: center; }
a.sesc {width: auto; border-radius:.5em ;-moz-border-radius:.5em ;-webkit-border-radius:.5em ; background: black;}
a.botao:hover, a.botao:focus {background: lavenderblush;}
p.pdfjslink:after {content: "(final da página):";}
 a.botao:active,  a.botao.ativado, #cssmenu a.botao:active, #cssmenu a.botao.ativado, a.premido {border: 0.2em inset lavenderblush; background: pink;}
a.botao img {width: 100%; height: auto; border-radius:10%;-moz-border-radius:10%;-webkit-border-radius:10%;-webkit-font-smoothing:antialiased;}
a.sesc {width: auto; border-radius:.5em ;-moz-border-radius:.5em ;-webkit-border-radius:.5em ; background: black;}
a.sesc:hover, a.sesc:focus {background: indigo;}
a.sesc img {height: 100%; width: auto;}
a.sesc:active,  a.sesc.ativado {border: 0.2em inset lavenderblush; background: pink;}

.mmjanelaframe { width: 100%; height: 500px; height: 82vh; border: 2px solid grey;position: relative; background: silver;
}

.fb-like {position: relative; left: -1em; width: 2.3em;}

h4 .botao {font-size: 1.3em;}

 input[type=checkbox].maximizar {display:none; }
 input[type=checkbox].maximizar + label:before {background: transparent;background-image: url("icontelacheia.png"); background-size: 100% 100%; -webkit-background-size: 100% 100%; content: "\00a0";display: inline-block; position: relative; margin: 0.2em; border: 0.05em outset white; -webkit-animation: cabecalhomaxanim linear 0.2s 5 5s; -o-animation: cabecalhomaxanim linear 0.2s 5 5s;animation: cabecalhomaxanim linear 0.2s 5 5s;}
@keyframes cabecalhomaxanim{
00% {background-color: black;}
50% {background-color: white;}
100% {background-color: black;}

}

 input[type=checkbox].maximizar:checked + label:before {background: transparent; background-image: url("iconminimiza.png"); background-size: 100% 100%; -webkit-background-size: 100% 100%;  color: #FFF;content: "\00a0";text-align: center; border: 0.05em outset white;  }
input[type=checkbox].maximizar:active + label:before {border: 0.05em inset white; }

input[type=checkbox]#cabecalhomax + label:before {font-size: 0; font-size: 2vw; position: fixed; width: 0.75em; height: 0.75em; top: 0.05em;right: 0.1em;z-index: 12; tabindex: 0; }
input[type=checkbox]#cabecalhomax:active + label:before, input[type=checkbox]#cabecalhomax:checked:active + label:before {background-color: rgb(100,100,100, 10); border: 0.05em inset white;}
input[type=checkbox]#cabecalhomax:checked + label:before {border: 0.05em outset white; background: transparent; background-image: url("iconminimiza.png");  -webkit-background-size: 100% 100%; background-size: 100% 100%;}
input[type=checkbox]#cabecalhomax:checked ~ .estrutura {font-size: 1.6vw;padding-left: 21.5vw; padding-top: 1.5em; padding-right:0.35em; }
input[type=checkbox]#cabecalhomax:checked ~ .estrutura p.espacomenu { max-width: 32vw; }
input[type=checkbox]#cabecalhomax:checked ~ .estrutura  p.espacomenu a:nth-child(1),
input[type=checkbox]#cabecalhomax:checked ~ .estrutura  p.espacomenu a:nth-child(2) 
{ display: none; }	
input[type=checkbox]#cabecalhomax:checked ~ .estrutura
.searchgoogle:before, input[type=checkbox]#cabecalhomax:checked ~ .estrutura .jp-audio:before { left: -0.9em;}
input[type=checkbox]#cabecalhomax:checked ~ .estrutura .mmshare {left: 92.8vw; width: 3.5em; }
input[type=checkbox]#cabecalhomax:checked ~ .estrutura .mmshare a.botao {margin-left: 0.1em;}
input[type=checkbox]#cabecalhomax:checked ~ .estrutura .foto:target span {font-size: 1.6em;}
label {cursor: pointer;}



#cssmenu ul, li { list-style: none;}
#cssmenu ul { position: relative; z-index: 597; float: left;}

#cssmenu ul li.hover, #cssmenu ul li:hover, #cssmenu ul li a:focus  { position: relative; z-index: 599; cursor: default;}
#cssmenu ul li ul { visibility: hidden; position: absolute; top: 0; left: 100%; z-index: 598; width: 100%;}
#cssmenu ul ul li { float: none;}
#cssmenu ul[visibility: hidden] ul {visibility: hidden;}
#cssmenu ul li:hover > ul, #cssmenu ul li a:focus + ul { visibility: visible;}
#cssmenu ul li > a:focus + ul {left: 12.9em; }
#cssmenu ul:hover li a:focus + ul {visibility: hidden;}
#cssmenu ul:hover li:hover a:focus + ul, #cssmenu ul:hover li a:focus + ul:hover {visibility: visible;}
#cssmenu ul li ul li a:focus + ul {visibility: hidden !important;}
#cssmenu ul li ul li:hover a:focus + ul {visibility: visible !important;}
#cssmenu ul li { float: none; display: block; position: relative;}
#cssmenu ul:after { content: ''; display: block; clear: both;}
#cssmenu {position: fixed; top: 5.1em; left: 0; padding: 0.5em 0.5em 1em 0.8em;z-index: 15; font-weight: 600;background: black; width: 11.87em;display: block; color: white; overflow: visible;transition: left 0.4s; }
#cssmenu:after, #cabecalho:after {font-size: 1em;position: absolute; display: block;content: "\00a0";bottom: -1.25em; left: 0;background-color: transparent;background-image: url('degradeblk.png');background-repeat: repeat-x;background-size: contain; width: 100%; height: 1.3em; z-index: 5;}
#cssmenu ul {min-height: 1px;width: 11.9em; margin-bottom: 1em;}
#cssmenu li {width: 99.7%; transition: padding 0.2s; display: block;  }
#cssmenu a {white-space: normal; display: block; font-weight: 700;text-decoration: none;background-color: brown; border: 0.1em solid black; color: black; line-height: 160%; position: relative; font-size: 0.99em; padding: 0; margin: 0; }
#cssmenu span {display: block; padding: 0.3em 0.6em; background: lightgrey; width: 10.6em;}
#cssmenu li,#cssmenu ul ul li { background: black;}
#cssmenu li a:focus span {color: brown;} 
#cssmenu li:hover   { padding: 0 1em 0 0;background: brown;}
#cssmenu li.titulodeindice  {padding: 0 0.75em 0 0;background: grey;}
#cssmenu li.titulodeindice  span {color: dimgrey; }
#cssmenu li.titulodeindice ul li span {color: black; }
#cssmenu li.titulodeindice:hover  span {color: brown; }
#cssmenu li.titulodeindice:hover  ul li span {color: black; }
#cssmenu li.titulodeindice:hover  ul li:hover span {color: brown; }
#cssmenu li.titulodeindice:hover  ul li:active span {color: indigo; }
#cssmenu li.titulodeindice:hover  ul li:hover ul li span {color: black; }
#cssmenu li.titulodeindice:hover  ul li:hover ul li:hover span {color: brown; }
#cssmenu li.titulodeindice:hover  ul li:hover ul li:active span {color: indigo; }
#cssmenu li.titulodeindice:active  span {color: indigo; }
!#cssmenu ul:hover li.titulodeindice {padding: 0; }
#cssmenu ul:hover li.titulodeindice:hover {padding: 0 1em 0 0; background: brown;}
#cssmenu ul li a:focus  { width: 13em; background: brown;-moz-user-focus: ignore;}
#cssmenu ul li:active, #cssmenu ul:hover li.titulodeindice:active   { background: indigo;}
#cssmenu ul li ul li  { width: 11.92em; }
#cssmenu ul li a.ativado {background: indigo;}
#cssmenu ul:hover li a:focus {width: 11.7em;}
#cssmenu a:hover, #cssmenu li:hover > a { color: brown;}
#cssmenu li:hover ul {width: 11.9em;}
#cssmenu a:active, #cssmenu li:active > a, #cssmenu li:hover a:active span, #cssmenu li a.ativado span  { color: indigo; -moz-user-focus: ignore;}

#cssmenu p {clear: both; padding: 0;text-align: center; line-height: 1.5em;}
#cssmenu p a {display: inline-block; width: auto; text-align: center; position: relative;padding: 0.2em; background: lightgray;}
#cssmenu p a.esquerdo {display: inline-block;width: 5em;}
#cssmenu a.botao {width: 2.3em; height: 2.3em; background: lightgray;}
#cssmenu a.has-sub span:after, #cssmenu .esquerdo:after, #cssmenu .direito:after {content: '';position: absolute; left: 10.65em; top: 0.42em; height: 1.5em;width: 1.5em;background: transparent no-repeat 50% 0 ; background-size: 1.5em; background-image: url("nav_black.png");}
#cssmenu li.titulodeindice > a {color: brown;}

#cssmenu .esquerdo:after, #cssmenu .direito:after {position: static;display: block; width: 100%; }
#cssmenu .esquerdo:after {background-image: url("nav_left.png");}
#cssmenu a.direito {float: right;margin-right: 0.3em; width: 5em; text-align-last: center;text-align: center; }
#cssmenu li.primeiromenu a {margin-top: 0.55em; }
#cssmenu li.primeiromenu a span:after {content: "(topo)"; }
#cssmenu .expandido li  {width: 21.2em;}
#cssmenu .expandido li span  {width: 20em;}


#cssmenu.indices span {background: PaleGoldenrod;}

.mmshare {display: table;position: fixed; right:0.5em; left: 94vw; top: 110px; top: 9.8vw;  background: lightgray; width: 4.5em; table-layout: fixed; overflow: hidden; padding-left: 0.2em;}
.mmshare a.botao {font-size: 1.2em; float: left; clear: both; margin-left: 0.6em;}


.portifolio {width: 950px; max-width: 90%;min-width: 380px; margin: 2.6em 0 3em 5%; position: relative; overflow: hidden;background: lightgray; border: 2px solid gray;}
.conteudo > .portifolio {margin-top: 1.65em;}
.portifolio a:link {white-space: normal; }
.destaque {position: absolute;top: 0;left: 0;height:100%;width: 35%; display: block;opacity: 0; transition: opacity 1s; background-size: cover; background-position: center top; z-index: 4; }
.destaquetexto { font-size: 0.8em; position: absolute; bottom: 20px; left: 0.1vw; display: block;width: 15%; text-align: left; margin-left: 20px;color: white;background: rgba(0, 0, 0, 0.8); padding: 1em;z-index: 7; opacity: 0; max-height: 23em; overflow: hidden;}
.destaquecurto {max-height: 18em;}
.destaquemuitocurto {max-height: 14em;}
 .meio, .cima {top: 150px; overflow: hidden; text-overflow: ellipsis;}
.cima { top: 20px; }
.meinho { bottom: 150px; }
.mostruario {overflow: hidden; 
display: block; width: 100%; margin-top: 10px; border-bottom: 2px solid ; border-bottom-left-radius: 0; position: relative; page-break-inside: avoid; 
}
.ultimo	{border-bottom: none; }
.mostruario  p, .mostruarioalt {position: absolute; margin:0; 
display: block; 
height: 100%;
 width: 45%; 
white-space: nowrap; 
overflow: hidden;
}

.mostruario img {width: 100%;max-width: 100%; max-height: 2000px; height: auto; }

.mostruario .quadro {min-width: 112px; margin: 0; position: relative; z-index: 9;}
.mostr2 { position: relative; }
p.mostruariologo img {height: 3em; width: auto; margin-left: 0.3em; top: initial; }
.mostr2 p {font-size: 1.1em; font-weight: bold;position: relative; background: lightgray; display: block; width: 50%; 
height: auto; min-height: 73px; top: 0; float: right;  z-index: 5; transition: padding 1s, left 1s; padding: 0.3em; text-align: right; text-overflow: ellipsis; overflow: visible; white-space: normal; line-height:1em; margin:0;

 }
.mostr2 a:link {color: brown; text-decoration: none; white-space: normal; display: inline-block; text-align: right; padding: 0.2em;

}
.mostr2 a:visited {color: dimgrey; }
.mostr2 a:hover {color: crimson; overflow: hidden;}
.mostr2 a:active, .mostr2 a.ativado {color: deeppink; background: lavender; outline:none !important; }
.mostr2 p:before { content: url("degradelado.png");height: 100%; overflow: hidden; position: absolute; top:0; left: -2.22em; display: block;}
.mostr2 .subtitulo:before {display: inline; }
.mostr2 p:hover {padding-left: 10%; z-index: 9; }
.portifolio:hover a:focus {background-color: transparent;}
.mostruario:hover a:focus {background-color: white;}
.mostruario:hover + .destaque, .mostruario:hover + .destaque + .destaquetexto { opacity: 1;}
.mostruario img.mostruarioprt {display: none;}
.linkdemostruario {white-space: nowrap;}

.varal { display: inline-block;height: 100%; position: absolute;  }
.tarja {display: inline-block; height: 100%; width: auto; white-space: nowrap; position: relative; }
.tarja img {height: 100%; width: auto; max-width: initial; }

.anim1 { -webkit-animation: cog-anim linear 120s infinite ;-o-animation: cog-anim linear 120s infinite ;animation: cog-anim linear 120s infinite ; }

@keyframes cog-anim {
0% {left: 0; }
100% {left: -49.6%; }
}

.comvaral img {margin: 0 0.2em; }

.anim2 { -webkit-animation: tarja-anim linear 30s infinite ;-o-animation: tarja-anim linear 30s infinite ; animation: tarja-anim linear 30s infinite ; }


.anim2:hover {animation-play-state: paused;}


@keyframes tarja-anim {
0% {left: 0; }
100% {left: -49.95%; }
}


#tabelacor {
background-color: lightgray;
border: 5px solid ; 
font-family: 'PT Sans';
  border-collapse: collapse;
width: 80%;
text-align: center; 
float: right;}



#tabelacor tr {border: 3px solid; }
#tabelacor tr:nth-child(1), #tabelacor tr:nth-child(1) td, #tabelacor tr:nth-child(1) th {font-weight:bold; font-size:115%; border: 3px solid; border-collapse: separate;}
#tabelacor td {border: 1px solid; text-align: center;  padding: .3em 0 .3em 0;}
#tabelacor th {background-color: grey;}


@media only screen and (max-width: 1095px) {
 .portifolio {max-width: 98%; margin-left: 1%; }
 .destaquetexto {font-size: 0.71em; margin-left: 5px; }
.destaquecurto {max-height: 15em;}

}
 @media only screen and (max-width: 901px) {

.destaque {left: -2.5em;}
.conteudo {background: rgba(245, 245, 245, 0.96); }
.destaquetexto {display: none; }
.jp-current-time,.jp-duration {font-weight: bold; }
.mostruario img {position: relative; right: 30px; }
.mostruario .tarja img {right: 0;}
.mostruariologo img {right: 0; }
.mostruario .botao img {position: static; }
h1 {font-size: 1.8em;}
h2 {font-size: 1.6em; }
h2 + p {font-size: 1.07em;}
input[type=checkbox]#cabecalhomax + label:before {height: 1.4em;} 
.grandecelular {width: 35em;}
.grandecelular .foto {max-width: 98%; max-height: 30em; }
#cabecalho h1 {font-size: 2.2em;}


}
@media screen and (max-width: 770px) { 
.manchetetarja, #cabecalho p,  #cssmenu ul ul li, .destaque, #cssmenu a.has-sub:after, .searchgoogle:before, .searchgoogle:after, .jp-audio:before, .jp-volume-controls, .jp-audio:after,  .maximizar  ~ label, #cabecalho h1 span {display: none; }
 a:link {white-space: normal; }
.estrutura, input[type=checkbox]#cabecalhomax:checked ~ .estrutura { font-size: 2vw;-webkit-padding-start: 2.5em; padding: 4em 0.5em 0 4em;}
.mmshare {font-size: 0.8em; left: 0.5em; max-width: 3.5em; top: 11.5em; }
input[type=checkbox]#cabecalhomax:checked ~ .estrutura .mmshare {left: 0.5em;}
.mmshare a.botao {margin-left: 0.1em;}
.conteudo, .conteudo li {font-size: 17px; margin-right: 0; }
 .conteudo li {margin-left: 1.5em; padding: 0.3em; list-style-type: disc; font-size: 92%; text-align: left;}
.compdf {padding-bottom: 0; margin-bottom:0; }
.conteudo p {line-height: 120%; }
h2:before {padding-top: 3em;}
 h3 {font-size: 1.2em; }
.espacomenuh3 {padding: 1em 0 1em 1em;}
#cabecalho p, #cabecalho p.over {max-width: 16.65em; display: inline-block; }
.searchgoogle { margin: 0.2em;left: 31.5em; width: 17.8em; border: none; }
.searchgoogle input[type="text"] {width: 9.5em; }
.jp-audio { left: 30.3em; border: none;width: 17.2em; margin-top: 0.2em;  }
.jp-interface {width: 17.8em; } 
.jp-duration { font-size: 0.8em; float: left; }
.jp-progress {width: 5em; right: -0.2em;}
.mostradormp3 {font-size: 0.8em; width: 11em; right: -0.2em; top: 0.15em;}
#cabecalho .mostradormp3 p {max-width: 999em;}

.epigrafe, .epigrafetitulo {font-size: 1em;}
p.citacao {font-size: 0.87em;}
.quadro {padding: 0;}
.foto span {font-size: 1.1em;}
.foto {max-width: 20em; max-height: 14em;}
.grande .foto {max-width: 100%; }
.curto {height: auto;width: 40%;}
.thumb {max-width: 7.5em; max-height: 4.5em;}
.foto:target img {height: auto; }
.foto:target span {font-size: 1.45em; opacity: 1; }

#menuresponsivo {position: fixed; top: 1.7em; left: 0; z-index: 10; font-size: 3em;}
#menuresponsivo:before {content: "";width: 1.15em;height: 1.1em; background: url("menuresponsivo.png") no-repeat;background-size: contain;position: fixed; font-weight: bold; }
#menuresponsivo:after {padding: 0 0.02em 0 0 ; position: relative; display: block;content: "\00a0";bottom: -0.75em; box-sizing: content-box;background-color: transparent;background-image: url('degradeblk.png');background-repeat: repeat-x;background-size: contain; width: 1.13em; height: 0.5em; }
#cssmenu {font-size: 0.335em;left: -55em; }
#cssmenu a.has-sub span:after {content: ''; background-image: url("");}

#menuresponsivo:hover > #cssmenu,#cssmenu:hover { left: 0; }
.maximizar ~ label {display: none; }

}
 @media only screen and (max-width: 769px) and (orientation: portrait) { 
.foto:target span {font-size: 2.2em; margin-bottom: 5em; }

}
@media only screen and (max-width: 450px) { 
p.espacomenu a:nth-child(1), #cabecalho p.over {display: none;}
.estrutura, input[type=checkbox]#cabecalhomax:checked ~ .estrutura  {font-size: 0.75em; padding-left: 3em; padding-bottom: 0; }
.estrutura:after {width: 60%; left:25%; }

.conteudo {padding-bottom: 4em; margin-bottom: 22em; font-size: 1.4em;}
.conteudo p {line-height: 1.5em;}
#cabecalho, .mostr2 p {font-size: 3.2vw; }
h1 {font-size: 2.2em; }
h2, h3 {margin-left: 1vw; }
#cabecalho h1 
{margin-top: 0.1em; font-size: 1.8em; left: 7.2em;}
.escondedor {height: auto;}
.mmshare { font-size: 3vw; top: 10em;}
input[type=checkbox]#cabecalhomax:checked ~ .estrutura .mmshare  {top: 10em; left: 0.22em;}
.conteudo p a {white-space: normal; }
p.citacao, p.footnote {margin: 0.8em 0.65em;}
.espacomenu {margin-left: 13em;}
.espacomenuh3:target {padding-top: 15vw; }
.espacomenuh4:target:before {height: 5vh;} 
.marcador, p.citacao .marcador, p.footnote .marcador  { top: -12vh;}
.searchgoogle{left: 12.9em; top: 2.3em;width: 18em; }
.searchgoogle input[type="text"] {width: 9.3em;}
.searchgoogle input[type="image"] {margin-right:0.3em;}
.jp-interface {font-size:0.8em; width: 22.3em; position: relative; left: -0.2em; } 
.jp-duration { font-size: 0.8em; float: left; }
.jp-progress {width: 5em; right: 0.52em;}
.mostradormp3 {font-size: 0.9em; width: 15em; right: 0.5em;  top: 0.15em;}
.jp-audio {left: 12.4em; width: 18em; top: 2.3em; }
.jp-current-time {position: relative; top: 0.2em;}
#cabecalho .mostradormp3 p {max-width: 999em;} 
@keyframes jplayeranim{0% {opacity: 0; right: -3em;}
5% {opacity: 1; }
10% {right: -3em;}
90% {right: 90%;}
 95% {opacity: 1; }
100%{opacity: 0; right: 90%;}
}
.mmjanelaframe { height: 87vh; }

.mmshare {left: 0.21em; }

#menuresponsivo {top: 1.6em;font-size: 10vw; }
#cabecalho p {max-width: 16.7em;}

	
.quadro {font-size: 0.8em; max-width: 96%;}
.foto span  {height: 0.88em; margin-bottom: 0.3em; font-size: 1.5em; border: 3px solid grey; }
.foto span:before {display: block; content: "(clique para legenda)";}
.foto:target span {height: initial; font-size: 2.8em; }
input[type=checkbox]#cabecalhomax:checked ~ .estrutura .foto:target span {font-size: 3em;}
.foto:target .close {font-size: 6em; }
.foto:target img {width: 90%; height: auto; margin-top: 8.5em; }
.foto:target span img {margin-top: 0;}
.foto:target span:before {display: none;}
.conteudo, .portifolio {max-width: 90%; min-width: 90%; margin-left: 0.5em; }
.compdf {padding-bottom: 0; margin-bottom:0; }
.portifolio .subtitulo {font-size: 0.8em;}
.mostruario  p {width: 60%;}
.mostr2 p {line-height: 1em; width: 50%; font-size: 4vw; }
.mostr2 p:before {left: -2.75em; }
a.botao img {min-width: initial;}
.mostruario .quadro {min-width: 32px; }

}	
 @media only screen and (max-width: 320px) {.mostr2 p {font-size: 15px; width: 40%;}

}






@media print {
.estrutura {padding: 0 0 0 13.5em; font-size: 8px;}
.conteudo {font-size: 15px;  margin: 0; padding: 0 0 0 3em; padding: 0 0 0 3vw;max-width: 100%; overflow: hidden;border-left: 1px solid lightgray; }
.searchgoogle, .jp-audio, .homing, .manchetetarja, .tarja,  #cssmenu ul ul li, .estrutura:after, .iframecabecalhoie8, input[type=checkbox].maximizar + label:before, input[type=checkbox].maximizar:checked + label:before, #cabecalho:after, #cssmenu a.direito, #cssmenu p a.esquerdo, #cssmenu a.has-sub:after, a[faixa], #cssmenu a[title="Visualizador padrão de pdf (fim da página)"],  #cssmenu a[title="arquivo pdf (download)"], #cssmenu a[title="Visualizar com Google Docs (fim da página)"], #cssmenu a.has-sub span:after, #cssmenu:after, .mostr2 p:before, p.espacomenu a:nth-child(1), p.espacomenu a:nth-child(2)        
  {display: none;}

 #cabecalho {padding: 0.5em; border: none; width: 12em; min-width: 12em; height: auto; border-bottom: 1px solid silver; overflow: hidden; top: 2.2em;}
#cabecalho,  #cabecalho a, #cabecalho p, #cssmenu, #cssmenu li, #cabecalho a:visited, #cabecalho span, .logo, h1, .conteudo, .estrutura, p.over, #cssmenu a, .logocaixa {background: transparent url(""); }
 #cabecalho a, #cabecalho a:visited, #cabecalho span,  #cabecalho .espacomenu a, #cabecalho .espacomenu a:visited { color: dimgray;}

#cabecalho p {clear: both; text-shadow: none; line-height: 2em; margin-bottom: 2em;font-size: 1.2em; line-height: 125%; color: dimgray; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 92%;  }

.logocaixa {padding: 0.1em ; position: static; border-left: 0.1em solid silver;width: 12.5em;}
.logo {margin: 0.3em; }
.logo img {display: inline;}
.espacomenu {margin-left: 0; border-left: 0.1em solid silver; border-bottom: 0.1em solid silver;border-right: none; background: black; color: red; overflow: visible;  }


#cabecalho p.over {border-top: 0.1em solid silver;border-right: none; border-left: none;  white-space: normal; height: initial; max-height: 100%; }

.paginaprint{
position:fixed;
bottom:0pt;
right:0pt;
font-size: 3em;
color: red; 		
}

div.paginaprint:after{
counter-increment:page;
content:counter(page);
}

input[type=checkbox]#cabecalhomax:checked ~ .estrutura #cabecalho p.over{ max-height: 16em; }
h1 {text-shadow: none;color: black; font-size: 2.2em; margin: 0 0 1em 0; }
h2:before {padding: 1em 0 0 0; }
h2 {margin: 0 0 0.5em 1em; page-break-before: always;}
h2 + p {margin-bottom: 1em;}
h3 {-webkit-padding-before: 0.8em;padding: 0.5em 0 0 0; page-break-inside: avoid; margin-bottom: 1em;}

.espacomenuh3:target {padding-top: 0.5em; }
h2 .quadro, h3 .quadro {position: relative; top: -0.9em; width: auto;}
h3 .quadro {top: -0.84em;}

h4 .quadro {position: relative; top: -0.4em; width: auto;}
h3,  h3 + p, h4, h4:before, h4 li, h4 li span, h4 .quadro  {margin: 0 0 0 1em; page-break-inside: avoid; page-break-after: avoid;}
h3 + p, h4, h4 li, h4 li span, h4 .quadro  {page-break-inside: avoid; page-break-before: avoid;}
h4:before {page-break-before: auto;}

#cssmenu {position: absolute;top: 40em;border-top: 1px solid silver; border-right: 1px solid silver;  max-height: 50vh;}
input[type=checkbox]#cabecalhomax:checked ~ .estrutura #cssmenu { top:35em;}

#cssmenu a, #cssmenu a:visited {color: dimgray; border: 0.1em solid dimgray; padding: 0.4em; }
#cssmenu li.primeiromenu a {background: transparent url (""); border: none; }
#cssmenu li.primeiromenu a span { background: transparent; margin: 2em 0 1em; }
#cssmenu li.primeiromenu + p {display: none;} 
#cssmenu li.primeiromenu a span:after {content: "Neste documento:"; }
#cssmenu li.raiz a span:after {content: "Disponível neste site:"; }
.quadro {page-break-before: avoid; page-break-inside: avoid;  position: relative; margin: 0.5em 1em;  width: auto; z-index: 2;}
.quadro a {white-space: normal;}
.pequeno { width: initial;}
.foto, .foto:target, .quadro .mostruarioalt {display: inline-block; max-width: 18.5em; height: auto;max-height: 10em; position: relative; pointer-events: none; cursor: none; }
.quadro .mostruarioalt {width: 150%; left: -30%;}
.foto a:hover, .foto a:focus  {opacity: 1;} 
.foto:target {font-size: 1.1em; top: 0.03em; left: 0.03em; }
.foto a {position: relative; }
.foto img, .foto:target img, .quadro .mostruarioalt img {width: 100%;height: auto;max-height: auto; margin-top: 0; }
.foto span {font-size: 0.7em; background: rgba(255,255,255,1); position: absolute; }
.grande {width: 23em; }
 .grande .foto {width: 31.5em;height: 100%; max-height: 15em;}
.foto:target a.fotoslide, .foto:target a.close {display: none;}
.quadro:not(.fotoprintpqno), .quadro:not(.fotoprintpqno) .foto {height: auto; max-height: 2000px;}
.quadro:not(.fotoprintpqno) .foto span {position: relative; font-size: 1.4em;}
.fotoprintpqno .foto span:before {content: url("white.png"); position: absolute; width: 100%; height: 100%; top: -0.4em; left:-0.4em; z-index: -1; } 
.fotoprintpqno .foto span {z-index: 5;}
.somenteprint { display: inline-block; background: white;color: black;position: relative; right: 0; bottom: 0.4em;height: 1em;width: 1em;line-height: 0.9em; font-size: 1.2em;font-weight: bold; margin: 0.1em; text-align: center; }
a.somenteprint {text-decoration: none;}

.foto:target span, .foto:target a:hover + span {opacity: 1; color: black; max-width: 85%; font-size: 60%; background: rgba(255,255,255,1); }
.foto:target span img {filter: none;}
 .conteudo a.botao { width: 25px;height: 25px;}
.conteudo a.botao img {width: 25px;}

.commarcador {clear: none;}

#cssmenu a.botao[title="Visualizar com pdf.js (no final da página)"] {display: none;}
p.pdfjslink {margin: 1em 0 1em;}
p.pdfjslink:after {content: "No arquivo pdf:"; }
.mmjanelaframe {height: 95vh; width: 80vw; page-break-before:always;}
.mmjanelaframe + p {margin-top: 6em}
 .portifolio {width: 95%;max-width: 100%; min-width: 80%; margin: 1.5em 3% 25px 3%;page-break-before:avoid;font-size: 0.9em; overflow: hidden;}
.destaque, .destaquetexto {display: none;}
.mostruario {border-top: 1px solid grey; page-break-inside:avoid; }
.mostruario p, .mostruarioalt  {left: -20%; background: white; max-height: 100%; }
.mostruario p:after, .mostruarioalt:after { content: url("degradelado.png");height: 100%; width: 50px; overflow: hidden; position: absolute; top:0; right: -2px; display: block; z-index: 5;} 
.quadro .mostruarioalt:after {display: none;}
p.mostruariologo {left: 0; margin-top: 5px; }
.mostruario .quadro {width: 3.5em; min-width: 3.5em; border: 0;}
.mostruario img {position: relative; left: 10%; width: 100%; height: auto; z-index: 0;} 

.mostr2 p {width: 58%; left: 0; float: right; white-space: normal; font-size: 16px; line-height:1.3em; background: transparent; position: relative; } 

.mostr2 p:after { display: none;}

 .mostr2 img {position: static;   }
.mostr2logo img {height: 65px; width: auto;margin-left: 0.5em;}
.anim1 {display: none;}
.mostruario img.mostruarioprt  {display: block; }
input[type=checkbox]#cabecalhomax:checked ~ .estrutura .mmshare, .mmshare  {font-size: 1.5em; position: absolute; left: 0.2em; width: 7.5em; top: 75%; }
input[type=checkbox]#cabecalhomax:checked ~ .estrutura .mmshare {font-size: 1.25em;}
.linkdemostruario {white-space: normal;}
.mmshare a.botao {clear: none;}
 }



@page { 
color: red;
counter-increment: page
  @top-center {
margin: 10pt;
content: "página";
font-family: "PT Sans";
font-size: 2em;
}
}