/* override bootstrap styles */
@import url('http://fonts.googleapis.com/css?family=Oswald:300,400:latin,latin-ext');
@import url(http://fonts.googleapis.com/css?family=Hind:400,500,600,700);
@import url(http://fonts.googleapis.com/css?family=Carrois+Gothic|Telex);
@import url(https://fonts.googleapis.com/css?family=UnifrakturMaguntia);

* {
    font-family:'Carrois Gothic',arial narrow,sans-serif;
    -webkit-box-sizing: border-box; 
       -moz-box-sizing: border-box; 
            box-sizing: border-box;
}

.icon {display:inline-block;}

.news {
    background-size:100% auto;
    display:table;
    width:100%;
    margin-bottom:20px;
}

.news .news-type {
    text-align:center;
    font-size:3em;
    margin-top:30px;
}

.news .news-type small {
    display:inline-block;
    border-top:1px solid silver;
    border-bottom:1px solid silver;
    font-size:0.3em;
    width:95%;
    padding:5px;
}

.news .news-paper {
    background:url(../img/news-footer.png) bottom center no-repeat transparent;
    background-size:100% auto;
    display:table;
    width:100%;
    padding-bottom:50px;
    box-shadow: -5px 5px 5px rgba(0,0,0,0.5);
}

.news .news-page {
    background:url(../img/bg-papel.jpg) top left repeat #fafafa;
    border:1px solid silver;
    display:table;
    width:100%;
}

.news .col-sm-3 {
    border-right:1px solid rgba(0,0,0,0.1);

}

.news .col-sm-3:last-child {
    border-right:0px solid rgba(0,0,0,0.1);

}

.notes .news-header {
    display:none;
}

.notes .rss-container {
    background:url(../img/bg-nota.png) bottom center no-repeat transparent;
    background-size:96% auto;
    margin-bottom:10px;
}

.notes .rss {
    #border:4px solid gray;
    padding:10px;
    margin:5px;
}

.notes .rss a {
    text-decoration:none;
    color:gray;
}

.notes .news-type {
    margin-top:10px;
    text-align:center;
    border:2px solid gray;
    padding:10px;
}

.news-type div {
    font-family:UnifrakturMaguntia;
    line-height:0;
    padding-top:15px;
}

.news-type small {
    font-size:0.5em;
}


.no-padding {
    padding:0 !important;
}

.no-margin {
    margins:0 !important;
}

.div-container {
    display:table;
    width:100%;
}

label.form-label {
    margin-bottom:0px;
}

span.form-control {
    background-color:rgba(255,255,255,0.7);
    color:inherit;
}

.navbar-form input, .form-inline input {
    width:auto;
}

body {
  -padding-top:50px;
  color:#646464;
  background-color:#efefef;
  overflow-y:scroll;
}

h1,h2,h3, h4, h5, .highlight,.navbar a,#masthead h4 {
  #font-family:'Oswald',arial narrow,sans-serif;
  #font-family:'Hind',arial narrow,sans-serif;
  font-weight:700;
}


.main-container h3 {
  padding-bottom:2px;
  border-bottom:2px solid #95B4D0;
}

.main-container h4 {
  padding:5px;
  border-bottom:1px solid #95B4D0;
  
}

.main-container .control-label {
    text-align:left;
    padding-top:6px;
}

.main-container #campo_obrigatorio {
    display:none;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.modal-content h3 {
  padding-bottom:0px;
  border-bottom:0px solid #95B4D0;  
}

.modal-content h4 {
  padding-bottom:0px;
  border-bottom:0px solid #95B4D0;  
  
}

body.modal-open {
    _overflow-y: scroll;
    position:fixed;
    width: 100%;
}

footer {
   
  margin-top:40px;
  padding-top:40px;
  padding-bottom:40px;
  #background-color:#cecece;
  #background-color:#282A2B;
  background-color:#000; 
}

table {
    border:0px solid black;
    width:100%;
}

table th {
    border:0px solid black;
}

#masthead {
  #min-height:199px;
  #background-color:#000044;
  background-color:#cdcdcd;
  #color:#aaaacc;
  color:#f9f9f9;
}


#masthead h1 {
  font-size: 55px;
  line-height: 1;
  color:#fefeff;
  margin-top:50px;
}

#masthead .container {
    
}

#masthead .banner {
  margin-top:20px;
  #background-color:#111166;
  background-color:transparent;
  border-color:rgba(255,255,255,0.0);
  background-image:transparent !important;
  color:#efefff;
  overflow:hidden;
  padding:0px;
  margin-bottom:20px;
}

#masthead .logo {
    margin-top: 35px;
}

#topPanel {
  padding-top:0px;
  padding-left:22px;
  padding-right:22px;
}
#topPanel .panel-body {
  padding-top:0px;
}

.navbar.affix {
  position:fixed;
  top:0;
  width:100%;
}

.top-spacer {
  background-color:#ffffff;
  height:40px;
}

a,a:hover {
  #color:#223344;
  color:gray;
  text-decoration:none;
}

