.arq {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: 'Gotham-Bold';
    color: #000;
    font-size: 14px;
    max-width: 200px;
    text-align: center;
    margin: 10px;
}

.arq::before {
    content: url(../images/assets/icon/arquivos_doc_icon.png);
}

/* Lista de arquivos */
.lista ul li b {
    margin-left: auto;
}

/*COMEÇO CONTEUDO*/
section.area_do_associado{
	width: 100%;
	height: auto;
	background: #fff;
	display: inline-block;
}
section.area_do_associado .conteudo{
	width: 980px;
	display: block;
	margin: 0 auto;	

} 
section.area_do_associado .conteudo h2.titulo{
    font-family: 'gotham_mediumregular';
    font-size: 14px;
    text-transform: uppercase;
    color: #20663a;
    padding: 10px 30px 12px 0px;
    min-height: 10px;
    display: block;
    width: auto;
    text-align: left;
    margin: 30px 0px 0px;
    border-bottom: 3px solid rgba(0, 77, 102, 0.2);
}
section.area_do_associado .conteudo h2.titulo_convenio{
    font-family: 'gotham_mediumregular';
    font-size: 14px;
    text-transform: uppercase;
    color: #20663a;
    padding: 0px 30px 10px 0px;
    min-height: 10px;
    display: block;
    width: auto;
    margin-bottom: 15px;
    text-align: left;
    border-bottom: 3px solid rgba(0, 77, 102, 0.2);
}

section.area_do_associado div.top{
    width: 980px;
    float: left;
    height: 45px;
    display: block;
    position: relative;
}
section.area_do_associado div.top div.menu{
    width: 100%;
    height: 22px;
    display: block;
    float: left;
    position: absolute;
    top: 0px;
    left: 0px;
}
section.area_do_associado div.top div.menu i{
    color: #727e81;
    display: block;
    float: left;
    width: 15px;
    height: 22px;
    margin: 12px 0 0 0px;
}
section.area_do_associado div.top div.menu a,
section.area_do_associado div.top div.menu span{
    font-family: 'gotham_mediumregular';
    font-size: 11px;
    text-transform: uppercase;
    padding: 0 5px;
    color: #727e81;
    margin: 15px 0 15px 5px;
    height: 10px;
    display: block;
    float: left;
    width: auto;
    text-align: center;
}





section.area_do_associado .conteudo div.esq{
	width: 730px;
	height: auto;
	display: block;
	float: left;
}
section.area_do_associado .conteudo div.esq h1.titulo{
    font-family: 'gotham_mediumregular';
    font-size: 18px;
    text-transform: inherit;
    /*padding: 12px 0px 15px;*/
    height: auto;
    line-height: 22px;
    display: block;
    width: auto;
    text-align: left;
    color: #20663a;
}
section.area_do_associado .conteudo div.esq h1.titulo span{
    font-family: 'Gotham-Bold';
    width: 100%;
    font-size: 14px;
    height: auto;
    line-height: 21px;
    color: #918f8e;
    display: inline-block;
    text-transform: uppercase;
}
section.area_do_associado .conteudo div.esq img.top-rh{
    width: auto;
    float: left;
    margin-right: 40px;
}
section.area_do_associado .conteudo div.esq h1.titulo.rh span{
    font-family: 'Gotham-Bold';
    width: 230px;
    font-size: 28px;
    height: auto;
    line-height: 28px;
    color: #1baf5d;
    float: left;
    display: inline-block;
    text-transform: none;
    text-transform: none
    ;
}

section.area_do_associado .conteudo div.esq div.selecione{
    display: block;
    width: 100%;
    height: 75px;
}

