body{
    background-color: #f9f9f9 !important;
    background: url('../images/stripes.gif');
    /* margin: 24px; */
    margin: 0;
    padding: 0;
    font-family: 'Nunito', sans-serif !important;
}

.container-fluid{
	width: 95% !important;
}


.header {
    height: 100px !important;
	border-top: 4px solid #800680 !important;
	padding: 8px 0 !important;
}


/*.btn{ line-height: 1; }*/


.form-group{
	margin-bottom: 12px !important;
}
.form-control {
    box-shadow: none !important;
    background-color: #f1f1f1 !important;
}

.menu-item .menu-content {
    padding: .1rem 1rem !important;
}

.modal-backdrop.show {
    opacity: .75 !important;
}



/* Main CSS */
.grid-wrapperDetalhe > div {
	display: flex;
	justify-content: center;
	align-items: center;
}
.grid-wrapperDetalhe .link_galeria{
	position: relative;
	width: 100%;
	height: 100%;
}
.grid-wrapperDetalhe .box-mask {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 8px;
}
.grid-wrapperDetalhe .imgGrid {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 8px;
}
.grid-wrapperDetalhe {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(auto-fit, minmax(calc(33% - 20px), 1fr));
	grid-auto-rows: 300px;
	grid-auto-flow: dense;
}
.grid-wrapperDetalhe {
	/*display: grid;*/
	/*grid-gap: 20px;*/
	/*grid-template-columns: repeat(auto-fit, minmax(calc(33% - 20px), calc(33% - 20px))); /* Tamanho mínimo de 200px */*/
	/*grid-auto-rows: 300px;*/
	/*grid-auto-flow: dense;*/

	display: grid;
	grid-gap: 20px 0;
	grid-template-columns: repeat(auto-fit, minmax(calc(33% - 10px), calc(33% - 10px)));
	grid-auto-rows: 300px;
	grid-auto-flow: dense;
	justify-content: space-between;
}
.grid-wrapperDetalhe .wide,
.grid-wrapperDetalhe .landscape{
	grid-column: span 2;
}
.grid-wrapperDetalhe .tall,
.grid-wrapperDetalhe .portrait{
	grid-row: span 2;
}
.grid-wrapperDetalhe .big {
	grid-column: span 2;
	grid-row: span 2;
}


.bUPbox {
    background-color: #F9F9F9;
    padding: 20px;
    border-radius: 4px;
    /* height: 175px; */
    border: 0px solid #ffffff;
    width: calc(20% - 16px);
    /* box-shadow: 0 .15rem 1.5rem .15rem rgba(0, 0, 0, .075); */
    box-shadow: .1rem .25rem 0.5rem 0.15rem rgb(228 228 228);
    margin-bottom: 30px;
}


@media only screen and (max-width: 991px){
	.grid-wrapperDetalhe {
		display: flex;
		grid-gap: 20px;
		grid-template-columns: repeat(auto-fit, minmax(calc(100% - 0px), 1fr));
		grid-auto-rows: 360px;
		grid-auto-flow: dense;
		flex-direction: column;
	}
	.grid-wrapperDetalhe .wide,
	.grid-wrapperDetalhe .landscape{
		grid-column: span 1;
	}
}