.icon-bar {
  background-color:#fff;
}

.modal-header {
    _background-image:linear-gradient(to bottom,#cdcdcd 0,#fff 100%);
    color:black;
    border-radius:5px 5px 0px 0px;
    border-bottom:0px solid black;
}

.modal-header .close {
    opacity:1;
}

.modal-footer {
    background-color:#e9e9e9;
    color:black;
    border-radius:0px 0px 5px 5px;
    border-top:0px solid black;
}


@media screen and (min-width: 0px) {

    .modal {
      text-align: center;
      padding: 0!important;
    }
    
    .modal:before {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle;
      margin-right: -7px;
    }

    #masthead h1 {
      font-size: 80px;
    }

}

.navbar {
    border-radius:0px;
}

.navbar-bright {
  #background-color:#111166;
  background-color:#444444;
  color:#fff;
  margin-bottom: 0;
  border-width: 0;
}

.navbar-bright .open>a:focus, 
.navbar-bright .open>a:hover, 
.navbar-bright .open>a:active, 
.navbar-bright .open,
.navbar-bright .navbar-nav>li>.dropdown-menu,
.navbar-bright .navbar-nav>li>.dropdown-menu a {
  background-color:#4d4d4d;
  color:#fff;
}

.navbar-bright .navbar-nav>li>.dropdown-menu a:hover {
  background-color:#000;
  color:#fff;
}

.navbar-bright a, .navbar-bright .navbar-brand, #masthead h4 {
  #color:#ccccdd;
  color:#e9e9e9;
  font-size:14px;
  text-transform: uppercase;
  letter-spacing:.08em;
}

.navbar-bright li > a:hover {
  #background-color:#000044;
  background-color:#000;
}

.dropdown-menu {
  min-width: 250px;
}

.caret {
  color:#fff;
}

.navbar-toggle {
  color:#fff;
  border-width:0;
}

.navbar-toggle:hover {
  background-color:#fff;
}

.nav-tabs {
    border-bottom:1px solid #e9e9e9;
    margin-bottom:10px;
}


.nav-tabs>li {
    border-color:transparent;
}

.nav-tabs>li.active {
    border-color:white;
}

.panel {
  border-color:transparent;
  border-radius:0;
}

.thumbnail {
  margin-bottom:8px;
}

.img-container {
  overflow:hidden;
  height:170px;
}

.img-container img {
  min-width:280px;
  min-height:180px;
  max-width:380px;
  max-height:280px;
}

.txt-container {
  overflow:hidden;
  height:100px;
}

.panel .lead {
  overflow:hidden;
  height:90px;
}

.label-float{
  margin:0 auto;
  position: absolute;
  top: 0;
  z-index: 1;
  width:100%;
  opacity:.9;
  padding:6px;
  color:#fff;
}
    
.btn-twitter {background-color:#4099FF;color:#fff;}
.btn-facebook {background-color:#3B5998;color:#fff;}
.btn-google-plus {background-color:#d34836;color:#fff;}

.btn-twitter:hover {background-color:#3088FF;color:#62BBFF;}
.btn-facebook:hover {background-color:#2A4998;color:#4C6BBA;}
.btn-google-plus:hover {background-color:#C23836;color:#E45A58;}

@media (max-width: 767px) {
    .redes-sociais {
        text-align:center;
    }
    
    .redes-sociais a {
       font-size:0.9em;
    }
    
    .marcar-todos .btn {
       width:100%;
       margin:3px;
    }
    
    #footer.container {
        text-align:center;
    }
    
    footer .container {
        text-align:center;
    }
    
    footer .pull-right {
       float:none!important;
    }
    
    #myTab {
       width:200%;
    }
}

/** MAIN **/

.main-container {
    margin:0px 20px;
    margin-top:-55px;
}

.mapa {
    width:100%;
}

.map-svg {
    width:100%;
    //padding:4%;
}

.map-content {
    display:table;
    width:100%;
}

div.btn {
    line-height:12px; !important;
}

#adsense-container div {
    _height:200px;
}


/** PESQUISA FORNECEDOR **/

.pesquisa-fornecedor table {
    margin-bottom:20px;
}

.pesquisa-fornecedor td.control {
    width:40%;
}

.pesquisa-fornecedor td.buttom {
    width:20%;
}

/** Google Maps **/

#mapa-inserir-cotacao {
    text-align:center;
}

/** Detalhes **/

#sb-wrapper-inner {
    border:0px solid black;
    border-radius:5px;
}

#sb-body {
    background-color:transparent;
}

body.body-detail {
    background-color:white;
    margin:0;
    padding:0;
}

.detail {
    display:table;
    width:100%;
}

.detail label {
    padding-top:5px;
}

.detail h3 {
    margin:20px 10px;
    padding-bottom:5px;
    border-bottom:2px solid rgba(0,0,0,0.3);
}

.form-group {
    display: table;
    width: 100%;
}

span.form-control {
    display:table;
}

.form-group label {
    padding-top:8px;
}

.form-anuncio .form-group {
    width:100%;
    _display:table;
}