* {
       margin: 0;
       padding: 0
}

body {
       margin: 0!important;
       padding: 0!important
}

.slider {
       width: 90%;
       margin: auto;
       position: relative
}

.slider a:link {
       text-decoration: none
}

.slick-slide {
       margin: 0 20px;
       text-align: center;
       font-family: 'Estado Headline';
       color: #FFF;
       font-size: 1.2rem;
       height: auto;

}
#OAS_Position1{
       margin: auto;
       margin-bottom: 1rem;
       margin-top: 1rem;
}

.pagination {
       margin: auto;
       width: 200px;
       text-align: center;
       padding-bottom: 2rem;
       margin-bottom: 2rem;
       -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
       border-radius: 4px
}

.pagination a:link,
.pagination a:visited {
       text-decoration: none;
       color: #CEB37A;
       font-size: 1.5rem;
       font-family: 'Estado Headline'
}

.pagination a:hover {
       color: #FFF
}

.aviso {
       text-align: center;
       margin-top: 0;
       font-family: 'Flama';
       font-size: 1rem;
       color: #333;
       margin-bottom: 2rem
}

.slick-slide img {
       width: 100%;
       margin-bottom: .4rem;
       -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
       border-radius: 4px
}

#topo {
       background: url(../images/background.svg) #007591 52% -1% no-repeat;
       background-size: 220px;
       padding-top: 10rem;
       padding-bottom: 2rem
}

#logo {
       background: url(../images/logo.svg) center center no-repeat;
       width: 220px;
       height: 150px;
       text-indent: -999999px;
       margin: auto
}

#logo-estadao {
       position: absolute;
       top: 15px;
       left: 15px
}

#logo-estadao img {
       width: 150px
}

.linha-fina {

  margin: auto;
  color: #FFF;

  font-size: 1.3rem;
  line-height: 1.8rem;
  margin-bottom: 2rem;

}

h2 {
       margin: auto;
       width: 100%;
       text-align: center;
       text-transform: uppercase;
       color: #FFF;
       font-weight: 800;
       font-size: 1rem;
       margin-bottom: 2rem
}

#empresas {
       background: #FFF3CC;
       padding: 2.5rem
}

#empresas h2 {
       color: #CEB36E
}

#materias-relacionadas {
       background: #333;
       margin: 0;
       padding: 2rem
}

.materias-flex {
       display: flex;
       flex-flow: row wrap;
       width: 960px;
       margin: auto;
       justify-content: space-around
}

.materias-flex h3 {
       margin-bottom: .1rem
}

.materias-flex img {
       width: 88px;
       float: left;
       margin-right: .7rem;
       -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
       border-radius: 4px
}

.item-relacionado {
       width: 270px;
       margin-bottom: 2rem
}

.item-relacionado a:link,
.item-relacionado a:visited {
       text-decoration: none;
       color: #CCC
}

.item-relacionado a:hover {
       text-decoration: none;
       color: #FFF
}

#conteudo-categoria {
       background: #fff3cc;

}

#conteudo-categoria section {
       margin: auto;
       width: 900px;
       padding-top: 3rem;
       padding-bottom: 4rem
}

#conteudo-categoria .etiqueta {
       display: none
}

#conteudo-categoria section p {
       font-family: 'Flama';
       color: #333;
       font-size: 1.2rem;
       line-height: 1.7rem;
       padding-top: 2rem
}

#conteudo-categoria section h3 {
       margin-bottom: 2rem;
       font-family: Estado Fine;
       font-size: 4rem;
       color: #006392;
       text-align: center
}

#conteudo-categoria section img {
       float: left;
       margin-right: 2rem;
       -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
       border-radius: 5px
}

.box {
       margin: 1rem auto;
       width: 500px;
       height: 50px;
       margin-bottom: 5rem
}

.container-1 {
       width: 500px;
       vertical-align: middle;
       white-space: nowrap;
       position: relative
}

