/* Space out content a bit */
body {
  /*min-height: 1000px;*/
}

/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.marketing,
.footer {
  padding-right: 15px;
  padding-left: 15px;
}

/* Custom page header */
.header {
  border-bottom: 1px solid #e5e5e5;
}
/* Make the masthead heading the same height as the navigation */
.header h3 {
  padding-bottom: 19px;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 40px;
}

/* Custom page footer */
.footer {
  padding-top: 19px;
  color: #777;
  border-top: 1px solid #e5e5e5;
}

.container-narrow > hr {
  margin: 30px 0;
}

/* Main marketing message and sign up button */
.jumbotron {
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}
.jumbotron .btn {
  padding: 14px 24px;
  font-size: 21px;
}

/* Supporting marketing content */
.marketing {
  margin: 40px 0;
}
.marketing p + h4 {
  margin-top: 28px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .header,
  .marketing,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }
  /* Space out the masthead */
  .header {
    margin-bottom: 30px;
  }
  /* Remove the bottom border on the jumbotron for visual effect */
  .jumbotron {
    border-bottom: 0;
  }

}


div.navbar-default {
    background-color: #fff;
    border-color: #fff;
}

div.navbar-inner {
  background-image: none;
  background-color: rgba(0,0,0,0);
}

.navbar-brand {
  float: left;
  /*height: 50px;*/
  padding: 5px 5px;
  font-size: 18px;
  line-height: 20px;
  z-index: 100000;
}



#logoTransparencia {
    /*height: 50px;
    width: 150px;*/
    background: url('../images/logo.png') no-repeat;
    background-position: 0px 5px;
    padding: 14px 20px 8px;
}


#sic {
    height: 50px;
    width: 70px;
    background: url('../images/sprite.png') no-repeat;
    background-position: -185px -30px;
    margin-left: -20px;
    margin-right: -20px;
}

#sic button.btn-sic{
    margin-left: -8px;
    margin-top: -8px;
}

#sic.btn-group.open .btn.dropdown-toggle{
  background-color: transparent;
}

.dropdown-menu-sic{
  z-index: 11;
}

.dropdown-menu-sic>li{
  display: block;
}

.dropdown-menu-sic>li:hover{
  /*background-color: #FFDA98;*/
}

/*#bodyTransparencia .dropdown-menu.dropdown-menu-sic{
  left: -230%;
}*/

ul.dropdown-menu.dropdown-menu-sic{
  background: none repeat scroll 0 0 #FFFFFF;
  border-radius: 0px;
  top: 85% !important;
  right: 19px !important;
  border-style: none;
}

ul.dropdown-menu.dropdown-menu-sic a{
  text-transform: uppercase;
}

ul.dropdown-menu.dropdown-menu-sic .divider{
    background-color: white;
}
ul.dropdown-menu.dropdown-menu-sic .divider.last-item{
  margin-bottom: -5px !important;
}

ul.dropdown-menu.dropdown-menu-sic a:hover{
  color: #905D02;
}

#buttonSic{
    width: 54px;
    height: 45px;
    margin: 0px;
}

#sic.btn-group,
#sic .btn{
  margin-top: 0px;
  padding: 5px;
  border: 0px;
}

#carousel-frontpage {
    min-height: 400px;
    margin-bottom: 0px;
}

#carousel-frontpage.carousel .item,
#carousel-frontpage.carousel img{
  height: 650px;
  overflow: hidden;
}

.btn{
  text-shadow: 0 0px 0px !important;
}

.btn-frontpage-container {
    width: 100%;
}

.btn-frontpage,
.btn-frontpage:hover,
.btn-frontpage:focus
{
    color: #fff !important;
    border-color: #fff;
    width: 100%;
    border-radius: 0px;
    border-top-width: 0px;
}

.btn-frontpage p {
    margin: 0px;
}

