/*********************************************************/
/*	STYLE CSS										 	 */
/*	DESENVOLVIDO POR: GLOBALWS							 */
/*	CEO: MICHAEL PICOLO									 */
/*********************************************************/
html, body, div, iframe, h1, h2, h3, h4, h5, h6, p, 
em, font, img, u, i, article, textarea, section, 
input, ul, li, form, label {margin: 0; padding: 0; border: 0; outline: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; text-decoration: none;}

ul {list-style: none;}
img {border: none;	width: 100%;}
a {text-decoration: none; color: #000;}
a:hover {text-decoration: none;}
a img {border: 0;}
/*********************************************************/
html, body {width:100%; height:100%; font-family: 'Roboto', sans-serif; }
/*********************************************************/
:root {
	--laranja: #CE5927;
	--vermelho: #91171B;
	--preto: #333;
	--azul:#233D4C;
	--marron: #6B4830;
}

h1 {font-family: 'Dancing Script', cursive;}
h2 {font-family: "Oswald", sans-serif;}
h3 {font-family: 'Dancing Script', cursive;}
h4 {font-family: "Oswald", sans-serif;}

.bgcover {background-repeat: no-repeat; background-size: cover; background-position: center center;}
.bg100  {background-repeat: no-repeat; background-size: 100%; background-position: center center;}

.clear {clear: both;}
.separa100 {width: 100%; height: 100px;	clear: both;}
.separa80 {width: 100%;	height: 80px; clear: both;}
.separa60 {width: 100%; height: 60px; clear: both;}
.separa40 {width: 100%;	height: 40px; clear: both;}
.separa30 {width: 40%; height: 30px; clear: both;}
.separa20 {width: 100%; height: 20px; clear: both;}
.separa10 {width: 100%;	height: 10px; clear: both;}
/*********************************************************/
/*	TOPO & RODAPE										 */
/*********************************************************/
.pagina {width: 1280px; margin: 20px auto; border-radius: 20px; display: table; height: 95%; position: relative; overflow: hidden; }
/*********************************************************/
.lateral {width: 23.5%; float: left; min-height: 95%; background-image: url(../images/bglateral.jpg); background-position: center center; position: fixed; padding: 20px; border-top-left-radius: 20px; border-bottom-left-radius: 20px;}
.lateral .logo {width: 70%; height: 300px; margin: 0 auto; background-image: url(../images/logo.png); background-position: top;}
.lateral .quadro {position: absolute; width: 90%; bottom: 40px; left: 5%; border: 2px solid #fff; padding: 20px; background-color: rgba(0, 0, 0, 0.4); text-align: center;}
.lateral h2 {color: #fff; text-transform: uppercase; font-size: 1.6em; font-weight: 500;}
.lateral li {color: #fff; text-transform: uppercase; letter-spacing: 1px; width: 100%; padding-bottom: 20px; font-size: 0.8em;}
.lateral .line {width: 50%; margin: 15px auto 30px auto; height: 2px; background-color: #fff;}
/*********************************************************/
.centro {width: 65%; float: right; padding: 40px; margin-bottom: 25px; overflow: auto; background-color: #f5f5f5; border-bottom-right-radius: 20px;}
.centro .logo {width: 35%; height: 300px; margin: 0 auto; background-image: url(../images/logo.png); background-position: top; display: none;}
.centro h1 {font-size: 3em; color: var(--vermelho); padding-bottom: 0;}
.centro .linha {width: 200px; height: 2px; background-color: var(--marron); margin: 10px 0 40px 0; }
/*********************************************************/
.unidades {width: 70%; margin: 0 auto 40px auto; background-color: #fff; border-radius: 20px; padding: 20px; text-align: center;}
.unidades h2 {color: var(--marron); text-transform: uppercase; font-size: 1.8em; letter-spacing: 1px; margin-bottom: 30px;}
.unidades .button {display: block; padding: 20px; font-size: 1.4em; text-transform: uppercase; font-family: "Oswald", sans-serif; color: var(--marron); background-image: linear-gradient(to right, #fff 50%, var(--marron) 50%); background-color: #000; margin-bottom: 20px; border: 2px solid var(--marron); border-radius: 5px; text-decoration: none; position: relative; overflow: hidden;	background-size: 200% 100%;	transition: background-position 0.4s ease, color 0.4s ease;}
.unidades .button:hover {background-position: -100% 0; color: #fff; }
/*********************************************************/
.cardapio {width: 100%; display: table;}
.cardapio h3 {text-align: center; padding-bottom: 40px; color: var(--vermelho); font-size: 3em; }
.cardapio h4 {font-size: 1.4em; color: var(--marron);}

.cardapio ul {width: 100%; display: table; margin-bottom: 40px; }
.cardapio li {width: 100%; display: table; padding: 10px 0; color: var(--preto); border-bottom: 1px dashed #ccc;}
.cardapio p {color: var(--preto);}
.cardapio .produto {width: 75%; float: left;}
.cardapio .valor {width: 20%; float: right;}
.cardapio .moeda {font-family: "Oswald", sans-serif; font-size: 1.4em;}
/*********************************************************/
.card {width: 100%; display: table; padding-top: 20px;}
.card h1 {color: var(--laranja);}
.card h2 {color: var(--azul); font-size: 1.4em; text-transform: uppercase; }
.card h2 span {font-size: 0.8em; color: var(--vermelho);}
.card p {color: var(--vermelho); font-weight: 900; font-size: 2.4em; line-height:70px;}

.card .quadro-m {width: 50%; float: left; text-align: center; padding: 0 10px 40px 10px;}
.card .quadro-p {width: 33.33%; float: left; text-align: center; padding: 0 10px 40px 10px;}
.card .titulo {text-align: center; padding-bottom: 40px !important; margin: 0; color: var(--vermelho) !important;}
/*********************************************************/