/* Estilos para mapa_assentos.html */
.grupo-mapa-assentos {
	text-align: center;
	width: 100%;
}

div.mapa-assentos {
	height: 230px;
	width: 230px;
	margin-top: 20px;
	display: inline-block;
}

div.mapa-assentos.mapa-large {
	height: 380px;
	width: 380px;
}

.mapa-assentos svg {
	margin-top: 10px;
}

.conteudo .busca-estado aside .mapa-assentos svg {
	margin-top: 20px;
}

.mapa-assentos.clicavel a:hover polygon {
	fill: orange;
}

.mapa-assentos .active polygon {
	fill: orange !important;
}

.conteudo .topoAssentos {
	border-top: 2px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #efefef;
	height: 40px;
	text-align: center;
	padding-top: 5px;
	margin: 10px 0;
	position: relative;
}

.conteudo .topoAssentos span {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 18px;
	height: 18px;
	display: block;
	position: absolute;
	left: 47%;
	top: 80%;
	-ms-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	background-color: #efefef;
}

.conteudo .topoAssentos p {
	font-size: 17px;
	color: #666;
	margin-top: 3px;
}

/* Medium devices (desktops, min 980px and max 1199px ) */
@media ( min-width : 980px) and (max-width: 1199px) {
	.conteudo .topoAssentos p {
		font-size: 14px;
		margin-top: 5px;
	}
	.mapa-assentos {
		height: 400px;
		width: 350px;
		display: inline-block;
	}
}
/* Small devices (tablets, min 768px and max 979px) */
@media ( min-width : 768px) and (max-width: 979px) {
	.conteudo .topoAssentos p {
		font-size: 21px;
		margin-top: -2px;
	}
	div.mapa-assentos {
		height: 350px;
		width: 350px;
		display: inline-block;
	}
}

@media ( max-width : 767px) {
	.conteudo .topoAssentos span {
		left: 49%;
	}
	.conteudo .topoAssentos p {
		font-size: 21px;
		margin-top: -2px;
	}
	.conteudo .busca-estado aside .mapa-assentos svg {
		margin-top: 20px;
		float: left;
	}
	div.mapa-assentos {
		height: 300px;
		width: 300px;
		display: inline-block;
	}
}

/* Landscape phones and down (mobiLe max 479px) */
@media ( max-width : 479px) {
	.busca-estado .mapa-assentos {
		height: 280px;
		margin-top: 20px;
	}
	.conteudo .topoAssentos p {
		font-size: 16px;
		color: #666;
	}
	.conteudo .busca-estado .topoAssentos .icon-chevron-down {
		margin-top: -5px;
	}
	div.mapa-assentos {
		height: 300px;
		width: 300px;
		display: inline-block;
	}
}