/*
Theme Name: PMS - Hotsite Secretaria
Theme URI: http://www.sorocaba.sp.gov.br
Description: 
Author: Prefeitura de Sorocaba
Author URI: http://www.sorocaba.sp.gov.br
Version: 2

`7MM"""Yb.    .M"""bgd  MMP""MM""YMM `7MMF'
  MM    `Yb. ,MI    "Y  P'   MM   `7   MM  
  MM     `Mb `MMb.           MM        MM  
  MM      MM   `YMMNq.       MM        MM  
  MM     ,MP .     `MM mmmmm MM        MM  
  MM    ,dP' Mb     dM       MM        MM  
.JMMmmmdP'   P"Ybmmd"      .JMML.    .JMML.
                               
                                

*/



/* -------------------------------------------
    MISC
   ------------------------------------------- */
a:link, a:visited {color: #333333;  text-decoration: none;}
a:hover, a:active { text-decoration: underline;}
a:active {color: #ff0000; }

#content article a:link{
  color:#3366ff;
  text-decoration: underline;
}
#content article a:hover, #content article a:active{
  color:#b433ff;
}
#content article a:visited{
  color:#6e209b;
}

.tocenter {margin:0 auto; display: inline; }
    
/*#sidebar { background-color: #f5f5f5;}*/

.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; }

/* Wrapper - Push*/
* {margin: 0; }
html, body {height: 100%; }
.wrapper {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -4em; } 
.footer, .push {height: 4em; }


/* Footer*/
.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%; }
.bottom-footer li {text-align: right; display: inline-block;  font-weight: bold; text-transform: uppercase; font-size: 13px; }
.bottom-footer { margin-bottom: 20px;}
.footer-logo {padding-top: 20px; padding-bottom: 20px; }


#secretario-saiba-mais { background:#f5f5f5; height:550px; position:absolute; z-index: 1; left: -590px; border: 1px solid #ccc; width: -moz-calc(100% - 590px); width: 590px; padding: 5px 15px 10px; border-radius: 3px; }