.btn-receitas,
#bodyTransparencia ul.dropdown-menu-receitas
{
    background-color: #d9b268;
}

#bodyTransparencia .open ul.dropdown-menu-receitas{
    display: inline-table;
}

#bodyTransparencia .dropdown-menu.dropdown-menu-receitas{
  left: 0px;
}

.btn-receitas:hover,
.btn-receitas:focus,
.dropdown-menu-receitas>li>a:hover
{
    background-color: #e9c278 !important;
    color: white;
    text-decoration: none;
}

#bodyTransparencia .dropdown-menu-receitas>li>a:link,
#bodyTransparencia .dropdown-menu-receitas>li>a:hover,
#bodyTransparencia .dropdown-menu-receitas>li>a:visited{
  color: white !important;
  text-decoration: none;
}

.dropdown-menu-receitas .dropdown-header{
  font-size: 12px;
}

#tabs .divider,
.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 0px;
    margin-bottom: 9px !important;
    margin-top: 9px !important;
}

#tabs .divider{
  width: 100%;
}

.btn-despesas,
#bodyTransparencia ul.dropdown-menu-despesas,
#bodyTransparencia .btn-group.open .btn.dropdown-toggle.btn-despesas
{
    background-color: #d59563;
}

#bodyTransparencia ul.dropdown-menu{
  width: auto;
  height: auto;
}

#bodyTransparencia .dropdown-menu{
  left: 13px;
  top: 94%;
}

.btn-despesas:hover,
.btn-despesas:focus,
.dropdown-menu-despesas>li>a:hover
{
    background-color: #e5a573 !important;
}

.btn-compras,
#bodyTransparencia ul.dropdown-menu-compras,
#bodyTransparencia .btn-group.open .btn.dropdown-toggle.btn-compras
{
    background-color: #d77474;
}

.btn-compras:hover,
.btn-compras:focus,
.dropdown-menu-compras>li>a:hover
{
    background-color: #e78484 !important;
}

.btn-convenios,
#bodyTransparencia ul.dropdown-menu-convenios,
#bodyTransparencia .btn-group.open .btn.dropdown-toggle.btn-convenios
{
    background-color: #73b3df;
}

.btn-convenios:hover,
.btn-convenios:focus,
.dropdown-menu-convenios>li>a:hover
{
    background-color: #83c3ef !important;
}

.btn-orcamentos,
#bodyTransparencia ul.dropdown-menu-orcamentos,
#bodyTransparencia .btn-group.open .btn.dropdown-toggle.btn-orcamentos
{
    background-color: #5ebf88;
}
.btn-orcamentos:hover,
.btn-orcamentos:focus,
.dropdown-menu-orcamentos>li>a:hover
{
    background-color: #6ecf98 !important;
}

.btn-indicadores,
#bodyTransparencia ul.dropdown-menu-indicadores,
#bodyTransparencia .btn-group.open .btn.dropdown-toggle.btn-indicadores
{
    background-color: #bc98c2;
}

.btn-indicadores:hover,
.btn-indicadores:focus,
.dropdown-menu-indicadores>li>a:hover
{
    background-color: #cca8d2 !important;
}


.dropdown-menu-frontpage .dropdown-header {
    color: #fff;
    font-weight: bold;
    padding-left: 10px;
    text-decoration: underline;
    margin-top: none;
    margin-top: auto;
    margin-bottom: auto !important;
    padding: 3px 20px;
}

.dropdown-menu-frontpage {
    border-radius: 0px;
    min-width: 100%;
}

.dropdown-menu-frontpage>li>a {
    color: #fff;
    text-transform: uppercase;
}
.dropdown-menu-frontpage>li>a:hover {
    color: #fff;
}

.dropdown-menu-frontpage>li {
    display: block !important;
}



#bar1{
    background-image: url("../images/bar1.png");
    background-repeat: repeat-x;
    background-position: 30% 70%;
    margin-top: 20px;
    margin-bottom: 10px;
}

