@charset "utf-8";
/* CSS Document */

*{border:none; resize:none; box-sizing:border-box; outline:none;}
a{text-decoration:none;}
body{margin:0; padding:0;}
button {transition: all 300ms;}

#topo{width:98%; max-width:1000px; margin:0 auto;}
#logo{width:100%; max-width:320px; padding:5px 0;}

#menu{width:100%; display:flex; list-style:none; padding:0;}
#menu li{flex-grow:1; text-align:center;}
#menu li a{font:bold 13px/45px Verdana, Geneva, sans-serif; color:#999999; display:block; text-decoration:none; border:1px solid #CCCCCC; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom:5px solid #CC0000;}
#menu li a:hover{color:#CC0000; border-bottom:5px solid #FFFFFF;}
nav select{display:none; padding:15px 5px; width:calc(100% - 40px); margin: 30px auto; font:bold 14px Verdana, Geneva, sans-serif; color:#333333; background:#DDDDDD; position:relative; border:0;}

#bodyHome #menu li a.mnuHome,
#bodyEmpresa #menu li a.mnuEmpresa,
#bodyAtuacao #menu li a.mnuAtuacao,
#bodyInforme #menu li a.mnuInforme,
#bodyConsultas #menu li a.mnuConsultas,
#bodyParceiros #menu li a.mnuParceiros,
#bodyLinks #menu li a.mnuLinks,
#bodyLgpd #menu li a.mnuLgpd,
#bodyContato #menu li a.mnuContato {color:#CC0000; border-bottom:3px solid #FFFFFF;}

#home{width:98%; max-width:1000px; margin:0 auto; display:flex; justify-content:space-between; flex-wrap:wrap;}
#conteudo{width:calc(75% - 20px); margin-right:20px;}
#conteudo h1{font:bold 14px/50px Verdana, Geneva, sans-serif; color:#CC0000; background:#DDDDDD; border-left:3px solid #CC0000; padding-left:20px;}
#conteudo>h2{font:bold 12px/50px Verdana, Geneva, sans-serif; color:#CC0000; text-transform:uppercase;}
#conteudo>h5{font:bold 12px/50px Verdana, Geneva, sans-serif; text-transform:uppercase;}
#conteudo p{font:normal 12px Verdana, Geneva, sans-serif; color:#333333; text-align:justify;}
#conteudo a{color:#333333;}
#conteudo a:hover{color:#CC0000;}
#conteudo img{float:left; border:5px solid #DDDDDD; margin:0 8px 0 0;}
#conteudo>button{width:100%; background:#FFFFFF; cursor:pointer; text-align:left; font:bold 12px Verdana, Geneva, sans-serif; color:#333333; text-transform:uppercase; margin:15px 0;}
#conteudo>button:hover{color:#CC0000;}

.col-links01{width:55%; float:left;}
.col-links02{width:45%; float:left;}

#lateral{width:25%;}
#lateral h1{width:100%; font:bold 14px/50px Verdana, Geneva, sans-serif; color:#CC0000; background:#DDDDDD; border-left:3px solid #CC0000; padding-left:20px;}
.acesso{width:100%; text-align:center; padding:8px 0;}
.acesso img{max-width:120px;}

#utilitarios{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;}
#utilitarios-esq{width:calc(40% - 20px); margin-right:20px;}
.utilA{width:100%; margin-bottom:10px; border:1px solid #CCCCCC; border-radius:10px;  padding-top:10px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.coluna01{width:50px; text-align:center;}
.coluna02{width:calc(100% - 50px);}
.utilA h2{width:calc(100% - 30px); font:bold 11px/20px Verdana, Geneva, sans-serif; color:#333333; padding:0; text-transform:uppercase; margin:0;}
.utilA p{width:calc(100% - 30px); font:normal 12px Verdana, Geneva, sans-serif; color:#999999; margin:0; padding:0;}
.utilA{font:30px 'FontAwesome'; color:#999999; align-items:center;}
.utilA button{background:#333333; width:100%; color:#FFFFFF; padding:5px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; text-align:right; cursor:pointer; margin-top:10px; font:bold 11px Verdana, Geneva, sans-serif;}
.utilA button:hover{background:#000000;}

#utilitarios-dir{width:60%; display:flex; flex-wrap:wrap;}
#utilitarios-dir h2{width:100%; font:bold 14px Verdana, Geneva, sans-serif; color:#CC0000; margin:0; padding:0;}
.utilB{width:50%;}
.utilB  ul{list-style:none; padding:0;}
.utilB  a{font:bold 12px/26px Verdana, Geneva, sans-serif; list-style:none; color:#333333; transition: all 300ms;}
.utilB  a:hover{color:#CC0000; padding-left:5px;}

#form{width:100%; display:flex; flex-wrap:wrap;}
#form input{width:49%; margin:5px 0.5%; font:normal 12px Verdana, Geneva, sans-serif; padding:10px; border:1px solid #DDDDDD;}
#form textarea{width:99%; margin:5px 0.5%;font:normal 12px Verdana, Geneva, sans-serif; padding:10px; border:1px solid #DDDDDD;}
#form button{width:100px; background:#CC0000; margin:5px 0.5%; font:normal 12px Verdana, Geneva, sans-serif; color:#FFFFFF; padding:10px; cursor:pointer; border-radius:5px;}

.form-group{width:100%; margin-bottom: 20px;}
.form-group label{font:normal 12px Verdana, Geneva, sans-serif; color:#333333;}
.form-group input, .form-group textarea, .form-group select{width: 100%; margin:5px 0.5%; font:normal 12px Verdana, Geneva, sans-serif; padding:10px; border:1px solid #DDDDDD;}
.form-group button{background:#CC0000; margin:5px 0.5%; font:normal 12px Verdana, Geneva, sans-serif; color:#FFFFFF; padding:10px; cursor:pointer; border-radius:5px;}

#rodape{width:98%; max-width:1000px; margin:0 auto; text-align:center; border-top:3px solid #DDDDDD; padding:12px 0;}
#rodape p{font:normal 12px/22px Verdana, Geneva, sans-serif; color:#333333; margin:0;}

@media screen and (max-width:899px){
	#utilitarios-esq{width:100%; margin-right:0;}
	#utilitarios-dir{width:100%;}
	.col-links01, .col-links02{width:100%;}
}	

@media screen and (max-width:599px){
	#conteudo{width:100%; margin-right:0;}
	#lateral{display:none;}
	#menu{display:none;}
	nav select{display:block;}
}

@media screen and (max-width:479px){
	.utilB{width:100%;}
	.utilB  ul{margin:0;}
	#utilitarios-dir{margin-top:15px;}
	#conteudo img{display:none;}
}