section.area_do_associado .conteudo div.esq div.selecione_con{
    display: inline-block;
    width: 100%;
    height: 75px;
}
section.area_do_associado .conteudo div.esq div.selecione h1,
section.area_do_associado .conteudo div.esq div.selecione_con h1{
    font-family: 'gotham_mediumregular';
    width: 100%;
    font-size: 13px;
    height: auto;
    line-height: 13px;
    color: #999999;
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: 5px;
}
section.area_do_associado .conteudo div.esq div.selecione_con div.box-select {
    width: calc(100% - 40px);
    display: inline-block;
    float: left;
    position: relative;
    height: 75px;
}
section.area_do_associado .conteudo div.esq div.selecione div.box-select {
    width: calc(100% - 120px);
    display: block;
    float: left;
    position: relative;
}
section.area_do_associado .conteudo div.esq div.selecione div.box-select i{
    position: absolute;
    top: 8px;
    right: 10px;
    color: #20663D;
}
section.area_do_associado .conteudo div.esq div.selecione_con div.box-select i {
    position: absolute;
    top: 8px;
    right: -30px;
    color: #20663D;
    cursor: pointer;
}
section.area_do_associado .conteudo div.esq div.selecione div.box-select label {
    width: auto;
    border-radius: 30px;
    font-family: 'gotham_mediumregular';
    font-size: 13px;
    text-transform: uppercase;
    height: auto;
    display: block;
    line-height: 10px;
    color: #999999;
    border: 1px solid rgb(32, 102, 58);
    outline: none;
    padding: 10px 25px 10px 15px;
}
section.area_do_associado .conteudo div.esq div.selecione_con div.box-select input {
    width: 100%;
    border-radius: 30px;
    font-family: 'gotham_mediumregular';
    font-size: 13px;
    text-transform: uppercase;
    height: auto;
    display: block;
    line-height: 10px;
    color: #999999;
    border: 1px solid rgb(32, 102, 58);
    outline: none;
    padding: 10px 25px 10px 15px;
}

