body { margin: 0;  }

p, li, table {
font-family: "PT Sans", serif; 
font-size: 1.2em; 
margin: 1em; 
}

#cabecalho, #cabecalho h2 {
font-family: "Ubuntu", sans-serif; 	
text-weight: bold; 
color: white; 
font-size: 5em; 
margin: 0; 
 }


#cabecalho {
min-width: 400px; 
padding: 5px 5px 10px 10px;
font-size: 1em;
height: 5.5em;
background: black;
}


#cabecalho.mmemail {
position: relative;
top:0;
background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 85%, rgba(255,255,255,0) 100%);
}

#cabecalho.comtexto {
height: 6.8em;}



#cabecalho p {
margin: 0 1em;
overflow: hidden; 
display: block;
white-space: nowrap;
text-overflow: ellipsis; 
padding: 0.4em 1em;
position: relative; 
top: -0.6em;
color: white;
}

#cabecalho p.over:hover {overflow: auto;
max-height: 20em; white-space: normal;  z-index: 50; transition: max-height 1s; -webkit-transition: max-height 1s; border-radius: 0.5em; background: rgba(0,0,0,0.7);
}

.conteudo {

background: rgba(245, 245, 245, 0.93) ;
}



a:link {color: crimson;}
a:visited {color: deeppink;}

a:hover img {opacity: 0.6;}

a:focus {outline: dashed 0.01em crimson; }

a.botao { display: block; display: inline-block; width: 30px; height: 30px; border: 5px outset lavenderblush;margin: 0 0 5px 8px; padding: 2px; border-radius:20%;-moz-border-radius:20%;-webkit-border-radius:20%; background-color: whitesmoke; cursor: pointer; text-align: center; position: relative; top:-1em; }
#cabecalho h2 a.botao {top:5px;}
a.botao:hover, a.botao:focus {background: lavenderblush;}
 a.botao:active {border: 5px 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; position: absolute; }

#cabecalho a.botao img {left: -2px;top: -2px;}


table, td {text-align: center; border: 1px solid gray; }
td {width: 11em;  padding: 0.2em; font-size: 90% ; vertical-align: top; }
table img {width: 60px; height: auto;}