/*
 *
 * CSS com estilos genéricos para todos os temas
 *
 * @Autores
 *
 * - Danilo Sartorelli Barbato
 * - Moisés de Aguiar Júnior
 * - Wellington Braga
 *
 * @Referencias
 *
 * Lista de padrões, convenções e boas praticas CSS que devem ser seguidas.
 * https: //github.com/necolas/idiomatic-css/tree/master/translations/pt-BR
 *
 * Plugins para ordenar os atributos de CSS.
 * http://csscomb.com/
 *
 * Validador de CSS do W3C.
 * http://jigsaw.w3.org/css-validator/
 */

 /* ==========================================================================
   Estilos de banner rotativos do portal
   ========================================================================== */
/*Alertas Home*/
.container-wrapper-spagora {
  width: 945px;
  margin: 0 auto;
  position: relative;
}
#mostra-alerta{
  display: none;
}
.section-prefeitura-de-sao-paulo #mostra-alerta{
  background-color: #000;
  position: absolute;
  width: 940px;
  top: 123px;
  margin-left: 11px;
  padding: 10px 0;
  display: block;
}
.section-prefeitura-de-sao-paulo #mostra-alerta h3{
  color: #ffd400;
  text-transform: uppercase;
  font-size: 13px;
  float: left;
  margin: 3px 0 0 0;
  width: 623px;
}
.section-prefeitura-de-sao-paulo #mostra-alerta .changep{
  color: #a9a9a9;
  font-size: 11px !important;
  float: left !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 623px;
  line-height: 11px;
}
.userrole-authenticated #mostra-alerta{
  top: 165px;
}
#mostra-alerta .icoPreview{
  float: left;
  margin: 4px 10px 10px 20px;
}
#mostra-alerta h3,
#mostra-alerta p{
  color: #fff;
}
#contentchooser-content-show-button{
  z-index: 5555 !important;
}
#content .tile-default .cover-chamada-tile {
  position: relative;
  width: 101%;
  height: 450px;
  overflow: hidden;
}
.subsection-cidadao #content .tile-default .cover-chamada-tile,
.subsection-empresa #content .tile-default .cover-chamada-tile,
.subsection-servidor #content .tile-default .cover-chamada-tile{
  height: 345px;
}
#content .row.destaque .chamada-item{
  width: 100%;
  float: left;
  margin-right: 13px;
  height: 170px;
  display: block;
}

#content .width-16 .chamada-item img {
  max-width: 940px;
}

#content .destaque .chamada-item img {
  max-width: 100%;
  height: auto;
  border-bottom: 5px solid #f00;
}

#content .tile-default #controler-carrossel {
  position: absolute;
  bottom: 20px;
  left: 17px;
  font-size: 1.1em;
}
#content .tile-default #controler-carrossel a{
  border: 1px solid black;
  color: #000 !important;
  padding: 2px 5px;
  cursor: pointer;
  font-weight: bold;
  text-decoration: none;
}
#content .tile-default #controler-carrossel a:hover{
  color: #333 !important;
}
#content .tile-default #controler-carrossel .ativo {
  background: #000;
  color: #fff !important;
  border: 1px solid #fff;
}
#content .tile-default #controler-carrossel .ativo:hover {
  color: #fff !important;
}

#content .tile-default .chamada-item {
  position: relative;
  display: none;
}

#content .tile-default .chamada-item.ativo {
  display: block;
}
#content .tile-default .bannerInfo{
  color: #fff !important;
  position: absolute;
  width: 350px;
  height: auto;
  bottom: 0;
  background: rgba(255,20,20, 0.5);
  padding: 16px 16px 50px 16px;
}
#content .tile-default .chamada-item .bannerInfo h2{
  font-size: 1.9em;
  letter-spacing: 0;

}
#content .tile-default .chamada-item .bannerInfo p{
  font-size: 1.5em;
  letter-spacing: 0;
  line-height: 21px;
}

#content .tile-default .chamada-item .bannerInfo h2 a,
#content .tile-default .chamada-item.bannerInfo h2 a:hover {
  color: #fff !important;
  font-size: 1em;
}

#content .tile-default .tile-content .governo-lista select {
  border: 1px solid #ccc;
  outline: none;
  border-radius: 2px;
  color: #777;
  margin: 0;
  width: 220px;
  max-width: 100%;
  display: block;
  margin-bottom: 20px;
  background: #fff;
}

#content .tile-default .tile-content .governo-lista h2 {
  margin-bottom: 5px;
  padding-top: 10px;
  border-top: 1px solid #d7d7d7;
  letter-spacing: 0;
}
#content .tile-default .tile-content .governo-lista .ConteudoSecretaria {
  font-size: 1.15em;
  font-weight: normal;
}
#content .tile-default .tile-content .governo-lista h2:first-child {
  border-top: none;
}
#content .tile-default .tile-content .governo-lista .tile-footer {
  margin-top: 74px;
}
.subsection-solicitar-servicos #content .tile-default .tile-content .governo-lista .tile-footer {
  margin-top: 31px;
}
#content .tile-default .tile-content .tile-header {
  line-height: 1.2em;
  font-size: 12px;
}
#content .tile-default .tile-content .tile-header h1 a {
  border-bottom: none;
}


a.imag img.left{
    margin: 0 0.4em 0.1em 0;
}

/*Banner de seções*/
.subsection-cidadao #content .tile-default .cover-chamada-tile span,
.subsection-empresa #content .tile-default .cover-chamada-tile span,
.subsection-servidor #content .tile-default .cover-chamada-tile span{
  background: url("../img/cortado.png") no-repeat bottom left ;
  width: 960px;
  height: 340px;
  position: absolute;
  z-index: 2;
  top: 0;
}
.subsection-cidadao #content .tile-default .chamada-item,
.subsection-empresa #content .tile-default .chamada-item,
.subsection-servidor #content .tile-default .chamada-item {
  display: block !important;
  position: static;
}
.subsection-cidadao #content .tile-default .bannerInfo,
.subsection-empresa #content .tile-default .bannerInfo,
.subsection-servidor #content .tile-default .bannerInfo{
  top:60px;
  background: none;
  position: static;
  padding: 0;
}
.subsection-cidadao #content .tile-default .bannerInfo h2,
.subsection-empresa #content .tile-default .bannerInfo h2,
.subsection-servidor #content .tile-default .bannerInfo h2 {
  background: url(../img/sprite2.png) no-repeat 1px 3px transparent;
  font-size: 1.4em;
  cursor: pointer;
  float: left;
  position: relative;
  z-index: 3;
}
.subsection-cidadao #content .tile-default .bannerInfo h2:hover,
.subsection-empresa #content .tile-default .bannerInfo h2:hover,
.subsection-servidor #content .tile-default .bannerInfo h2:hover,
.subsection-cidadao #content .tile-default .bannerInfo .ativo,
.subsection-empresa #content .tile-default .bannerInfo .ativo,
.subsection-servidor #content .tile-default .bannerInfo .ativo{
  background: url(../img/sprite2.png) no-repeat -1px -68px transparent;
}
.subsection-cidadao .chamada-item img,
.subsection-cidadao .chamada-item p,
.subsection-empresa .chamada-item img,
.subsection-empresa .chamada-item p,
.subsection-servidor .chamada-item img,
.subsection-servidor .chamada-item p {
  display: none;
  position: absolute;
  top: 0;
}
.subsection-cidadao .chamada-item img,
.subsection-empresa .chamada-item img,
.subsection-servidor .chamada-item img{
  width: 100%;
  max-height: 340px;
}

.subsection-cidadao #content .tile-default .bannerInfo p,
.subsection-empresa #content .tile-default .bannerInfo p,
.subsection-servidor #content .tile-default .bannerInfo p{
  position: absolute;
  z-index: 3;
  width: 340px;
  left: 170px;
  top: 40px;
  font-size: 24px;
  font-weight: bold;
}
#content .bannerInfo .description a,
#content .bannerInfo .description a:hover{
  color: #fff !important;
  text-decoration: none !important;
  border: none;
}
.subsection-cidadao .chamada-item.ativo img,
.subsection-cidadao .chamada-item.ativo p,
.subsection-empresa .chamada-item.ativo img,
.subsection-empresa .chamada-item.ativo p,
.subsection-servidor .chamada-item.ativo img,
.subsection-servidor .chamada-item.ativo p {
  display: block;
}
.subsection-cidadao #content .tile-default .chamada-item .bannerInfo h2 a,
.subsection-empresa #content .tile-default .chamada-item .bannerInfo h2 a,
.subsection-servidor #content .tile-default .chamada-item .bannerInfo h2 a {
  width: 150px;
  height: 54px;
  display: block;
  padding: 10px 0 0 10px;
  line-height: 17px;
}
.subsection-cidadao #content .tile-default .controle1 .bannerInfo,
.subsection-empresa #content .tile-default .controle1 .bannerInfo,
.subsection-servidor #content .tile-default .controle1 .bannerInfo {
  margin-top: 40px;
}

.tile.tile-default {
margin-top:15px;
}

 /* ==========================================================================
   Estilos de tiles de Capa inicial do Portal
   ========================================================================== */

#content .iconeMais {
  background: url(../img/sprite.png) no-repeat -379px -29px transparent;
  content: ' ';
  display: inline-block;
  height: 20px;
  vertical-align: top;
  width: 20px;
}
#content .maisBuscadosTitulo .iconeMais{
  margin-left: 3px;
}
#content .cover-collection-tile a img{
  max-width: 100%;
  height: auto;
}
#content .cover-collection-tile h2,
#content .cover-basic-tile h2{
  font-size: 1.61em;
  line-height: 1.0em;
  font-weight: bold;
}
#content .destaque h2{
  margin-bottom: 40px;
  font-size: 1em;
  line-height: 1.5em;
  font-weight: bold;
}
#content .cover-basic-tile a.imag img{
  max-width: 219px;
  max-height: 230px;
  margin: 0 1em 0 0;
}
#content .cover-collection-tile h2 a,
#content .destaque h2 a,
#content .cover-collection-tile h2 a:hover,
#content .cover-basic-tile h2 a,
#content .cover-basic-tile h2 a:hover{
  color: #181818 !important;
}
.section-prefeitura-de-sao-paulo #content .width-8 .tile.edge{
  border:solid 1px #979797 !important;
}
.section-prefeitura-de-sao-paulo #content .collection-item,
.section-prefeitura-de-sao-paulo #content .cover-basic-tile {
  margin-bottom: 15px;
}

#content .cover-basic-tile.tile-content {
margin-bottom: 0;
}

#content .cover-collection-tile p,
#content .cover-basic-tile p {
  margin-top: 7px;
  margin-bottom: 0;
  font-size: 1.1em;
  color: #333;
}

#content .cover-collection-tile p:hover {
  color: #000;
}

#content .tabs{
  text-align: center;
  margin-left: 5px;
  margin-bottom: 35px;
  font-size: 1.33em;
  margin-top: -12px;
}
#content .tabs li {
  display: inline-block !important;
  border-right: 1px solid black;
  padding: .3em 1em;
}
#content .tabs li a{
  color: #333 !important;
  border: none;
}
#content .tabs li:first-child {
  border-left: 1px solid black;
}
#content #tab-cid a:hover,
#content #tab-cid .menuAtivo {
  color: #01a4b7 !important;
}
#content #tab-tur a:hover,
#content #tab-tur .menuAtivo{
  color: #919e02 !important;
}
#content #tab-emp a:hover,
#content #tab-emp .menuAtivo{
  color: #fd8a03 !important;
}
#content #home-secoes-turista{
  position: relative;
  border-top: #919e02 solid 3px;
  display: none;
  padding-top: 10px;
}
#content #home-secoes-cidadao{
  position: relative;
  border-top: #01a4b7 solid 3px;
  padding-top: 10px;
}
#content #home-secoes-empresa{
  position: relative;
  border-top: #fd8a03 solid 3px;
  display: none;
  padding-top: 10px;
}
#content #home-secoes-cidadao li,
#content #home-secoes-empresa li,
#content #home-secoes-turista li{
  border-bottom: none;
}
#content #home-secoes-turista:before{
  content: "";
  position: absolute;
  border-top: solid transparent 7px;
  border-right: solid transparent 7px;
  border-left: solid transparent 7px;
  border-bottom: solid #919e02 7px;
  margin-left: 71%;
  margin-top: -27px
}
#content #home-secoes-cidadao:before{
  content: "";
  position: absolute;
  border-top: solid transparent 7px;
  border-right: solid transparent 7px;
  border-left: solid transparent 7px;
  border-bottom: solid #01a4b7 7px;
  margin-left: 28%;
  margin-top: -27px
}
#content #home-secoes-empresa:before{
  content: "";
  position: absolute;
  border-top: solid transparent 7px;
  border-right: solid transparent 7px;
  border-left: solid transparent 7px;
  border-bottom: solid #fd8a03 7px;
  margin-left: 50%;
  margin-top: -27px
}
#content #home-secoes-turista li,
#content #home-secoes-cidadao li,
#content #home-secoes-empresa li{
  width: 145px;
}
#content .cover-collection-tile .tile-edge  h2{
  padding-top: 10px;
  padding-right: 15px;
}
#content .cover-collection-tile .tile-edge p{
  padding-right: 15px;
}
#content .cover-collection-tile .tile-edge h2 a:hover{
  color:#181818 !important;
}
/* ==========================================================================
   Estilos de tiles de notícias
   ========================================================================== */