.container-1 input#search {
       width: 100%;
       height: 50px;
       background: #FFF;
       border: none;
       font-family: 'Flama';
       font-size: 1.2rem;
       float: left;
       color: #C1A752;
       padding-left: 45px;
       padding-top: 1rem;
       padding-bottom: 1rem;
       -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
       border-radius: 5px;
       font-weight: 700;
       -webkit-transition: background .55s ease;
       -moz-transition: background .55s ease;
       -ms-transition: background .55s ease;
       -o-transition: background .55s ease;
       transition: background .55s ease;
       -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.18);
       -moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.18);
       box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.18)
}

.container-1 input#search::-webkit-input-placeholder {
       color: #C1A752
}

.container-1 input#search:-moz-placeholder {
       color: #C1A752
}

.container-1 input#search::-moz-placeholder {
       color: #FFF3CC
}

.container-1 input#search:-ms-input-placeholder {
       color: #C1A752
}

.container-1 .icon {
       position: absolute;
       top: 50%;
       margin-left: 17px;
       margin-top: 17px;
       z-index: 1;
       color: #E0CC94
}

.container-1 input#search:hover,
.container-1 input#search:focus,
.container-1 input#search:active {
       outline: none;
       background: #fff;
       color: #999
}

.list {
       margin: auto;
       width: 900px
}

.etiqueta {
       position: absolute;
       right: 0;
       background: #EFDDAC;
       color: #BFA258;
       padding: .3rem;
       text-transform: uppercase;
       font-size: .6rem;
       top: 0;
       -webkit-border-bottom-right-radius: 5px;
       -webkit-border-bottom-left-radius: 5px;
       -moz-border-radius-bottomright: 5px;
       -moz-border-radius-bottomleft: 5px;
       border-bottom-right-radius: 5px;
       border-bottom-left-radius: 5px
}

.list li {
       display: -webkit-flex;
       display: flex;
       justify-content: space-between;
       border-bottom: 1px solid #EFDDAC;
       padding: relative;
       padding-top: 1rem;
       padding-bottom: 1rem;
       color: #221F1F;
       position: relative
}

.name {
       width: 16%;
       font-size: 1rem;
       font-weight: 600;
       line-height: 5rem
}

.logo-empresa {
       width: 140px;
       margin-top: .5rem;
       margin-right: 1rem;
       border-right: 1px solid #EFDDAC
}

.insatisfeito {
       color: #CDD7E4
}

.insatisfeito:before {
       content: "insatisfeito";
       font-size: .7rem;
       display: block;
       text-transform: uppercase;
       font-family: 'Flama';
       color: #333
}

.satisfeito {
       color: #789ABC
}

.satisfeito:before {
       content: "satisfeito";
       font-size: .7rem;
       display: block;
       text-transform: uppercase;
       font-family: 'Flama';
       color: #333
}

.encantado {
       color: #006392
}

.encantado:before {
       content: "encantado";
       font-size: .7rem;
       display: block;
       text-transform: uppercase;
       font-family: 'Flama';
       color: #333
}

.satisfacao {
       color: #006392;
       text-align: center
}

.pagination li {
       display: inline-block;
       padding: 5px
}

.satisfacao:before {
       content: "Índice de Satisfação";
       font-size: .7rem;
       display: block;
       text-transform: uppercase;
       font-family: 'Flama';
       color: #333;
       margin-top: 1rem;
       margin-bottom: -.5rem
}

.satisfacao {
       width: 150px;
       font-family: Estado Fine;
       font-size: 4rem;
       background: #FFF;
       -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
       border-radius: 5px
}

.insatisfeito,
.satisfeito,
.encantado {
       width: 60px;
       font-family: Estado Fine;
       font-size: 2rem;
       margin-top: 2rem;
       text-align: center
}

.grafico {
       width: 140px;
       margin-top: 2rem;
       margin-bottom: .5rem
}

.g-insatisfeito {
       height: 10px;
       background: #CED8E5;
       margin-bottom: .5rem
}

.g-satisfeito {
       height: 10px;
       background: #789CBD;
       margin-bottom: .5rem
}

.g-encantado {
       height: 10px;
       background: #046493;
       margin-bottom: .5rem
}

.sort {
       color: #E0CC94;
       background: transparent;
       border: 0;
       margin-top: 1rem;
       border: 1px solid #E0CC94;
       padding: .4rem;
       -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
       border-radius: 5px;
       display: none
}

