@charset "utf-8";

*
{
	margin:0;
	padding:0;
	font-size: 100%;
}
.group::after
{
	content: "";
	display: table;
	clear: both;
}

body{
	font-family: arial;

	background-color: #EED397;
}

#logo
{
	text-align: center;
}
nav
{
	background:#000;


	text-align:center;

}
header, nav
{

	background-color: #751E15;
}
nav ul li a:link,nav ul li a:active,nav ul li a:visited
{
	color: white;

	font-size: 1.125em;
	text-decoration: none;
}
footer
{
	background:#000;
	border-top: 2px solid #751E15;

}
footer ul li
{
	list-style-type: none;
	color: #B78460;
}







@media only screen and (min-width: 320px) {

	#logo img
	{
		max-width: 100%;
	}

	ul li
	{

		list-style:none;
	}
	nav  ul li
	{
		display:block;
	}
	nav  ul li a
	{
		display:block;
		padding:0.8333333333333333em;
	}
	nav ul li a:link,nav ul li a:active,nav ul li a:visited
	{
		border-bottom: 2px solid #69483E;

	}
	nav ul li a:hover,nav ul li a:focus
	{

		text-decoration: underline;
		color: #B2805D;
	}
	footer
	{
		width:100%;
		text-align: center;
		padding: 1.666666666666667em 0;
		font-size: 1.125em;
	}

	section
	{
		background-color: #B78460;

		padding-bottom: 20px;
	}

	section h2
	{

		text-align: center;
		padding: 0.625em 0;
		color: #751E15;

		border-bottom: 1px solid #66453C;


	}
	section div.promoMenu
	{
		float: left;
		width: 50%;

	}
	section div.promoMenu img
	{
		max-width: 100%;
	}
	section div.promoMenu:hover
	{
		transform: scale(1.1);
	}
	section div.promoMenu img[alt="carpio1"]
	{
		position: relative;
		top: 0.625em;
	}
	section div.promoMenu img[alt="cardapio3"]
	{
		position: relative;
		top: 1.25em;


	}



	.pedidos, .pagamento, #borda
		{
		padding: 0 4.54545454545455%;
	}


	.pagamento fieldset{
		border-color: #751E15;
	}

	.pedidos h2
	{
		padding-top: 1.875em;
		margin-bottom: 6.06060606060606%;
	}
	.pedidos input[type="number"], .pagamento input, .finalizar input
	{
		display: block;
		font-size: 1.125em;
		border:0;
		background-color: transparent;
		border-bottom: 1px solid #751E15;
		width: 100%;

	}
	.pedidos label
	{
		display: inline-block;
		padding: 5px 0;
		font-size: 1.125em;
	}
	.pedidos span
	{

		float: right;
		margin-top: 10px;

		color: #284C9A;
	}
	.pedidos h3
	{
		color: #751E15;
		font-size: 1.25em;
	}
	.pedidos input#total1
	{
		display: inline;
		width: 65%;


		font-size: 1.125em;
		border:0;
		background-color: transparent;
		border-bottom: 1px solid #751E15;
		margin-bottom: 20px;
	}
	.cardapio2 a:link,.cardapio2 a:visited,.cardapio2 a:active
	{
		display: inline-block;
		text-align: center;
		box-sizing: border-box;
	}
	.pedidos input[type="submit"], .cardapio2 a:link,.cardapio2 a:visited,.cardapio2 a:active
	{
		width: 100%;
		padding: 10px;
		color: #751E15;
		background-color: transparent;
		border:1px solid #751E15;
	}
	.pedidos input[type="submit"]:hover, .pedidos input[type="submit"]:focus , .cardapio2 a:hover, .cardapio2 a:focus
	{
		color: white;
		background-color: #751E15;
		text-decoration: underline;
	}



		.finalizar input[type="submit"]
	{
		width: 100%;
		padding: 10px;
		color: #751E15;
		background-color: transparent;
		border:1px solid #751E15;
	}
	.finalizar input[type="submit"]:hover, .pedidos input[type="submit"]:focus
	{   padding: 10px;
		color: white;
		background-color: #751E15;
		text-decoration: underline;
	}







}
@media only screen and (min-width: 768px) {

	section div.promoMenu img[alt="cardapio3"]
	{
		left: 2em;
		top: 5.25em;
	}

 }
@media only screen and (min-width: 980px) {

	.alinhamentoHome
	{
		margin: 0px auto;
		width: 800px;
	}
	section div.promoMenu img[alt="cardapio3"]
	{
		left: 2em;
		top: 5.25em;
	}
}
@media only screen and (min-width: 992px) { /*...*/ }
@media only screen and (min-width: 1035px) {

#container
{
	width: 1035px;
	margin: 0 auto;
	box-shadow: 0 0 5px black;
}
nav
{
	border-bottom: 2px solid #69483E;

}
nav  ul li {

		display:inline-block;
	}
	nav ul li a:link,nav ul li a:active,nav ul li a:visited
	{
		border-bottom: 4px solid transparent;
		display:inline-block;
		padding:15px 40px;
	}
	nav  ul li a:hover, nav ul li a:focus {

		border-bottom:4px solid #B2805D;
		text-decoration: none;

	}

}

@media only screen and (min-width: 13820px) {




	nav ul {


	}



	section {
		height:auto;}

		section h2 {
			text-align:center;
		}

		section img { float:left;
			width:25%;
			height:25%;}


			#borda {
				border-radius:5%;
				background-color:#B8FFF2;
				width:90%;
				text-align:center;
				margin:0 auto;
				border:1px solid #000;
			}

			footer {
				float:left;
				background:#000;
				width:100%;
			}


			footer img {
				margin-right:5%;
			}

			#ftmenu ul li {
				color:#FFF;
				display:inline;
				margin-left:10%;
				font-size:25px;
				margin-top:15%;
				text-align:center;
			}
		}