.subsection-noticias div.width-3\3a 4{
  width: 97.75%;
}
.subsection-noticias #portal-column-two{
  clear: both
}
#content .tile-image-h2{
  margin-bottom: 15px;
}
#content .tile-image-h2 h2{
  position: absolute;
  top: 0;
  margin-top: 30px;
  margin-left: 30px;
  width: 188px;
  color: #fff;
  z-index: 10;
  line-height: 1.05em;
  font-size: 1.49em !important;
  letter-spacing: 0;
}
.template-compose #content .tile-image-h2 h2{
  margin-top: 74px;
}
.subsection-noticias #content .header-title .documentFirstHeading{
  background: none;
}
#content .width-10 .tile-image-h2 .cover-basic-tile h2 a{
  color: #fff !important;
}
.subsection-noticias #content .width-5 .tile-edge .cover-basic-tile h3{
  padding-top: 130px !important;
  padding: 10px;
}
#content .tile-image-h2 h2:before{
  content: " ";
  position: absolute;
  width: 318px;
  height: 123px;
  margin-top: -30px;
  margin-left: -30px;
  background: transparent url("../img/corte-not.png") no-repeat 0 0;
  z-index: -1;
}
#content .width-10 .cover-basic-tile h2{
  font-size: 1.25em;
}
#content .cover-basic-tile h2 a,
#content .cover-basic-tile h2 a:hover {
  color: #333 !important;
}
#portal-column-two .portlet .carrossel{
  border: 1px solid #333;
}
#portal-column-two .portlet .carrossel header{
  background: #000;
  border-bottom: 1px solid #979797;
  padding: 5px 40px;
}
#portal-column-two .portlet .carrossel header h2{
  color: #fff;
  text-transform: uppercase;
  font-size: 1.9em;
  letter-spacing: 0;
}
#portal-column-two .portlet .carrossel .carrossel-wrapper{
  padding: 20px;
  height: 436px;
  overflow: hidden;
}
#portal-column-two .portletWrapper{
  float: left;
  width: 100%;
}
.agendaBold{
  font-weight: bold;
}
dl.portlet.portletCalendar{
  border:1px solid #e9e9e9;
}
#portal-column-two .portletWrapper #agendaPrefeitura{
  display: block;
  border-bottom: 3px black double;
  font-size: 1.1em;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
  padding: 0 0 .3em;
  line-height: normal!important;
  width: 100%;
}
#portal-column-two .portletWrapper #agendaPrefeitura a{
    color: #000 !important;
    padding: 0 24px 0 0;
    position: relative;
    z-index: 1;
}
#portal-column-two .portletWrapper #agenda time{
    color: #000;
    font-weight: bolder;
    font-size: 0.7em;
}
#portal-column-two .portletWrapper #agenda li{
    margin: 10px 0 0 0;
    float: left;
    border-bottom: 1px solid #d7d7d7;
    width: 100%;
    padding: 1px 0 12px 0px;
}
#portal-column-two .portletWrapper #agenda li:before{
    content: '\2022';
    color: #F00;
    margin-right: 5px;
    width: 10px;
    float: left;
}
#portal-column-two .portletWrapper #agendaPrefeitura:after {
    background: url(../img/sprite.png) no-repeat -379px -29px transparent;
    content: ' ';
    display: inline-block;
    height: 20px;
    vertical-align: top;
    width: 20px;
    margin: 0 0 0 -19px;
}
#portal-column-two .portletWrapper #agendaPrefeitura .title-icon {
    background: url(../img/sprite.png) no-repeat -379px -29px transparent;
    content: ' ';
    display: inline-block;
    height: 20px;
    vertical-align: top;
    width: 20px;
    margin: 0 0 0 6px;
}
#portal-column-two .portletWrapper #agenda a h3{
  font-size: 0.7em;
  font-weight: normal;
  padding: 0 0 0 17px;
}
#portal-column-two .portletWrapper .veragendaCompleta{
  font-size: 0.7em;
  font-weight: normal;
  padding: 0 0 0 104px;
  color: #000;
}
#portal-column-two .portletWrapper .veragendaCompleta:hover{
  color:red !important;
}
#portal-column-two .portletWrapper .veragendaCompleta .sprite-arrowright2 {
    background: url(../img/sprite.png) no-repeat -460px -25px transparent;
    display: inline-block;
    height: 10px;
    width: 10px;
    vertical-align: middle;
    margin-top: -3px;
}
#portal-column-two .portletWrapper #agenda p{
  display: none;
}
#portal-column-two .portletWrapper #agenda a:hover h3{
  color:red !important;
}
#portal-column-two .portlet .principal-video{
  margin-bottom: 10px;
}
#portal-column-two .portlet .principal-video #tituloVideo{
  font-size: 1.3em;
  font-weight: bold;
}
#portal-column-two .portlet #lista-videos .videos{
  float: left;
  padding: 8px;
  position: relative;
  margin-left: 10px;
}
#portal-column-two .portlet #lista-videos a{
  border-top: 1px solid;
  display: block;
  font-size: 13px;
  text-align: center;
  width: 100%;
  color: #333;
  border-bottom: none;
}
#portal-column-two .portlet #lista-videos a:hover{
  color: #333 !important;
}

.data-noticia{
  background: #f00;
  color: #fff;
  display: block;
  left: 0;
  padding: 6px 5px 12px;
  text-align: center;
  top: 0;
  width: 24px;
  font-weight: bold;
  height: 32px;
  float: left;
}
.data-noticia span{
  font-size: 20px;
}
.data-noticia span:first-child{
  font-size: 12px;
  text-transform: uppercase;
  display: block;
}
.subsection-noticias .cover-collection-tile .titulo-noticia {
  margin-left: 45px;
  margin-top: 25px;
}
.subsection-noticias .cover-collection-tile .titulo-noticia p a {
  color: #333 !important;
  font-weight: bold;
  border-bottom: none !important;
}
.subsection-noticias #content .cover-collection-tile .titulo-noticia p a:hover {
  color: #f00 !important;
}
.subsection-noticias .cover-collection-tile .titulo-noticia p {
  border-bottom: 1px solid  #d7d7d7;
  line-height: 17px;
  padding-bottom: 10px;
}

#content .cover-collection-tile .filter-panel {
  background: url(../img/filter-bg.jpg) repeat 0 0 transparent;
  border-bottom: 1px solid #000;
  color: #fff;
  margin-bottom: 19px;
  overflow: hidden;
  padding: 16px 23px 18px 25px;
}
#content .cover-collection-tile .filter-by {
  margin-right: 47px;
}
#content .cover-collection-tile .filter-by select {
  display: block;
  margin: 0 0 5px;
  width: 310px;
  border: 1px solid #232323;
  color: #595959;
  font-size: 14px;
  padding: 0;
  background: #fff;
}
#content .cover-collection-tile .filter-panel input {
  display: inline-block;
  margin: 0;
  padding: 4px;
  width: 66px;
  font-size: 13px;
  line-height: 18px;
  color: #808080;
  border: 1px solid #ccc;
  border-radius: 3px;
}

#content .cover-collection-tile .filter-panel label {
  display: block;
  margin-bottom: 7px;
}
body.subsection-noticias #content .cover-basic-tile a.imag img {
  max-width: 575px;
  max-height: 235px;
}
#content .cover-collection-tile .filter-by,
#content .cover-collection-tile .filter-date,
#content .cover-collection-tile .filter-clear {
  float: left;
  font-size: 1.25em;
}

#content .cover-collection-tile .filter-clear{
    margin-top: 1em;
}

#content .cover-collection-tile .filter-clear button{
    background-color: #FFFFFF;
    color: #808080;
    border: none;
    padding: 0.5em;
}

#ui-datepicker-div{
  width: 221px;
}
#ui-datepicker-div .ui-state-default {
  background: #fff !important;
  border: 1px solid #f3f3f3 !important;
  color: grey !important;
  padding: 5px;
  text-align: center;
}
#ui-datepicker-div .ui-state-highlight {
  background: #BFBFBF !important;
  color: #fff !important;
}
#ui-datepicker-div .ui-state-default:hover,
#ui-datepicker-div .ui-state-active {
  color: #fff !important;
  background: #0064cd !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.ui-datepicker-calendar tr th span,
.ui-datepicker-title{
  color: grey;
  font-size: 13px;
}
.ui-widget-header .ui-icon{
  background-image: url(/Prefeitura/++resource++jquery-ui-themes/sunburst/images/ui-icons_444444_256x240.png) !important;
}
#ui-datepicker-div .ui-state-hover {
  border: none !important;
  background: #f5f5f5 !important;
}
.ui-datepicker .ui-datepicker-header {
  border: 0px;
  font-weight: bold;
  width: 100%;
  padding: 4px 0;
  background: #f5f5f5 !important;
}
#content .lista-noticias .paginacao{
  border: 1px solid #979797;
  width: 100%;
  padding: 8px 7px;
  float: left;
}

#content .lista-noticias .paginacao li:first-child a,
#content .lista-noticias .paginacao li:last-child a{
  background: #000;
  color: #f00;
  border: none !important;
  text-transform: none !important;
  border: 1px solid black !important;
}
#content .lista-noticias .paginacao li:first-child{
  width: 85px;

}
#content .lista-noticias .paginacao li:last-child{
  width: 63px !important;
}
#content .lista-noticias .paginacao li,
#content .lista-noticias .paginacao span{
  width: 34px;
  margin-left: 4px !important;
  float: left;
}
#content .lista-noticias .paginacao li a,
#content .lista-noticias .paginacao li span{
  font-weight: bold;
  font-size: 14px;
  color: #f00 !important;
  border: 1px solid #f00 !important;
  display: block;
  padding: 3px 4px;
  line-height: 2 !important;
}
#content .lista-noticias .paginacao li a:hover,
#content .lista-noticias .paginacao li span:hover,
#content .lista-noticias .paginacao li .ativo{
  background: #f00;
  color: #fff !important;
  text-decoration: none !important;
  transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -ms-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  -webkit-transition: all .2s ease-out;
}

#content .lista-noticias .paginacao .proximo{
  background: #000;
  border: 1px solid #000 !important;
  height: 25px !important;
  margin-left: 4px !important;
  text-transform: none !important;
}
#content .lista-noticias .paginacao .anterior{
  background: #000;
  border: 1px solid #000 !important;
  height: 25px !important;
}



#content .contentBody table.plain caption{
  border:#ddd 1px solid;
  background: #ddd;
}
#content .contentBody table.plain tbody{
  border:#ddd 1px solid;
}
#content .contentBody table.plain tbody tr:first-child{
  background: #EEE;
}

/*Estilização do São Paulo Agora*/

.template-edit  .container-wrapper #externos,
.template-folder_contents .container-wrapper #externos,
.template-compose .container-wrapper #externos,
.template-layoutedit .container-wrapper #externos,
.template-sharing .container-wrapper #externos,
.template-manage-portlets .container-wrapper #externos {
  display: none !important;
}
.section-prefeitura-de-sao-paulo .container-wrapper #externos {
  height: 35px;
}

.userrole-authenticated .container-wrapper #externos {
  margin-top: 63px;
}
.userrole-authenticated.portaltype-service .container-wrapper #externos,
.userrole-authenticated.portaltype-topic .container-wrapper #externos {
  top: -41px;
  right: -6px;
}
.container-wrapper #externos {
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  width: 340px;
  height: 35px;
  overflow: hidden;
  right: 2px;
  color: #fff;
  z-index: 5555;
  margin-top: 21px;
  display: block;
}

.container-wrapper #externos {
  display: none;
}
.portaltype-collective-cover-content .container-wrapper #externos,
.portaltype-document .container-wrapper #externos,
.portaltype-topic .container-wrapper #externos,
.portaltype-service .container-wrapper #externos,
.portaltype-section .container-wrapper #externos,
.portaltype-news-item .container-wrapper #externos {
  display: block;
}

.container-wrapper #externos #servicos-externos{
  margin: 0 auto;
  width: 320px;
  height: 270px;
  background: rgba(0, 0, 0, 0.2);
  display: block;
}
.container-wrapper #externos #servicos-externos a{
  color: #fff;
}
.container-wrapper #externos #servicos-externos li{
  width: 106px;
  height: 130px;
  float: left;
  color: #fff;
  text-align: center;
}

