/*
	Estilo da área de Unidades
========================================================================== */
.internal-content .unidades-area {

}

.unidades-area .unidade {
	display: block;
	border: 1px solid #FFF;
}

.unidades-area .unidade .capa {
	max-height: 300px;
	overflow: hidden;
}

.unidades-area ul:has(li:hover) li:not(:hover) {
	opacity: 0.5;
}

.unidade .titulo {
	display: block;
	background-color: #008854;
	color: #FFF;
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;
	min-height: 140px;
	vertical-align: middle;
}

.unidade .titulo span {
	display: inline-block;
	vertical-align: middle;
}

.unidade.andradina02 .titulo {
	background-color: #0a5f55;
}

.unidade.ilha01 .titulo {
	background-color: #00401a;
}

.unidade.ilha02 .titulo {
	background-color: #411564;
}

.unidade.mirandopolis .titulo {
	background-color: #ed1651;
}

.unidade.nova .titulo {
	background-color: #a3238e;
}

.unidade.pereira .titulo {
	background-color: #f47920;
}

.unidade .detalhes {
	color: #00401a;
	background-color: #bed700;
	border-top: 1px solid #FFF;
}

.unidade:hover .detalhes {
	color: #FFF;
	background-color: #00401a;
}


@media only screen and (max-width: 1024px) {
	.unidade .titulo {
		font-size: 14px;
		line-height: 17px;
	}
}

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

}

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

}