#bar2{
    background-image: url("../images/bar2.png");
    background-repeat: repeat-x;
    background-position: 30% 70%;
    margin-top: 20px;
    margin-bottom: 10px;
}

span.bar{
  line-height: 34px;
}


span.bar {
    font-style: italic;
    background-color: #fff;
    font-size: 30px;
    padding-right: 20px;
}

a.links-miolo:hover {
    text-decoration: none;
}

/*#indicadores-paf .image {
    background-image: url("../images/paf.png");
    background-repeat: no-repeat;
    height: 100px;
}

#indicadores-economicos{
  min-width: 180px;
}

#indicadores-economicos .text,
#indicadores-paf .text {
    min-height: 40px;
    background-color: #d9b268;
    font-weight: bold;
    font-family: 'Myriad Pro', 'Arial',sans-serif;
    font-size: 18px;
    color: #fff;
    text-align: center;
    width: 100%;
    font-style: italic;
    padding-top: 7px;
}

#publicidade-institucional:hover,
#administracao-hospitalar:hover,
#indicadores-paf:hover,
#indicadores-economicos>div>button:active,
#indicadores-economicos>div>button:focus,
#indicadores-economicos>div>button:hover
{
    opacity: 0.85;
    -moz-opacity: 0.85;
    filter: alpha(opacity = 85);
}*/

/*#publicidade-institucional .image {
    background-image: url("../images/antena.png");
    background-repeat: no-repeat;
    height: 100px;
}

#publicidade-institucional .text {
    min-height: 40px;
    background-color: #777;
    font-weight: bold;
    font-family: 'Myriad Pro', 'Arial',sans-serif;
    font-size: 18px;
    color: #fff;
    text-align: center;
    width: 100%;
    font-style: italic;
    padding-top: 7px;
}

#administracao-hospitalar .image {
    background-image: url("../images/hosp.png");
    background-repeat: no-repeat;
    height: 100px;
}

#administracao-hospitalar .text {
    min-height: 40px;
    background-color: #777;
    font-weight: bold;
    font-family: 'Myriad Pro', 'Arial',sans-serif;
    font-size: 18px;
    color: #fff;
    text-align: center;
    width: 100%;
    font-style: italic;
    padding-top: 7px;
}*/

.site-map {
    margin-top: 20px;
    background-color: #f5f5f5;

    font-size: 12px;
    padding: 20px;
}

.site-map h1 {

    font-size: 12px;
    font-weight: bold;
}

.site-map hr {

    border-top: 1px solid #333;
}


.site-map ul {
    padding: 0px;
}

.site-map ul li {
    text-decoration: none;
    list-style-type: none;
    display: block;
}

.site-map a {
    color: #777;

}

#footer {
    background-color: #424343;
    color: #fff;
    text-align: center;
    padding: 40px;
}


h1.title,h1.documentFirstHeading {
    text-transform: uppercase;
    text-decoration: underline;

    /*
    -moz-text-decoration-color: red;
    -webkit-text-decoration-color: red;
    text-decoration-color: red;
    */
}

#content h1.documentFirstHeading {
  color: rgb(51, 51, 51);
  text-transform: uppercase;
  font-size: 36px;
}

#parent-fieldname-text .row{
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
}


#banner-externo{
  /*margin-bottom: 15px;*/
}

#publicidade-institucional div.text a,
#publicidade-institucional div.text a.external-link:hover{
  color: white !important;
  text-decoration: none;
}

#publicidade-institucional img,
#publicidade-institucional img:hover{
  border-style: none;
}

#administracao-hospitalar div.text a,
#administracao-hospitalar div.text a.external-link:hover{
  color: white !important;
  text-decoration: none;
}

#administracao-hospitalar img,
#administracao-hospitalar img:hover{
  border-style: none;
}

#indicadores-paf div.text a,
#indicadores-paf div.text a.external-link:hover{
  color: white !important;
  text-decoration: none;
}