.container-wrapper #externos header .e-abrir,
.container-wrapper #externos header .e-fechar {
  border: 0;
  width: 27px;
  height: 27px;
  float: right;
  margin-top: 4px;
  cursor: pointer;
  margin-bottom: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-image: url(../img/sprite.png);
  background-position: -482px -56px;
}
#servicos-externos li:hover .ex-hover,
#servicos-externos li:focus .ex-hover {
  display: block !important;
}
.container-wrapper #externos #servicos-externos .dash-border{
  line-height: 13px;
  padding: 7px 5px;
  height: 114px;
  border-left: 1px rgba(150, 150, 150, 0.2) solid;
  border-top: 1px rgba(150, 150, 150, 0.2) solid;
}
.ex-publico > div, .ex-transito, .ex-rodizio {
  border-bottom: 1px rgba(150, 150, 150, 0.2) solid;
}
.container-wrapper #externos #servicos-externos .titulo-dash{
  color: #6dcff6;
  height: 18px;
  display: block;
  font-size: 0.75em;
  font-weight: bold;
}
.container-wrapper #externos #servicos-externos .dash-border .dash-img{
  background-image: url(../img/sprite.png);
  background-repeat: no-repeat;
}
.container-wrapper #externos .o2quali {
  background-position: -52px -52px;
  width: 50px;
  height: 50px;
  margin-top: 10px;
  }
.container-wrapper #externos .bullet-verde{
  color: #7ddc6f;
}
.container-wrapper #externos .dash-header {
  display: block;
  font-size: 1.05em;
  padding: 0 20px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 35px;
}

.ex-publico .dash-border a {
  text-align: center;
  text-decoration: underline;
  position: relative;
  padding: 5px;
  margin: 0 auto;
  display: block;
  line-height: 1.2em;
}
.container-wrapper #externos .ex-publico .dash-img {
  background-position: -156px -52px;
  width: 50px;
  height: 50px;
}
.container-wrapper #externos .ex-transito .semaforo{
  background: url(../img/sprite.png) no-repeat -221px -63px;
  width: 27px;
  height: 32px;
  position: relative;
  clear: both;
  margin: 5px auto;
}
.container-wrapper #externos .ex-transito .ttotal .em09{
  font-size: 0.68em;

}
.container-wrapper #externos .ex-transito .ttotal .em14{
  font-size: 1.125em;

}
.container-wrapper #externos .ex-clima .tempo-g {
  background: url(../img/sprite.png) no-repeat 0 -107px;
  width: 50px;
  height: 50px;
  position: relative;
  margin: 0 auto;
  clear: both;
}
.container-wrapper #externos .ex-clima .t-media,
.container-wrapper #externos .ex-clima .tempestade{
  margin-bottom: 0px !important;
  font-size: 12px;
}
.container-wrapper #externos .amarelo{
  color: #fcc634;
  margin-left: 3px;
}
.container-wrapper #externos i.amarelo{
  background: #fcc634;
  margin-left: 3px;
}
.container-wrapper #externos .verde{
  color: #7ddc6f;
  display: block;
  margin-top: 5px;
}
.container-wrapper #externos span.vermelho{
  color: #f00;
}
.container-wrapper #externos i.vermelho{
  background: #f00;
}
.container-wrapper #externos .ball-status{
  width: 10px;
  height: 10px;
  display: inline-block;
  background: #7ddc6f;
  margin-right: 5px;
  margin-top: 2px;
  border-radius: 20px;
}
.container-wrapper #externos .ex-rodizio .azul-pq{
  margin-top: 5px;
  display: block;
  color: #6dcff6;
}
.container-wrapper #externos .raio {
  width: 14px;
  height: 16px;
  background: url(../img/sprite.png) no-repeat -777px -19px;
  display: inline-block;
  vertical-align: middle;
}
.container-wrapper #externos .dash-img {
  display: block;
  margin: 0 auto;
  background-image: url(../img/sprite.png);
  background-repeat: no-repeat;
}
.container-wrapper #externos .ex-aero .dash-img {
  background-position: -104px -52px;
  width: 50px;
  height: 50px;
}
.container-wrapper #externos .ex-rodizio .dash-img {
  background-position: -260px -52px;
  width: 50px;
  height: 50px;
}
.container-wrapper #externos .ex-hover {
  background: rgba(0, 0, 0, 0.8);
  width: 104px !important;
  height: 129px !important;
  position: absolute !important;
  top: 34px;
  z-index: 6666;
  display: none;
  cursor: pointer;
}
.container-wrapper #externos .ex-publico .ex-hover,
.container-wrapper #externos .ex-transito .ex-hover,
.container-wrapper #externos .ex-rodizio .ex-hover {
  background: rgba(0, 0, 0, 0.8);
  width: 104px !important;
  height: 129px !important;
  position: absolute !important;
  top: 164px !important;
  z-index: 6666;
  display: none;
  cursor: pointer;
}
.container-wrapper #externos .ex-hover div {
  background: url(../img/sprite.png) no-repeat -725px 0;
  z-index: 6666;
  height: 35px;
  width: 35px !important;
  border: 0 !important;
  position: relative;
  margin: 68px auto 0 auto;
}
.container-wrapper #externos .ex-hover a {
  z-index: 9999;
  height: 120px;
  width: 100px !important;
  position: relative;
  float: left;
}
.container-wrapper #externos #servicos-externos .ex-publico .dash-border .azul-pq{
  color: #6dcff6;
  font-size: 0.8em;
}
.container-wrapper #externos #mapa-serv{
  background: url(../img/sprite.png) no-repeat -237px -234px;
  width: 320px;
  height: 40px;
  position: absolute;
  margin-left: 11px;
  top: 301px;
  cursor: pointer;
}
.container-wrapper #externos .tweets{
  background: rgba(0, 0, 0, 0.7);
  width: 320px;
  height: 94px;
  position: absolute;
  z-index: 66666;
  right: 0;
  top: 340px;
  color: #fff;
  padding: 8px 10px!important;
}
.container-wrapper #externos .tweets .tweetlist{
  overflow: hidden;
  float: left;
  height: 66px;
}
.container-wrapper #externos .tweets h4,
.container-wrapper #externos .tweets h4 a,
.container-wrapper #externos .tweets a{
  font-size: 0.9em;
  color: #fff;
  width: 297px;
}
#externos #call-clima,
#externos #call-ar,
#externos #call-aero,
#externos #call-publi,
#externos #call-trans,
#externos #call-rodizio{
  background: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  line-height: 12px;
  width: 300px;
  height: 242px;
  margin: 0 15px;
  padding: 5px 10px;
  position: relative;
}

#externos .dash h3{
  color: #6dcff6;
  border-bottom: 1px white solid;
  font-weight: bold;
  line-height: normal;
  padding: 0 0 3px;
  font-size: 1em;
}
#externos .dash h3 .fonte {
  font-weight: lighter;
  color: #6b7a81;
  font-size: 12px;
}
#externos .dash .fechar-dash {
  background: #fff;
  font-size: 0.9em;
  font-weight: lighter;
  height: 17px;
  width: 17px;
  padding: 0;
  border: 0;
  position: absolute;
  right: 16px;
  top: 7px;
  text-align: center;
  border-radius: 0;
  cursor: pointer;
}
#externos .tweetlist .rw {
  background: #fff url(../img/sprite.png) no-repeat -581px -240px;
  top: 22px!important;
}
#externos .tweetlist .rw, .tweetlist .fw {
  width: 19px;
  height: 32px;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  position: absolute;
  right: 5px!important;
}
#externos .tweetlist .fw {
  background: #fff url(../img/sprite.png) no-repeat -562px -240px;
  top: 56px;
}
#externos .fw {
  background-position: -701px 0;
  right: 15px;
}
/*Clima*/
#externos #call-clima  #temp-bloco{
  border-bottom: 1px dotted #aaa;
  float: left;
  margin-bottom: 10px;
}
#externos #call-clima #t-agora {
  position: relative;
  float: left;
  margin: 2px 7px 0;
}
#externos #call-clima .tempo-g {
  background: url(../img/sprite.png) no-repeat 0 -107px;
  width: 50px;
  height: 50px;
  position: relative;
  margin: 0 auto;
  clear: both;
}
#externos #call-clima #t-media {
  width: 172px;
  position: relative;
  float: left;
  text-align: center;
  margin-top: 10px;
}
#externos #call-clima #minXmax {
  width: 57px;
  position: relative;
  float: left;
  text-align: right;
  font-size: 1.3em;
  padding-right: 7px;
  margin-top: 10px;
}
#externos #call-clima .tmax, .tmin {
  width: 10px;
  height: 18px;
  display: block;
  float: left;
  background: url(../img/sprite.png) no-repeat;
  margin-top: -3px;
}
#externos #call-clima .tmax {
  background-position: -781px 0;
}
#externos #call-clima .tmin {
  background-position: -802px 0;
  clear: left;
}
#externos #call-clima #new-min{
  margin-top: 10px;
}
#externos #call-clima #dia-todo {
  text-align: center;
  position: relative;
  clear: both;
  border-bottom: 1px dotted #aaa;
  height: 85px;
  display: block;
}
#externos #call-clima #dia-todo li {
  width: 74px;
  position: relative;
  float: left;
  height: auto;
  display: block;
}
#externos #call-clima .azul-pq {
  color: #6dcff6!important;
}
#externos #call-clima .em08 {
  font-size: .8em;
  line-height: 1em;
}
#externos #call-clima .em07 {
  font-size: .7em;
  line-height: .9em;
}
#externos #call-clima .tempo-p {
  background: url(../img/sprite.png) no-repeat;
  width: 40px;
  height: 40px;
  position: relative;
  margin: 0 auto;
  clear: both;
}
#externos #call-clima .cr-pq,
#externos #call-clima .pc-pq,
#externos #call-clima .pi-pq{
  background-position: 0 -203px;
}
#externos #call-clima .nc-pq,
#externos #call-clima .nc-pq-noite{
  background-position: -195px -203px;
}
#externos #call-clima .pn-pq{
  background-position: -78px -202px;
}
#externos #call-clima .en-pq{
  background-position: -156px -203px;
}
#externos #call-clima .cv-pq,
#externos #call-clima .cv-pq-noite{
  background-position:-155px -242px;
}
#externos #call-clima .cc-pq{
  background-position: -116px -203px;
}
#externos #call-clima .nb-pq,
#externos #call-clima .nb-pq-noite{
  background-position: -157px -203px;
}
#externos #call-clima .ch-pq,
#externos #call-clima .tp-pq,
#externos #call-clima .ch-pq-noite,
#externos #call-clima .tp-pq-noite{
  background-position: -195px -203px;
}
#externos #call-clima .cr-pq-noite,
#externos #call-clima .pc-pq-noite,
#externos #call-clima .pi-pq-noite{
  background-position: 0 -242px;
}
#externos #call-clima .pn-pq-noite{
  background-position: -78px -242px;
}
#externos #call-clima .en-pq-noite{
  background-position: -156px -203px;
}
#externos #call-clima .cc-pq-noite{
  background-position: -117px -242px;
}
#externos #call-clima #tempor-outras {
  padding-top: 10px;
}
#externos #call-clima #tempor-outras .a-half {
  text-align: center;
}
#externos #call-clima .a-40 {
  position: relative;
  float: left;
  width: 40%;
}
#externos #call-clima #tempor-outras small {
  position: relative;
  clear: right;
  float: left;
  width: 100%;
}
#externos #call-clima .gotas {
  position: relative;
  float: left;
  background: url(../img/sprite.png) no-repeat right -20px;
  width: 24px;
  height: 24px;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-top: 5px;
}
#externos #call-clima .a-half {
  position: relative;
  float: left;
  width: 50%;
}
#externos #call-clima .sol-box {
  float: right;
  width: 55%;
  text-align: center;
  position: relative;
}
#externos #call-clima #sol {
  background: url(../img/sprite.png) no-repeat -513px -54px;
  height: 25px;
  width: 92px;
  display: block;
  clear: both;
  margin: 0 auto;
}
#externos #call-clima #tempor-outras small {
  position: relative;
  clear: right;
  float: left;
  width: 100%;
}
#externos #call-clima .em14 {
  font-size: 1.4em;
  line-height: 1.2em;
}
#externos #call-clima .em18 {
  font-size: 1.8em;
  line-height: 1.2em;
}


/*AR*/
.kineticjs-content{
  background: url(../img/mapQuality.png) no-repeat;
}
#externos #call-ar #o2mapa {
  width: 300px;
  height: 160px;
  border-bottom: 1px #eee dotted;
  margin-left: -8px;
}
#externos #call-ar #dica {
  margin-top: 10px;
  height: 50px;
  overflow: auto;
}
#externos #call-ar #dica li {
  font-size: 0.75em;
  line-height: 14px;
  float: left;
}
#externos #call-ar #dica i{
  width: 7px;
  height: 7px;
  background: #6dcff6;
  display: inline-block;
  margin-right: 5px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}
/* Aeroportos*/