section.area_do_associado .conteudo div.esq div.selecione a.bt_filtrar {
    font-family: 'Gotham-Bold';
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
    padding: 8px 20px 12px;
    height: 10px;
    display: block;
    float: right;
    width: auto;
    text-align: center;
    background: #20663a;
    border-radius: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
section.area_do_associado .conteudo div.esq div.selecione div.box-select select {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    left: 10px;
    opacity: 0;
}
section.area_do_associado .conteudo div.esq div.texto{
	width: 100%;
	height: auto;
	display: block;
    margin-bottom: 10px;
}
section.area_do_associado .conteudo div.esq div.texto.rh p{
    font-family: 'Gotham-Book';
    font-size: 13px;
    text-transform: none;
    height: auto;
    line-height: 20px;
    display: block;
    width: 275px;
    margin-top: 50px;
    float: left;
    text-align: left;
    color: #566375;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
section.area_do_associado .conteudo div.esq div.texto p{
    font-family: 'Gotham-Book';
    font-size: 13px;
    height: auto;
    line-height: 20px;
    display: block;
    width: auto;
    text-align: justify;
    color: #566375;
    padding-bottom: 15px;
}

a.nossa_historia,a.diretoria_link,a.nosso_video{
    width: auto;
    display: block;
    float: left;
    margin-right: 38px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; 
}
a.nosso_video{
    float: right;
    margin-right: 0px;
}

section.area_do_associado .conteudo div.dir div.navegue{
    width: auto;
    height: auto;
    margin-bottom: 10px;
    display: inline-block;
    position: relative;
    /* top: -45px; */
    padding-left: 20px;
}
section.area_do_associado .conteudo div.dir div.navegue span{
    font-family: 'gotham_mediumregular';
    font-size: 13px;
    line-height: 21px;
    color: #20663a;
    margin: 5px 0;
    height: auto;
    display: block;
    float: left;
    width: 100%;
    text-align: left;
}
section.area_do_associado .conteudo div.dir div.navegue a.active,
section.area_do_associado .conteudo div.dir div.navegue a:hover{
    background: #20663a;
    color: #fff;
    opacity: 1;
    padding-left: 20px;
    width: calc(100% - 20px);
}
section.area_do_associado .conteudo div.dir div.navegue a:last-child{
    border-bottom: 0px;
}
section.area_do_associado .conteudo div.dir div.navegue a{
    font-family: 'gotham_mediumregular';
    font-size: 13px;
    line-height: 21px;
    color: #918f8e;
    margin: 0px;
    padding: 13px 0;
    height: auto;
    display: block;
    float: left;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #e3e4e8;
}
section.area_do_associado .conteudo div.dir{
    width: 230px;
    min-height: 400px;
    display: block;
    float: left;
    padding-left: 20px;
    /* padding-top: 150px;*/
    position: relative;
    z-index: 10;
    top: -30px;
}
section.area_do_associado .conteudo div.dir a:hover,
a.nossa_historia:hover,a.diretoria_link:hover,a.nosso_video:hover{
    opacity: 0.6;
}
section.area_do_associado .conteudo div.dir a{
	width: auto;
	display: block;
    float: right;
	margin-bottom: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
section.area_do_associado .conteudo img.img_titulo {
    margin-bottom: 10px;
    width: 100%;
}

section.area_do_associado .conteudo .socio,
section.area_do_associado .conteudo .historia,
section.area_do_associado .conteudo .diretoria{
	width: 100%;
	height: auto;
	display: block;
	float: left;
    position: relative;
    margin-bottom: 30px;
}

section.area_do_associado .conteudo .socio h2{
    font-family: 'gotham_mediumregular';
    font-size: 14px;
    text-transform: uppercase;
    color: #20663a;
    padding: 5px 0px 0px;
    height: 18px;
    display: block;
    width: auto;
    text-align: left;
    margin: 20px 0px 5px;
}
section.area_do_associado .conteudo .diretoria h2,
section.area_do_associado .conteudo .historia h2{
    font-family: 'gotham_mediumregular';
    font-size: 14px;
    text-transform: uppercase;
    color: #20663a;
    padding: 5px 0px 0px;
    height: 30px;
    display: block;
    line-height: 30px;
    width: auto;
    text-align: left;
    margin: 20px 0px 5px;
    border-bottom: 3px solid rgba(0, 77, 102, 0.2);
}

section.area_do_associado .conteudo .socio img.icon{
    width: auto;
    float: left;
    position: absolute;
    top: 0px;
    left: 0px;
}


section.area_do_associado .conteudo .list_box{
    width: 138px;
    height: 200px;
    display: block;
    float: left;
    margin-right: 8%;
}
section.area_do_associado .conteudo .list_box.last{
    margin-right: 0px;
}
section.area_do_associado .conteudo .list_box img{
    width: 138px;
    display: block;
    height: auto;
    border: 1px solid rgba(0, 0, 0, 0.24);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
section.area_do_associado .conteudo .list_box h1{
    font-family: 'Gotham-Bold';
    font-size: 13px;
    text-transform: inherit;
    padding: 0px 0px 15px;
    height: auto;
    line-height: 15px;
    display: block;
    text-align: center;
    color: #566375;
    width: 100px;
    margin: 0 auto;
}
section.area_do_associado .conteudo .list_box h1 span{
    font-family: 'gotham_mediumregular';
    color: #20663a;
    text-transform: uppercase;
}



section.area_do_associado .conteudo .list_box_hist{
    width: 130px;
    height: 185px;
    display: block;
    float: left;
    margin-right: 2%;
    background: #edeef0;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 2%;
}
section.area_do_associado .conteudo .list_box_hist.last{
    margin-right: 0px;
}
section.area_do_associado .conteudo .list_box_hist img{
    width: 100%;
    display: block;
    height: auto;
    border: 1px solid rgba(0, 0, 0, 0.24);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
section.area_do_associado .conteudo .list_box_hist h1{
    font-family: 'Gotham-Bold';
    font-size: 13px;
    text-transform: inherit;
    padding: 0px 0px 15px;
    height: auto;
    line-height: 15px;
    display: block;
    text-align: center;
    color: #566375;
    width: 100px;
    margin: 0 auto;
}
section.area_do_associado .conteudo .list_box_hist span{
    font-family: 'gotham_mediumregular';
    font-size: 16px;
    color: #20663a;
    text-transform: uppercase;
    padding: 0px 0px 15px;
    height: auto;
    line-height: 15px;
    display: block;
    text-align: center;
    width: 140px;
    margin: 0 auto;
}



a.conheca_museu{
    width: auto;
    height: auto;
    padding: 12px;
    display: block;
    color: #fff;
    background: #20663a;
    font-family: 'Gotham-Bold';
    font-size: 13px;
    line-height: 15px;
    text-transform: uppercase;
    text-align: center;
    border-radius: 5px;
    -webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}













section.area_do_associado #slide_associados_galeria{
	width: 100%;
    padding-top: 10px;
}
section.area_do_associado #slide_associados_galeria ul{
    margin: 0 auto;
    width: 93%;
    height: 106px;
    display: block;
    padding: 25px;
    border-radius: 30px;
}
section.area_do_associado #slide_associados_galeria ul li,section.area_do_associado #slide_associados_galeria ul .owl-item{
	width: 120px;
	float: left;
	text-align: center;
}
section.area_do_associado #slide_associados_galeria .owl-stage-outer{
    height: 100px;
    overflow: hidden;
    width: 90%;
    margin: 0 auto;
}
section.area_do_associado #slide_associados_galeria .owl-nav {
    width: 100%;
    height: 40px;
    position: relative;
    bottom: 0px;
}
section.area_do_associado #slide_associados_galeria .owl-nav .owl-prev{
	width: 33px;
	height: 33px;
    border-radius: 50px;
	background:#20663a;
	display: block;
	text-decoration: none;
	z-index: 2;
	position: absolute;
	cursor: pointer;
	text-indent: -9999px;   
    top: -65px;
    left: -10px;
}
section.area_do_associado #slide_associados_galeria .owl-nav .owl-prev:hover{
	background: #fff;
	border: 1px solid #20663a;
}
section.area_do_associado #slide_associados_galeria .owl-nav .owl-prev:hover:before{
    content: "";
    position: absolute;
    top: 9px;
    left: 11px;
    width: 10px;
    height: 15px;
	background: url(../images/seta_banner.png) no-repeat bottom left;
}
section.area_do_associado #slide_associados_galeria .owl-nav .owl-prev:before{
    content: "";
    position: absolute;
    top: 9px;
    left: 11px;
    width: 10px;
    height: 15px;
    background: url(../images/seta_banner.png) no-repeat top left;
}
section.area_do_associado #slide_associados_galeria .owl-nav .owl-next:hover{
	background: #fff;
	border: 1px solid #20663a;
}
section.area_do_associado #slide_associados_galeria .owl-nav .owl-next:hover:before{
    content: "";
    position: absolute;
    top: 9px;
    left: 13px;
    width: 10px;
    height: 15px;
	background: url(../images/seta_banner.png) no-repeat bottom right;
}
section.area_do_associado #slide_associados_galeria .owl-nav .owl-next:before{
    content: "";
    position: absolute;
    top: 9px;
    left: 13px;
    width: 10px;
    height: 15px;
    background: url(../images/seta_banner.png) no-repeat top right;
}
section.area_do_associado #slide_associados_galeria .owl-nav .owl-next{
	width: 33px;
	height: 33px;
    border-radius: 50px;
	background:#20663a;
	display: block;
	text-decoration: none;
	z-index: 2;
	position: absolute;
	cursor: pointer;
	text-indent: -9999px;   
    top: -65px;
    right: -10px;
}