#indicadores-paf img,
#indicadores-paf img:hover{
  border-style: none;
}

#indicadores-economicos:focus{
  border-style: none;
}

#banner-interno {
  margin-bottom: -5px;
}

#banner-interno .image {
    background-image: url("../images/banner_interno.png");
    background-repeat: no-repeat;
    background-size: 100% auto;

    max-width: 100%;
    min-width: 100%;
    min-height: 120px;
    height: auto;
}

.navbar-default .navbar-nav>li>a {
    text-transform: uppercase;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 90%;
}





/* enable absolute positioning */
.inner-addon, .inner-addon-lg {
  position: relative;
}

/* style glyph */

.inner-addon-lg .glyphicon {
    font-size: 18px;
    position: absolute;
    padding: 10px;
    pointer-events: none;
}


.inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

/* align glyph */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

#portal-searchbox .right-addon .glyphicon{
  right: 10%;
}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }


.btn-group>.btn:first-child{
  margin-left:0;
  -webkit-border-top-left-radius:0px !important;
  -moz-border-radius-topleft:0px !important;
  border-top-left-radius:0px !important;
  -webkit-border-bottom-left-radius:0px !important;
  -moz-border-radius-bottomleft:0px !important;
  border-bottom-left-radius:0px !important;
}

.btn-group>.btn:last-child,.btn-group>.dropdown-toggle{
  -webkit-border-top-right-radius:0px !important;
  -moz-border-radius-topright:0px !important;
  border-top-right-radius:0px !important;
  -webkit-border-bottom-right-radius:0px !important;
  -moz-border-radius-bottomright:0px !important;
  border-bottom-right-radius:0px !important;
}

#content-core{
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
  font-size: 14px !important;
  line-height: 1.42857143;
}

#content-core ol{
padding-left: 40px;
}

#searchGadget1{
  padding: 4px 5px !important;
  border: 1px !important;
  background: rgb(255, 255, 255) !important;
  text-indent: 0px;
  width: 100%;
  max-width: 325px;
}

#portal-personaltools {
position: absolute !important; ;
top: 0px !important;
right: 0;
float: left !important;
/*font-size: 1.2em !important; */
}

#portal-personaltools {
float: right !important;
background: #e3e3e3 !important;
position: relative;
z-index: 1007;
top: 0;
right: 0;
padding: 0.25em 0.5em;
font-size: 94%;
border-bottom-right-radius: 0.5em;
border-bottom-left-radius: 0.5em;
-webkit-border-bottom-right-radius: 0.5em;
-webkit-border-bottom-left-radius: 0.5em;
-moz-border-radius-bottomleft: 0.5em;
-moz-border-radius-bottomright: 0.5em;
}

#portal-personaltools ul{
  padding: 0px !important;
}

dl.actionMenu {
float: right;
white-space: nowrap;
position: relative;
margin-left: 0.5em;
}

#portal-personaltools dt {
font-weight: normal;
}

dl.actionMenu.deactivated dt {
margin: 0 0.25em;
}

#portal-personaltools dd {
background: #e3e3e3;
padding-bottom: 0.5em;
}

#portal-personaltools dd {
right: 0;
padding-top: 0.5em;
}

dl.actionMenu.deactivated dd {
display: none;
}

.actionMenuContent {
padding: 0 0.25em;
}

dl.actionMenu a, dl.actionMenu div {
display: block !important;
white-space: nowrap;
}

* li {
display: inline;
}

dl.actionMenu.activated dd {
position: absolute;
width: auto;
min-width: 100%;
border-bottom-right-radius: 0.5em;
border-bottom-left-radius: 0.5em;
-webkit-border-bottom-right-radius: 0.5em;
-webkit-border-bottom-left-radius: 0.5em;
-moz-border-radius-bottomleft: 0.5em;
-moz-border-radius-bottomright: 0.5em;
}

