body { font-family: 'Lato', sans-serif; margin: 0;}
* html .slides {height:1%;}
html[xmlns] .slides{display:block; }

/* Translate*/
/* google language selector */
#google_translate_element .language-selector { float: left; position: relative; top: -2px; margin-right: -20px; display: none; }
#google_translate_element .goog-te-gadget-simple { border: none; font-weight: bold; font-size: 11px; text-align: right; }
#google_translate_element .goog-te-gadget-icon { display: none; width: 19px; }
#google_translate_element .goog-te-gadget-simple span { color: #666; border: none; }
#google_translate_element .goog-te-gadget-simple span:hover { color: #000; }
.gcsc-branding {display: none;} /* Oculta o logo do Google */

.bg-dark { background: url("http://central156.sorocaba.sp.gov.br/wp-content/themes/pms-portal/images/bg-dark.png") }
.mobile {display:none }


/* --- Footer ---*/
.bottom-footer li {text-align: right; display: inline-block;  font-weight: bold; text-transform: uppercase; font-size: 12px; }
.footer-logo {padding-top: 20px; padding-bottom: 20px }
.footer-nav {display: inline-block; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; right: 0; position:absolute; top:50%; }
div.bottom-footer a:active {color: #ff0000; }
div.bottom-footer a:hover, div.bottom-footer a:active { text-decoration: underline;}
div.bottom-footer a:link, div.bottom-footer a:visited {color: #333333;  text-decoration: none;}



/* -------------------------------------------
    NAVBAR
   ------------------------------------------- */
#search-btn {display: none;}
.navbar {margin-bottom: 0px;}
.navbar-default {background: url(http://central156.sorocaba.sp.gov.br/wp-content/themes/pms-portal/images/bg_menu_navbar.png) repeat-x; background-color: #f5f5f5; border-radius: 0px; border-left: none; border-right: none; }
.navbar-nav {float: left; margin: 0; font-size: 14px !important; }
button.btn.btn-default.btn-sm { padding-top: 8px; padding-bottom: 8px;}
input#search-form.form-control.input-sm {height: 30px !important; padding: 5px 10px ; font-size: 12px ; line-height: 1.5 ; border-radius: 3px ; }
ul.nav.navbar-nav li:hover { background-color: #e7e7e7; }

fieldset legend {background: white; font-size: 18px; font-weight: normal; margin-left: -0.1875rem; margin: 0; padding: 0 0.1875rem; } 
legend {display: block; -webkit-padding-start: 2px; -webkit-padding-end: 2px; border: none; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; }
ol.breadcrumb li.on, ol.breadcrumb li { width: auto !important;}

/* --- Espaçadores ---*/
.div-space-5 {height: 5px; }
.div-space-10 {height: 10px; }
.div-space-15 {height: 15px; }
.div-space-20 {height: 20px; }
.div-space-25 {height: 25px; }
.div-space-50 {height: 50px; }
.min-heigh-500 {min-height: 500px;}

.container {*zoom: 1; max-width: 940px; _width: 940px; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; position: relative; }
.container:after {clear: both; }
.container:after {content: ""; display: table; clear: both; }
.container:before, .container:after {display: table; line-height: 0; content: ""; }
.row:after {clear: both; }
.row:before, .row:after {display: table; line-height: 0; content: ""; }



/* -------------------------------------------
    MEDIA QUERIES
   ------------------------------------------- */

@media only screen and (min-width: 768px) and (max-width: 992px) {
  #search-input { display: none; }
  #search-btn {display: block;}
}

@media only screen and (min-width: 768px){
  #search-menu {padding-right: 0px;}
}

@media only screen and (max-width: 959px) {
  .nomobile {display:none !important } 
  .mobile {display:block } 
  .footer-nav {padding: 0 0 20px; text-align: center; width: 100%; position: relative; top: auto; }
  .bottom-footer ul {padding-left: 0px; }
  .bottom-footer li {line-height: 15px; margin-right: 0; margin-top: 10px; display: block; text-align: center; }
  .form-control { width: auto;}
}