/* GENERAL
*********************/	
.associados { 
	padding: 60px 0 40px 0;
    text-align: center;
    overflow: hidden;
    position: relative;
    margin: auto;
    display: block; 
}
.associados .in{
    display: block;
    margin: auto;
    position: relative;
}
.associados .bg { 
	background: #f2f2f2; 
	width: 100%; 
	height: 530px; 
	position: absolute; 
	top: -60px; 
	left: 0; 
	z-index: -1; 
}
.associados .links a {
	width: 162px; 
	line-height: 50px;
	margin: 0 10px; 
	font-size: 0.9em; 
	font-weight:700;	
	text-align: center; 
	text-transform: uppercase; 
	display: inline-block; 
	transition: 0.5s background-color; 
	background: #fff; 	
	color: #232323;
	padding:0;
	
	border: 1px solid #247258;
	border-radius: 5px;
}
.associados .links a:hover,
.associados .links a.mark
{ 
	background: #232323; 
	color: #b5c82e; 
}

.associados .mob{
	display:none;
}

.mapa { 
	width: 90%; 
	margin: 40px auto 0; 
	display: flex; 
	flex-direction: row; 
	position: relative;
}
	#map { 
		background: #444; 
		width: 100%; 
		min-height: 540px;
	    margin-bottom: 60px;
	}
	#map img { 
		max-height: none; 
	} 
	#map #content { 
		display: flex; 
		flex-direction: row; 
		padding: 15px 0; 
		text-align: left; 
	}
	#map #content img { 
		max-height: 63px; 
		margin: auto 10px auto 0;
	}
	#map #content p { 
		width: 240px; 
		font-size: 12px !important;  
		line-height: 1.3em !important;
		margin: auto;
	}
	#map #content p b { 
		font-size: 14px; 
		color:#232323;
		margin-bottom: 5px; 
		display: block; 
	}
	#map #content .btnMais { margin-top: 10px !important; font-weight: normal !important; font-size: 12px !important; }

	.listAssociados {
		background: #fff;
		width: 73%;
		height: auto;
		margin: auto;
		overflow: auto;
		position: relative;
	}
	.listAssociados ul {
		text-align: left;
		font-size: 0;
		padding:0;
		display: flex;
	    flex-wrap: wrap;
	}
	.listAssociados li {
		width: 48%;
		display: inline-block;
		margin: 0 4% 0 0;
		padding: 25px 40px 25px 0;
		border: 1px solid #f2f2f2;
		border-bottom: 0;
		font-size: 16px;
	}	
	.listAssociados li:nth-child(even) { 
		margin: 0; 
	}
	.listAssociados li:last-child, .listAssociados li:nth-last-child(2) { 
		border-bottom: 1px solid #f2f2f2;
	}
	.listAssociados li div { 
		min-width: 160px; 
		text-align: center;
	    padding: 0 10px 10px;
	}
	.listAssociados li .associado-imagem img{
		width:135px;
	}
	.listAssociados li div:last-child { 
		display: flex; 
	}
	.listAssociados li a, .listAssociados li p {
		font-size: 0.8em !important;
		line-height:1.3em !important;
		text-align: left;
		color:#232323;
	}
	.listAssociados li a b, .listAssociados li p b {
		font-size: 1.2em !important;
		line-height:1.3em !important;
    	display: block;
		margin-bottom: 5px;
	}
	.listAssociados li p a.btn{
		margin-top: 15px;
	}
	.btn-mais
	{
		border: 1px solid #247258;
	    color: #247258 !important;
	    font-size: 16px !important;
	    font-family: "Inter Site","Montserrat", Sans-serif !important;
	    text-transform: capitalize;
	}
	.btn-mais:hover
	{
		background: #232323;
	    color: #b5c82e !important;
	}
	/*
	.listAssociados li p a.btn:hover{
    	background: #333 !important;
    	color: #b5c82e;
	}*/	
	.listAssociados .btnMais { 
		background: none; 
		padding: 8px 0 5px; 
		/*font: bold 0.95em/1em 'Inter Site', 'AleoB', sans-serif;*/
		text-transform: capitalize;
	}
	
	.associados select {
		background: url(/map/img/arrowDown.png) no-repeat 95% 50% #fff;
		width: 250px;
		height: 50px;
		border: 0;
		margin: 20px auto;
		box-sizing: border-box;
		padding: 0 30px;
		outline: none;
		font: 0.9em/50px 'NeutraText', sans-serif;
		text-transform: uppercase;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		outline: none;
	}

@media (max-width:767px){
	.associados .desk{
		display:none;
	}
	.associados .mob{
		display:block;
	}
	.mapa {
		width: 100%;
		flex-direction: column-reverse;
	}
	#map {
    	margin-bottom: 30px;
		min-height: 480px;
	}
	.listAssociados {
		width: 100%;
		max-height: 570px;
		height: auto;
	}
	.listAssociados ul {
    	display: block;
	}
	.listAssociados li {
    	width: 100%;
    	margin: 0;
    	padding: 25px 4% 25px 0;
	}
	.associado-item {
		display: flex;
		flex-direction: column;
		width: 100% !important;
	}
}