#externos #call-aero #aero-lista {
  margin-top: 10px;
  position: relative;
  clear: both;
  width: 100%;
}
#externos #call-aero #aero-lista li {
  width: 137px;
  position: relative;
  float: left;
  height: 90px;
  border: 1px solid rgba(150,150,150,0);
  font-size: 100%;
}
#externos #call-aero .cgh {
  padding-right: 10px;
  padding-bottom: 10px;
}
#externos #call-aero #aero-lista small {
  display: block;
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 10px;
}
#externos #call-aero .ball-status {
  width: 10px;
  height: 10px;
  display: inline-block;
  background: #ffc600;
  margin-right: 5px;
  margin-top: 2px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}
#externos #call-aero  b.verde{
  background: #7ddc6f;
}
#externos #call-aero  b.vermelho{
  background: #F00;
}
#externos #call-aero .aeronome {
  color: #fff;
  font-size: 0.9em;
  display: block;
}
#externos #call-aero .txt-right {
  text-align: right;
  margin-right: 5px;
}
#externos #call-aero .azul-pq {
  color: #6dcff6!important;
}
#externos #call-aero .txt-left {
  text-align: left;
}
#externos #call-aero .gru {
  padding-left: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted rgba(150,150,150,0.5)!important;
  border-left: 1px dotted rgba(150,150,150,0.5)!important;
}
#externos #call-aero .mae {
  padding-top: 10px;
  padding-right: 10px;
  border-top: 1px dotted rgba(150,150,150,0.5)!important;
  border-right: 1px dotted rgba(150,150,150,0.5)!important;
}
#externos #call-aero .vcp {
  padding-top: 10px;
  padding-left: 10px;
}

/*Transporte Público*/
#externos #call-publi ul {
  position: relative;
  clear: both;
  margin-top: 10px;
  border-bottom: 1px dotted #979797;
}
#externos #call-publi li {
  height: auto;
  min-height: 33px;
  position: relative;
  padding: 7px 0;
  font-weight: 500;
  display: block;
}
#externos #call-publi .mini{
  width: 33px;
  height: 33px;
  background-image: url(../img/sprite.png);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}
#externos #call-publi .Mbus {
  background-position: -379px -52px;
}
#externos #call-publi .Mmetro {
  background-position: -313px -52px;
}
#externos #call-publi .Mcptm {
  background-position: -346px -52px;
}
#externos #call-publi .status {
  display: inline-block;
  vertical-align: middle;
}
#externos #call-publi span {
  display: inline-block;
  vertical-align: middle;
  width: 255px;
  font-size: 0.82em;
}
#externos #call-publi .link-amarelo {
  color: #000!important;
  background-color: #fcc634;
  padding: 5px 15px;
  float: right;
  clear: both;
  margin-top: 5px;
  width: 269px;
  text-align: center;
  font-size: 0.82em;
}
/*Rodizio*/
#externos #call-rodizio #mapa-rodizio {
  width: 300px;
  height: 122px;
  position: relative;
  clear: both;
  margin: 0 auto;
  background: url('../img/sprite.png') no-repeat -300px -112px;
  margin: 5px 0 10px;
}
#externos #call-rodizio .rod-3col {
  position: relative;
  clear: both;
  text-align: center;
  border-top: 1px dotted rgba(150,150,150,0.5);
}
#externos #call-rodizio .rod-3col li {
  padding: 9px 0 0;
  width: 33%;
  position: relative;
  float: left;
  height: 55px;
}
#externos #call-rodizio .rod-3col li:nth-child(even) {
  border-left: 1px dotted rgba(150,150,150,0.5);
  border-right: 1px dotted rgba(150,150,150,0.5);
}
#externos #call-rodizio .em08 {
  font-size: .8em;
  line-height: 1em;
}
#externos #call-rodizio .em15{
  font-size: 1.5em;
  line-height: 1.2em;
}
#externos #call-rodizio .em10{
  font-size: 1em;
  line-height: 1.2em;
}
#externos #call-rodizio  .em1 {
  font-size: 1em;
  line-height: 1.2em;
}
#externos #call-rodizio .amarelo{
  margin-left: 0;
}
/*Trânsito*/
#externos #call-trans .tran-total {
  padding: 10px 0;
  position: relative;
  width: 180px;
  margin: 0 auto;
}
#externos #call-trans .ttotal {
  position: relative;
  height: 58px;
  width: 49%;
  float: left;
}
#externos #call-trans .em14 {
  font-size: 1.4em;
  line-height: 1.2em;
}
#externos #call-trans .bolinha {
  width: 15px;
  height: 15px;
  display: inline-block;
  background: #ffc600;
  margin-right: 5px;
  margin-top: 2px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}
#externos #call-trans span.vermelho{
  background-color: #f00;
}
#externos #call-trans span.verde{
  background: #7ddc6f;;
}
#externos #call-trans div.vermelho{
  color: #f00;
}
#externos #call-trans .pont {
  background: transparent;
  border-bottom: 2px rgba(150, 150, 150, 0.2) dotted;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  margin: 0;
}
#externos #call-trans #sp-mapa {
  background: url(../img/sprite.png) no-repeat -661px -59px;
  width: 155px;
  height: 94px;
  position: relative;
  clear: both;
  margin: 5px auto 0;
}
#externos #call-trans #lentidao {
  position: absolute;
  width: 100%;
  height: 150px;
  top: 0;
  left: 0;
  margin-top: 54px;
}
#externos #call-trans #lentidao li {
  width: 70px;
  font-size: 1.3em;
  position: absolute;
}
#externos #call-trans #kmOeste {
  left: -75px;
  top: -45px;
  text-align: right;
}
#externos #call-trans #kmNorte {
  left: 160px;
  top: -43px;
}
#externos #call-trans #kmLeste {
  left: 160px;
  top: -8px;
}
#externos #call-trans #kmSul {
  left: -75px;
  top: -5px;
  text-align: right;
}
#externos #call-trans .bloco-linha {
  position: relative;
  clear: both;
  text-align: center;
  border-top: 1px rgba(150, 150, 150, 0.2) dotted;
  padding-top: 8px;
  margin-top: 5px;
}
#externos #call-trans .bloco-linha a {
  display: inline-block;
  font-weight: bold;
  width: 48%;
  text-decoration: underline;
  font-size: 0.8em;
}
#externos #call-trans .azul-pq {
  color: #6dcff6;
}

/*         */
.container-wrapper #externos .tweets .tweetlist a {
  display: none;
}
.container-wrapper #externos .tweets .tweetlist .selecionado {
  display: block;
}
.container-wrapper #externos .tweets .tweetlist .tweet-oculto{
  display: none;
}

/*Estilização do portlet de últimas ocorrências*/

#plone-content #portal-column-two .news-list {
  font-size: 0.95em;
}

#plone-content #portal-column-two .news-list ul li{
  background: url(../img/twitter-red.png) no-repeat top left transparent;
  border-bottom: 1px solid #d7d7d7;
  display: block;
  margin: 11px 0 0;
  padding-left: 24px;
  padding-bottom: 11px;
}
#plone-content #portal-column-two .news-list ul li a{
  color: #333;
}
#plone-content #portal-column-two .news-list ul li time{
  font-weight: bold;
}
#plone-content #portal-column-two .news-list ul li a:hover{
  color: #f00 !important;
}
.subsection-noticias .position-3\3a 4 {
  margin-left: -98% !important;
}
.subsection-noticias .width-1\3a 4 {
  width: 98% !important;
}
/* ==========================================================================
   Estilos da pagina da agenda do prefeito
   ========================================================================== */

/*Estilos do portlet do calendario*/
.portletCalendar table caption {
  display: none
}
.portletCalendar dt {
  width: 320px;
}
.portletCalendar dt a#calendar-previous{
  background: url(../img/btnSetaMesLeft.jpg) no-repeat 1px 4px;
  margin: 2px -7px !important;
  text-indent: -9999px;
  width: 7px;
}
.portletCalendar dt a#calendar-next{
  background: url(../img/btnSetaMesRight.jpg) no-repeat 3px 4px;
  margin: 2px 2px !important;
  text-indent: -9999px;
  width: 7px;
}
body.template-agenda_view h2#agendaPrefeitura {
  border-bottom: 3px black double;
  font-size: 17.6px;
}

body.template-agenda_view #portal-column-content header {
  padding: 15px 0;
  border-bottom: 1px solid #f00;
}

body.template-agenda_view #portal-column-content header strong {
  font-size: 16px;
}

.portletCalendar dt a.prev-month {
  float: left;
}

.portletCalendar dt a.next-month {
  float: right;
}

.portletCalendar table td {
  padding: 0;
  width: 50px;
  height: 50px;
  color: #333;
  font-weight: bold;
  border: 1px solid #e9e9e9;
  font-size: 12px;
  text-align: center;
}
.portletCalendar table td a{
  padding: 16px;
  display: block;
  text-align: center;
}
.portletCalendar table .weekdays th{
  padding: 14px;
  background-color: #e9e9e9;
}
.portletCalendar table td:first-child:hover,
.portletCalendar table td:hover,
.portletCalendar table td a:hover,
.portletCalendar table td:hover a,
.portletCalendar table td:last-child:hover {
  background: #f00;
  color: #fff !important;
}
.portletCalendar table td:first-child,
.portletCalendar table td:last-child {
  color: #f00;
}
.portletCalendar table thead th {
  background-color: #e9e9e9;
  text-align: center;
  padding: 15px;
  font-size: 12px;
}
.portletCalendar .portletItem{
  padding: 0 !important;
}
#portal-column-two dl.portlet dt{
  background: none;
  height: 32px;
  float: left;
}
.portletHeader .calendarPrev,
.portletHeader .calendarNext{
  border: 1px solid #e9e9e9 !important;
  padding: 5px 8px !important;
}

.section-agenda #content .agendaHeader{
  border-bottom: 1px solid #f00;
  padding: 8px 0;
  font-size: 1.25em;
  color:#333;
}
.section-agenda #content #agenda{
  margin-left: 0;
}
.section-agenda #content #agenda li{
  list-style: none;
  border-bottom: 1px solid #d7d7d7;
  padding: 12px 0;
}
.section-agenda #content #agenda li article time{
  color: #f00;
  font-size: 0.9em;
  font-weight: 800;
}
.section-agenda #content #agenda li article h3{
  font-weight: bold;
  margin: 0;
  line-height: 1em;
  font-size: 1em;
  color: #181818;
}
.section-agenda #content #agenda li article p{
  margin-bottom: 0;
}
 /* ==========================================================================
   Estilos de tiles de Capa de Serviços para empresa
   ========================================================================== */



#content .cover-banner-tile a img{
  max-width: 100%;
  height: auto;
}
#content .navegacaoSecoesEmpresa:before {
  background: url(../img/sprite2.png) no-repeat -2px -175px transparent;
  content: ' ';
  display: block;
  height: 20px;
  width: 257px;
}

#content .navegacaoSecoesEmpresa .para {
  float: left;
  font-size: 1.92em;
  height: auto;
  margin-left: 1.2em;
  font-weight: normal;
}

#content .navegacaoSecoesEmpresa .para:after {
  background: url(../img/sprite.png) no-repeat -455px -3px transparent;
  content: ' ';
  height: 12px;
  width: 15px;
  display: inline-block;
}

#content .navegacaoSecoesEmpresa nav.navWrapper {
  overflow: hidden;
}

#content .navegacaoSecoesEmpresa .para span {
  font-weight: bold;
}

#content .navegacaoSecoesEmpresa:after {
  background: url(../img/sprite2.png) no-repeat -2px -198px transparent;
  content: ' ';
  display: block;
  height: 20px;
  width: 257px;
}

#content .navegacaoSecoesEmpresa .linha {
  float: left;
  font-size: 1.084em;
  display: inline-block;
  vertical-align: middle;
  height: auto;
  padding-top: 10px;
}

#content .navegacaoSecoesEmpresa .linha li {
  float: left;
  padding: 0 .3em;
  margin-right: 1.6em;
  display: table-cell;
  vertical-align: middle;
}

#content .navegacaoSecoesEmpresa .linha li.mei {
  max-width: 195px;
}

#content .navegacaoSecoesEmpresa .linha li a,
#content .navegacaoSecoesEmpresa .linha li a:visited {
  color: #333;
  text-decoration: none;
  border: none;
}

#content #secoes-empresa li a img {
  width: 65px;
  height: 65px;
}

#content .navegacaoSecoesEmpresa .linha li a:hover{
  color: #F00 !important;
}

 /* ==========================================================================
   Estilos de tiles de Capa de Serviços para servidores
   ========================================================================== */
#content #content-core #parent-fieldname-text .section-servidor-header{
  border-bottom: 3px double #000;
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
}
#content #content-core #parent-fieldname-text .section-servidor-header:after{
  clear: both;
  content: '';
}

#content #content-core #parent-fieldname-text .section-servidor-header h1{
  font-size: 1.25em;
}

