.container,

.container *,

.container:before,

.container:after {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

  box-sizing: border-box;



  text-rendering: optimizeLegibility;

  -webkit-font-smoothing: antialiased;

}

.lista-vagas{

  width:100%;

  padding: 30px 0px;

}

.lista-vagas .list-item{

  width: 100%;

  padding: 10px;

  background-color: #fff;

  margin-bottom: 20px;

  border-radius: 3px;

  box-shadow: 0 0 1px #ccc, 0 3px 0px #EAE6E6;

  display: flex;

}

.lista-vagas .list-item .info{

  display: flex;

  width:75%;

  box-shadow: 1px 0 #ccc;

  align-items: center;

}

.lista-vagas .list-item .info:hover{

  text-decoration: none;

}

.lista-vagas .list-item .info .titulo{

  font-size: 15px;

  color: #19647D;

  font-weight: 600;

  float: left;

  width: 100%;

  text-transform:uppercase;

}

 .lista-vagas .list-item .info b{

  font-weight: 600;

 }

.lista-vagas .list-item .info .empresa{

  float: left;

width: 100%;

font-size: 13px;

line-height: 17px;

padding: 0 5px;

text-transform: uppercase;

}

.lista-vagas .list-item .info .data{

  float: left;

width: 100%;

font-size: 13px;

line-height: 17px;

padding: 0 5px;

text-transform: uppercase;

}

.lista-vagas .list-item .acoes{

  display:table;

  width:25%;

  vertical-align:middle;

  padding: 0 10px 0 20px;

  height:50px;

}

.lista-vagas .list-item .acoes .cel{

  display:table-cell;

  vertical-align:middle;

  width:100%;

}



.lista-vagas .list-item .acoes .botao{

  display: inline-block;

  width: 100%;

  text-align: center;

  text-transform: uppercase;

  background-color: #0E816D;

  color: #fff;

  font-size: 14px;

  padding: 5px 0;

  font-weight: 600;

  border-radius: 3px;

}

.lista-vagas .list-item .acoes .botao:hover{

  background-color: #10AE93;

  text-decoration: none;

}



#uPaginacao {

  float: left;

  width: 100%;

  margin: 5px 0;

  text-align:center;

}

#uPaginacao .pagina,

#uPaginacao .pagina:visited,

#uPaginacao span {

  display:inline-block;

  background: #333;

  padding: 7px 10px;

  border-radius: 3px;

  /*font-family: 'Oswald', sans-serif;*/

  font-size: 17px;

  color: #FFF;

  margin-right: 5px;

  -webkit-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);

  -moz-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);

  -o-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);

  -ms-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);

  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);

}

#uPaginacao .pagina:hover {

  background: #19647D;

  color: #fff;

}

#uPaginacao span {

  background: #CCC;

  color: #888;

}



.view-info{

  width: 100%;

  padding: 15px;

  background-color: #fff;

  box-shadow: 0 0 1px #ddd, 0 2px rgba(221, 221, 221, 0.55);

  margin-bottom: 10px;

}

.view-info .field {

  width: 100%;

  margin-bottom: 10px;

  display: flex;

}



.container .view-info .field .sub-titulo {

  text-transform: uppercase;

  font-size: 1#19647D

  font-weight: 600;

  color: #137968;

}



.container .view-info .field .desc {

  width: 100%;

  color: #818181;

  padding-left: 10px;

  font-size: 15px;

  line-height: 20px;

  text-transform: uppercase;

}



.container .view-info .field .desc.detalhe{

  text-transform:none;

  text-align:justify;

}



.container .view-info .field .sec-separator {

  text-transform: uppercase;

  font-weight: bold;

  color: #19647D;

  position: relative;

  float: left;

  width: 100%;

  border-bottom: 2px solid;

  height: 11px;

  margin-bottom: 11px;

}



.container .view-info .field .sec-separator span {

  background-color: #fff;

  z-index: 99;

  padding-right: 10px;

}

.container .view-info .field .part{

  box-shadow: 1px 0 #ddd;

  padding-right: 10px;

  margin-right: 10px;

  min-height:36px;

}



.container .view-info .field .part.bloco-empresa {



  width: 100%;



}



.container .view-info .field .part.tel, 

.container .view-info .field .part.email, 

.container .view-info .field .part.website, 

.container .view-info .field .part.logradouro, 

.container .view-info .field .part.cep {



  width: 50%;



}



.container .view-info .field .part.endereco {



  width: 33%;



}



@media(max-width: 1000px){



  .container .view-info .field .part.image-logo {



    display: flex;



    justify-content: center;



  }



  .container .view-info .field .part.tel, 

  .container .view-info .field .part.email, 

  .container .view-info .field .part.website, 

  .container .view-info .field .part.logradouro, 

  .container .view-info .field .part.cep {



    width: 100%;



  }



  .container .view-info .field .part.endereco {



    width: 100%;



  }



  .view-info .field {



    flex-wrap: wrap !important;



  }



}



