/* Clearfix */
.menu-ranking .clearfix:before,
.menu-ranking .clearfix:after {
    content: " ";
    display: table;
}
.menu-ranking .clearfix:after {
    clear: both;
}
.menu-ranking .clearfix {
    *zoom: 1;
}

/* Basic Styles */

.indice-nacional-da-transparencia-subtitulo-2 {
   text-align: center;
   font-weight: bold;
   border-bottom: 1px solid #cecece;
   padding-bottom: 12px !important;
}

#ranking-container {
   margin: 0 auto !important;
   max-width: 800px;
}

.subsection-ranking-lancamento #header2 .container-menu2 .menu-ranking {
   display: none !important;
}

.subsection-itens-avaliados p{
    color: #172a51;
    display: block;
    float: none;
    font-family: "Trebuchet MS",italic;
    font-size: 15.5px;
    line-height: 24px;
    padding-bottom: 10px;
/*    width: 100%; */
}

.ranking-link {
   font-size: 1em !important;
}

.subsection-itens-avaliados .barracinza, .subsection-itens-avaliados .content {
   position: relative;
   top: 130px;
}

.menu-ranking{
      float:right;
      text-align:right;
}

.menu-ranking nav {
	height: 40px;
	width: 100%;
	font-size: 11pt;
        font-family: "Trebuchet MS",Arial;
	font-weight: bold;
	position: relative;
}
.menu-ranking nav ul {
	padding: 0;
	margin: 0 auto;
	width: 620px;
	height: 40px;
}
.menu-ranking nav li {
	display: inline;

}
.menu-ranking nav a {
        color: #384142;
	display: inline-block;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	line-height: 30px;
        margin-top: 6px;
}
.menu-ranking nav li a {

	box-sizing:border-box;
        padding-right:10px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.menu-ranking nav li:last-child a {
	border-right: 0;
        font-weight: bold;
        font-size: 1.15em;
        margin-top: 0;
}
.menu-ranking nav a:hover, nav a:active {
/*    background-color: #8c99a4;    */
        color: black;
        text-decoration: underline;
}

.menu-ranking nav a#pull {
	display: none;
}

.section-ranking h2 {
     margin-left: 16.9492%;
     margin-right: 1.69492%;
}


.section-ranking .container-menu {
/*    left: 20px;    */
        margin: 0 auto;
/*    position: relative;    */
        width: 853px;
}

.section-ranking .barracinza {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.section-ranking .container-menu2 .img-logo > img {
    margin-top: 0px;
    width: 100%;
}

#bt-fechar-item1, #bt-fechar-item2, #bt-fechar-item3, #bt-fechar-item4, #bt-fechar-item5, #bt-fechar-item6, #bt-fechar-item7, #bt-fechar-item8, #bt-fechar-item9, #bt-fechar-item10, #bt-fechar-item11, #bt-fechar-item12, #bt-fechar-item13, #bt-fechar-item14, #bt-fechar-item15, #bt-fechar-item16 {
    border: 1px solid #66bad9;;
    border-radius: 10px;
    display: table;
    margin-left: 153px;
    padding: 5px;
    margin-bottom: 20px;
    color: #66bad9;
    font-family: cambria;
    font-style: italic;
}


#titulo-item1 > div p, #titulo-item2 > div p, #titulo-item3 > div p, #titulo-item4 > div p, #titulo-item5 > div p, #titulo-item6 > div p, #titulo-item7 > div p, #titulo-item8 > div p, #titulo-item9 > div p, #titulo-item10 > div p, #titulo-item11 > div p, #titulo-item12 > div p, #titulo-item13 > div p, #titulo-item14 > div p, #titulo-item15 > div p, #titulo-item16 > div p {
    font-weight: bold;
    color: #66bad9;
}