#content #content-core #parent-fieldname-text .section-servidor-header a{
  border-bottom: 2px solid #f00;
  float: right;
  padding: 0 0 4px;
  font-size: 1em;
  color: #000;
  margin-top: -15px;
}

#content #content-core #parent-fieldname-text .section-servidor-header a span{
  background: url(../img/sprite5.png) no-repeat -460px -15px;
  background-position: -441px -24px;
  width: 12px;
  height: 12px;
  float: left;
}

#content #content-core #parent-fieldname-text .section-group{
  float: left;
  width: 250px;
}

#content #content-core #parent-fieldname-text .section-group section {
  margin-bottom: 50px;
}

#content #content-core #parent-fieldname-text .section-group section strong {
  font-size: 1.25em;
}

#content #content-core #parent-fieldname-text .section-group section ul{
  margin-top: 12px;
  list-style: none;
  margin-left: 0;
}

#content #content-core #parent-fieldname-text .section-group section ul li{
  margin-right: 25px;
  color: #595959;
  font-size: 13px!important;
  margin-bottom: 5px;
}

#content #content-core #parent-fieldname-text .section-group section ul li a{
  color: #595959;
}
#content #content-core #parent-fieldname-text .section-group section ul li a:before{
  content: '\2022';
  color: #f00;
  margin-right: 5px;
}


/* Turista */

#content .width-3 .tile-edge .cover-basic-tile img {
  width: 100%;
  height: auto;
}

#content .width-5 .tile-edge .cover-basic-tile img,
#content .width-3 .tile-edge .cover-basic-tile img,
#content .width-6 .tile-edge .cover-basic-tile img {
  width: 100%;
  height: auto;
}

#content .tile-edge .cover-basic-tile h3 {
  font-size: 1.1em;
  font-weight: 700;
  text-align: center;
}

#content .width-3 .tile-edge .cover-basic-tile h3 {
  padding-top: 0px;
}
#content .width-5 .tile-edge .cover-basic-tile h3,
#content .width-6 .tile-edge .cover-basic-tile h3 {
  padding-top: 200px;
  padding-bottom: 20px;
}

#content .width-3 .tile-edge {
  margin-bottom: 30px;
  padding-bottom: 10px;
}

#content .tile-edge .cover-basic-tile a {
  color: #333;
}

#content .width-10 .capaTituloSublinhado {
  width: 100%;
}

#content .tile-edge .cover-basic-tile a:hover {
  color: #F00 !important;
}

#content .width-3 .tile-edge .cover-basic-tile a:hover {
  color: #000 !important;
}

#content .tile-edge {
  border: #979797 1px solid;
  padding: 0px;
  border-radius: 0px;
  margin-bottom: 15px;
  margin-top: 15px;
}

#content .tile-edge .cover-basic-tile  h2{
  padding-top: 0.5em;
}

.subsection-cidadao #content .tile-edge,
.subsection-empresa #content .tile-edge {
  border: none;
}

#content .servicosTituloTurista .setaBaixo,
#content .servicosTituloCidadao .setaBaixo,
#content .servicosPara .setaBaixo{
  background: url(../img/sprite.png) no-repeat -497px -6px transparent;
  content: ' ';
  height: 12px;
  width: 15px;
  display: inline-block;
}

#content .servicosTituloCidadao .setaBaixo {
  margin-left: 20px;
}

#content .servicosTituloTurista h1,
#content .servicosTituloCidadao h1 {
  display: inline-block;
  padding-right: 5px;
}

#content #secoes-turista strong {
  display: block;
}

#content #secoes-turista li {
  width: 20%;
}

/* Serviços para Cidadão */
#content .servicosTitulo {
  border: 1px solid #979799;
  margin: 2px 0 30px 0;
}

#content .servicosTituloCidadao {
  margin-top: 20px;
  margin-bottom: 30px;
}

#content .servicosTituloCidadao:before {
  content: " ";
  position: absolute;
  margin-top: -22px;
  margin-left: -3px;
  width: 940px;
  background: rgba(0,0,0,0) url("../img/sprite2.png") 0 -132px no-repeat;
  height: 20px;
  left: 1px;
}

#content .servicosTitulo h1 {
  margin: 0px;
  padding: 7px 25px;
  font-weight: normal;
}

#content .servicosTitulo h1 span {
  font-weight: bold;
}

#content .servicoTitulo {
  display: block;
  font-weight: bold;
  font-size: 1.2em;
}

#content .secoesServicos {
  background: #F9F9F2;
  border-left: 1px solid #979799;
  border-right: 1px solid #979799;
  border-bottom: 1px solid #979799;
  margin: -30px 0 0;
  list-style: none;
}

#content .secoesServicos li {
  border-bottom: 1px solid #D7D7D7;
  margin: 0px -4px 0px 5px;
  width: 22%;
  text-align: center;
  height: 145px;
  display: inline-table;
}
.subsection-cidadao #content .secoesServicos li,
.subsection-empresa #content .secoesServicos li,
.subsection-turista #content .secoesServicos li,
.subsection-servidor #content .secoesServicos li{
  margin-left: 25px;
  padding-top: 30px;
}

#content .secoesServicos li a {
  border-bottom: none;
  color: #000;
}

#content .secoesServicos li a:hover {
  color: #F00 !important;
}

#content .secoesServicos small {
  font-size: 0.9em;
}

/* Estilo de header de Embed */
#content .cover-embed-tile h2 {
  font-size: 1.25em;
}

/* Estilo de títulos em tile de coleções */

#content .cover-collection-tile h4 {
  line-height: 1.125em;
  border-bottom: 1px solid #D7D7D7;
  padding-bottom: 10px;
}

#content .cover-collection-tile h4 a {
  font-weight: bold;
  color: #333;
  font-size: 0.875em;
}

#content .cover-collection-tile h4 a:hover {
  color: #000 !important;
}
/* ==========================================================================
   Estilos de tiles de Capa de Solicitação de Serviços da Prefeitura
   ========================================================================== */

/* Títulos */
#content .cover-richtext-tile {
  line-height: 1.2em;
  font-size: 0.937em;
  color: #444;
}

#content .ConteudoServicos {
  background: #E2E2E2;
  padding: 30px 0;
}

#content .ConteudoSecretaria,
#content .ConteudoServicos p {
  font-size: 1.23em;
}
#content .SecretariaText{
  font-size: 14px;
}

#content .ConteudoServicos p {
  border-bottom: 1px solid #BABABA;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding-bottom: 10px;
}

#content .ConteudoServicos .BtnServicos,
#content .cover-richtext-tile .BtnLink {
  background: #F00;
  color: #FFF !important;
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  padding: 10px 15px;
  text-align: center;
  transition: 0.2s ease-out 0s;
  margin: 10px 0 0 35px;
  width: 60%;
}
#content .ConteudoServicos a:hover,
#content .cover-richtext-tile a.BtnLink:hover {
  background: #a70000;
  color: #FFF !important;
  transition: background .2s ease-out;
}

#content a.LinkConheca,
#content a.LinkConheca:link,
#content .tile-footer a {
  color: #333 !important;
  border-top: 1px solid #000;
  border-bottom: none !important;
  width: 100%;
  display: block;
  text-align: center;
  padding-top: 5px;
  margin-bottom: 30px;
  margin-top: 10px;
}

#content a.LinkConheca span,
#content .tile-footer a span,
#lista-videos a span {
  background: transparent url("../img/sprite.png") no-repeat scroll -460px -25px;
  display: inline-block;
  height: 10px;
  width: 10px;
  vertical-align: middle;
  margin-top: -3px;
  }

#content a.LinkConheca:hover,
#content .tile-footer a:hover {
  color: #000 !important;
}
#content .position-5,
#content .position-8{
  clear: both;
  margin-left: -100% !important;
}
#content .TelefonesLista {
  background: #E2E2E2;
  margin: 0;
}

#content .TelefonesLista li {
  color: #7D7D7D;
  display: inline-block;
  margin-bottom: 10px;
  width: 100%;
  font-size: 1.334em;
  font-weight: bold;
}
#content .TelefonesLista li strong {
  font-weight: bold;
  color: #333;
}

/* ==========================================================================
   Estilos de tiles de Capa
   ========================================================================== */

/* Estilo para Capas */
.portaltype-collective-cover-content #content {
  margin: 0;
}

.portaltype-collective-cover-content #content .position-0,
.portaltype-collective-cover-content #content .position-10,
.portaltype-collective-cover-content #content .position-3,
.portaltype-collective-cover-content #content .position-6,
.portaltype-collective-cover-content #content .position-4,
.portaltype-collective-cover-content #content .position-2,
.portaltype-collective-cover-content #content .position-9 {
  margin-left: -100%;
  clear: both;
}
/* Estilo para Lista de Letras A a Z */
#content .AaZLista li {
  float: left;
  padding-right: 13px;
  font-size: 1em;
  font-weight: 600;
}
.template-compose .tile .AaZLetraLista li{
  float: none !important;
}
#content .AaZLista li a {
  color: #333;
  border-bottom: none;
}
#content .AaZLista li a:hover{
  color: #f00 !important;
  transition: all .2s ease-out;
}
#content .AaZLista {
  list-style: outside none none;
  background: #E9E9E9;
  float: left;
  padding: 7px 0px 2px 12px;
  margin: -3px 0 14px 0;
  width: 98%;
}
#content .AaZLetra {
    clear:both;
}

/* Estilo para Letras da Lista de A a Z */

#content .AaZLetra {
  border-bottom: 1px solid #F00;
  margin-bottom: 20px;
}

#content .AaZLetra h2 {
  background: #F00 none repeat scroll 0% 0%;
  color: #FFF;
  font-size: 2.35em;
  font-weight: 700;
  padding: 5px 0px;
  margin-top: 20px;
  text-align: center;
  width: 52px;
}

/* Estilo para Lista de Itens de Casa Letra de A a Z */

#content .AaZLetraLista {
  list-style: none;
  margin: 0;
}

#content .AaZLetraLista li {
  float: left;
  width: 45%;
  padding-right: 5%;
}

#content .AaZLetraLista li a {
  font-size: 0.9em;
  font-weight: 700;
  line-height: normal;
  margin: 12px 0px 0px;
  min-height: 55px;
  width: 100%;
  text-decoration: underline;
  color: #333;
  border-bottom: none;
  display: block;
}

#content .AaZLetraLista li a:hover {
  color: #000 !important;
}

/* Estilo do titulo de tiles */

#content .maisBuscadosTitulo,
#portal-column-two .maisBuscadosTitulo,
#content .capaTituloSublinhado,
#content .cover-collection-tile .tile-header h1,
#content .cover-richtext-tile .tile-header h1,
#content .cover-embed-tile .tile-header h1,
#content .cover-banner-tile h2,
#content .prefeito #agendaPrefeitura {
  font-size: 1.5em;
  display: block;
  border-bottom: 3px double #000;
  font-weight: bold;
  margin: 10px 0px 1.1em;
  padding: 0px 0px 10px;
  width: 100%;
  color: black;
  letter-spacing: 0;
  height: 26px;
  text-transform: uppercase;
}
.template-folder_contents #portal-column-two .maisBuscadosTitulo{
  height: 50px;
}
#content .cover-embed-tile{
  font-size: 0.937em;
}
#content .cover-banner-tile h2 a,
#content .cover-banner-tile h2 a:hover {
  color: #181818 !important;
}
#content .cover-collection-tile .tile-header{
  font-size: 0.937em;
}


#content .maisBuscadosLupa {
  background: transparent url("../img/sprite.png") no-repeat scroll -334px -87px;
  width: 17px;
  height: 17px;
  display: inline-block;
  margin-left: 5px;
}

#content .maisBuscadosLista {
  list-style: none;
  margin-left: 0;
}

#content .maisBuscadosLista span {
  background: #373737 none repeat scroll 0% 0%;
  color: #FFF;
  display: inline-block;
  margin-right: 10px;
  padding: 2px 4px;
  text-align: center;
  width: 15px;
  transition: 0.2s linear 0s;
}

#content .maisBuscadosLista a:hover span {
  background-color: #f00;
}

#content .maisBuscadosLista a,
#content .maisBuscadosLista a:hover {
  text-decoration: none;
  color: #FFF !important;
}

#content .maisBuscadosLista li a {
  color: #333 !important;
  border-bottom: none;
}

#content .maisBuscadosLista li a:hover,
#content .maisBuscadosLista li a:focus {
  color: #000 !important;
}
#content .maisBuscadosLista li:first-child {
  margin: 0;
}
#content .maisBuscadosLista li {
  margin: 10px 0px;
}

/* Estilo do titulo header A a Z */

#content .header-title {
  background: transparent url("../img/bg-checkers.png") repeat scroll 0px 0px;
  display: block;
  height: 57px;
  margin: 0px auto 20px;
  padding: 0px;
}