.sort:hover {
       color: #E0CC94;
       background: transparent
}

ul.share-buttons {
       list-style: none;
       padding: 0;
       position: absolute;
       right: 15px;
       top: 15px
}

ul.share-buttons li {
       display: inline
}

.navegacao {
       text-align: center;
       margin-top: 2rem;
       padding-bottom: 2rem;
       clear: both
}

.navegacao a:link,
.navegacao a:visited {
       color: #006392;
       text-decoration: none
}

.navegacao i {
       margin: 2rem;
       font-size: 2rem
}

/*angular*/
[ng\:cloak],[ng-cloak], [data-ng-cloak],[x-ng-cloak], .ng-ckoak, .x-ng-cloak{
  display: none !important;
}

/*top*/
header {
  background: #007591;
  overflow: auto;
}
header .logo {
  text-align: center;
}
header .logo img{
  width: 220px;
}

header .logo .img_top img{
  margin: -3px 0 0 44px;
}

header .logo .img_texto{
    margin: 2rem 0rem 2rem 0rem;
}

header .logo .img_texto img{
  width: 220px;
  height: 150px;
  text-indent: -999999px;
}

/*publicidade*/

.publicidade.position1{
  margin: auto;
  text-align: center;
}
.publicidade.x01{
/*    background: #fff;
    margin: auto;*/
  width: inherit;
  margin: 0 12px;
}

/*Pagina Home*/

header table {
  width: 100%;
}

header table td{
  vertical-align: top;
}

#categorias{
    padding-bottom: 2rem;
}

/*Pagina Categoria*/

.page-categoria{
  background: #fff3cc;
}

.categoria {
    max-width: 1034px;
    margin: auto;
    overflow: auto;
}

.categoria .conteudo{
  padding:0 20px;
}

.categoria .conteudo .titulo {
  margin: 3rem 0 3rem 0;
  font-family: Estado Fine;
  font-size: 4rem;
  color: #006392;
  text-align: left;

}

.categoria .conteudo .main {
  display: table;
  padding-bottom: 4rem;
}

