/*
Theme Name: PMS Secretaria Migração [docker]
Theme URI: http://www.sorocaba.sp.gov.br
Description: Baseado em PMS - Secretaria v3
Author: Prefeitura de Sorocaba
Author URI: http://www.sorocaba.sp.gov.br
Version: 1


  .oooooo.     .oooooo.    ooooooooooooo ooooo 
 d8P'  `Y8b   d8P'  `Y8b   8'   888   `8 `888' 
888          888                888       888  
888          888                888       888  
888          888     ooooo      888       888  
`88b    ooo  `88.    .88'       888       888  
 `Y8bood8P'   `Y8bood8P'       o888o     o888o 
                                               

                                 

*/

@import url(css/pmsds-base.css);
@import url(css/pmsds-secretaria.css);
@import url(css/pmsds-cores-v1.css);

/* -------------------------------------------
    MISC
   ------------------------------------------- */


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

/*--- BTN Voltar ---*/
.btn-voltar, .btn-voltar:link, .btn-voltar:visited {background-image: url(images/arrow-white.png); background-color: #000; }
  .btn-voltar, .btn-voltar:link, .btn-voltar:visited {-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:active {border: var(--borda-focada);}
  .btn-voltar:hover {background-color: #1771b7; color: #fff; background-image: url(images/arrow-white.png);  text-decoration: none; font-weight: bold; }




  /*--- Secretarias ---*/
.btn-secretaria {width: 100%; color: #fff !important; background-color: #000; text-decoration: none !important; font-weight: bold; text-transform: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 16px; line-height: 46px; text-indent: 10px; text-decoration: none; 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; border: none; overflow: hidden; }
.btn-secretaria:hover {color: #FFA500 !important; border: 1px solid #fff; border: none; }
.btn-secretaria-seta, .btn-secretario-seta {-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-position: right 50%; background-repeat: no-repeat; background-image: url(images/arrow-white.png); }
.btn-secretaria-seta:hover, .btn-secretario-seta:hover {background-position: right 50%; background-repeat: no-repeat; background-image: url(images/arrow-orange.png); }


.btn-secretaria-2 {width: 40%; color: #fff !important; background-color: #000; text-decoration: none !important; font-weight: bold; text-transform: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 16px; line-height: 46px; text-indent: 10px; text-decoration: none; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; display: inline; padding: 0px; margin-bottom: 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #fff; border: none; overflow: hidden; }
.btn-secretaria-2:hover {color: #FFA500 !important; border: 1px solid #fff; border: none; }
.btn-secretaria-seta-2, .btn-secretario-seta-2 {-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-position: left 50%; background-repeat: no-repeat; background-image: url(images/arrow-white-back-2.png); padding-left: 14px; }
.btn-secretaria-seta-2:hover, .btn-secretario-seta-2:hover {background-position: left 50%; background-repeat: no-repeat; background-image: url(images/arrow-orange-back-2.png); padding-left: 14px; }
.btn-secretaria-back-2, .btn-secretario-back-2 {-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-position: left 50%; background-repeat: no-repeat; background-image: url(images/arrow-white-2.png); padding-left: 14px; }
.btn-secretaria-back-2:hover, .btn-secretario-back-2:hover {background-position: left 50%; background-repeat: no-repeat; background-image: url(images/arrow-orange-2.png); padding-left: 14px; }


.btn-secretaria-back, .btn-secretario-back {-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-position: right 50%; background-repeat: no-repeat; background-image: url(images/arrow-white-back.png); }
.btn-secretaria-back:hover, .btn-secretario-back:hover {background-position: right 50%; background-repeat: no-repeat; background-image: url(images/arrow-orange-back.png); }

.img-secretario { height: auto; width: 260px; margin-right: 15px; }

#secretaria, #secretario { 
  overflow-y: auto;
}
.carousel-control { width: 20%; }
/*
.carousel .carousel-control { visibility: hidden; }
.carousel:hover .carousel-control { visibility: visible; }
*/

/* Banner */
.flexslider {border: 0px !important; }
.flex-control-nav {display: none; }
.flex-direction-nav a {height: 45px !important; }
.div-image { min-height: 550px; width: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; border-radius: 3px; z-index: 0 !important; }


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

/* Footer*/
.bottom-footer { margin-bottom: 20px;}
.footer-logo {padding-top: 20px; }





/** 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 }
.secretario {overflow: hidden;}
body {margin: 0;}
h3 {color: #333;} 
/*html[xmlns] .slides{display:block}*/



 
/* --- 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; } 






/* -------------------------------------------
    REDES SOCIAIS
   ------------------------------------------- */
/* -- Social Icons -- */
.redes-sociais                  {border-top: 1px dotted #CDCDCD; padding: 10px 10px 30px; }
.redes-sociais-icones           {position: relative; }
.redes-sociais-icones li        {margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
.redes-sociais-icones li, .redes-sociais-icones a {height: 22px; display: block; }
.redes-sociais-facebook         {left:     0px; width: 68px; background: url('images/redes-sociais-sprite.png')     0      0; }
.redes-sociais-twitter          {left:   71px; width: 68px; background: url('images/redes-sociais-sprite.png')  -71px  0; }
.redes-sociais-gplus            {left: 142px; width: 68px; background: url('images/redes-sociais-sprite.png') -142px 0; }
.redes-sociais-facebook a:hover {background: url('images/redes-sociais-sprite.png')      0 -22px; }
.redes-sociais-twitter a:hover  {background: url('images/redes-sociais-sprite.png')  -71px -22px; }
.redes-sociais-gplus a:hover    {background: url('images/redes-sociais-sprite.png') -142px -22px; }



/* -------------------------------------------
    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-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; 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: ""; }


.img-container {position: absolute; bottom: 5px; right: 0; text-align: right; }
.imgWrapper img {width: 100%; margin: 0 auto;}
.module .module-header .btn-link-seta {float: right; margin-top: 3px; margin-left: 5px; }
.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; }
.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; }




/* -------------------------------------------
    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: 260px; }
  .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: 968px){
  .desktop {display: block !important; }
  .mobile, .tablet {display: none !important; }
  .module .inline.desktop {display: inline !important; }  
  .module .mobile, .module .tablet {display: none !important; } 
  .programas-iniciativas .content-info-inner {height: 190px; } 
}
*/
@media only screen and (max-width: 968px) {
  #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; }
  .controlWrapper{display:none}
  .fique-por-dentro { 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 (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 (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; } 
  .secretarias-servicos #booker .inside .request-container {padding-left: 32.20339%; } 
  .secretarias-servicos #menu-secretaria {width: 32.20339%; float: left; margin-right: 1.69492%; display: inline; }
  .secretarias-servicos #secretarias-servicos-btn .button-container {display: table !important; width: 49.15254%; float: left; margin-right: 1.69492%; display: inline; }
  .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 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; }
  .secretarias-servicos #secretarias-servicos-btn {width: 66.10169%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; }
  .secretarias-servicos .sorocaba-videos .content-info-inner {height: 220px; -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; }
  .secretarias-servicos .sorocaba-videos h4 {font-size: 18px; }
  .secretarias-servicos .sorocaba-videos img {float: left; margin-right: 10px; }
  .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; }
  .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; }
/*
  .secretarias-servicos #menu-secretaria a.btn-link-seta.black-link {width: 100%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; }
  .secretarias-servicos #menu-secretaria {margin-bottom: 20px; }
  .secretarias-servicos #menu-secretaria {width: 100%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; clear: both; }
*/
}








@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 (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; }
}



/* mobile */
@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; }
}

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

@media only screen and (max-width: 336px) {
  .fique-por-dentro { width: auto; height: 300px; }
}




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

#secretario {
  overflow: auto!important;
 }


.initiative {
  margin-bottom: 50px;
}