#content .header-title  .documentFirstHeading {
  background: transparent url("../img/header-page.png") no-repeat scroll 0px -195px;
  color: #FFF;
  padding-left: 29px;
  line-height: 23px;
  font-size: 2.1em;
  padding-top: 14px;
  height: 57px;
  letter-spacing: 0;
  font-weight: bold;
}
#content .header-title  .documentFirstHeading span {
  font-weight: bold;
}
iframe{
  max-width: 100%;
  /*height: auto;*/
}

body #content div.width-16 {
    width: 100%;
}


/* Reset - Grid plone */
body div.width-1, header.width-1,
section.width-1, nav.width-1,
body div.width-2, header.width-2,
section.width-2, nav.width-2,
body div.width-3, header.width-3,
section.width-3, nav.width-3,
body div.width-4, header.width-4,
section.width-4, nav.width-4,
body div.width-5, header.width-5,
section.width-5, nav.width-5,
body div.width-6, header.width-6,
section.width-6, nav.width-6,
body div.width-7, header.width-7,
section.width-7, nav.width-7,
body div.width-8, header.width-8,
section.width-8, nav.width-8,
body div.width-9, header.width-9,
section.width-9, nav.width-9,
body div.width-10, header.width-10,
section.width-10, nav.width-10,
body div.width-11, header.width-11,
section.width-11, nav.width-11,
body div.width-12, header.width-12,
section.width-12, nav.width-12,
body div.width-13, header.width-13,
section.width-13, nav.width-13,
body div.width-14, header.width-14,
section.width-14, nav.width-14,
body div.width-15, header.width-15,
section.width-15, nav.width-15,
body div.width-16, header.width-16,
section.width-16, nav.width-16 {
  width:  100%;
}

/* ==========================================================================
   Rodape do Portal
   ========================================================================== */

/* Inicio dos menus navegaveis */

#footer-nav {
  background-color: #252525;
  margin-top: 60px;
  padding: 30px 0 48px;
  font-size: 0.81em;
}

.container-wrapper {
  width: 100%;
}

#footer-nav .container-wrapper {
  margin-bottom: 20px;
  padding-top: 15px;
}

#footer-nav div section .width-4 {
  margin: 0 auto 20px;
  padding-bottom: 40px;
  float: left;
}

#footer-nav div .last .last {
  margin-bottom: 0;
  padding-bottom: 0;
}

#footer-nav section ul li {
  display: block;
  font-size: 1.2em;
}

#footer-nav section .lista a:before {
    content: "- ";
}

#footer-nav #socials,
#footer-nav #bloco3 {
  margin-left: 0;
}

#footer-nav strong, #footer-nav form legend {
  color: #797979;
  text-transform: uppercase;
  font-size: 1.9em;
  line-height: 100%;
}

#footer-nav ul {
  padding: 15px 0 0;
  list-style: none;
  margin: 0;
}

#footer-nav ul li, #footer-nav ul li strong,
#footer-nav ul li a {
  color: #ffffff;
  text-transform: none;
}

#footer-nav ul li span {
  display: block;
  font-weight: 700;
  color: #B7B7B7;
}

#footer-nav div section,
.footer-texto div section {
  margin: 0 20px;
}

#footer-nav section #bloco1 ul li strong {
  font-size: 1em;
  line-height: 100%;
}

#footer-nav .social_footer li,
#footer-nav #bloco2 li,
#footer-nav #bloco3 li {
  margin: 20px 0;
}

.copyright {
  background-color: #424242;
  color: #787878;
  margin-top: 13px;
  padding: 9px 0 6px 20px;
  line-height: 100%;
  font-size: 1em;
}


/* Fim dos menus navegaveis */

/* Inicio da customizacao dos forms */

#footer-nav fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

#footer-nav fieldset select {
  padding: 0;
  margin: 0;
  border: 0;
  width: 150px;
  display: block;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  font-size: 1em;
  color: #777;
  background: #fff;
  border-radius: 2px;
  outline: medium none;
}

#footer-nav form legend {
  border: 0;
  font-weight: 700;
  margin: 0;
  line-height: 100%;
  padding-bottom: 15px;
}

/* Fim da customizacao dos forms */

/* Inicio da barra social */

#social_footer li {
  float: left;
}

#social_footer span {
  background-image: url("../img/sprite.png");
  background-repeat: no-repeat;
  display: inline-block;
  height: 28px;
  vertical-align: middle;
  width: 25px;
  text-indent: -9999em;
}

#social_footer #facebook {
  background-position: -599px 0;
}

#social_footer #twitter {
  background-position: -652px 0;
}

#social_footer #youtube {
  background-position: -621px 0;
}

#social_footer #diario {
  background-position: -627px -62px;
  float: left;
}

/* Fim da barra social */

/* Inicio dos apps mobile */

.app-icone {
  display: block;
  height: 45px;
  width: 118px;
}

#footer-nav section .box_content {
  margin-top: 25px;
  padding: 0;
  float: left;
}

#footer-nav section .box_content a {
  background: #363636;
  border: 1px solid #727272;
  padding: 10px 20px;
  font-size: 0.78em;
  font-weight: 700;
  text-transform: uppercase;
  float: left;
}

/* Fim dos apps mobile */

/* Inicio do rodape */

.footer-texto {
  background-color: #363636;
  padding: 15px 0 0;
}

.logos, #logoPB {
  height: 52px;
  width: 184px;
}

#logoPB {
  background: url("../img/sprite.png") no-repeat -193px 0 transparent;
}

.upper {
    text-transform: uppercase;
}

#footer-nav .upper li a {
  text-transform: uppercase;
}

/* Fim do rodape */

/* ==========================================================================
   Estilos do page template de error 404
   ========================================================================== */

.template-default_error_message #content .header-title .documentFirstHeading{
  background: none;
}
.template-default_error_message #content a{
  color: #000 !important;
  border-bottom: none !important;
}
.template-default_error_message #content a:hover{
  color: #F00 !important;
}
.template-default_error_message #content dd,
.template-default_error_message #content h3{
  margin-bottom:10px;
}
/* ==========================================================================
   Media Queries
   ========================================================================== */

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
  /*Header*/
  #portal-header .logo h1{
    height: 50px !important;
  }
  #portal-header .services #portal-siteactions{
   padding-right: 165px;
   width: 277px !important;
  }
  #portal-header .services #portal-siteactions #siteaction-accessibility{
    float: left;
    margin-left: 1px;
    font-size: 1em;
  }

  #portal-header .sections{
    width: 414px !important;
  }
  /*Footer*/
  .container-wrapper {
    width: 420px;
  }

  #footer-nav section,
  .footer-nav section {
    margin: 0;
  }

  #footer-nav section .width-4 {
    margin: 0 auto;
  }

  #footer-nav section ul li a, #footer-nav section ul li strong,
  #footer-nav section ul li span {
    font-size: 1em;
  }

  #footer-nav section:first-child #bloco4 ul,
  #footer-nav section:first-child #bloco4 ul li {
    float: none;
  }

  #footer-nav div section, .footer-texto div section {
    margin: 0 10px;
  }
  #footer-nav div section .first {
    margin-left: 0;
  }

  #footer-nav div section .last {
    margin-right: 0;
  }

  #footer-nav div section.last #bloco3 .lista li,
  #footer-nav div section #bloco2 #social_footer li {
    margin: 0;
  }
  /*View de notícias*/
  .template-noticias_view #portal-column-two,
  .template-agenda-prefeito #portal-column-two{
    width: 90.33% !important;
    margin-left: 22.5px !important;
    margin-top: 94px;
    padding-top: 0 !important;
  }
  .template-noticias_view .width-3\3a 4,
  .template-agenda-prefeito .width-3\3a 4{
    width: 90.33% !important;
    margin-left: -94.875% !important;
  }
  .template-noticias_view #content .noticias_media .noticias_media_col2 {
    height: 30px !important;
  }
  .template-noticias_view #content .noticias_media .noticias_actions {
    margin-top: -37px !important;
    margin-right: 5px;
  }

  /*fim view de notícias*/

  /*Tile de notícias*/

  #content .tile-image-h2 h2:before{
    height: 188px;
  }
  /*fim tile de notícias*/

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

  /* ==========================================================================
   Estilos de tiles de Capa de Solicitação de Serviços da Prefeitura
   ========================================================================== */

  .portaltype-collective-cover-content #content .position-8{
    margin-left: -48.875% !important;
    clear: none;
  }
  .portaltype-collective-cover-content #content .position-5{
    margin-left:-67.625% !important;
    clear: none;
  }
  .portaltype-collective-cover-content #content .position-3{
    margin-left: -78.125% !important;
    clear: none;
  }
  .portaltype-collective-cover-content #content .position-2{
    margin-left: -85.375% !important;
    clear: none;
  }
  .portaltype-collective-cover-content #content .position-4{
    margin-left: -71.125% !important;
    clear: none;
  }
  .portaltype-collective-cover-content #content .position-6{
    margin-left: -56.375% !important;
    clear: none;
  }
  .portaltype-collective-cover-content #content .position-9{
    margin-left:-35.625% !important;
    clear: none;
  }
  #content .ConteudoServicos{
    padding: 30px 20px;
  }
  #content .ConteudoServicos p{
    width: 49%;
    border-bottom: none;
    border-right: 1px solid #BABABA;
    padding-right: 16px;
    padding-top: 5px;
    padding-bottom: 5px;

  }
  #content .ConteudoServicos .BtnServicos, #content .cover-richtext-tile .BtnLink{
    width: 162px;
  }
  #content .TelefonesLista {
    padding: 20px 18px 30px;
  }
  #content .TelefonesLista li {
    height: 50px;
    width: 47%;
    margin: 0px 8px 10px 0px;
  }
  #TelLista li{
    width: 47% !important;
  }
  .portaltype-collective-cover-content #content .position-10{
    clear: none;
    margin-left: -35.375%;
  }
  body div.width-1, header.width-1,
  section.width-1, nav.width-1 {
    width:  4%;
  }
  body div.width-2, header.width-2,
  section.width-2, nav.width-2 {
    width: 13.25%;
  }
  body div.width-3, header.width-3,
  section.width-3, nav.width-3 {
    width: 16.5%;
  }
  body div.width-4, header.width-4,
  section.width-4, nav.width-4,
  .width-4 {
    width: 22.75%;
  }
  body div.width-5, header.width-5,
  section.width-5, nav.width-5 {
    width: 29%;
    }
  body div.width-6, header.width-6,
  section.width-6, nav.width-6 {
    width: 35.25%;
  }
  body div.width-7, header.width-7,
  section.width-7, nav.width-7 {
    width: 41.5%;
  }
  body div.width-8, header.width-8,
  section.width-8, nav.width-8 {
    width: 48.75%;
  }
  body div.width-9, header.width-9,
  section.width-9, nav.width-9 {
    width: 54%;
  }
  body div.width-10, header.width-10,
  section.width-10, nav.width-10 {
    width: 61.25%;
  }
  body div.width-11, header.width-11,
  section.width-11, nav.width-11 {
    width: 66.5%;
  }
  body div.width-12, header.width-12,
  section.width-12, nav.width-12 {
    width: 72.75%;
  }
  body div.width-13, header.width-13,
  section.width-13, nav.width-13 {
    width: 79%;
  }
  body div.width-14, header.width-14,
  section.width-14, nav.width-14 {
    width: 85.25%;
  }
  body div.width-15, header.width-15,
  section.width-15, nav.width-15 {
    width: 91.5%;
  }
  body div.width-16, header.width-16,
  section.width-16, nav.width-16 {
    width: 97.75%;
  }

  /* Header */
  .services ul li {
    display: inline-block;
  }

  #portal-searchbox .searchButton {
    border-radius: 2px;
    height: 40px;
    width: 40px;
    background-position: -508px -105px;
  }

  #portal-header .services{
    width: 768px;
  }
  #portal-header .services #portal-siteactions #siteaction-accessibility{
    margin-left: 102px !important;
  }
  #portal-header .services #portal-siteactions #siteaction-solicitar_servicos{
    float: right;
  }
  #portal-header .services #portal-siteactions
  #siteaction-solicitar_servicos a {
    background: url("../img/sprite.png") no-repeat scroll -621px -157px rgba(0, 0, 0, 0);
    display: block;
    height: 55px;
    float: right;
    width: 114px;
    margin-bottom: -37px;
    margin-top: -5px;
    text-indent: -9999em;
  }
  #portal-header .services #portal-siteactions li{
    margin: 0 0 0 19px !important;
  }
  #portal-header .logo {
    margin-left: 10px !important;
    margin-bottom: 0 !important;
  }
  #portal-header .container-wrapper .portal-header-inner .services #portal-siteactions{
    padding-right: 0 !important;
    padding-left: 50px;
    float: right;
    width: 467px !important;
    display: inline-block;
    line-height: 20px;
    text-align: inherit;
  }
  #portal-header .sections{
    margin-top: 37px;
    margin-left: 20px !important;
  }
  #portal-searchbox .LSBox #searchGadget{
    height: 25px;
  }

  /* Footer */
  #footer-nav section.first #bloco1 ul li strong {
    font-size: 0.93em;
  }

  .footer-texto .copyright {
    font-size: 0.69em;
    padding: 9px 0 6px 20px;
  }

  #footer-nav div section .social_footer li,
  #footer-nav div section  #bloco2 li,
  #footer-nav div section  #bloco3 li {
    margin: 0;
  }

  #footer-nav section .width-4 {
    margin: 0 10px;
  }
  .container-wrapper {
    min-width: 768px;
  }
  /*View de Notícias */

  .template-noticias_view div.position-0,
  .template-document_view div.position-0,
  .template-busca div.position-0,
  .template-maps_view div.position-0,
  .template-agenda-prefeito div.position-0,
  .template-evento_view div.position-0{
    margin-left: -98.875% !important;
  }
  .template-noticias_view.userrole-authenticated #plone-content #portal-columns,
  .template-document_view.userrole-authenticated #plone-content #portal-columns,
  .template-maps_view.userrole-authenticated #plone-content #portal-columns,
  .template-busca.userrole-authenticated #plone-content #portal-columns
  {
    background-position: 0 56px !important;
  }
  .template-noticias_view .width-3\3a 4,
  .template-document_view .width-3\3a 4,
  .template-agenda-prefeito .width-3\3a 4,
  .template-evento_view .width-3\3a 4{
    width: 61.7% !important;
  }
  .template-noticias_view .width-full,
  .template-document_view .width-full,
  .template-maps_view .width-full,
  .template-busca .width-full,
  .template-agenda-prefeito .width-full,
  .template-evento_view .width-full{
    width: 100% !important;
  }
  .template-noticias_view #portal-column-two,
  .template-agenda-prefeito #portal-column-two,
  .template-evento_view #portal-column-two{
    width: 35.417% !important;
    margin-left: 64.41% !important;
    clear: none !important;
    padding-left: 0;
    padding-top: 125px;
  }
  .template-agenda-prefeito #portal-column-two,
  .template-evento_view #portal-column-two{
    padding-top: 0;
  }
  /*fim view de notícias*/

  /* ==========================================================================
   Estilos de tiles de notícias
   ========================================================================== */
  .subsection-noticias #portal-column-two{
    margin-top: 78px;
    clear: none;
  }
  .subsection-noticias.cover-layout-empty-layout #portal-column-two{
    padding-top: 14px;
  }

  .subsection-noticias .position-3\3a 4 {
    margin-left: -35.375% !important;
  }
  .subsection-noticias .width-1\3a 4 {
    width: 34.4% !important;
  }
  #content #content-core #parent-fieldname-text .column-center{
    margin: 0 90px;
  }
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  #content .TelefonesLista li{
    width: 31%;
  }
  /*Estilo para capas*/
  #content .AaZLetraLista li{
    width: 31%;
    padding-right: 2%;
  }
  #portal-searchbox .LSBox #searchGadget{
    height: auto;
  }
  .container-wrapper .portal-header-inner #portal-searchbox{
    margin-left: 34px !important;
  }
  #portal-searchbox .searchButton{
    float: right;
    background-position: -511px -108px;
    border: 0;
    height: 30px;
    width: 30px;
    border-radius: 0;
    margin: 1px 0 0 1px;
  }

  #portal-header .services{
    width: auto;
    padding-right: 10px;
  }

  .userrole-authenticated #portal-header .container-wrapper .portal-header-inner .services #portal-siteactions{
    padding-left: 165px;
  }
  #portal-header .container-wrapper .portal-header-inner .services #portal-siteactions{
    padding-left: 233px;
  }

  #footer-nav section .width-4 {
    width: 23.5%;
  }

  .container-wrapper {
    width: 960px;
    margin: 0 auto;
  }

  #footer-nav strong, #footer-nav form legend {
    font-size: 1.24em;
  }

  #footer-nav div section ul li,
  #footer-nav div section ul li a {
    font-size: 1em;
  }
  /*View de Notícias Página e Busca */
  .template-noticias_view div.position-0,
  .template-document_view div.position-0,
  .template-maps_view div.position-0,
  .template-busca div.position-0{
    margin-left: -99.875% !important;
  }
  .template-noticias_view #plone-content #portal-columns,
  .template-document_view #plone-content #portal-columns,
  .template-maps_view #plone-content #portal-columns,
  .template-busca #plone-content #portal-columns{
    margin-left: 10px;
    width: 97.91%;
  }
  .template-noticias_view.userrole-authenticated #plone-content #portal-columns,
  .template-document_view.userrole-authenticated #plone-content #portal-columns,
  .template-maps_view.userrole-authenticated #plone-content #portal-columns,
  .template-busca.userrole-authenticated #plone-content #portal-columns{
    background-position: 0 41px !important;
  }
  .template-noticias_view.userrole-authenticated #content .titulo_principal h1,
  .template-document_view.userrole-authenticated #content .documentFirstHeading,
  .template-maps_view.userrole-authenticated #content .documentFirstHeading
  {
    margin-top: 27px !important;
  }
  .template-busca #content .documentFirstHeading {
    margin-top: 0px !important;
    padding-top: 13px;
  }
  .template-busca #content { margin-top: 0; }
  .template-noticias_view.userrole-authenticated #content article header .btn_voltar{
    margin: 10px 0 0 0 !important;
  }
  .template-noticias_view #content .noticias_media .noticias_media_col2 {
    height: 3px !important;
  }
  .template-noticias_view #content .noticias_media .noticias_actions {
    margin-top: -44px !important;
  }
  .template-noticias_view #content .noticias_media .social_share {
    margin-top: -28px;
  }
  /*Fim view de notícias*/

  /*Tile de notícias*/

  #content .tile-image-h2 h2:before{
    height: 234px;
  }
  /*Fim tile de notícias*/
}