#texto-item1 > p, #texto-item2 > p, #texto-item3 > p, #texto-item4 > p, #texto-item5 > p, #texto-item6 > p, #texto-item7 > p, #texto-item8 > p, #texto-item9 > p, #texto-item10 > p, #texto-item11 > p, #texto-item12 > p, #texto-item13 > p, #texto-item14 > p, #texto-item15 > p, #texto-item16 > p {
    color: #666666;
    font-style: italic;
}

#titulo-item1 li, #titulo-item2 li, #titulo-item3 li, #titulo-item4 li, #titulo-item5 li, #titulo-item6 li, #titulo-item7 li, #titulo-item8 li, #titulo-item9 li, #titulo-item10 li, #titulo-item11 li, #titulo-item12 li, #titulo-item13 li, #titulo-item14 li, #titulo-item15 li, #titulo-item16 li {
    color: #66bad9;
    font-style: italic;
    line-height: 1.05em;
    list-style-type: disc;
    margin-left: 165px;
    padding-left: 5px;
    margin-right: 50px;
}

#titulo-item1 ul, #titulo-item2 ul, #titulo-item3 ul, #titulo-item4 ul, #titulo-item5 ul, #titulo-item6 ul, #titulo-item7 ul, #titulo-item8 ul, #titulo-item9 ul, #titulo-item10 ul, #titulo-item11 ul, #titulo-item12 ul, #titulo-item13 ul, #titulo-item14 ul, #titulo-item15 ul, #titulo-item16 ul {
    margin-bottom: 1em;
    list-style-position: inside;
}


/*Styles for screen 1000px and lower*/
@media screen and (max-width: 1000px) {
	.menu-ranking nav { 
  		height: auto;
                background:#66bad9;
  	}
.section-ranking #header2 .container-menu2 {
    width: 100%;
    line-height: 30px;
}
.container-menu2 .img-logo {
    float: none;
    margin-right: 1.9%;
    margin-top: 4px;
    width: 23%;
    display: block;
}

   .footer-ranking .footer-texto p{
             font-size:12px;
        }

.menu-ranking{
      float:none;
}

  	.menu-ranking nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
  	.menu-ranking nav li {
  		width: 50%;
  		float: left;
  		position: relative;
  	}
  	.menu-ranking nav li a {
		border-bottom: 1px solid #576979;
		border-right: 1px solid #576979;
	}
  	.menu-ranking nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
                margin-top:0px;
  	}
}



/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {
	.menu-ranking nav { 
  		height: auto;
                background:#66bad9;
  	}
.section-ranking #header2 .container-menu2 {
    width: 100%;
    line-height: 30px;
}
.container-menu2 .img-logo {
    float: none;
    margin-right: 1.9%;
    margin-top: 4px;
    width: 23%;
    display: block;
}

   .footer-ranking .footer-texto p{
             font-size:12px;
        }

.menu-ranking{
      float:none;
}

  	.menu-ranking nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
  	.menu-ranking nav li {
  		width: 50%;
  		float: left;
  		position: relative;
  	}
  	.menu-ranking nav li a {
		border-bottom: 1px solid #576979;
		border-right: 1px solid #576979;
	}
  	.menu-ranking nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
                margin-top:0px;
  	}
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
	.menu-ranking nav {
		border-bottom: 0;
                background:#66bad9;
	}
.section-ranking #header2 .container-menu2 {
    width: 100%;
}

.menu-ranking{
      float:none;
}
	.menu-ranking nav ul {
		display: none;
		height: auto;
	}
	.menu-ranking nav a#pull {
		display: block;
		background-color:#283744;
		width: 100%;
		position: relative;
                color:#fff;
                margin-top:0px;
	}
	.menu-ranking nav a#pull:after {
		content:"";
		background: url('nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 5px;
	}
}

/*Smartphone*/
@media only screen and (max-width : 320px) {
	.menu-ranking nav li {
		display: block;
		float: none;
		width: 100%;
	}
	.menu-ranking nav li a {
		border-bottom: 1px solid #576979;
	}
}