html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {margin: 0;	padding: 0;	border: 0; font-size: 100%; font-style: normal; font-weight: normal; vertical-align: baseline; background: transparent;} main, article, aside, figure, footer, header, nav, section, details, summary,img {display: block;} html {box-sizing: border-box;} *,*:before,*:after {box-sizing: inherit;} img,object,embed {max-width: 100%;} ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before,blockquote:after,q:before,q:after {content: ''; content: none;} a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;} del {text-decoration: line-through;} abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;} table {border-collapse: separate; border-spacing: 0;} th {font-weight: bold; vertical-align: bottom;} td {font-weight: normal; vertical-align: top;} hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;} input, select {vertical-align: middle;} input[type="radio"] {vertical-align: text-bottom;} input[type="checkbox"] {vertical-align: bottom;} input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit; outline:none;}input,button,textarea,select{*font-size:100%;}fieldset,input,button,textarea,select{border:none; padding:0; margin:0; background:none;}a{text-decoration:none;} table {font-size: inherit; font: 100%;}
small {font-size: 85%;} strong {font-weight: bold;} td, td img {vertical-align: top;} sub, sup {font-size: 75%; line-height: 0; position: relative;} sup {top: -0.5em;} sub {bottom: -0.25em;} pre, code, kbd, samp {font-family: monospace, sans-serif;}

@keyframes dots-1 { from { opacity: 0; } 20% { opacity: 1; } }
@keyframes dots-2 { from { opacity: 0; } 40% { opacity: 1; } }
@keyframes dots-3 { from { opacity: 0; } 60% { opacity: 1; } }
@keyframes dots-4 { from { opacity: 0; } 80% { opacity: 1; } }
@keyframes dots-5 { from { opacity: 0; } 95% { opacity: 1; } }
.dots{ text-align: center; display: block;} 
.dots span {animation: dots-1 1s infinite steps(1); }
.dots span:first-child + span {animation-name: dots-2;	}
.dots span:first-child + span + span {	animation-name: dots-3;}
.dots span:first-child + span + span + span {	animation-name: dots-4;}
.dots span:first-child + span + span + span + span {animation-name: dots-5;}


body, html{ font:normal 16px/28px 'Roboto'; color: #202c52;}
*{ outline:none;}
img{ display: block;}

*{
	scrollbar-width: auto; scrollbar-color: ); scroll-behavior: smooth;}
    *::-webkit-scrollbar { width: 12px; }
    *::-webkit-scrollbar-track {background: #E8E8E8;}
    *::-webkit-scrollbar-thumb {background-color: #5bc4e7;
}

	::selection {background:#61abc8; color:#ffffff;}
	::-webkit-selection {background:#61abc8; color:#ffffff;}
	::-moz-selection {background:#61abc8; color:#ffffff;}

a:link,a:visited,a:active{ color: #202c52; text-decoration: none;}
a:hover{ color: #248eb5;}

/* ATENCAO VALIDAR */
.atencao{ background:#e46b22; position:fixed; bottom:0; width:100%; padding:20px 30px;  box-sizing: border-box; border-top:solid 1px #f85200; display:none; cursor:pointer; z-index:1000000000000; /*max-height:120px;*/ }     
    .atencao .h1{ font-size:17px; color:#ffffff; margin:0px 0px 2px 0px; font-weight:500;} 
    .atencao p{  font-size:12px; color:#fff4ed; line-height:18px; }
        .atencao p span{ font-weight:bold; color:#fce6d9;}
    .atencao .imagem{ float:left; margin:5px 15px 0px 0px; height:100%; position: absolute; left: 29px; top: 27px; font-size: 44px; color:#f27e39;}


/* RESPONSIVIDADE */

._320 footer{ padding-top: 55px; padding-bottom: 60px; } 
._320 footer:before{ display: none;}
    ._320 footer ul{ display: flex; justify-content: center; align-items: center; flex-flow: column;}
    ._320 footer p{ width: 250px; margin: 15px auto 5px;} 


.tarjaAcessoTemporario{clear: both;position: fixed;bottom: 0;left: 0;width: 100%;z-index: 999999;display: flex;align-items: center;justify-content: center;background: #E83838;text-align: center;font: 700 13px/14px 'Roboto';color: #FFFFFF;padding: 11px;text-transform: uppercase;border-bottom: dotted 2px #FF8F8F;border-top: 1px solid #fff;line-height: 10px;}
.tarjaAcessoTemporario p{color: #ffffff;font-weight: 600;letter-spacing: 0.01em;line-height: 19px;margin-right: 15px;}
.tarjaAcessoTemporario a:link,
.tarjaAcessoTemporario a:active,
.tarjaAcessoTemporario a:visited{color: #fff;padding: 0 10px;line-height: 25px;text-transform: uppercase;font-size: 13px;display: inline-block;text-decoration: underline;font-weight: 600;letter-spacing: 0.02em;transition: all 0.5s ease;}
.tarjaAcessoTemporario a:hover{color: #ffefde;}