/* css personalized by andre souza
   2014 (c) andresouza@rn.gov.br
================================ */
body {
  padding-top: 0px;
  padding-bottom: 20px;
  /*background: none;*//*url(../images/bg_body.png) top left repeat-x*//*;*/
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6{
  color: #005baa;
}

/* cabecalho_padrao = .navbar
============================= */
.navbar {
  margin-bottom: 0px;
  border-radius: 0;
  border: 0 none;
}    
.navbar-brand {
  padding: 10px 15px;
}
a.navbar-brand {
  background: #eee;
}
.navbar-default {
  background: #f8f8f8 url(../images/bg_navbar-default.png) top left repeat-x;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  background-color: #0080c6;
}
.navbar-text {
  border-right: 1px solid #333;
  padding: 0 15px 0 0;
  margin-right: 0;
	font-weight: bold;
}
/* cabecalho = .jumbotron
========================= */
.container .jumbotron {
  border-radius: 0;
}
.jumbotron a {
  color: #fff;
  text-decoration: none;
  text-shadow: 1px 1px 5px #004581; /*x y blur cor*/
  font-weight: normal;
}
.jumbotron a:hover {
  color: #e6f3f9;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .jumbotron {
	background: #0080c6 url(../images/bg_cabecalho.png) top right no-repeat;
    padding: 5px;
	margin-bottom: 0;
  }
  .container .jumbotron {
    padding: 7px 15px 12px 15px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 28px;
	color: #fff;
  }
}
@media screen and (max-width: 767px) {
  .jumbotron {
    background: #0080c6;
	padding: 5px;
	margin-bottom: 0;
  }
  .container .jumbotron {
    padding: 5px 15px 10px 15px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 24px;
	color: #fff;
  }
}
/* menu_horizontal = .navbar-inverse
==================================== */
.navbar-inverse {
  background-color: #005baa;
  border: 0 none;
  margin: 0 0 20px 0;
}
.navbar-inverse .navbar-nav {
  margin: 0 -15px; /*retirar os espaços entre menus no menu*/
}
.navbar-inverse .navbar-nav > li > a {
  color: #fff;
  font-weight: normal;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: #0080c6;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #0080c6;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
	padding: 10px 15px;
	background-color: #0080c6;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: #3399d1;
  }
}
/* submenus = .dropdown-menu
============================ */
.navbar-inverse .dropdown-menu {
  background-color: #0080c6;
  border: 0 none;
  border-radius: 0;
  padding: 0;
}
.navbar-inverse .dropdown-menu > li > a {
  color: #fff;
  padding: 10px 15px;
}
.navbar-inverse .dropdown-menu > li > a:hover,
.navbar-inverse .dropdown-menu > li > a:focus {
  color: #fff;
  background-color: #3399d1;
}
/* banners = .carousel
====================== */
.carousel {
  height: 240px;
  margin-bottom: 20px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 240px;
  background-color: #eee;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 240px;
}
@media (min-width: 768px) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }
}
/* botões = btn-lg
================== */
.btn-lg {
  margin: 0 10px 10px 0;
}
/* lista de links = .list-group-item 
==================================== */
a.list-group-item {
  color: #005baa;
}
/* rodape = .footer
=================== */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
#footer {
  margin-top: 50px;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #eee;
}
.container .text-muted {
  margin: 20px 0;
  color: #666;
}
/* tabelas
========== */
.table-striped th{
  background: #3399d1;
  color: #fff;}
  
.navbar-brand img{
	border: 0 none;
	height: 39px;}