dl.actionMenu.activated dt a, dl.actionMenu.activated dd a, dl.actionMenu.activated dd div {
margin: 0 0.25em;
}

#portal-personaltools dt.actionMenuHeader a:after {
content: " ▼";
}

#banner-interno{
  padding-right: 0px;
  padding-left: 0px;
}

#banner-interno .row{
  margin-left: 0px;
}

#portal-breadcrumbs{
  font-size: 14px !important;
}

#portal-breadcrumbs span a{
  font-size: 14px !important;
  text-transform: none !important;
  color: rgb(51, 122, 183) !important;
}

#portal-breadcrumbs span {
 color: rgb(44, 103, 205) !important;
 text-transform: none !important;
}

#breadcrumbs-home a{
  text-transform: none !important;
  font-size: 14px !important;
  color: rgb(51, 122, 183) !important;
}

.breadcrumbSeparator{
  /* ag: 1010
     ct: 21404-9
     425.030.604-63
     937.839*/
  font-size: 14px !important;
  color: #333 !important;
}

#portal-breadcrumbs > span > span {
  font-size: 14px !important;
  color: #333 !important;
}

#content ol{
  margin-left: 0px;
  font-size: 14px !important;
}

#navbar .navbar-collapse .collapse{
  display: block !important;
  padding-bottom: 0px;
  overflow: visible !important;
  visibility: visible !important;
}

#content a:link{
  color: black;
}

#content li{
  margin-bottom: 0px;
}

#content-core p {
  font-size: 14px;
}

#portal-searchbox{
  height: 46px;
  line-height: 1.33;
  margin-top: 0%;
  left: 63.44%;
  position: absolute;
  /* margin-left: 61%; */
  /* min-width: 50%; */
  max-width: 330px;
  color: #555;
  /* background-color: #fff; */
  background-image: none;
  /* border: 1px solid #ccc; */
  /*border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;*/
}

#portal-searchbox .form-portal-searchbox .right-addon{
  /*position: absolute;
  z-index: 10;
  margin-top: 25px;
  width: 95%;
  text-align: center;*/
  position: absolute;
  z-index: 10;
  margin-top: 25px;
  width: 330px;
  text-align: center;
}


#voltarParaCima {
    padding: 5px 3px;
    /*background: #000;*/
    /*background: url("static/images/voltar-topo.png") no-repeat left center;*/
    background-color: #497ca4;
    color: #fff;
    position: fixed;
    bottom: 23px;
    right: 23px;
    display: none;
    z-index: 9999;
    cursor:pointer;
    box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
}

#voltarParaCima a {
    /*padding-left: 12px;*/
    color: #fff;
}

#voltarParaCima span{
    font-size: 34px;
    margin-left: 3px;
    margin-top: 3px;
}

.btn-circle {
  width: 48px;
  height: 44px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.42;
  border-radius: 50px;
}

.carousel-control{
  font-size: 90px;
  font-weight: bold;
}

div.item.active.left,
div.item.next.left,
div.item.active.right,
div.item.next.right{
  margin:0px;
  float: none;
}

#bodyTransparencia .navbar .btn-navbar{
  background-color: #fff;
  background-image: none;
  margin-right: 10px;
}
#bodyTransparencia .navbar .btn-navbar .icon-bar{
  box-shadow: none;
  background-color: #000;
}

[class*="span"]{
  padding-right: 0px;
  padding-left: 0px;
  margin-left: 0px;
}

#content-core #parent-fieldname-text{
  margin-left: -15px !important;
}

ul.menu-site-map{
  margin: 0px;
}

.rodape{
    background-color: rgb(66, 67, 67);
    /* bottom: 0; */
    clear: both;
    color: white;
    min-height: 80px;
    position: absolute;
    width: 100%;
    text-align: center;
    padding-bottom: 19px;
    padding-top: 19px;
    /* margin-top: 100px; */
}