.categoria .conteudo .main .text img {
    width: 360px;
    float: left;
    margin-right: 2rem;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.categoria .conteudo .main > *{
  display: table-cell;
  vertical-align: top;
}

.categoria .conteudo .main p{
  font-family: 'Flama';
  color: #333;
  font-size: 1.2rem;
  line-height: 1.7rem;
  padding-top: 2rem;
}

.categoria .resultado table tr td  {
      padding: 10px 0px;
}

.categoria .resultado table tr td.border-right{
  border-right: 1px solid #EFDDAC;
}

.categoria .resultado table tr td .box {
  margin: 0px -3px;
  width: initial;
  height: initial;
  border-left: 1px solid #EFDDAC;
  margin-bottom: 0;
  padding: 0 18px;
  display: inline-block;
}

.categoria .resultado table tr td .box.no-padding-left {
  padding-left: 0;
}


.categoria .resultado table tr td .box > div {
  display: table-cell;
  vertical-align: middle;
}

.categoria .resultado table tr td .logo img{
  width: 65px;
}

.categoria .resultado table tr td .separador div{
  width: 1px;
  height: 25px;
  margin: 0 12px;
}

.categoria .resultado table tr td .separador.red div{
      background: #BC643C;
}

.categoria .resultado table tr td .separador.green div{
      background: #ACB876;
}

.categoria .resultado table tr td .separador.violet div{
  background: #8A7D99;
}

.categoria  .uppercase {
  text-transform: uppercase;
}

.categoria .resultado li{
    display: block;
    padding: 20px 0;
}

.categoria .resultado li.border{
  border-top: 1px solid #EFDDAC;
  border-bottom: 1px solid #EFDDAC;
}

.categoria .resultado li .titulo {
  font-family: Estado Fine;
  font-size: 1rem;
  line-height: 1.17rem;
  color: initial;
  margin: 0;
}

.categoria .resultado table tr td .titulo {
  width: 120px;

}
.categoria .resultado table tr td .numero {
   font-size: 2rem;
   font-family: Estado Fine;
}

.categoria .resultado table tr td .texto ul.ponto  {
  list-style: initial;
  margin-left: 18px;
  padding: 0;
}

.categoria .resultado table tr td .texto ul.ponto li {
  margin: 0;
  padding: 0;
  display: list-item;
}

.categoria .resultado table tr td .texto {
  font-family: Estado Fine;
  font-size: 1.1rem;
  line-height: 1.17rem;
  font-weight: bold;
}

.categoria .resultado table tr td .numero.red{
  color: #BC643C;
}

.categoria .resultado table tr td .numero.green{
  color: #ACB876;
}

.categoria .resultado table tr td .numero.violet{
  color: #8A7D99;
}

.categoria .resultados  {
    margin-top: 2.5rem;
    overflow: auto;
}

.categoria .resultados .pagination {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.categoria .conteudo .navegacao {
  margin-top: 2rem;
  margin-bottom: 4rem;
  padding-bottom: 0rem;
  text-align: left;
  font-weight: bold;
}

.categoria .conteudo .navegacao  a{
  display: inline-block;
  margin: 0px 16px;
}

.categoria .conteudo .navegacao  a:first-child{
  margin-left: 0;
}

.categoria .conteudo .navegacao i {
  margin: 0rem;
  font-size: 1.5rem;
  margin: 0 10px;
  font-size: 1.5rem;
  position: relative;
  top: 2px;
}

.categoria .conteudo .navegacao a:first-child i{
  margin-left: 0;
}

@media screen and (max-width: 1146px) {

  header {
    padding-top: 70px;
  }

}

@media screen and (max-width: 1366px) {

  .large-ad header {
    padding-top: 70px;
  }

}

@media screen and (max-width: 1024px) {

  .materias-flex {
         display: flex;
         flex-flow: row wrap;
         width: 100%;
         margin: auto;
         justify-content: space-around
  }

  #conteudo-categoria section {
         margin: auto;
         width: 90%;
         padding-top: 3rem;
         padding-bottom: 4rem
  }
  #conteudo-categoria section img {
         float: none;
         margin-right: 0;
         width: 100%
  }
  #conteudo-categoria section p {
         font-family: 'Flama';
         color: #333;
         font-size: 1.1rem;
         margin-top: 1.3rem;
         line-height: 1.5rem
  }
  #conteudo-categoria section h3 {
         margin-bottom: 2rem;
         font-family: Estado Fine;
         font-size: 3rem;
         color: #006392;
         line-height: 3rem;
         text-align: center
  }
  .slick-slide {
         margin: 0 20px;
         text-align: center;
         font-family: 'Estado Headline';
         color: #FFF;
         font-size: 1.6rem
  }
  .slick-dotted.slick-slider{
    margin-bottom: 0px;
  }
  .slick-dots {
    display: none !important;
}

}

@media screen and (max-width: 900px) {

  header table td{
    display: none;
  }

  header table td.texto{
    display: block;
  }


}

@media screen and (max-width: 728px) {

  /*pagina categoria*/
  .categoria .conteudo .titulo{
    text-align: center;
  }

  .categoria .conteudo .main {
      display: block;
      text-align: center;
  }

  .categoria .conteudo .main .text img {
      width: 285px;
      float: inherit;
      margin: 0 2rem 0 0;
  }

  .categoria .conteudo .main > * {
    display: block;
  }

  .categoria .resultado table{
    width: 100%;
  }

  .categoria .resultado table tr td {
    width: 50%;
    text-align: center;
  }

  .categoria .resultado table tr td.criterio .box.no-padding-left {
    padding-left: 18px
  }

  .categoria .resultado table tr td.criterio .box {
      display: table;
      width: 100%;
  }

  .categoria .resultado table tr td.criterio .box .texto,
  .categoria .resultado table tr td.criterio .box .numero{
    width: 45%;
  }


  .categoria .resultado table tr td.criterio .box .texto {
    text-align: left;
  }

  .categoria .resultado table tr td .box{
    border: none;
  }
  .categoria .resultado table tr td .titulo{
    width: auto;

  }
  .categoria .conteudo .navegacao a {
      text-align: center;
      display: block;
  }

}

@media screen and (max-width: 294px) {
  header .logo img {
    width: 100%;
  }
}