/*!
 * Start Bootstrap - Creative Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

html, body { height: 100%; }
body { font-family: Merriweather,'Helvetica Neue',Arial,sans-serif; }

hr { max-width: 50px;border-color: #a71c20;border-width: 3px; }
hr.light { border-color: #fff; }

a { color: #a71c20; -webkit-transition: all .35s; -moz-transition: all .35s; transition: all .35s; }
a:hover, a:focus { color: #a71c20; }

h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif; }

p { margin-bottom: 20px; font-size: 16px;line-height: 1.5; }

.bg-primary { background-color: #a71c20; }
.bg-primary-old { background-color: #a71c20; }
.bg-dark { color: #fff;background-color: #222; }
.bg-blue { color: #fff;background-color: #2e3192; }


.text-faded { color: rgba(255,255,255,.7); }

section { padding: 3% 0; }

.hide { display: none; }
#filterPref {
	font-weight: bold;
	background-color: #2D2F33;
	color: #ffc90d;
	border: transparent;
}

#maia { border-top:1px solid #999; }
.no-padding { padding: 0; }

/* Botão de Prefeituras */
a.nav-expander {
  /* background: none repeat scroll 0 0 #000000;*/
  color: rgba(255,255,255,.7);
  display: block;
  font-size: 15px;
  font-weight: bold;
  font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
  height: 50px;
  margin-right: 0;
  padding: 1em 1.6em 2em;
  position: absolute;
  right: 0;
  text-decoration: none;
  text-transform:uppercase;
  top: 0;
  width: auto;
  z-index: 12;
  transition: right 0.3s ease-in-out 0s;
  -webkit-transition: right 0.3s ease-in-out 0s;
  -moz-transition: right 0.3s ease-in-out 0s;
  -o-transition: right 0.3s ease-in-out 0s;
}
a.nav-expander:hover { cursor: pointer;color:#eee; }
a.nav-expander.fixed { position: fixed; }
.nav-expanded a.nav-expander.fixed { right: 20em; }
.nav-expanded .mainSidebar { right: 0; }

/* Estilo para telas MOBILE */
.navbar-default {
	 border-color: rgba(34,34,34,.05);
	 font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
	 background-color: rgba(0,0,0, 0.5);
	 -webkit-transition: all .35s;
	 -moz-transition: all .35s;
	 transition: all .35s;
}
.navbar-default .navbar-toggle {
  float:left;
  margin-left:10px;
  padding:5px;
  margin-top:13px;
}
.navbar-default .navbar-toggle:visited,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:active {
  background-color:transparent;
}
.navbar-default .navbar-toggle:hover span {
  color:blue;
  background-color:red;
}
.navbar-default .navbar-header .navbar-brand {
	 text-transform: uppercase;
	 font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
	 font-weight: 700;
	 color: #fff;
}
.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus { color: #a71c20; }
.navbar .navbar-brand img{ height:100%; }
.navbar-default .nav > li>a, .navbar-default .nav>li>a:focus {
	 text-transform: uppercase;
	 font-size: 13px;
	 font-weight: 700;
	 color: #222;
}
.navbar-default .nav > li>a:hover, .navbar-default .nav>li>a:focus:hover { color: #a71c20; }
.navbar-default .nav > li.active>a, .navbar-default .nav>li.active>a:focus {
	 color: #a71c20!important;
	 background-color: transparent;
}
.navbar-default .nav > li.active>a:hover, .navbar-default .nav>li.active>a:focus:hover { background-color: transparent; }
.navbar-default a#nav-expander:hover { color: #a71c20;font-weight:bold; }
.navbar-default i#nav-expander:hover { color: #a71c20;font-weight:bold; }
.navbar-default .navbar-collapse { background-color:rgba(255,255,255,.5); }
/* Para Dispositivos menores de 768 - Estilo para Desktop */
@media(min-width:768px) {
	 .navbar-default {
		  border-color: rgba(255,255,255,.5);
		  background-color: rgba(0,0,0, 0.3);
	 }

	 .navbar-default .navbar-header .navbar-brand {
		  /* color: rgba(255,255,255,.7); */
		  color:#FFF;
	 }

	 .navbar-default .navbar-header .navbar-brand:hover,
	 .navbar-default .navbar-header .navbar-brand:focus {
		  /* color: #EEE; */
		  color: #FFF;
	 }

	 .navbar-default .nav > li>a,
	 .navbar-default .nav>li>a:focus {
		  /* color: rgba(255,255,255,.7); */
		  color: #FFF;
	 }

	 .navbar-default .nav > li>a:hover,
	 .navbar-default .nav>li>a:focus:hover {
		  /* color: #fff; */
		  color: #a71c20;
	 }

	 .navbar-default.affix {
		  border-color: rgba(34,34,34,.05);
		  background-color: #fff;
	 }

	 .navbar-default.affix .navbar-header .navbar-brand {
		  font-size: 14px;
		  color: #a71c20;
	 }

	 .navbar-default.affix .navbar-header .navbar-brand:hover,
	 .navbar-default.affix .navbar-header .navbar-brand:focus {
		  color: #a71c20;
	 }

	 .navbar-default.affix .nav > li > a,
	 .navbar-default.affix .nav > li > a:focus {
		  color: #222;
	 }

	 .navbar-default.affix .nav > li>a:hover,
	 .navbar-default.affix .nav>li>a:focus:hover {
		  color: #a71c20;
	 }
	 .navbar-default.affix a#nav-expander { color: #222; }
	 .navbar-default.affix a#nav-expander:hover { color: #a71c20;font-weight:bold; }
	 .navbar-default.affix a#nav-expander { color: #222; }
	 .navbar-default.affix i#nav-expander:hover { color: #a71c20; }

	 .navbar-default .navbar-collapse { background-color: inherit; }
	 .navbar-default .navbar-collapse .linkRoot {
	 	color: #FFF;
	 	background-color: #a71c20;
	 }
}

/* NAVBAR SIDE */
/* ==========================================================================
	Author's custom styles
	========================================================================== */
.mainSidebar {
  background: #2d2f33;
  display: block;
  height: 100%;
  overflow: auto;
  position: fixed;
  right: -20em;
  font-size: 15px;
  font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
  top: 0;
  width: 20em;
  z-index: 2000;

  transition: right 0.3s ease-in-out 0s;
  -webkit-transition: right 0.3s ease-in-out 0s;
  -moz-transition: right 0.3s ease-in-out 0s;
  -o-transition: right 0.3s ease-in-out 0s;
}

body.nav-expanded {
  margin-left: 0em;
  transition: right 0.4s ease-in-out 0s;
  -webkit-transition: right 0.4s ease-in-out 0s;
  -moz-transition: right 0.4s ease-in-out 0s;
  -o-transition: right 0.4s ease-in-out 0s;
}
#nav-close {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 300;
  font-size: 24px;
  padding-right: 10px;
}
ul.main-menu { padding-top: 5px; }
ul.main-menu li {
  border-bottom: 1px solid #323949;
  margin-left: 20px;
  font-size: 1em;
  padding: 0.5em;
}
ul.main-menu li a { color: #6F7D8C;text-decoration: none; }
ul.main-menu li a:hover { color: #FFFFFF;text-decoration: none; }
ul.main-menu li .sub-nav { border-bottom: 0px;padding: 4px; }
ul.main-menu a .caret {
	 width: 0;
	 height: 0;
	 display: inline-block;
	 vertical-align: top;
	 border-top: 4px solid #FFF;
	 border-right: 4px solid transparent;
	 border-left: 4px solid transparent;
	 content: "";
	 margin-top: 5px;
}
ul.main-menu a:hover .caret { border-top-color: #4f5963; }
ul.main-menu li.open > a > .caret {
	 border-top: none;
	 border-bottom: 4px solid #4f5963;
	 border-right: 4px solid transparent;
	 border-left: 4px solid transparent;
}
ul.main-menu li.open > a:hover > .caret { border-bottom-color: #4f5963; }
.icon:before {
  font-family: 'FontAwesome';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  content: '\f105';
}
ul.main-menu li > a > span.icon {
  float: right;
  margin: 0.1em 1.7em -0.1em 0;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;

}
ul.main-menu li > a:hover > span.icon { float: right;margin: 0.1em 0.8em -0.1em 0;opacity: 1; }

/* HEADER */
.carousel,
.item,
.active {
	height: 100%;
}
.carousel-inner {
	height: 100%;
}
/* Background images are set within the HTML using inline CSS, not here */
.fill {
	width: 100%;
	height: 100%;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
#title-header{
	font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
	position:absolute;
	top:15vh;
	z-index: 99;
	text-align: center;
	width: 100%;
}
#title-header h1 {
	text-transform: uppercase;
	font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
	font-weight: 700;
	color:red;
}
#title-header p {
	color:#000;
	font-size:14pt;
	font-weight: bold;
}
#body-header {
	position:absolute;
	top:40vh;
	z-index: 99;
	width: 100%;
	padding:10px 0 5px;
	background-color: rgba(0,0,0,.5);
}
/*#body-header .labelPrefeituras {*/
	/*text-align: center;*/
	/*display: flex;*/
	/*flex-wrap: wrap;*/
	/*flex-direction: row;*/
	/*justify-content: center;*/
	/*align-items: center;*/
/*}*/
#body-header li a{
	font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
	font-weight: 600;
	display: block;
	text-align: center;
	padding:5px;
	margin-bottom:5px;
	background-color: #FFFFE6;
}

/* Counters */
aside.stats { padding: 20px 0;font-family: 'Open Sans','Helvetica',Arial,sans-serif; }
aside .block-counter{ padding:10px 0;color:#FFF; }
aside .counter{ font-weight:700;font-size:2em; }
aside p { font-size:1em; }

@media(max-width:768px) {
	aside .block-counter{ padding:5px 0;color:#FFF; }
	aside .counter{ font-weight:700;font-size:1.4em; }
	aside p { font-size:.75em;}
}

@media( max-width: 767px ){
	aside.stats {margin-top:46.0em;}
}

/* BOX dos Valores de Estatísticas */
.box .icone {
	 text-align: center;
	 position: relative;
	 margin:10px 0;
}
.box > .icone > .image {
	 position: relative;
	 z-index: 2;
	 margin: auto;
	 width: 88px;
	 height: 88px;
	 border: 7px solid white;
	 line-height: 88px;
	 border-radius: 50%;
	 background: #a71c20;
	 vertical-align: middle;
}
.box > .icone:hover > .image { border: 4px solid black; }
.box > .icone > .image > i { font-size: 40px !important;color: #fff !important; }
.box > .icone:hover > .image > i { color: white !important; }
.box > .icone > .info {
	 margin-top: -24px;
	 background: rgba(0, 0, 0, 0.04);
	 border: 1px solid #a71c20;
	 height: 250px;
	 padding: 15px 0 10px 0;
}
.box > .icone > .info > h3.title {
	 font-size:1.3em;
	 color: #a71c20;
	 font-weight: bold;
}
.box > .icone > .info > p {
	 color: #333;
	 line-height: 20px;
	 margin: 1em;
	 font-size:1em;
	 text-align:justify;
	 font-family: sans-serif;
}
@media(max-width:768px) {
	 .box > .icone > .info > h3.title {
		  font-size: 1.1em;
	 }
	 .box > .icone > .info > p {
		  font-size: .8em;
		  font-family: sans-serif;
	 }
}
section#info { border-top:1px solid #CECECE; }
section#info h2 { text-align:center; }
section#info p { font-family: sans-serif;text-align:center; }

section#nota p { font-family: sans-serif;text-align:center; }

section#info .imgEmpresa {
	width: auto;
	margin-top: 2%;
	position: relative;
	font-family: sans-serif;
}
section#info .imgEmpresa img {
	height: 100%;
	width: 100%;
}
section#info .imgEmpresa span {
	color: #a71c20;
	font:bold italic 1.2em sans-serif;
	display: block;
	width: 70%;
	position: absolute;
	top: 2em;
	left: 2em;
}
section#nota .imgNota {
	display: block;
	margin-top: 2%;
}
section#nota .imgNota .thumbnail{
	background-color: transparent;
	text-align: center;
	border: none;
}
section#nota .imgNota img {
	height: 300px;
	width: auto;
	margin: 0 auto;
	position: relative;
}
section#nota .imgNota span {
	color: #FFF;
	font:bold italic 1.2em sans-serif;
}
/*
section#nota .imgNota {
	width: 37%;
	margin-left: 10%;
	position: relative;
	font-family: sans-serif;
	text-align: center;
}
section#nota .imgNota img {
	height: 400px;
	width: 400px;
}
section#nota .imgNota span {
	color: #000;
	font:bold italic 1.2em sans-serif;
	display: block;
	width: 50%;
	position: absolute;
	bottom: 3.8em;
	left: 7em;
}
*/
aside#links { padding:30px;width:100%;font-family: sans-serif; }
aside#links .painel-links {
	 margin:5px;
	 font-size:.8em;
	 font-weight:500;
}
aside#links .painel-links a {
	 color:#FFF;
	 display:block;
	 padding:5px 0 5px 10px;
	 border:1px solid #CECECE;
	 text-decoration:none;
	 background-color:transparent;
}

aside#links .painel-links a:hover {
	background-color:rgba(255, 2, 0, 0.2);
	border-left:5px solid #a71c20;
}