@charset "utf-8";

#site { float: left; width: 100%;}
#site .navegar { float: left; width: 100%;}

#site .espacamento { float: right; width: 100%; margin: 31px 0;}

#site .titulo { float: left; width: 100%;}
#site .titulo h1 { float: left; width: 100%; padding: 22px 20px 20px; outline: 1px solid rgb(90 90 90 / 30%); text-transform: uppercase; text-align: center; font-weight: bold; font-size: 1.4em; line-height: 0;}
#site .titulo h2 { float: left; width: 100%; padding: 22px 20px 20px; outline: 1px solid rgb(90 90 90 / 30%); text-transform: uppercase; text-align: center; font-weight: bold; font-size: 1.4em; line-height: 0;}

#site .texto { float: left; width: 100%;}
#site .texto h2 { float: left; width: 100%; margin: 21px 0; font-size: 1.2em;}
#site .texto h2.center { text-align: center;}
#site .texto h2.justify { text-align: justify;}

#site .erro404 { float: left; width: 100%; padding: 51px 0 71px; position: relative;}
#site .erro404 .nome { float: left; width: 100%; text-align: center; font-weight: bold; font-size: 5em; line-height: 1;}
#site .erro404 .numero { float: left; width: 100%; margin: 20px 0; text-align: center; font-size: 12em;}
#site .erro404 .numero b { padding: 0 20px; outline: 2px solid rgb(150 150 150);}
#site .erro404 .infor { float: left; width: 100%; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 2em; line-height: 1;}


#site .informacoes_legais { float: left; width: 100%; margin: 21px 0;}
#site .informacoes_legais .ident { float: left; width: 100%;}
#site .informacoes_legais .ident h2 { float: left; width: 100%; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 1.1em;}
#site .informacoes_legais .ifo { float: left; width: 100%;}


#site .whatsapp_flutuante { position: fixed; width: 172px; height: 65px; bottom: 20px; right: 2%; z-index: 100; background-image: url('../../imagens/site/whatsapp.png?'); background-position: 50%; background-repeat: no-repeat;}
#site .whatsapp_flutuante:hover { -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%); -moz-box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%); box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);}

@media only screen and (max-width: 1000px){
  #site .espacamento { margin: 21px 0;}
}