body{
	font-family: Arial, sans-serif;
	color: #333;
}



/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgba(0, 0, 0, 0.51); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #7f0b0b;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #c61414;
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.modal-content p{ 
   text-align: center;
   
}
div.modal-content{
	width: 47vw;
	height: 38vh;
	overflow: auto;
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: wrap;
	justify-content: space-around;
	}



nav a:link, nav a:active, nav a:visited{
	color: #ecce25; 
	text-decoration: none;
    font-weight: 700;
}
a:hover{
	text-decoration: underline;
}
   /* grid 960 px */
.linha{
	margin: 0 auto;
	overflow: auto;
	padding: 5px 0px;
	text-align: center; 

}
.coluna{
	padding: 0 10px;
	float: left;
	text-align: center;
}
.col1{
	width: 60px;
}
.col2{
	width: 140px;
}
.col3{
	width: 220px;
}
.col4{
	width: 300px;
}
.col4-2{
	width: 250px;
	margin: 20px;
}
.col5{
	width: 380px;
}
.col6{
	width: 460px;
}
.col7{
	width: 540px;
}
.col8{
	width: 620px;
}
.col9{
	width: 700px;
}
.col10{
	width: 780px;
}
.col11{
	width: 860px;
}
.col12{
	width: 940px;
}
/* estilos reutilizaveis */
.sem-padding{
	padding: 0 !important;
}
.sem-margin{
	margin: 0 !important;
}
h1, h2, h3, h4, h5, h6{
	font-weight: 500;
	margin: 15px 0 10px 0;
}
ul li, ol li{
	margin-bottom: 5px;
}    
ul.inline li, ol.inline li{
	display: inline;
	margin-right: 15px;
}
ul.inline li:last-child, ol.inline li:last-child{
	margin-right: 0px;
}
ul.sem-marcador, ol.sem-marcador{
	list-style: none;
}
a.botao, input.botao{
	background: #000000;
	padding: 5px 10px;
	border-radius: 3px;
	color: #ebebeb;
	cursor: pointer;
	margin: 5px 0;
	display: inline-block;
	border: none;
}
a.botao:hover, input.botao:hover{
	background: #315e8a;
	text-decoration: none;
}
img{
	max-width: 100%;
	height: auto;
}
/* layout do site */

h1.logo{
	font-weight: 300;
	letter-spacing: -2px;
}
.conteudo-extra{
	background: #fac564;
}

.conteudo-extra2{
    background-image: url(../img/fundo.png)!important;
}
a.card-link{
	color: #fac564 !important;
	font-size: 20px !important;
}
.card-header{
	background-color: #383636 !important;
}
.card-body{
    background-image: url(../img/fundo.png);
}
.footer{
	background: #383636;
	color: #ebebeb;
	padding: 20px 0;
	text-align: center;
	font-weight: 100;
}
.menu{
	text-transform: uppercase;
	text-align: center-right;
	margin-top: 25px;
}
.menu li a{
	padding: 5px 10px;
	border-radius: 3px;
	line-height: 65px;
}
.menu li a:hover{
	text-decoration: none;
	color: #ff2212;
}

.btn1 {
	margin-right: 37px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#000000 0%,
		#000000 50%,
		#d6d6d6);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#fedc06ad),
		color-stop(0.50, #f2e674),
		to(#f7d214ba));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 3px solid #f3ef7a0d;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	box-shadow:
		0px 1px 8px 2px rgba(239, 239, 239),
		inset 0px 0px 3px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.1),
		0px 1px 0px rgba(255,255,255,1);
}
.btn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:inherit !important;
	color: #000000;
	background-color:#81171761!important;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#000000 0%,
		#000000 50%,
		#d6d6d6);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 3px solid #f3ef7a0d;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	box-shadow:
		0px 1px 8px 2px rgba(239, 239, 239),
		inset 0px 0px 3px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.1),
		0px 1px 0px rgba(255,255,255,1);
	 max-width: 223px;
    background: aliceblue;
    min-height: 40px;
    max-height: 120px;
    margin: 4px;
    margin-bottom: 1rem;
}
h4{
	font-weight: 600
}
.conteudo-extra  {
	background: #383636;
	color: #FFC107; 
	padding-bottom: 10px;
	margin: 0 auto;
	overflow: auto;
	text-align: center; 
	display: flex;
    justify-content: center;
}
.corpo{
	    text-align: center;
}
.lanches{
	padding: 20px;
}
.nome, h4{
	font-weight: 800;
}
dl, ol, ul, li{
    margin-top: 15px;
    margin-bottom: 0px !important;
    margin-bottom: 0px !important;
}
.descriçao li{
	font-size: 10px;
}
.carousel-item .active{
	margin-bottom: 20px;
}
.carousel{
		margin-bottom: 30px;
}
.conteudo-extra3{
	color: #283592;
	width: 100%;
}
.footer{
	margin-top: 15px;
}
.map {
	width: 100%;
	height:400px;
}
td {
	padding: 0 0.5em;
	text-align: right;
}
.w-100{
	height: auto;
}
.row{
	width: 100%;
	margin-right: 0px !important;
	margin-left: 0px !important;
}
.cabecalho{
	margin: 0 auto;
	overflow: auto;
	padding: 5px 0px;
	text-align: center; 
	display: flex;
    justify-content: center;
	background-color: black;
}
.rodape{
	color: red; 
}
.modal-content {
    width: 90vw;
    height: 80vh;
    overflow: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

}
.btn-group{
	display:flex;
	flex-direction: row-reverse;
	flex-wrap:wrap;
	align-content: center;
}