/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}
/* ==========================================================================
   Cabeçalho do Portal
   ========================================================================== */

.visualClear {
  clear: both;
}

#portal-header {
  background: transparent;
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 20px;
  z-index: 1000 !important;
}

#main {
  margin: 0 auto;
  padding: 0 0 19px;
  max-width: 960px;
}
/* Barra de serviços */
#portal-header .services {
  position: relative;
}

#portal-header .services {
  position: relative;
}
#portal-header .services #portal-siteactions {
  border-bottom: 1px solid #363636;
  font-size: 0.8em;
  font-weight: 700;
  position: relative;
  padding-top: 5px;
  height: 0px;
  text-align: inherit;
}
#portal-header .services #portal-siteactions #siteaction-accessibility{
  margin-left: 20px;

}
.userrole-authenticated #portal-header .services #portal-siteactions li{
  font-size: 0.9em;
}

#portal-header .services #portal-siteactions li a,
#portal-header .services #portal-siteactions li a:visited {
  color: #333333;
}
#portal-header .services #portal-siteactions
#siteaction-solicitar_servicos {
  text-transform: uppercase;
  position: relative;
}
#portal-header .services #portal-siteactions
#siteaction-solicitar_servicos a {
  display: block;
  text-indent: -9999em;
}


/* Logo */
#portal-header .logo {
  width:220px;
  display: inline-block;
  float: left;
  height: 52px;
  margin-top: 18px;
  margin-bottom:10px;
  margin-left: 20px;
}

#portal-header .logo h1 a {
  display: inline-block;
  height: 52px;
  width: 182px;
  background-image: url("../img/sprite.png");
  text-indent: -9999em;
}

#portal-header .sections {
  float: left;
  margin-left:20px;
  width: 242px;
}
#portal-header #portal-globalnav {
  position: relative;
  font-size: 1.7em;
  list-style-type: none;
  margin-top: 0;
}

#portal-header #portal-globalnav li {
  float: left;
}

#portal-header #portal-globalnav li a {
  display: inline;
  padding: 0;
  background: none;
  font-weight: 700;
  color: #333333;
  transition: color 0.5s ease 0s;
}

#portal-header #portal-globalnav li:before {
  border-bottom: 7px solid transparent;
  border-top: 7px solid transparent;
  content: "";
  float: left;
  width: 6px;
  overflow: hidden;
  margin-top: 0.33em;
}

#portal-header #portal-globalnav #portaltab-cidadao{
  margin-right: 17px;
}

#portal-header #portal-globalnav #portaltab-cidadao:before {
  border-left: 7px solid #01A4B7;
}
#portal-header #portal-globalnav #portaltab-cidadao a:hover {
  color:#01a4b7;
}

#portal-header #portal-globalnav #portaltab-cidadao.selected a {
  color:#01a4b7;
}

#portal-header #portal-globalnav #portaltab-empresa {
  margin-right: 17px;
}

#portal-header #portal-globalnav #portaltab-empresa:before {
  border-left: 7px solid #fd8a03;
  width: 7px
}

#portal-header #portal-globalnav #portaltab-empresa a:hover {
  color: #fd8a03;
}

#portal-header #portal-globalnav #portaltab-empresa.selected a {
  color: #fd8a03;
}

#portal-header #portal-globalnav #portaltab-turista:before {
  border-left: 7px solid #919e02;
}

#portal-header #portal-globalnav #portaltab-turista a:hover {
  color: #919e02;
}

#portal-header #portal-globalnav #portaltab-turista.selected a {
  color: #919e02;
}

/* Search Box */
.container-wrapper .portal-header-inner #portal-searchbox {
  padding-top:1px;
  margin: 33px 0 0 20px;
}

nav #portal-searchbox form {
  white-space: normal;
}

#portal-searchbox fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
div#portal-searchbox {
  float: left;
}
#portal-searchbox .searchButton{
  float: right;
  background: url("../img/sprite4.png") no-repeat scroll -511px -108px #f00;
  border: 0;
  height: 30px;
  width: 30px;
  border-radius: 0;
  margin: 1px 0 0 1px;
}

#portal-searchbox #searchGadget{
  border: 1px solid #363636;
  border-radius: 0;
  box-shadow: 1px 1px 7px #aaa inset;
  width: 210px;
  padding: 6px 4px;
  height: auto;
  margin-top: 1px;
}

/* Fim Search Box*/

#content .contentBody {
  font-size: 1.04em;
  line-height: 130%;
}

#left-column{
  float: left;
}

/*View de notícias*/
.template-noticias_view #content{
  margin: 0;
}
.template-noticias_view #content h1,
.template-noticias_view #content h2,
.template-document_view #content h1,
.template-busca #content h1{
  letter-spacing: 0;
}
.template-noticias_view #content .image-inline{
  max-width: 100%;
  height: auto;
}
.template-noticias_view.userrole-authenticated #plone-content #portal-columns,
.template-maps_view.userrole-authenticated #plone-content #portal-columns,
.template-document_view.userrole-authenticated #plone-content #portal-columns,
.template-agenda-prefeito.userrole-authenticated #plone-content #portal-columns{
  background: url("../img/bg-checkers.png") repeat-x;
  background-position: 0 54px;
}

.template-busca #content .documentFirstHeading{
  background: url("../img/bg-checkers.png") repeat-x;
  background-position: 0 0;
}

.template-noticias_view.userrole-anonymous #plone-content #portal-columns,
.template-maps_view.userrole-anonymous #plone-content #portal-columns,
.template-document_view.userrole-anonymous #plone-content #portal-columns, .template-agenda-prefeito.userrole-anonymous #plone-content #portal-columns{
  background: url("../img/bg-checkers.png") repeat-x;
}
.template-noticias_view #content .titulo_principal{
  width: 100%;
  height: 43px;
}
.template-document_view #content .documentFirstHeading,
.template-busca #content .documentFirstHeading{
  height: 90px;
}

.template-maps_view #content .documentFirstHeading {
  height: 45px;
}
.template-noticias_view #content .titulo_principal h1,
.template-document_view #content .documentFirstHeading,
.template-maps_view #content .documentFirstHeading,
.template-busca #content .documentFirstHeading{
  color: #fff;
  padding-left: 28px;
  line-height: 27px;
  font-size: 1.954em;
}
.template-noticias_view.userrole-authenticated #content .titulo_principal h1,
.template-document_view.userrole-authenticated #content .documentFirstHeading{
  margin-top: 40px;
}
.template-noticias_view .width-full,
.template-noticias_view .width-3\3a 4{
  width: 100%;
}
.template-noticias_view #portal-column-two{
  width: 100%;
  left: 0px;
  margin-left: 0;
  float: left;
  display: inline;
  clear: both;
}
 .template-agenda-prefeito #portal-column-two,
 .template-evento_view #portal-column-two{
  float:left;
  left: 0;
  display: inline;
  clear: both;
  top: 20px;
 }
 .template-agenda-prefeito #content .titulo_principal h1{
  margin-bottom: 30px !important;
  padding: 0 !important;
 }
