@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('img/icones_fa/fontawesome.css');

/* reset */
* { margin:0; padding:0; border:0 none; outline:0; vertical-align:baseline; background:transparent; text-decoration:none; font:inherit; list-style:none; quotes:none; border-collapse:collapse; border-spacing:0; resize:none; box-sizing:border-box; letter-spacing:inherit; color:inherit; text-align:inherit; left:auto; top:auto; }
@-ms-viewport { width:extend-to-zoom; zoom:1.0; }
a { cursor:pointer; }
:focus { outline:0; }
::-ms-clear { display: none;}

/* geral */
html { height:100%; --escuro:#125b9e; --claro:#75bee9; --sombra:-2px 2px 10px rgba(0,0,0,0.1); }
body { color:#606060; background:#f0f2f6; min-height:100%; padding:30px; width:100%; position:absolute; font:16px/1.3 Arial, Helvetica, sans-serif; }
body>img { display:block; margin:0 auto 30px; width:100%; max-width:300px; }
a.logout { position:absolute; top:30px; right:30px; }
.coluna { width:calc(40% - 30px); margin:0 30px 0 0; background:#fff; box-shadow:var(--sombra); padding:1em; border-radius:6px; overflow:hidden; }
.coluna~.coluna { width:calc(60% - 30px); }
.admin .coluna { width:100%; margin:auto; max-width:1000px; float:none; }
.admin .contato { display:none; }
h1 { font-size:2em; margin:0 0 0.5em; }
	h1 a { font-size:0.5em; }
.padrao p { margin-bottom:1em; text-align:justify; }
.padrao a { color:var(--escuro); text-decoration:underline; }
 .padrao a i { text-decoration:inherit; }
.padrao strong { font-weight:bold; }
.padrao em { font-style:italic; }
.padrao s { text-decoration:line-through; }
.padrao mark { background:var(--medio); color:#fff; padding:0 0.25em; }
.padrao blockquote { font-style:italic; color:var(--medio); padding-left:1em; border-left:0.2em solid var(--claro); }
.padrao ul, .padrao ol { padding-bottom:1em; counter-reset:li; }
	.padrao li { padding:0 0 0.5em 1em; position:relative; overflow:hidden; text-align:justify; }
	.padrao ul>li:before { content:''; width:0.25em; height:0.25em; display:inline-block; margin:0 0.5em 0 -1em; border:0.2em solid var(--claro); }
	.padrao ol>li:before { content:counters(li,'.')' '; counter-increment:li;font-weight:bold; color:var(--claro); text-align:right; position:absolute; right:calc(100% - 0.75em); }
	.cor ul li:before, .cor ol li:before { border-color:#fff; }
		.padrao li>ol, .padrao li>ul { margin:0.5em 0 0; padding-left:1em; border-left:2px solid var(--claro); }
			.padrao li>ol>li:before, .padrao li>ul>li:before { position:static; margin-left:-1em; }
form {}
	input, select, textarea { background:#eee; border-radius:6px; padding:10px; width:100%; margin-bottom:10px; }
	input:focus, select:focus, textarea:focus { background:#ddd; }
	i+input { padding-left:2.25em; margin-left:-2.25em; }
	form i { width:2.25em; text-align:center; position:relative; }
	select { padding-left:0.3em; border-right:0.5em solid transparent; }
	::placeholder, select:invalid, select option[value=""], .placeholder { color:#999; font-style:italic;}
	textarea { height:10em; overflow:auto; }
	input[type=checkbox], input[type=radio] { width:0.75em; height:0.75em; }
	input[disabled],input[readonly] { opacity:0.5; font-style:italic; }
button { float:right; } 
a.bt { background:var(--escuro);  color:#fff; border-radius:6px; padding:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-shadow:var(--sombra); float:right; }
a.bt:hover { background:var(--claro) }
	a.bt i { width:1.25em; text-align:center; }
.representante { xfloat:left; }
	.representante a.bt { margin-bottom:1em; }
	datalist+select { display:none; }
	input[name='filtrodata'], input[name='filtrodata2'] { width:calc(50% - 1em); }
	input[name='filtrodata']+label { width:2em; display:inline-block; text-align:center; }
	table { width:100%; }
		tr.trtexto { display:none; }
		tr td { padding:0.8em; border-top:1px solid #ccc; cursor:pointer; }
		tr.trtexto td, tr:first-child td { border-top:0; }
		table i { color:var(--claro); }
		td:last-child { text-align:right; }
		table textarea { text-align:left; }
	p.paginacao { text-align:center; line-height:2em; clear:both; margin:1em 5em; font-size:0.8em; }
		p.paginacao a, p.paginacao em { background:var(--escuro); padding:0.25em 0.5em 0.2em; color:#fff; }
		p.paginacao a:hover, p.paginacao em { background:var(--claro); }
		p.paginacao del:not(a+del) { display:none; }
.contato { float:right;}
	.contato h1 a { display:none; }
	p.mensagem { color:var(--claro); }
	fieldset[disabled] a.bt {display:none;}
	
/* responsivo */
@media (max-width:1200px)  { 
	.coluna, .coluna~.coluna  { width:100%; margin:auto; float:none; }
	.contato { margin-bottom:30px; padding-bottom:0; }
		.contato h1 a:first-child { display:inline; }
		.contato form { display:none; margin-bottom:1em; }
}