@CHARSET "UTF-8";

#local-container .head {
	position: relative;
	height: 280px;
	background-image: url(../images/backgrounds/fundo-box-2020.png);
	border-bottom: 7px solid #000;
	background-position: center top;
}

#local-container .head h3 {
	font-family: 'Titillium Web', sans-serif;
	font-size: 6.000em;
	font-weight: 100;
	line-height: 110px;
	color: #75f176;
	margin: 120px 0 0 0;
}

#local-container .head h4 {
	font-family: 'Titillium Web', sans-serif;
	font-size: 2.750em;
	font-weight: 900;
	line-height: 35px;
	color: #fff;
	margin: 0;
}

#local-container .head img {
	height: 180px;
	margin: 86px 0 0 0;
	float: right;
}

#local-container #content {
	background-color: #000;
}

#local-container #content #details {
	padding: 40px 0;
}

#local-container #content #details h3 {
	font-size: 2.813em;
	font-weight: 900;
	color: #fff;
	margin: 0 0 30px 0;
}

#local-container #content #details .text {
	padding: 0 35px 0 0;
}

#local-container #content #details .text p {
	font-size: 1em;
	font-weight: 100;
	color: #fff;
	font-weight: 600;
	margin: 0 0 20px 0;
}

#local-container #content #details .text p:empty {
	display: none;
}

#local-container #map-container {
	position: relative;
}

#local-container #map-container #map {
	height: 910px;
}

#local-container #map-container #distances {
	position: absolute;
	top: 30px;
	left: 10%;
}

#local-container #map-container #distances h4 {
	font-size: 2.813em; font-weight : 900;
	color: #000;
	font-weight: 900;
}

#local-container #map-container #distances table {
	position: relative;
	width: 307px;
	padding: 0 15px;
    border-collapse: separate;
    border-spacing: 0px 7px;
}

#local-container #map-container #distances table:BEFORE {
    content: "";
    position: absolute;
    top: -9px;
    left: 0;
    width: 100%;
    height: 10px;
    background-image: url("../images/gray-polygons-adornment.png");
    background-size: auto 10px;
    background-repeat: no-repeat;
}

#local-container #map-container #distances table:AFTER {
	content: "";
    position: absolute;
    bottom: -9px;
    left: 0;
    width: 100%;
    height: 10px;
    background-image: url("../images/gray-polygons-adornment2.png");
    background-size: auto 10px;
    background-repeat: no-repeat;
}

#local-container #map-container #distances table, #local-container #map-container #distances table tbody {
	background-color: #000;
}

#local-container #map-container #distances table tbody tr, #local-container #map-container #distances table tbody tr:nth-child(even) {
	background-color: #333;
}

#local-container #map-container #distances table tbody tr:HOVER, #local-container #map-container #distances table tbody tr:nth-child(even):HOVER {
	background-color: #666;
	color: #0e0721;
}

#local-container #map-container #distances table tbody tr td {
    font-size: 0.8em;
    font-weight: 400;
    text-align: right;
    text-transform: uppercase;
    color: #fff;
    padding: 4px 10px;
    border-bottom: 1px solid #666;
    border-radius: 0 5px 5px 0;
}

#local-container #map-container #distances table tbody tr td:FIRST-CHILD {
	text-align: left;
	border-radius: 5px 0 0 5px;
}

#local-container .sidebar-ticket .thumb img {
	border: 2px solid #000;
	margin: 30px 0;
}

@media screen and (max-width: 39.9375em) {
	#local-container .head, #local-container #content {
		padding: 0 15px;
		text-align: center;
	}
	#local-container #content #details h3 {
		margin: 0 0 15px 0;
	}
	#local-container #content #details .text {
		padding: 0;
	}
	#local-container .head img {
		margin: 20px 0 0 0;
	}
	#local-container .head h3 {
		font-size: 5em;
		line-height: 1em;
		margin: 70px 0 0 0;
	}
	#local-container #content #details {
		padding: 20px 0;
	}
	#local-container #map-container #distances {
	    position: relative;
    	display: inline-block;
    	top: inherit;
    	left: inherit;
    	width: 100%;
    	padding: 0 15px 40px;
    	background-color: #111;
    	text-align: center;
	}
	#local-container #map-container #distances h4 {
		color: #333;
	}
	#local-container #map-container #distances table {
		width: 100%;
	}
	#local-container #map-container #map {
	    height: calc(100vh - 110px);
	}
	#local-container .head img, #local-container .head img {
		height: 140px;
		margin: 0 auto;
		display: block;
		float: none;
	}

	#local-container>.head, #local-container>.head {
		height: 308px;
	}
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
}