section.area_do_associado .lista{
    width: 100%;
    height: auto;
    display: inline-block;
    margin-left: 0.5%;
    padding: 0px 0px 25px;
}
section.area_do_associado .lista div.header{
    width: calc(100% - 40px);
    height: auto;
    display: inline-block;
    padding: 20px 20px 0;
}
section.area_do_associado .lista ul.list_body{
    width: 100%;
    height: auto;
    display: inline-block;
}
section.area_do_associado .lista ul.list_body li{
    list-style: none;
    background: #f7f8f8;
}

section.area_do_associado .lista div.header span{
    font-family: 'gotham_mediumregular';
    font-size: 14px;
    text-transform: uppercase;
    color: #20663a;
    padding: 0px 0px 5px;
    min-height: 10px;
    display: block;
    width: 50%;
    float: left;
    text-align: left;
    margin-bottom: 5px;
    text-align: left;
}
section.area_do_associado .lista ul.list_body li {
    min-height: 60px;
    display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
    width: calc(100% - 40px);
    -webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
    padding: 0 20px;
}
section.area_do_associado .lista ul.list_body li.bg{
    background: #e3e4e8;
}
section.area_do_associado .lista ul.list_body li span{
    font-family: 'Gotham-Book';
    font-size: 15px;
    line-height: 15px;
    text-transform: uppercase;
    color: #666666;
    padding: 0px 0px 5px;
    min-height: 10px;
    display: block;
    width: 50%;
    float: left;
    text-align: left;
    text-align: left;
}
section.area_do_associado .lista ul.list_body li span:nth-child(2){
    margin-top: 6px;
}
section.area_do_associado .lista ul.list_body li a.bt_baixar:hover{
    background: url(../images/assets/icon/arquivos_icon.png) 12px 5px no-repeat;
    background-color: #fff;
    color: #20663a;
}
section.area_do_associado .lista ul.list_body li a.bt_baixar{
    font-family: 'Gotham-Bold';
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    padding: 8px 20px 12px 34px;
    height: 10px;
    display: block;
    float: right;
    width: auto;
    text-align: center;
    border-radius: 30px;
    background: url(../images/assets/icon/arquivos_icon.png) 12px -13px no-repeat;
    background-color: #20663a;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
section.area_do_associado .lista div.box {
    width: 100%;
    height: auto;
    display: block;
    float: left;
    position: relative;
    border-radius: 10px;
    margin: 0 16px 16px 0;
    background: #e9e9ea;
    padding-top: 10px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
section.area_do_associado .lista div.box_convenios {
    width: 100%;
    height: auto;
    display: block;
    float: left;
    position: relative;
    border-radius: 20px;
    margin: 0 16px 16px 0;
    background: #e9e9ea;
    padding-top: 10px;

}
section.area_do_associado .lista div.box.ativo {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow: hidden;
}
section.area_do_associado .lista div.box_convenios.ativo {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow: hidden;
}
section.area_do_associado .lista div.box span.expand{
    width: 100%;
    height: 1px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 20px;
    z-index: 2;
}
section.area_do_associado .lista div.box_convenios span.expand{
    width: 100%;
    height: 1px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    top: -18px;
    z-index: 10;
}

section.area_do_associado .lista div.box span.expand:hover:before{
    background: url(../images/seta_banner3.png) no-repeat bottom right #fff!important;
}
section.area_do_associado .lista div.box span.expand:before{
    width: 35px;
    height: 35px;
    display: block;
    position: absolute;
    content: "";
    background: url(../images/seta_banner2.png) no-repeat bottom right;
    top: -18px;
    right: 20px;
    background-color: #20663a;
    border-radius: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}
section.area_do_associado .lista div.box_convenios span.expand:hover:before{
    background: url(../images/seta_banner2.png) no-repeat top right #20663a!important;
}
section.area_do_associado .lista div.box_convenios span.expand:before{
    width: 35px;
    height: 35px;
    display: block;
    position: absolute;
    content: "";
    background: url(../images/seta_banner3.png) no-repeat bottom right;
    top: -18px;
    right: 20px;
    background-color: #fff;
    border-radius: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}
section.area_do_associado .lista.rh div.box_convenios span.expand:hover:before{
    background: url(../images/seta_banner3.png) no-repeat top right #fff!important;
}

section.area_do_associado .lista div.box div.cont-expand a {
    color: #000;
    padding-bottom: 2px;
    border-bottom: 1px solid #000;
}
section.area_do_associado .lista.rh div.box_convenios span.expand:before{
    width: 35px;
    height: 35px;
    display: block;
    position: absolute;
    content: "";
    background: url(../images/seta_banner2.png) no-repeat bottom right;
    top: -18px;
    right: 20px;
    background-color: #1baf5d;
    border-radius: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}
section.area_do_associado .lista div.box.ativo span.expand:hover:before{
    background: url(../images/seta_banner3.png) no-repeat top right #fff!important;
}

section.area_do_associado .lista div.box.ativo span.expand:before{
    width: 35px;
    height: 35px;
    display: block;
    position: absolute;
    content: "";
    background: url(../images/seta_banner2.png) no-repeat top right!important;
    top: -18px;
    right: 20px;
    background-color: #20663a!important;
    border-radius: 30px;
}

section.area_do_associado .lista div.box_convenios.ativo span.expand:hover:before{
    background: url(../images/seta_banner2.png) no-repeat bottom right #20663a!important;
}

section.area_do_associado .lista div.box_convenios.ativo span.expand:before{
    width: 35px;
    height: 35px;
    display: block;
    position: absolute;
    content: "";
    background: url(../images/seta_banner3.png) no-repeat top right!important;
    top: -18px;
    right: 20px;
    background-color: #fff!important;
    border-radius: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


section.area_do_associado .lista.rh div.box_convenios.ativo span.expand:hover:before{
    /*background-color: #fff!important;*/
    background: url(../images/seta_banner3.png) no-repeat bottom right #fff!important;
}

section.area_do_associado .lista.rh div.box_convenios.ativo span.expand:before{
    width: 35px;
    height: 35px;
    display: block;
    position: absolute;
    content: "";
    background: url(../images/seta_banner2.png) no-repeat top right!important;
    top: -18px;
    right: 20px;
    background-color: #1baf5d!important;
    border-radius: 30px;
}

section.area_do_associado .lista div.box img.icon {
    width: auto;
    float: left;
    position: absolute;
    top: 27px;
    left: 25px;
}
section.area_do_associado .lista div.box_convenios img.icon {
    width: auto;
    float: left;
    position: absolute;
    top: 27px;
    left: 25px;
}

section.area_do_associado .lista div.box.ativo h2.titulo {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
section.area_do_associado .lista div.box_convenios.ativo h2.titulo {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
section.area_do_associado .lista div.box h2.titulo {
    font-family: 'gotham_mediumregular';
    font-size: 15px;
    text-transform: uppercase;
    color: #20663a;
    padding: 0px 0 0 65px;
    height: 56px;
    display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
    -webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
    width: auto;
    text-align: left;
    border-radius: 10px;
    margin: 0px;
    vertical-align: middle;
    border: 0px;
}
section.area_do_associado .lista div.box_convenios h2.titulo {
    font-family: 'Gotham-Bold';
    font-size: 19px;
    text-transform: uppercase;
    color: #20663a;
    padding: 0px 0 0 25px;
    height: 56px;
    display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
    -webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
    width: auto;
    text-align: left;
    border-radius: 10px;
    margin: 0px;
    vertical-align: middle;
    border: 0px;
}
section.area_do_associado .lista.rh div.box_convenios h2.titulo {
    font-family: 'Gotham-Bold';
    font-size: 16px;
    text-transform: uppercase;
    color: #1baf5d;
    padding: 0px;
    height: 56px;
    display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
    text-align: center;
    -webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
    width: auto;
    margin: 0px;
    vertical-align: middle;
    border: 0px;
}
section.area_do_associado .lista div.box.ativo div.cont-expand {
    max-height: 10000px;
    margin-top: -20px;
    opacity: 1;
    z-index: 1;
}
section.area_do_associado .lista div.box_convenios.ativo div.cont-expand {
    height: auto;
    opacity: 1;
}
section.area_do_associado .lista div.box div.cont,
section.area_do_associado .lista div.box div.cont-expand {
    font-family: 'Gotham-Book';
    font-size: 13px;
    line-height: 20px;
    display: block;
    text-align: justify;
    color: #566375;
    width: calc(100% - 50px);
    min-height: auto;
    float: left;
    /*overflow: hidden;*/
    padding: 0px 25px 20px;
/*    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;*/
}
section.area_do_associado .lista div.box_convenios div.logo_convenios{
    float: left;
    width: 198px;
    height: 96px;
    display: block;
    background: #fff;
    text-align: center;
    margin-left: 30px;
}
section.area_do_associado .lista div.box_convenios div.icon-rh{
    float: left;
    width: 130px;
    height: auto;
    display: block;
    text-align: center;
    margin-left: 30px;
    padding-top: 10px;
}
section.area_do_associado .lista div.box_convenios div.logo_convenios img{
    width: 100%;
    height: auto;
    margin: 5% auto;
}
section.area_do_associado .lista div.box_convenios div.icon-rh img{
    width: auto;
    height: auto;
    margin: 5% auto;
}
section.area_do_associado .lista div.box_convenios div.cont{
    font-family: 'Gotham-Book';
    font-size: 13px;
    line-height: 20px;
    display: block;
    text-align: left;
    color: #566375;
    width: 40%;
    min-height: auto;
    float: left;
    padding: 0px 90px 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
section.area_do_associado .lista.rh div.box_convenios div.cont{
    font-family: 'Gotham-Book';
    font-size: 13px;
    line-height: 20px;
    display: block;
    text-align: left;
    color: #566375;
    width: 60%;
    min-height: 0px;
    height: auto;
    float: left;
    margin-left: 40px;
    padding: 20px 15px 20px;
    -webkit-transition: height 0.3s ease-in-out;
    -o-transition: height 0.3s ease-in-out;
    transition: height 0.3s ease-in-out;
}


section.area_do_associado .lista div.box_convenios div.cont-expand {
    font-family: 'Gotham-Book';
    font-size: 13px;
    line-height: 20px;
    display: block;
    text-align: left;
    color: #566375;
    width: calc(100% - 50px);
    min-height: 0px;
    height: 0px;
    float: left;
    /*overflow: hidden;*/
    padding: 0px 25px 20px;
  -webkit-transition: height 0.3s ease-in-out;
    -o-transition: height 0.3s ease-in-out;
    transition: height 0.3s ease-in-out;
}


section.area_do_associado .lista div.box div.cont-expand{
    max-height: 0px;
    overflow: hidden;
    padding: 20px 25px 20px;
    background: #f2f4f5;
    opacity: 0;
    margin-top: -40px;
    z-index: 1;
}
section.area_do_associado .lista div.box_convenios div.cont-expand{
    height: 0px;
    overflow: hidden;
    background: #f2f4f5;
    padding: 20px 25px 20px;
    margin-top: -20px;
    opacity: 0;
}
section.area_do_associado .lista div.box div.cont a:hover {
    background: #20663a;
}
section.area_do_associado .lista div.box div.cont a {
    font-family: 'gotham_mediumregular';
    font-size: 12px;
    line-height: 22px;
    display: block;
    text-align: left;
    color: #fff;
    width: auto;
    height: auto;
    float: left;
    padding: 5px 30px;
    background: #8f96a1;
    border-radius: 30px;
    text-transform: uppercase;
    margin: 22px 22px 0 0;
    padding-top: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


section.area_do_associado .lista div.box div.cont span {
    color: #20663a;
    width: 100%;
    font-weight: bold;
    height: auto;
    float: left;
    text-transform: uppercase;
    display: inline-block;
    margin: 10px 0px;
}
section.area_do_associado .lista div.box_convenios div.cont span.local:before{
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    left: -35px;
    top: 0px;
    background: url(../images/assets/icon/localizacao_icon.png) no-repeat center center;
}
section.area_do_associado .lista div.box_convenios div.cont a.tel:before{
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    left: -35px;
    top: 0px;
    background: url(../images/assets/icon/tel-icon.png) no-repeat center center;
}
section.area_do_associado .lista div.box_convenios div.cont a.web:before{
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    left: -35px;
    top: 0px;
    background: url(../images/assets/icon/web-icon.png) no-repeat center center;
}
section.area_do_associado .lista div.box_convenios div.cont span,
section.area_do_associado .lista div.box_convenios div.cont a {
    color: #20363a;
    width: 100%;
    font-weight: bold;
    min-height: 25px;
    float: left;
    text-transform: none;
    display: inline-block;
    position: relative;
    margin-bottom: 5px;
    margin-top: 5px;
}
section.area_do_associado .lista div.box p.full{
    width: calc(100% - 80px);
}
section.area_do_associado .lista div.box a.arq {
    font-family: 'Gotham-Bold';
    font-size: 13px;
    line-height: 17px;
    display: block;
    color: #20363a;
    width: 70px;
    padding: 0;
    height: 50px;
    float: left;
    text-align: center;
    padding-top: 60px;
    margin: 0 10px;
    background: url(../images/assets/icon/arquivos_doc_icon.png) top center no-repeat;
}

section.area_do_associado .lista div.box_convenios p.full{
    width: calc(100% - 80px);
}
section.area_do_associado .lista div.box_convenios a.arq {
    font-family: 'Gotham-Bold';
    font-size: 13px;
    line-height: 17px;
    display: block;
    color: #20363a;
    width: 70px;
    padding: 0;
    height: 50px;
    float: left;
    text-align: center;
    padding-top: 60px;
    margin: 0 10px;
    background: url(../images/assets/icon/arquivos_doc_icon.png) top center no-repeat;
}


section.area_do_associado div.pag {
    width: 100%;
    height: 40px;
    margin: 0px;
    text-align: center;
}

section.area_do_associado div.pag a:first-child {
    /*margin-right: 10px;*/
}

section.area_do_associado div.pag a:first-child, 
section.area_do_associado div.pag a:last-child {
    background: none;
    color: #20663a;
}
section.area_do_associado div.pag a.ativo, 
section.area_do_associado div.pag a:hover {
    background: #20663a;
    color: white;
}

section.area_do_associado div.pag a {
    background: #99b9a5;
    color: #fff;
    font-family: 'gotham_mediumregular';
    font-size: 15px;
    text-transform: uppercase;
    border-radius: 30px;
    width: 30px;
    display: inline-block;
    height: 24px;
    text-align: center;
    padding: 7px 0 0 0;
    margin: 0 1px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}



/*FIM CONTEUDO*/


/*RESPONSIVO*/

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 0px) 
and (max-width : 768px) {
	section#banner{
		width: 100%;
	}
	section#banner .owl-nav,section#banner #banner_principal div.banners_textos{
	    width: 80vw!important;
	}
	section#banner #banner_principal div.banners_textos h2{
	    width: 90%!important;
	    margin: 0 auto!important;
	    position: relative!important;
	    top: 30px!important;
	    left: 0px;
	}
	section#banner #banner_principal div.banners_textos p{
	    width: 70%!important;
	    margin: 0 auto!important;
	    position: relative!important;
	    top: 90px!important;
	    left: 20px;
	}
	section#banner #banner_principal div.banners_textos a{    
		width: 50%!important;
		margin: 0 auto!important;
		position: relative!important;
		top: 222px!important;
		left: 48px;
		padding: 10px!important;
	}

	section.area_do_associado .conteudo{
	    width: calc(100% - 40px);
	    padding: 0px 20px;
	}

	section.area_do_associado .conteudo h2.titulo{
	    padding: 10px 30px 12px;
	}
	section.area_do_associado .conteudo div.dir{
		display: none;
	}
	section.area_do_associado .conteudo div.esq,section.area_do_associado .conteudo img.img_titulo{
		width: 100%;
	}
	section.area_do_associado .conteudo .socio h2{
        padding: 0px !important;
	}
	section.area_do_associado #slide_associados_galeria {
        width: 100%;
        margin: 0 auto;
        float: left;
	}
    section.area_do_associado #slide_associados_galeria ul,
    section.area_do_associado #slide_associados_galeria .owl-stage-outer{
      width: 100%;  
      padding: 0px!important;
    }

	section.area_do_associado #slide_associados_galeria ul li img{
		width: 100%!important;
	}

	section.area_do_associado div.conteudo div.esq_b,
	section.area_do_associado div.conteudo div.dir_b{
		width: 100%;
		margin-left: 0px;
	}
    section.area_do_associado .lista div.box p{
        /*width: calc(100% - 80px);*/
        padding-bottom: 0px !important;
    }
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 769px) 
and (max-width : 980px) {


    section.area_do_associado .conteudo{
        width: calc(100% - 40px);
        padding: 0px 20px;
    }

    section.area_do_associado .conteudo div.esq{
        width: calc(100% - 250px);
    }

    section.area_do_associado div.conteudo div.esq_b{
        width: 55%;
    }
    section.area_do_associado div.conteudo div.dir_b{
        width: 45%;
        margin-left: 0px;
    }




}