@media(max-width: 768px){

  .container .view-info .field .part{

    box-shadow: none;

  }

}



.container .view-info .field .part:last-child{

  box-shadow:none;

  padding-right: 0;

  margin-right:0;

}



.container .view-info .field .logo{

  float: left;

  width: 200px;

  height: 200px;

  background-size: cover;

}

.container .view-info .field .atividades{

  width: 100%;

  list-style: none;

  padding: 0;

}

.container .view-info .field .atividades li{

  text-transform: uppercase;

  font-size: 14px;

  line-height: 17px;

  color: #888;

}



.container .box-btn {

  float: left;

  text-align: center;

  width: 100%;

  margin-bottom: 10px;

}



.container .btn {

  padding: 10px 25px;

  cursor: pointer;

  background: #19647D;

  display: inline-block;

  color: #fff;

  font-size: 15px;

  text-decoration: none;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  -ms-transition: all 0.2s ease;

  -o-transition: all 0.2s ease;

  transition: all 0.2s ease;

  outline: none;

  border: none;

  -webkit-appearance: none;

  -moz-appearance: none;

}

.container .btn .icon{

  font-size: 27px;

  line-height: 0;

  height: 1px;

  padding-top: 4px;

  padding-right: 4px;

  float: left;

}

.container .btn:hover {

  background: #19647D;

}



.lista-associados{

  float:left;

  width:100%;

}



@media(max-width: 768px){

  .lista-associados .list-item{

    float: left;

    width: 100%;

    margin-right: 20px;

    margin-bottom: 20px;

    background-color: #fff;

    box-shadow: 0 0 1px #ccc, 0 2px 0 #ddd;

    padding: 5px;

    cursor:pointer;

  }

}



.lista-associados .list-item:nth-child(even){

  margin-right:0;

}

.lista-associados .list-item:hover .info .nome{

  text-decoration: underline;

}

.lista-associados .list-item:hover .logo{

  opacity:0.9;

}



.lista-associados .list-item .logo{

  width:150px;

  height:150px;

  background-size:cover;

}

.lista-associados .list-item .info{

  width: 295px;

  padding-left: 5px;

}



.lista-associados.catalogo .list-item .botao{

    display: inline-block;

  width: 295px;

  margin-left: 5px;

  text-align: center;

  text-transform: uppercase;

  background-color: #0E816D;

  color: #fff;

  font-size: 14px;

  padding: 15px 0;

  font-weight: 600;

  border-radius: 3px;

}



.lista-associados .list-item .botao:hover{

  background-color: #10AE93;

}



.lista-associados.catalogo .list-item .info{

  height:106px;

}



.lista-associados .list-item .info .nome{

  float: left;

  width: 100%;

  font-size: 17px;

  line-height: 25px;

  font-weight: 600;

  color: #19647D;

  text-transform: uppercase;

}

.lista-associados .list-item .info .label_desc{

  float: left;

  width: 100%;

  font-size: 15px;

  line-height: 25px;

  font-weight: 600;

  color: #19647D;

  text-transform: uppercase;

}

.lista-associados .list-item .info .label.razao{

    padding-top: 5px;

    margin-top: 5px;

    border-top: 1px dashed #eee;

}

.lista-associados .list-item .info .label{

  display: inline-block;

  width: 100%;

  font-size: 13px;

  font-weight: 600;

  color: #737373;

}



.lista-associados .list-item .info .telefone{

  float: left;

  width: 100%;

  padding: 5px 0;

  font-size: 17px;

  line-height: 20px;

  color: #666;

}

.lista-associados .list-item .info .telefone .icon{

  float: left;

  width: 20px;

  height: 20px;

  background-size: cover;

  margin-right: 5px;

  background-image:url(../img/tel-icon.png);

}

.lista-associados .list-item .info .website{

  float: left;

  width: 100%;

  padding: 5px 0;

  font-size: 17px;

  line-height: 20px;

  color: #666;

}



.lista-associados .list-item .info .website .icon{

  float: left;

  width: 20px;

  height: 20px;

  background-size: cover;

  margin-right: 5px;

  background-image:url(../img/site-icon.png);

}



.tr2{

  transition: all 0.2s ease;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  -ms-transition: all 0.2s ease;

  -o-transition: all 0.2s ease;

}



.container .form{

  float:left;

  width:100%;

  padding:0 10px;

}

.container .form .field{

  float:left;

  width:100%;

  margin-bottom:10px;

}

.container .form .field label{

  font-size: 12px;

  font-weight: 600;

  text-transform: uppercase;

  color: #5A5A5A;

  float:left;

}

.container .form .field label span{

  font-size: 10px;

  line-height:10px;

  color: #FF0808;

}