.template-noticias_view #content article header .btn_voltar{
  display: block;
  border-bottom: 1px #ccc solid;
  text-align: center;
  width: 115px;
  position: relative;
  clear: both;
  margin: 22px 0 0 0;
  padding:0 0 2px 4px;
}
.template-noticias_view #content article header .btn_voltar a{
  color: #333;
  border:0;
}
.template-noticias_view #content article header .btn_voltar a span{
  background:url("../img/sprite5.png") no-repeat -440px -23px;
  display: inline-block;
  height: 12px;
  width: 12px;
}
.template-noticias_view #content article header h1{
  margin-bottom: 10px;
  line-height: 35px;
  font-size: 2.25em;
}
.template-noticias_view #content article header h2{
  font-style: italic;
  font-size: 1.25em;
  font-weight: normal;
  line-height: 1.2em;
  color: #181818;
}
.template-noticias_view #content article .noticias_media{
  padding: 5px 0 2px;
  margin: 20px 0 10px 0;
  border-top: 1px #979797 solid;
  border-bottom: 1px #979797 solid;
}
.template-noticias_view #content .noticias_media .noticias_actions{
  float: right;
  margin-top: -38px;
  margin-right: 40px;
}
.template-noticias_view #content .noticias_actions a{
  border:none;
  color: #6B7A81;
}
.template-noticias_view #content .noticias_actions a:hover{
  color: #222 !important;
  background: #ddd ;
  border: 1px solid #888;
  border-top: 1px solid #aaa;
  border-left: 1px solid #aaa;
}
.template-noticias_view #content .noticias_media .social_share{
    float: right;
    height: 25px;
}
.template-noticias_view #content .noticias_media .sociallike-network-gplus{
  margin-left: -9px;
}
.template-noticias_view #content .noticias_media #viewlet-social-like > div{
  margin-right: 5px !important;
}
.template-noticias_view #content .noticias_media #viewlet-social-like iframe{
  width: 106px !important;
}
.template-noticias_view #content .noticias_media .noticias_media_col2{
  height: 30px;
}
.template-noticias_view #content .noticias_media .noticias_actions ul{
  list-style: none;
}
.template-noticias_view #content .noticias_media .noticias_actions li{
  float: left;
  margin-left: 10px;
}
.template-noticias_view #content article div{
  text-align: justify;
}
.template-document_view #content #content-core{
  color: #333;
  line-height: 1em;
}
.template-document_view #content #content-core h3{
  font-size: 1em;
  line-height: 3em;
}
.template-noticias_view #content article div p a,
.template-document_view #content #content-core a{
  color: #f00;
  border:none;
}
.template-noticias_view #content a:hover,
.template-noticias_view dl.portlet a:hover,
.template-document_view #content a:hover,
.template-document_view dl.portlet a:hover{
  color: #f00 !important;
}
/*fim view de notícias*/


/* Resultados de busca */

.template-busca div#search-results-bar,
.template-busca div#search-results {
  border-top: 1px solid #000 !important;
  margin-top: 0px;
  padding-top: 17px !important;
}

.template-busca div#search-results {
  margin-top: 35px !important;
  padding: 0;
}

.template-busca #search-results-bar dl {
  width: 100%;
}

.template-busca h2.buscaPor {
  color: #363636;
  font-weight: normal;
  font-size: 2.5em;
}

.template-busca #content .actionMenuHeader {
  font-size: 1.542em;
  border-bottom: 3px black double;
  padding-bottom: 20px;
  margin-bottom: 10px !important;
}

.template-busca #content div#search-filter legend {
  background: #000;
  color: #FFF;
  display: block;
  width: 100%;
  font-weight: normal;
  font-size: 1.4em;
}

.template-busca #search-filter span.optionsToggle {
  display: none;
}

.template-busca #search-filter label {
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  font-weight: bold !important;
  color: #363636;
  margin-bottom: 10px;
}

.template-busca #search-filter input {
  display: inline-block;
  vertical-align: middle;
  height: 15px;
  width: 15px;
}

.template-busca #search-filter label:hover {
  color: #000;
}

.template-busca #content  .actionMenuHeader:after {
  background: url(../img/sprite.png) no-repeat -498px -3px transparent;
  content: ' ';
  display: inline-block;
  height: 12px;
  margin-left: 8px;
  width: 15px;
}

.template-busca .searchResults div {
  display: block;
  width: 100%;
  border-bottom: 1px solid #d7d7d7;
  padding: 4px 0 10px;
}

.template-busca .searchResults .itemTitle {
  font-weight: bold;
  display: block;
  line-height: 0.8em;
  padding-top: 5px;
}

.template-busca .searchResults .itemType {
  text-transform: uppercase;
}

#content #searchResults>div {
  border-bottom: 1px solid #d7d7d7;
}

#content #search-results a,
#content #search-results a:visited,
#content #search-results a:focus,
#content #search-results a:link {
  color: #363636 !important;
  border-bottom: none;

}

#content #search-results a:hover {
  color: #F00 !important;
}

/* Paginação da busca */

.template-busca ul.paginacao.listingBar {
  border: 1px solid #979797 !important;
  margin-top: 30px !important;
  padding: 8px 7px;
  overflow: hidden;
}

.template-busca #content #search-results ul.paginacao li a,
.template-busca #content #search-results ul.paginacao li span {
  border: 1px solid #f00 !important;
  padding: 3px;
  color: #F00 !important;
  font-weight: bold;
  font-size: 1.275em;
  transition: all .2s ease-out;
}

.template-busca #content #search-results ul.paginacao li span {
  border-radius: 3px;
  line-height: 25px;
  margin: 0 4px;
  background: #F00;
  color: #FFF !important;
}

.template-busca #content #search-results ul.paginacao li a.proximo,
.template-busca #content #search-results ul.paginacao li a.anterior {
  background: #000;
  padding: 3px 10px !important;
}

.template-busca #content #search-results ul.paginacao li a:hover {
  text-decoration: none;
  color: #FFF !important;
  background: #F00;
}

 /* ==========================================================================
   Estilos para template de mapa
   ========================================================================== */
.section-mapa {
  display: block;
  background: url(../img/verao-atencao-bg.png) repeat-x -0px 255px transparent;
  height: 56px;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.template-maps_view #map-canvas {
  height: 600px;
  width: 935px;
  margin-left: -4px;
  padding: 0;
  border:1px solid #979797;
}
.template-maps_view #iw_container .iw_title {
  font-size: 16px;
  font-weight: bold;
}
.template-maps_view .iw_content {
  padding: 15px 15px 15px 0;
}
.template-maps_view .menuItens{
  position:absolute;
  right:30px;
  top:170px;
  z-index:9;
  padding:0;
  margin:0;
  width:225px;
}
.template-maps_view .roteOption{
  margin: 40px 0 0 10px;
}
.template-maps_view .roteOption label{
  color: #222;
  padding: 5px 2px;
  font-size: 1.3em;
  font-weight: normal;
  margin-left: 5px;
}
.template-maps_view .rotaForm{
  position: absolute;
  top: 170px;
  z-index: 9;
  margin: 0px;
  width: 210px;
  left: 50px;
  background-color: #fff;
}
.template-maps_view .rotaForm legend{
  float: left;
  background: #01A4B7 none repeat scroll 0% 0%;
  display: block;
  padding: 5px 0px !important;
  text-align: center;
  width: 210px;
  color: #fff;
  font-size: 1em !important;
}
.template-maps_view #content .rotaForm fieldset{
  border: none;
  padding: 0px;
  margin-top: 0px;
}

.template-maps_view #content .rotaForm .txtEndereco{
  width: 140px;
}
.template-maps_view #content .rotaForm .rotaChegada{
  margin-top: 15px;
  margin-left: 10px;
}
.template-maps_view #content .rotaForm .rotaPartida{
  margin: 15px 0 0 10px;
}
.template-maps_view #content .rotaForm .rotaPartida label,
.template-maps_view #content .rotaForm .rotaChegada label{
  background: #5B5B5B none repeat scroll 0% 0%;
  color: #FFF;
  display: block;
  float: left;
  font-weight: normal;
  height: 15px;
  margin-right: 8px;
  text-align: center;
  padding: 5px 2px;
  width: 20px;
}
.template-maps_view #content .rotaForm .rotaEnviar input{
  border: 0px none;
  border-radius: 0px;
  width: 188px;
  background: #F00 none repeat scroll 0% 0%;
  color: #FFF !important;
  display: inline-block;
  font-size: 1em;
  font-weight: bold;
  padding: 10px 15px;
  text-align: center;
  margin: 15px 0 0 10px;
}
.template-maps_view #content .ui-autocomplete{
  cursor: default;
  overflow: hidden;
  list-style: none;
  white-space: nowrap;
  text-align: left;
  border: 1px solid #E6E6E6;
  font-size: 11px;
  padding: 20px 4px;
  color: #999;
  width: 140px !important;
  max-height: 70px;
  left: 90px !important;
  background-color: #fff;
}
.template-maps_view #content .ui-autocomplete li:first-child{
  margin-top: 0;
}
.template-maps_view #content .ui-menu-item{
  border-bottom: 1px solid black;
  margin: 15px 0 0 0;
  box-shadow: 1px solid black;
}
.template-maps_view #content .ui-menu-item a{
  font-size: 13px;
  font-family: Arial;
}
.template-maps_view #content .menuItens ul{
  float:left !important;
  width:180px !important;
  margin-left: -5px !important;
}
.template-maps_view #content .menuItens ul li{
  display:block;
  list-style:none;
  color:#fff;
  margin-bottom: 0px;
}
.template-maps_view #content .menuItens > ul > li{
    border-bottom: 1px solid #7c7c7c;
  background:#5b5b5b;
  border-left:5px solid #5b5b5b;
  height:40px;
  display:block;
  clear:both;
  padding:5px 0 0 0;
  width:100%;
}
.template-maps_view #content .menuItens > ul > li:hover{
  background:#01a4b7;
  border-left:5px solid #07c5db;
}
.template-maps_view #content .menuItens ul li:hover{
  background: #01a4b7;
}

.template-maps_view #content .menuItens > ul > li.active{
  background:#01a4b7;
  border-left:5px solid #07c5db;
}
.template-maps_view #content .menuItens > ul > li img{
  float:left;
}
.template-maps_view #content .menuItens > ul > li a.tituloMenu{
  float:left;
  padding:10px 0 0 3px;
  cursor:pointer;
}
.template-maps_view #content .menuItens > ul > li a.tituloMenu:hover{
  color: #fff !important;
}
.template-maps_view #content ul.subItens{
  margin:0 0 0 -5px;
  padding:0;
  float:left;
  clear:both;
  width:179px !important;
  display:none;
}
.template-maps_view #content ul.subItens li{
  background:#5b5b5b;
  float:left;
  display:block;
  clear:both;
  width:100%;
  padding:3px;
  background: #027784;
}
.template-maps_view #content ul.subItens li input{
  margin-left: 10px;
  margin-right: 5px;
}
#content .wrap-events .eventBanner{
  width: 100%;
  height: 56px;
  background:url(../img/verao-header-observacao3.png) no-repeat 0 0 #252525!important;
}
.template-maps_view .wrap-events {
  display: block;
  height: 56px;
  position: relative;
  width: 100%;
}
.template-maps_view #content .wrap-events .aba-left{
  left: -56px;
  width: 56px;
  height: 56px;
  position: absolute;
  margin-top: 1px;
  background-image: url("../img/verao-op-aba.png");
    background-position: top left;
}
.template-maps_view #content .wrap-events .aba-right{
  width: 56px;
  height: 56px;
  position: absolute;
  background-image: url("../img/verao-op-aba.png");
  right: -56px;
  background-position: top right;
}
.template-maps_view #content .wrap-events .event-list {
  float: right;
  margin-right: 5px!important;
  width: 570px;
  margin-top: 6px;
}
.template-maps_view #content .wrap-events .event-list li {
  color: #fff;
  font-size: 1em;
  float: left;
  list-style: none;
  margin-left: 20px;
}
.template-maps_view #content .wrap-events .event-list li label{
  font-weight: normal !important;
  margin-left: 5px;
}

/* EDITADO HELPER DESCRIÇÃO IDUBLIN CORE */
.portaltype-news-item.template-edit .formHelp{
  text-indent: -9999px;
}

.portaltype-news-item.template-edit .formHelp::after{
  text-indent: 0px;
  float: left;
  content: "Utilizado nas listagens de itens, Linha fina e resultados de buscas"
}

/* RESCRITA SUBMENU EDIÇÃO DO PLONE */
#edit-bar .contentActions #contentActionMenus .actionMenuContent{
  z-index: 9999;
}

.field.kssattr-fieldname-form\.widgets\.IGaleria\.galeria  {
  display: none !important;
}

body.template-edit.portaltype-news-item .field.kssattr-fieldname-form\.widgets\.IGaleria\.galeria  {
  display: block !important;
}

#portal-column-content #content-core #fileupload {
  display: none !important;
}

#content .contentBody a {
  color: #f00 !important;
}

#content .contentBody a:hover {
  text-decoration: underline !important;
}

body.template-agenda-prefeito .portletWrapper {
  background: #fff !important;
}