@media only screen 
and (max-width : 340px) {
    section.area_do_associado .lista div.box h2.titulo,
    section.area_do_associado .conteudo .socio h2{
        font-size: 10.5px;
        width: auto;
    }

    section.area_do_associado .conteudo div.esq img.top-rh{
        display: none;
    }
    
}



@media only screen 
and (max-width : 414px) {
    section.area_do_associado .conteudo div.esq div.texto.rh p{
        width: 100%;
    }
    section.area_do_associado .lista ul.list_body li a.bt_baixar:hover{
        background-position: 7.5px 8px;
    }
    section.area_do_associado .lista ul.list_body li a.bt_baixar{
        padding: 0px;
        text-indent: -9999px;
        margin-top: -10px;
        width: 35px;
        height: 35px;
        margin-bottom: 10px;
        background-position: 7.5px -11px;
    }
    section.area_do_associado .lista ul.list_body li{
        min-height: 80px;
        display: block;
    }
    section.area_do_associado .lista ul.list_body li span{
        width: 100%;
        padding: 10px 0px 0px;
    }
    section.area_do_associado .lista div.header span:nth-child(2){
        display: none;
    }
    section.area_do_associado .lista ul.list_body li span:nth-child(2):after{
        content: "DATA";
        font-family: 'gotham_mediumregular';
        font-size: 15px;
        text-transform: uppercase;
        color: #20663a;
        padding: 0px 0px 5px;
        min-height: 10px;
        display: block;
        width: 55px;
        float: left;
        text-align: left;

    }
    section.area_do_associado .lista div.box_convenios div.logo_convenios{
        width: 80%;
        height: auto;
        margin: 0px auto 20px!important;
        float: none;
    }
    section.area_do_associado .lista div.box_convenios div.cont{
        width: calc(100% - 70px);
        height: auto;
        margin: 0px auto 20px 70px!important;
        float: none;
        padding: 0px;
        display: inline-block;
    }
    section.area_do_associado .lista div.box div.cont a{
        margin: 5px auto;
        float: none;
        text-align: justify;
        display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
        vertical-align: middle;
        -webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
        padding: 5px 30px;
    }
}



@media only screen 
and (min-width : 0px) 
and (max-width : 768px) {

    
}


@media only screen 
and (min-width : 769px) 
and (max-width : 980px) {

}