.rodapeCodata {
    margin: 0 auto;
    max-width: 1024px;
}

.rodapeCodataInfo {
    font-size: 12px;
    padding: 25px 25px 0 25px;
}

input.input-lg{
  height: 38px;
  font-size: 18px;
  line-height: 1.33;
}

.template-folder_summary_view  #content-core .tileItem.tile-document,
.template-folder_summary_view  #content-core .tileItem.tile-document .tileContent,
.template-folder_summary_view  #content-core .tileItem.tile-folder,
 .template-folder_summary_view  #content-core .tileItem.tile-folder .tileContent{
    /* position: relative; */
    /* clear: both; */
    /* overflow: hidden; */
    /* margin: 0; */
    padding: 0px;
    border-bottom: 0px;
    border-left: 0px;
    min-height: 45px;
    /* font-size: 1em; */
}




#conteudoSite #content > h1,
#conteudoSite2 #content > h1{
  color: black;
  font-size: 36px !important;
  margin-top: 0px;
  font-weight: normal;
  /*text-decoration: blink;*/
}


.template-folder_summary_view #content-core .tileItem .tileHeadline a:link,
.template-folder_summary_view #content-core .tileItem .tileHeadline a:visited{
  color: rgb(51, 122, 183);
  text-decoration: none;
}

#portal-searchbox2{
  padding-left: 0px;
}

#bodyTransparencia .dropdown-menu-right {
    right: 12px;
    left: auto
}

/*#bodyTransparencia h1.documentFirstHeading,
#bodyTransparencia #viewlet-below-content-title{
  padding-left: 15px;
}*/

.visible-sic{
  position: absolute;
  right: -20px;
}

#bodyTransparencia .nav-collapse .nav > li > a,#bodyTransparencia .nav-collapse .dropdown-menu a{
  /*font-weight: 400;*/
  font-size: 90%;
  color: #777777;
}

#bodyTransparencia .nav-collapse .nav > li > a:hover,
#bodyTransparencia .nav-collapse .dropdown-menu a:hover{
    color: #333333;
    text-decoration: none;
}

#sic.line-sic{
  width: 100%;
  border-top-width: 2px;
  border-top-style: solid;
}

#indicadores-paf img,
#indicadores-economicos img,
#publicidade-institucional img,
#administracao-hospitalar img{
    display: block;
    max-width: 100%;
    min-width: 100%;
    max-height: 123px;
    min-height: 123px;
    height: auto;
}

#indicadores-economicos button{
    border: 0pt none;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
}


