/* TESTES
-------------------------------------------------- */
/* Apagar tudo quando terminar o layout */

.teste {
	background-color: red;
}

.outline {
	outline: red dotted;
}

/* TOPO
-------------------------------------------------- */

header {
  margin-bottom: 60px;
}
footer {
  margin-top:60px;
}

/* NAVBAR */

ul.nav.navbar-nav {
	font-size: 0.8em;
	text-transform: uppercase;
}

/* HEADER */

body {
	background:url(../imgs/bg-header.jpg) center 42px no-repeat;
}

header .logo {
	background-color:#27AE60;
	padding:20px 10px;
}

header .menu {
	background-color:red;
}

.menu-superior{
	padding: 33px 14px;
  background-color:#D6F5E6;
}

.menu-superior a{
	margin-left:40px;
	font-size:12px;
	font-weight: bold;
	color:#333333;
}
.menu-superior a:hover{
	color:#000;
	text-decoration: none;
}

@media only screen and (max-width: 991px) {
	body {
		background:url(../imgs/bg-header2.jpg) center 42px repeat-x;
	}
	.navbar-cbee {
		width: 100%;
		padding:0px 10px;
	}
	.rodape-logo {
		margin-top:220px;
		text-align: center;
	}
  .logo-bafs {
    text-align: center;
    width: 100%;
    height: auto;
    max-width: 280px;
  }
}

/* NAVBAR - SECUNDARIOS */


.navbar-cbee {
	margin:0px;
}

.navbar-cbee .navbar-nav > li > a {
  color: #2C3631;
  background-color: #BADDCB;
}

.navbar-cbee .navbar-nav > li > a:hover,
.navbar-cbee .navbar-nav > li > a:focus {
  color: #000;
  background-color: #B7D9C8;
}

.navbar-cbee .navbar-toggle {
  border-color: #FFF;
}

.navbar-cbee .navbar-toggle:hover,
.navbar-cbee .navbar-toggle:focus {
  background-color: #BADCCB;
}

.navbar-cbee .navbar-toggle .icon-bar {
  background-color: #FFF;
}

.navbar-cbee .navbar-collapse,
.navbar-cbee .navbar-form {
  border-color: #FFF;
}

.navbar-cbee .navbar-nav > .dropdown > a:hover .caret,
.navbar-cbee .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #333333;
  border-bottom-color: #333333;
}

.navbar-cbee .navbar-nav > .open > a,
.navbar-cbee .navbar-nav > .open > a:hover,
.navbar-cbee .navbar-nav > .open > a:focus {
  background-color: #ABCBBB;
}

.navbar-cbee .navbar-nav > .dropdown > a .caret {
  border-top-color: #777777;
  border-bottom-color: #777777;
}

@media (max-width: 767px) {
  .navbar-cbee .navbar-nav .open .dropdown-menu > li > a {
    color: #777777;
  }
  .navbar-cbee .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-cbee .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333333;
    background-color: transparent;
  }
  .navbar-cbee .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-cbee .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-cbee .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555555;
    background-color: #e7e7e7;
  }
  .navbar-cbee .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-cbee .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-cbee .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}

.dropdown-menu > li > a {
  display: block;
  font-size: 0.8em;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #111;
  text-decoration: none;
  background-color: #BADDCB;
}

/* CAROUSEL */

.carousel {
  margin-top:-60px;
  margin-bottom:60px;
}

.carousel .item {
  height: 350px;
  background-color: #777;
}

.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 350px;
}

@media (min-width: 768px) {

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

}

.atropelometro {
	margin:0px;
  margin-bottom: 60px;
	background-color:#ddd;
  background-image: url("../imgs/atropelometro-bg.jpg");
  border-radius: 5px;
  height: 90px;
}

a.fill-div {
  position:absolute;
  z-index: 1;
  display: block;
  height: 90px;
  width: 1140px;
  text-decoration: none;
}

/* FOOTER */

.rodape-nav {
	padding:40px 0;
	color:#fff;
}

.rodape-nav a {
	color: #fff;
}

.rodape-creditos {
	background-color:black;
	padding:10px 0;
	color:#AAAAAA;
	font-size: 10px;
}

/*Banner Secundário*/
.bannerSec-topo{
  margin-top:0px; 
  margin-bottom:60px;
  text-align:center;
  padding: 0px;  
}

.bannerSec-rodape{
  margin-top:50px; 
  margin-bottom:0px;
  padding: 0px;
  text-align: center;
  }

/*Notícias*/
/*input#ano-noticia{
  background-color:blue;
}

input#ano-noticia:active{
  background-color:green;
}

input#ano-noticia:hover{
  background-color:red;
}
*/
.carousel-indicators .active {
  margin: 0px 2px;
  width: 10px;
  height: 10px;
}
.carousel-indicators li {
  margin: 0px 2px;
  width: 10px;
  height: 10px;
  border: 1px solid #FFF;
}

.btn-issuu{
  margin-right: 15px;
}

#fb-root {
  display: none;
}
 
/* To fill the container and nothing else */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
  width: 100% !important;
  margin-top: 10px;
}

/* Avaliadores */
.carregando{
  color:#666;
  display:none;
}
@media (min-width: 1200px) {
  .form-group-left{
    width: 375px;
    float: left;
  }

  .form-group-right{
    width: 375px;
    float: right;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .form-group-left{
    width: 300px;
    float: left;
  }

  .form-group-right{
    width: 300px;
    float: right;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .form-group-left{
    width: 350px;
    float: left;
  }

  .form-group-right{
    width: 350px;
    float: right;
  }

}

@media (max-width: 767px) {
  .form-group-left{
    width: 100%;
  }

  .form-group-right{
    width: 100%;
  }
}