* html .slides {height:1%}
.bg-dark { background: url("images/bg-dark.png") }
.latestDate {color: #8397A3; float: right; font-size: 12px; font-weight: 600; line-height: 35px; padding: 0 0 2px 8%; text-transform: uppercase; }
.latestHeader {border-bottom: 1px dotted #CDCDCD; clear: both; padding: 12px 0; } 
.mobile {display:none }
body { font-family: 'Lato', sans-serif; margin: 0;}
h3 {color: #333; font-family: 'Roboto',Arial,Helvetica; } 
html[xmlns] .slides{display:block}


/* -------------------------------------------
    NAVBAR
   ------------------------------------------- */
.navbar {margin-bottom: 0px;}
.navbar-default {background: url(images/bg_menu_navbar.png) repeat-x; background-color: #f5f5f5; border-radius: 0px; border-left: none; border-right: none; }
ul.nav.navbar-nav li:hover { background-color: #e7e7e7; }
#search-btn {display: none;}
 




/* --- Translate - google language selector ---- */
#google_translate_element .language-selector {position: relative; top: -2px; display: none; float: left; margin-right: -20px; } 
#google_translate_element .goog-te-gadget-simple {font-size: 11px; font-weight: bold; text-align: right; border: none; } 
#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; } 







/* -------------------------------------------
    FLEXSLIDER
   ------------------------------------------- */
/*.div-image {min-height: 550px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; border-radius: 3px; }*/
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline:none}
.flex-direction-nav .flex-next {right:-50px;text-align:right}
.flex-direction-nav .flex-prev {left:-50px}
.flex-direction-nav a {display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,0.8);text-shadow:1px 1px 0 rgba(255,255,255,0.3);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.flex-direction-nav a.flex-next:before {content:'\f002'}
.flex-direction-nav a:before {font-family:"flexslider-icon";font-size:40px;display:inline-block;content:'\f001'}
.flex-direction-nav {*height:0}
.flex-viewport {max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
.flexslider .slides {zoom:1}
.flexslider .slides>li {display:none;-webkit-backface-visibility:hidden}
/*.flexslider {margin:0 0 60px;background:#fff;border:4px solid #fff;position:relative;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.2);-moz-box-shadow:0 1px 4px rgba(0,0,0,.2);-o-box-shadow:0 1px 4px rgba(0,0,0,.2);box-shadow:0 1px 4px rgba(0,0,0,.2);zoom:1}*/
.flexslider {margin:0;padding:0}
.slides  {margin:0;padding:0;list-style:none}
.slides:after {content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}
/*.topSlider  {height: 550px; margin-bottom: 46px; }*/
.topSlider .block-left {width:100%;position:relative}
.topSlider .controlWrapper {background:#D4D5DA;width:100%;height:46px}
.topSlider .custom-controls li a {color:#444;font-weight:500;font-size:16px;padding:14px 0;border-left:1px solid #BBB;text-decoration:none;transition:all 150ms ease}
.topSlider .custom-controls li a {display:block;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px !important}
.topSlider .custom-controls li a.flex-active {background:#C8C9CE}
.topSlider .custom-controls li a:hover {outline:none !important;border-bottom:0}
.topSlider .custom-controls li {margin:0px;display:inline}
.topSlider .custom-controls li {width:25%;display:inline-block;float:left;overflow:hidden}
.topSlider .custom-controls li:first-child a {border-left:0px}
.topSlider .custom-controls {margin:0 auto;padding:25px 0;position:relative;width:960px;text-align:center}
.topSlider .custom-controls {width:98%;padding:0;max-width:1190px;margin:0 auto}
/*.topSlider .flex-container {background:#004A77}*/
.topSlider .flex-direction-nav {display:none}
.topSlider .flexslider  {height: initial; overflow: auto; } 
/*.topSlider .flexslider {height:auto;overflow:hidden;padding:0px;margin:0px;box-shadow:none;border-radius:0px;border:0px}*/
.topSlider li {position:relative}
.topSlider {margin:0 0 -0px 0}




/* -------------------------------------------
    SERVIÇOS
   ------------------------------------------- */
/* black text */
.black-link, .black-link:link, .black-link:visited {color: #000; } 
.black-link:hover, .black-link:active {color: #1771b7; }
/* white text */ 
.white-link, .white-link:link, .white-link:visited {color: #fff; }
.white-link:hover, .white-link:active {color: #1771b7; text-decoration: none; }
a.white-link, a.white-link:link, a.white-link:visited {color: #fff; } 

.btn-voltar, .btn-voltar:link, .btn-voltar:visited, .btn-voltar:hover, .btn-voltar:active {-moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #000; background-image: url(images/arrow-white-back.png); background-position: right 50%; background-repeat: no-repeat; border-radius: 3px; border: none; color: #fff; float: right; font-size: 12px; font-weight: bold; line-height: 1; margin-left: 5px; margin-top: 3px; padding: 10px 25px 10px 12px; text-decoration: none; text-transform: uppercase; }
.btn-voltar:hover {color: #ffffff; background-color: #1771b7; border: none; }

.btn-voltar, .btn-voltar:link, .btn-voltar:visited {background-image: url(images/arrow-white.png); background-color: #000; }
.btn-voltar:active {background-color: #000; }
.btn-voltar:hover {background-color: #1771b7; color: #fff; background-image: url(images/arrow-white.png);  text-decoration: none; font-weight: bold; }


.btn-voltar2, .btn-voltar2:link, .btn-voltar2:visited, .btn-voltar2:hover, .btn-voltar2:active {-moz-border-radius: 3px; -webkit-border-radius: 3px;
background-color: #000;
border-radius: 3px;
border: none;
color: #fff;
font-size: 12px;
font-weight: bold;
line-height: 1;
margin-left: 5px;
margin-top: 3px;
padding: 10px 10px 10px 10px;
text-decoration: none;
text-transform: uppercase;
}
.btn-voltar2:hover {color: #ffffff;
  background-color: #1771b7; border: none; }

.btn-voltar2, .btn-voltar2:link, .btn-voltar2:visited { background-color: #000; }
.btn-voltar2:active {background-color: #000; }
.btn-voltar2:hover {background-color: #1771b7; color: #fff; text-decoration: none; font-weight: bold; }


.btn-link-seta.white-link, .btn-link-seta.white-link:link, .btn-link-seta.white-link:visited {color: #333; font-size: 12px; line-height: 20px; font-weight: bold; background-image: url(images/arrow-black.png); background-color: #fff; border: 1px solid #ccc; }
.btn-link-seta.white-link:active {background-color: #1771b7; }
.btn-link-seta.white-link:hover {color: #fff; background-image: url(images/arrow-white.png); background-color: #1771b7; }

.btn-titulo, .btn-titulo a, .btn-titulo a:hover, .btn-titulo a:visited, .btn-titulo a:hover { background-color: #333 !important; color: #fff !important; font-weight: bold; }


.btn-cinza:hover, .btn-cinza:active {background-color: #1771b7; color: #fff !important; border: 1px solid #1771b7; }
.btn-cinza{color: #fff !important; text-decoration: none !important; font-weight: bold; text-transform: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-size: 16px; line-height: 46px; text-indent: 10px; text-decoration: none; width: 100%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; display: inline; padding: 0px; margin-bottom: 5px; background-color: #959595; border: 1px solid #959595; background-position: right 48%; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.btn-link-seta, .btn-link-seta:link, .btn-link-seta:visited, .btn-link-seta:hover, .btn-link-seta:active {color: #fff; font-weight: bold; text-transform: uppercase; font-size: 12px; line-height: 1; padding: 10px 25px 10px 12px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-position: right 50%; background-color: #1771b7; background-repeat: no-repeat; border: none; background-image: url(images/arrow-white.png);}
.btn-link-seta.black-link, .btn-link-seta.black-link:link, .btn-link-seta.black-link:visited {background-image: url(images/arrow-white.png); background-color: #000; }
.btn-link-seta.black-link:active {background-color: #000; }
.btn-link-seta.black-link:hover {background-color: #1771b7; color: #fff; background-image: url(images/arrow-white.png);  text-decoration: none; font-weight: bold; }
.btn-link-seta.white-link, .btn-link-seta.white-link:link, .btn-link-seta.white-link:visited {color: #333; font-size: 12px; line-height: 20px; font-weight: bold; background-image: url(images/arrow-black.png); background-color: #fff; border: 1px solid #ccc; }
.btn-link-seta.white-link:active {background-color: #1771b7; }
.btn-link-seta.white-link:hover {color: #fff; background-image: url(images/arrow-white.png); background-color: #1771b7; }
.btn-secretaria {color: #333 !important; text-decoration: none !important; font-weight: bold; text-transform: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-size: 16px; line-height: 46px; text-indent: 10px; text-decoration: none; width: 100%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; display: inline; padding: 0px; margin-bottom: 5px; background-position: right 48%; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;  border: 1px solid #fff; }
.btn-secretaria:hover { color: #1771b7 !important;  }
.close-button {display: block; width: 21px; height: 20px; text-indent: 100%; white-space: nowrap; overflow: hidden; background: url("images/slider-close.png") no-repeat; float: right; margin-top: 5px; margin-right: 5px; }
.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: ""; }
.fique-por-dentro {background: #fff; box-shadow: 0 0 2px #D8D9D9; border-radius: 3px; width: 261px; margin: 25px 10px 10px; height: 230px; }
.fique-por-dentro-titulo {color: #222428; border-bottom: 1px dotted #dddede; padding: 18px 30px 6px 10px; font-size: 20px; font-weight: bold; margin-bottom: 20px; }
.img-container {position: absolute; bottom: 5px; right: 0; text-align: right; }
.imgWrapper img {width: 100%; margin: 0 auto; height: 164px; overflow: hidden; border-top-left-radius: 3px; border-top-right-radius: 3px;  }
.module .module-header .btn-link-seta {float: right; margin-top: 3px; margin-left: 5px; }
.module .module-header h2 {font-size: 28px; line-height: 1; font-weight: bold; letter-spacing: -2px; margin: 0px; padding-bottom: 3px; float: left; max-width: 75%; }
.module .module-header {margin-bottom: 30px; overflow: hidden; *zoom: 1; }
.module {margin-top: 20px; margin-bottom: 40px; }
.module, .module-header, .module-content {position: relative; width: 100%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.module-content {margin: 0px; }
.outros-programas .content-info {-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; overflow: hidden; background: transparent; }
.outros-programas .content-info-inner h4 a, .programas-iniciativas .content-info-inner p a {color: #333333; }
.outros-programas .content-info-inner {background: #fff; border-top: none; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; padding: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }
.outros-programas .initiative img {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; }
.outros-programas .initiative {cursor: pointer; background: transparent; width: 206px; float: left; margin-right: 14px; margin-bottom: 10px; display: inline; }
.outros-programas .initiative:hover {-webkit-box-shadow: 0px 16px 30px -18px rgba(130, 130, 130, 0.8); -moz-box-shadow: 0px 16px 30px -18px rgba(130, 130, 130, 0.8); -ms-box-shadow: 0px 16px 30px -18px rgba(130, 130, 130, 0.8); box-shadow: 0px 16px 30px -18px rgba(130, 130, 130, 0.8); }
/*.outros-programas .initiative:nth-child(4n) {float: left; margin-right: 0; *margin-left: -1em; display: inline; }*/
.outros-programas .row {float: right; margin-right: 0; *margin-left: -1em; display: inline; }
.outros-programas .row.mobile .button-link {width: 100%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 18px 0; font-size: 14px; }
.outros-programas .row.mobile {width: 100%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; }
/*.outros-programas .row:nth-child(1) {margin-bottom: 20px; }*/
.programas-iniciativas .content-info {-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; overflow: hidden; background: transparent; }
.programas-iniciativas .content-info-inner h4 a, .programas-iniciativas .content-info-inner p a {color: #333333; }
.programas-iniciativas .content-info-inner {background: #fff; border-top: none; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; padding: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }
.programas-iniciativas .initiative img {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; }
.programas-iniciativas .initiative {cursor: pointer; background: transparent; width: 23.72881%; float: left; margin-right: 1.69492%; display: inline; }
.row:after {clear: both; }
.row:before, .row:after {display: table; line-height: 0; content: ""; }
.secretarias-servicos #secretarias-servicos-btn .button-container {display: table !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 48.27586%; float: left; margin-right: 3.44828%; display: inline; margin-bottom: 10px; background: url(images/button-hover.png) repeat-x; }
.secretarias-servicos #secretarias-servicos-btn .button-container:nth-child(2n) {float: right; margin-right: 0; *margin-left: -1em; display: inline; }
.secretarias-servicos #secretarias-servicos-btn .button-container:nth-child(n+9) {margin-bottom: 0px; }
.secretarias-servicos #secretarias-servicos-btn a.btn-link-seta.white-link {text-transform: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
.secretarias-servicos #secretarias-servicos-btn a.btn-link-seta.white-link, .secretarias-servicos #secretarias-servicos-btn a.btn-link-seta.white-link:link, .secretarias-servicos #secretarias-servicos-btn a.btn-link-seta.white-link:visited {display: table-cell !important; vertical-align: middle; font-size: 18px; height: 73px; width: 100%; float: left; margin-right: 7.14286%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; float: none; padding-right: 35px; background-image: url(images/arrow-black.png); background-position: right 48%; background-color: #fff; }
.secretarias-servicos #secretarias-servicos-btn a.btn-link-seta.white-link:hover, .secretarias-servicos #secretarias-servicos-btn a.btn-link-seta.white-link:active {color: #1771b7; background-color: transparent; background-image: url(images/arrow-blue.png); }
.secretarias-servicos #secretarias-servicos-btn {width: 49.15254%; float: left; margin-right: 1.69492%; display: inline; position: relative; z-index: 0; } 
.secretarias-servicos #secretarias-servicos-btn, .secretarias-servicos .sorocaba-videos {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } 
.secretarias-servicos .module-content {overflow: hidden !important; position: relative; }
.secretarias-servicos .row {width: 100%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0px; position: relative; z-index: 0; padding-bottom: 19px; }
.secretario img { border-top-left-radius: 3px; border-top-right-radius: 3px; width: 260px; }
.secretario {background: #fff; box-shadow: 0 0 2px #CDCDCD; border-radius: 3px; width: 260px; margin: 0px 10px 25px; height: 550px; }
.secretario-nome   {color: #222428; /*border-bottom: 1px dotted #dddede;*/ padding: 10px 10px 0px 10px; font-size: 20px; font-weight: bold; margin-bottom: 10px; }
.secretario-resumo { padding: 0px 10px; }
.ultimas-noticias p {padding: 10px 10px 0px; }
.ultimas-noticias {background: #fff; box-shadow: 0 0 2px #D8D9D9; border-radius: 3px; width: 31%; position: relative; float: left; margin: 25px 10px 40px; }
.ultimas-noticias-assunto {border-bottom: 1px dotted #CDCDCD; clear: both; padding: 12px 0; } 
.ultimas-noticias-data {white-space: nowrap; color: #8397A3; float: right; font-size: 11px; font-weight: 600; line-height: 35px; margin-right: 20px; margin-top: -8px; text-transform: uppercase; width: 90px; }
.ultimas-noticias-resumo {padding-left: 10px; height: 100px; }
.ultimas-noticias-titulo  a { color: #333; }
.ultimas-noticias-titulo  {padding: 0 8%; font-size: 18px; font-weight: 600; line-height: 24px; padding: 15px 0px 5px 0px; min-height: 92px; }

/* -------------------------------------------
    archive.php
   ------------------------------------------- */
   .itens-container {margin-left: 20px; display: grid; grid-template-columns: repeat(auto-fill,minmax(220px,1fr));gap: 30px; justify-items: center;}
   .itens-container article {display: flex; flex-direction: column; justify-content: space-between; border-radius: 8px; box-shadow: 10px 10px 10px 2px #dddddd60; border: 1px solid #ddd; cursor: pointer;width: 220px;}
   .itens-container article:hover {box-shadow: 15px 15px 10px 2px #dddddd45; transform: scale(1.01)}
   .itens-container article header {background: #ddd; border-radius: 8px 8px 0 0; padding-bottom: 10px; word-wrap: break-word}
   .itens-container article h2 {text-align: center; text-transform: uppercase; color: #333;font-size: 2rem; text-shadow: 1px 1px #fff}
   .itens-container .image-container {display: flex; justify-content: center; align-items: center; margin: 15px 0 20px 0}
   .itens-container .image-container img {border-radius: 3px; max-height: 150px; width: auto}
   .itens-container a:hover {text-decoration: none}
   .pag{display: flex; justify-content: center}
   .sa_hover_container{ padding: 0 !important;}

/* -------------------------------------------
    MEDIA QUERIES
   ------------------------------------------- */

@media only screen and (max-width: 992px) {
  #secretario-saiba-mais { width: 100%; display: none !important;}
  .bloco2 { display: none;}
  .col-md-12 {padding-right: 0px;padding-left: 0px;}
  .fique-por-dentro { width: auto; height: 230px; }
  .imgWrapper img { height: auto; }
  .outros-programas .initiative {width: 45%; float: left; margin-right: 14px; margin-bottom: 10px; display: inline; }
  .secretario img { float: left; }
  .secretario {width: auto !important; height: 311px; background: #fff; border-radius: 3px; margin: 25px 0px 25px; padding-left: 0px !important; }
  .secretario-texto { margin-left: 270px; }
  .ultimas-noticias p { padding: 10px 10px 0px;}
  .ultimas-noticias { width: auto; }
  .ultimas-noticias-titulo {line-height: 24px; padding: 15px 10px 5px 10px; min-height: 29px; }
  div.col-md-4.ultimas-noticias { padding: 0px !important;}
}

@media only screen and (max-width: 992px) and (min-width: 768px) {
  #search-input { display: none; }
  #search-btn {display: block;}
}


@media only screen and (min-width: 960px){
  .desktop {display: block !important; }
  .mobile, .tablet {display: none !important; }
  .module .mobile, .module .tablet {display: none !important; } 
  .module .desktop {display: block !important; }
  .module .inline.desktop {display: inline !important; }  
  .programas-iniciativas .content-info-inner {height: 190px; } 
  .topSlider .flex-caption a.sliderLink{padding:10px 20px}
  .topSlider .flex-caption h3{margin:0;padding:14px 0;font-size:32px;line-height:1.1 !important}
  .topSlider .flex-caption hr{margin:17px 0 15px}
  .topSlider .flex-caption{margin-left:0;left:51%}
}

@media only screen and (max-width: 959px) {
  #booker {display: none !important; } 
  .bottom-footer li {line-height: 15px; margin-right: 0; margin-top: 10px; display: block; text-align: center; }
  .bottom-footer ul {padding-left: 0px; }
  .fique-por-dentro, .ultimas-noticias { width: auto !important;}
  .footer-nav {padding: 0 0 20px; text-align: center; width: 100%; position: relative; top: auto; }
  .form-control { width: auto;}
  .homeLatest .imgWrapper {height: auto; }
  .imgWrapper, .imgWrapper img {width: 100%; height: auto; }
  .mobile {display:block } 
  .nomobile {display:none !important } 
}


@media only screen and (max-width: 959px){
  .controlWrapper{display:none}
  .flex-direction-nav a{color:#000000!important;content:none!important;position:relative!important;top:0px!important;text-shadow:none!important;overflow:hidden!important;opacity:1!important;margin:0px!important}
  .flex-direction-nav a{content:none!important}
  .topSlider .custom-controls  li a{font-size:12px!important}
  .topSlider .custom-controls{width:auto!important}
  .topSlider .flexslider{height:auto!important}
  .topSlider{height:auto !important;margin-bottom:0 !important}
}

@media screen and (max-width: 860px){
  .flex-direction-nav .flex-next{opacity:1;right:10px}
  .flex-direction-nav .flex-prev{opacity:1;left:10px}
}



@media only screen and (min-width: 768px) and (max-width: 959px) { 
  .module .desktop, .module .mobile {display: none !important; }
  .module .inline.tablet {display: inline !important; }
  .module .tablet {display: block !important; }
  .module-programs-and-initiatives .row {float: right; margin-right: 0; display: inline; }
  .module-programs-and-initiatives .row:nth-child(1) {margin-bottom: 0px; }
  .programas-iniciativas .content-info-inner {height: 190px; border-top: none; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; } 
  .programas-iniciativas .initiative .content-info-inner h4 {font-size: 16px; } 
  .programas-iniciativas .module-header h2 {margin-bottom: 0px; } 
  .programas-iniciativas .row:nth-child(1) {margin-bottom: 0px; } 
  .ultimas-noticias-titulo {font-size: 24px;}
}

@media only screen and (min-width: 768px){
  #search-menu {padding-right: 0px;}
}


@media only screen and (max-width: 767px) {
  .lt-ie9 .programas-iniciativas .initiative img {width: auto; }
  .module .module-header h2 {font-size: 18px; line-height: 1; letter-spacing: -1px; max-width: 100%; white-space: nowrap; }
  .module .module-header {margin-bottom: 20px; } 
  .module {margin-top: 40px; margin-bottom: 20px; }
  .programas-iniciativas .button-link {width: 100%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; margin: 0px; }
  .programas-iniciativas .initiative .content-info {-webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
  .programas-iniciativas .initiative .content-info-inner h4 {margin-top: 0px; margin-bottom: 4px; font-size: 16px; }
  .programas-iniciativas .initiative .content-info-inner {font-size: 14px; height: 110px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: none; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
  .programas-iniciativas .initiative img {max-width: 110px; float: left; }
  .programas-iniciativas .initiative.hovered {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
  .programas-iniciativas .initiative:nth-child(4n) {margin-bottom: 0px; }
  .animal-page p img{
    max-width: 90vw;
    height: auto;
  }
}

@media only screen and (min-width: 631px) and (max-width: 767px) {
  .lt-ie9 .programas-iniciativas .content-info img {width: auto; }
  .module .desktop, .module .mobile {display: none !important; }
  .module .tablet {display: block !important; }
  .programas-iniciativas .initiative {width: 49.15254%; float: left; margin-right: 1.69492%; display: inline; margin-bottom: 10px; }
  .programas-iniciativas .initiative:nth-child(2n) {float: right; margin-right: 0; *margin-left: -1em; display: inline; } 
  .programas-iniciativas .row:nth-child(1) {margin-bottom: 0px; }
}

@media only screen and (max-width: 520px) {
  .secretario { height: 680px; }
  .secretario img { float: none; width: 100% }
  .secretario-texto { margin-left: 0px; clear: both; }
}


@media only screen and (max-width: 479px){
  .flexslider{margin-top:45px !important}
  .topSlider .flex-caption h3{font-size:22px!important;line-height:26px!important}
  }



@media only screen and (min-width: 411px) and (max-width: 630px) {
  .lt-ie9 .programas-iniciativas .content-info img {width: auto; }
  .programas-iniciativas .initiative {width: 100%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; margin-bottom: 10px; }
  .programas-iniciativas .module-header h2 {margin-top: 0px; margin-bottom: 0px; }
  .programas-iniciativas .row:nth-child(1) {margin-bottom: 20px; }
  .secretarias-servicos #secretarias-servicos-btn .button-container {display: table !important; width: 100%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; margin-bottom: 4px; } 
  .secretarias-servicos #secretarias-servicos-btn .button-container:nth-child(n+9) {margin-bottom: 4px; }
  .secretarias-servicos #secretarias-servicos-btn a.btn-link-seta.white-link {display: table-cell !important; vertical-align: middle; width: 100%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; float: none; height: 53px !important; }
  .secretarias-servicos #secretarias-servicos-btn {width: 100%; float: left; margin-right: 1.69492%; display: inline; clear: both; float: none; }
  .secretarias-servicos .sorocaba-videos .content-info .content-info-inner {display: table-cell; width: 55%; height: auto; vertical-align: top; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: none; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; padding-left: 10px; } 
  .secretarias-servicos .sorocaba-videos .content-info {height: auto; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; background: transparent; overflow: hidden; *zoom: 1; }
  .secretarias-servicos .sorocaba-videos h4 {font-size: 18px; } 
  .secretarias-servicos .sorocaba-videos {clear: both; width: 100%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; margin-top: 20px; font-size: 16px; line-height: 20px; display: table; height: auto; float: left; overflow: hidden; *zoom: 1; }
}

@media only screen and (max-width: 410px) {
  .secretarias-servicos #secretarias-servicos-btn {width: 100%; float: left; margin-right: 1.69492%; display: inline; clear: both; float: none; }
  .secretarias-servicos #secretarias-servicos-btn .button-container {display: table !important; width: 100%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; margin-bottom: 4px; }
  .secretarias-servicos #secretarias-servicos-btn .button-container:nth-child(n+9) {margin-bottom: 4px; } 
  .secretarias-servicos #secretarias-servicos-btn a.btn-link-seta.white-link {display: table-cell !important; vertical-align: middle; width: 100%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; float: none; height: 53px !important; }
  .secretarias-servicos .sorocaba-videos {clear: both; width: 100%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; margin-top: 20px; font-size: 16px; line-height: 22px; }
  .secretarias-servicos .sorocaba-videos h4 {font-size: 18px; }
  .secretarias-servicos .sorocaba-videos img {float: none; width: 100%; } 
  .programas-iniciativas .module-header .btn-link-seta {display: none; }
  .programas-iniciativas .initiative {width: 100%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; margin-bottom: 10px; }
  .programas-iniciativas .initiative.first-item {overflow: hidden; clear: both; /*rounded top corners*/ -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; }
  .programas-iniciativas .initiative.first-item .content-info, .programas-iniciativas .initiative.first-item .content-info img {width: 100% !important; float: none; clear: both; max-width: 100%; }
  .programas-iniciativas .initiative.first-item .content-info-inner {width: 100%; border-top: none; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; /* rounded bottom corners only */ -webkit-border-top-right-radius: 0px; -webkit-border-top-left-radius: 0px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
}



/* mobile */
@media only screen and (min-width: 320px) and (max-width: 630px) {
  .desktop, .tablet {display: none !important; }
  .inline.mobile {display: inline !important; } 
  .mobile {display: block !important; } 
  .module .desktop, .module .tablet {display: none !important; }
  .module .mobile {display: block !important; } 
  .module-header h2.centered, .module-header .module-title.centered {text-align: left; }
  .outros-programas .initiative:nth-child(4n) {float: left; margin-right: 0; *margin-left: -1em; display: inline; }
  .outros-programas .row:nth-child(1) {margin-bottom: 20px; }
}


@media only screen and (max-width: 320px) {
  .outros-programas .initiative {width: 100%; float: none; margin-right: 0px; margin-bottom: 10px; }
  .module .module-header h2 {font-size: 24px; }
  .content-info {margin-bottom: 10px;}
}