/* RESPONSIVE CSS
    -------------------------------------------------- */
    @media (min-width: 1400px) and (max-width: 1550px){
      #portal-searchbox{
        left: 67.44%;
      }
    }


    /* Customize container */
    @media (min-width: 1400px) {
      .container {
        max-width: 1200px;
      }

      /*.navbar-nav {
        width: 78%;
        text-align: center;
      }*/
      .navbar-nav > li {
        float: none;
        display: inline-block;
      }
      .navbar-nav > li.navbar-right {
        float: right !important;
      }

      #portal-searchbox .right-addon .glyphicon{
        right: 10%;
      }

      .container{
        width: 1170px;
      }

    }

    @media (min-width: 1221px) and (max-width: 1399px){
      #portal-searchbox{
        /*margin-left: 60%;*/
        /*min-width: 40%;*/
        left: 67%;
      }

      #menuCapaTransparencia div.span2{
        width: 13.781%;
      }

      #site-map div.span2{
        padding-right: 10px;
        padding-left: 10px;
      }

      #portal-searchbox .right-addon .glyphicon{
        /*right: 27%;*/
      }

      .container{
        width: 82.7%;
      }
    }

    @media (max-width: 1220px) {
      #menuCapaTransparencia div.span2{
        width: 13.781%;
      }

      .container{
        width: 940px;
      }

      #site-map div.span2{
        padding-right: 10px;
        padding-left: 10px;
      }

      #carousel-frontpage{
        height: auto;
        min-height: 320px;
      }
      #carousel-frontpage.carousel .item,
      #carousel-frontpage.carousel img{
        height: auto;
        min-height: 430px;
      }

    }

    @media only screen and (min-width : 980px) and (max-width : 1220px) {
      #portal-searchbox{
        /*margin-left: 60%;*/
        /*min-width: 40%;*/
      }

      #portal-searchbox .right-addon .glyphicon{
        /*right: 15%;*/
      }

      #logoTransparencia{
        padding: 14px 9px 8px;
      }

      #sic{
        margin-left: 0px;
      }

      #bodyTransparencia .navbar .nav > li > a{
        padding: 15px 6px !important;
      }

      #menuCapaTransparencia div.span2{
        width: 129px;
      }

      #site-map div.span2{
        padding-right: 10px;
        padding-left: 10px;
      }
    }

    @media (max-width: 979px) {
      .hidden-border-up{
        /*border-style: solid;
        border-top-width: 10px;
        border-color: black;*/
      }
      #logoTransparencia{
        display: block;
        margin-left: auto;
        margin-right: auto;
        float: none;
      }

      #carousel-frontpage{
        height: auto;
        min-height: 320px;
      }
      #carousel-frontpage.carousel .item,
      #carousel-frontpage.carousel img{
        height: auto;
        min-height: 430px;
      }

      #logoTransparencia{
        /*margin-left: 12px;*/
      }

      #sic{
        margin-left: 10px;
        margin-top: 10px;
      }

      #bodyTransparencia .navbar .btn-navbar{
        margin-right: 20px;
      }

      #menuCapaTransparencia div.span2{
        width: 110px;
        padding-right: 7px;
        padding-left: 7px;
      }

      #site-map div.span2{
        padding-right: 10px;
        padding-left: 10px;
      }

    }

    @media only screen and (min-width : 768px) and (max-width : 979px) {
      #portal-searchbox{
        /*margin-left: 45%;*/
      }

      #portal-searchbox .right-addon .glyphicon{
        /*right: 15%;*/
      }

      .container {
        width: 740px;
      }



    }

    @media (max-width: 767px) {

      .container {
        width: 101%;
      }

      .btn{
        border: 0px;
        padding: 1px 0px;
        min-height: 30px;
      }

      #menuCapaTransparencia div.span2{
        width: 100%;
      }

      #site-map div.span2{
        padding-right: 10px;
        padding-left: 10px;
      }

      #carousel-frontpage{
        height: auto;
        min-height: 172.5px;
      }
      #carousel-frontpage.carousel .item,
      #carousel-frontpage.carousel img{
        height: auto;
        min-height: 420px;
      }

      #logoTransparencia{
        /*margin-left: 12px;*/
      }

      #sic{
        margin-left: 10px;
        margin-top: 10px;
      }

      #bodyTransparencia .dropdown-menu{
        left: -1px;
        top: 97%;
      }
    }

    @media only screen and (min-width : 320px) and (max-width : 768px) {
      #portal-searchbox{
        display: block !important;
        /*margin-left: 42%;*/
      }

      #bodyTransparencia .dropdown-menu-receitas > li > a{
        white-space: normal;
        word-wrap: initial;
      }
    }

    @media (max-width: 320px) {
      #bodyTransparencia .dropdown-menu-receitas > li > a{
        white-space: normal;
        word-wrap: initial;
      }

      #carousel-frontpage{
        height: auto;
        min-height: 172.5px;
      }
      #carousel-frontpage.carousel .item,
      #carousel-frontpage.carousel img{
        height: auto;
        min-height: 385px;
      }

      #logoTransparencia{
        /*margin-left: 12px;*/
      }

      #sic{
        margin-left: 10px;
        margin-top: 10px;
      }
    }