.container .form .field .campo{

  width: 100%;

  float: left;

  margin-top: 5px;

  padding: 10px;

  border-radius: 3px;

  border: 1px solid #ddd;

  outline: none;

  color: #888888;

  background: #F9F9F9;

  text-transform:uppercase;

}

.container .form .field select{

  width: 100%;

  float: left;

  margin-top: 5px;

  padding: 10px;

  border-radius: 3px;

  border: 1px solid #ddd;

  outline: none;

  color: #888888;

  background: #F9F9F9;

  text-transform:uppercase;

}

.container .form .field select.disabled{

  background:#DDD;

}

.container .form .field .part2{

  float:left;

  width:48%;

  margin-right: 4%;

}



@media(max-width: 768px){

  .container .form .field .part2{

    float:left;

    width:100%;

    margin-right: 4%;

  }

}



.container .form .field .part2:last-child{

  margin-right:0px;

}

.container .form .field .part3{

  float:left;

  width:30.6666%;

  margin-right: 4%;

}

.container .form .field .part3:last-child{

  margin-right:0px;

}



.container .field .rochas{

  float:left;

  width:100%;

}

.container  .field .rochas li{

  float: left;

  width: 293px;

  padding: 10px 0;

  border-radius: 3px;

  background-color: #19647D;

  margin-right: 15px;

  margin-bottom: 15px;

  color: #fff;

  font-size: 14px;

  text-align: center;

  font-weight: 600;

}

.container  .field .rochas li:nth-of-type(3n+0){

  margin-right:0;

}



.underline:hover{

  text-decoration:underline;

}

.listavazia{

  float: left;

  width: 100%;

  background-color: #fff;

  box-shadow: 0 0 1px #ccc, 0 2px 0 #ddd;

  padding: 20px 10px;

  text-transform: uppercase;

  font-weight: 600;

  color: #19647D;

}



.nouper{

  text-transform:none !important;

}



.catalogo-rochas{

    float: left;

    width: 100%;

}

.catalogo-rochas li{

  float: left;

  width: 170px;

  height: 170px;

  border-radius: 3px;

  background-color: #19647D;

  margin-right: 15px;

  margin-bottom: 15px;

  color: #fff;

  font-size: 14px;

  text-align: center;

  font-weight: 600;

}

.catalogo-rochas li:nth-of-type(5n+0){

  margin-right:0px;

}

.catalogo-rochas li a{

  float:left;

  width:100%;

  height:100%;

  overflow:hidden;

  position:relative;

}



.catalogo-rochas li a.nohover:hover .img{

  transform:none;

}

.catalogo-rochas li a .img{

  width:100%;

  height:100%;

  float:left;

  position:absolute;

  border-radius:0;

  transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -webkit-transition: all 0.5s ease;

}

.catalogo-rochas li a:hover .img{

  transform: scale(1.2, 1.2) translate3d(0, 0, 0);

  -moz-transform: scale(1.2, 1.2) translate3d(0, 0, 0);

  -ms-transform: scale(1.2, 1.2) translate3d(0, 0, 0);

  -o-transform: scale(1.2, 1.2) translate3d(0, 0, 0);

  -webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0);

}

.catalogo-rochas li a .nome{

    position: absolute;

    bottom: 0;

    font-size: 15px;

    text-align: center;

    width: 100%;

    background-color: rgba(22, 145, 124, 0.63);

    padding: 10px 5px;

    color: #fff;

    text-shadow: 1px 1px 1px #2B2B2B;

}



.tel{

  width: 160px;

}



@media(max-width: 768px){

  .tel{

    width: 100%;

  }

}



.email{

  width: 300px;

}



@media(max-width: 768px){

  .email{

    width: 100%;

  }

}



.website{

  width: 380px;

}



@media(max-width: 768px){

  .website{

    width: 100%;

  }

}



.logradouro{

  width:602px;

}



@media(max-width: 768px){

  .logradouro{

    width:100%;

  }

}



.cep{

  width: 298px;

}



@media(max-width: 768px){

  .cep{

    width: 100%;

  }

}



.endereco{

  width:296px;

}



@media(max-width: 768px){

  .endereco{

    width:100%;

  }

}



.bloco-empresa{

  width:690px;

}



@media(max-width: 768px){

  .bloco-empresa{

    width:100%;

  }

}



.case-associado {



  border-radius: 2px;



  display: flex;



  align-items: center;



  margin: 10px 0px;



  padding: 5px;



  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);



}



#uPaginacao {



  margin: 30px 0px;



}



#uPaginacao span {



  background: #0097A7;



  color: white;



}



#uPaginacao .pagina {



  background: #19647D;



}



#uPaginacao .pagina:hover {



  text-decoration: none;



  background: #0097A7 !important;



}



#uPaginacao .pagina:visited {



  background: #19647D;



}