html,body {font-family: 'Poppins', sans-serif;}

*, *:before, *:after {-moz-box-sizing: border-box;
/*para o  IE8 */
box-sizing: border-box;-webkit-box-sizing: border-box;}

header{width: 100%; height: 138px; background: #d5eff4; /* display: table; */ }
.ccentro {margin: 0 auto; width: 100%; max-width: 1140px; position: relative;}
.logofalacidadao{padding: 20px 0 0 0}
nav{height: 56px; background: #009f9b; border-top: solid 6px #005d5a;}
.titcidade {text-transform: uppercase; font-weight: 700; color: #fff; font-size: 2.5em; text-align:  right; float: right; }
.titcidade:hover {color: #fff;}
.menuresp{max-width: 450px; float: left;}
.alerta {color: red;}
.fa {margin-left: 2px;}
footer{width: 100%; background: #009f9b; border-top: solid 6px #005d5a; display: table; padding:8px 0}
footer p{font-size: 1em; color: #fff;} footer a{color: #fff;}
.esconde {display: hidden;}
/* Modelo mobile */
.mob-box {width: 100%; background: #ececed; padding: 20px; float: left; text-align: center;}
.mob-box img {width: 100%; max-width: 433px; padding: 20px 0;}
.mob-bnt {width: 100%; max-width: 433px; height: auto;}

@media (max-width:992px){
.titcidade {font-size: 2em; margin-top: 5px}
}
@media (max-width:800px){
header{width: 100%; height: auto; padding: 10px 0; background: #d5eff4; /* display: table; */ }
.logofalacidadao{padding: 0 0 0 0; margin: 0 auto; text-align: center;}
.logofalacidadao img {width: 65%; height: auto;}
.titcidade {font-size: 1.5em; margin-top: 7px}
.some800 {display: none;}
  .img100 {float: left; width: 100%; margin-bottom: 20px;}
  .img100 img {float: left; width: 100%; padding-bottom: 20px;}
}

@media screen and (max-width: 600px) {
.some600 {display: none;}
main {margin: 0px auto;}
#dados {margin-top: 0px;}
.mob-box {display: inline !important;}
.titcidade {font-size: 1.6em; margin-top: 9px}
footer p{font-size: 1.3em; text-align: center;}
}

@media only screen and (min-width: 600px) {
.mob-box {display: none !important;}
}
@media screen and (max-width: 480px) {
.titcidade {font-size: 1em; margin-top: 16px}
}

.bx-padrao {
    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.15);
    padding: 1.34em 1em;
        padding-top: 1.34em;
    padding-top: 0.30em;
    background: #fff;
}
.btn-block i{margin-right: 10px;}
.btn-block a:hover{text-decoration: none !important;}

/*  tooltipballon baloes */
.tooltipballon {
			border-bottom: 1px dotted #000000; color: #000000; outline: none;
			cursor: help; text-decoration: none;
			position: relative;
		}
		.tooltipballon span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltipballon:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; left: 1em; top: 2em; z-index: 99;
			margin-left: 0; width: 250px;
		}
		.tooltipballon:hover img {
			border: 0; margin: -10px 0 0 -55px;
			float: left; position: absolute;
		}
		.tooltiphelp {
			background: #fcfcc1;
			width: 20px;
			height: 20px;
			border: solid 1px #ff8d8d;
			display: inline;
			text-align: center;
			-moz-border-radius:7px;
			-webkit-border-radius:7px;
 			border-radius:7px;
 			padding: 0 6px;
		}
		.tooltipballon:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
			display: block; padding: 0.2em 0 0;
		}
		.classic { padding: 0.8em 1em; }
		.custom { padding: 0.5em 0.8em 0.8em 2em; }
		* html a:hover { background: transparent; }
		.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
		.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
		.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.warning { background: #FFFFAA; border: 1px solid #FFAD33; }