@charset "utf-8";
/* CSS Document */

body
{
	font-family:Verdana;
    font-size:14px;
    padding:5px;
	margin:0px;
	color:#FFF;
}
#link 
{
	color:#000;
	text-align:center;}
#link a
{
	color:#000;
	text-decoration:none;
	margin-top:2px;
}
#principal
{
	max-width:1000px;
	height:540px;
	width:100%;
	margin:15px auto 10px;
	box-shadow: 0px 0px 5px #666;
}
ul, ol{
	list-style:none;
	padding:0;
	margin:0;}
a {
	text-decoration:none;}
#menu
{
	background:url(../img/barra_menu.jpg) repeat-x;
	height:130px;
}
#menu ul
{	
	list-style:none;
	margin:0;
}
#menu ul li
{
	text-decoration:none;
	float:left;
	height:100%;
	line-height:16px;
}
.logo
{
	width:200px;
	border:0px;
	float:left;
	margin-top:15px;
	text-align:center;
}
.texto
{
	display:block;
	color:#FFF;
	width:770px;
	text-align:center;
	padding-top:3px;
	padding-left:20px;
}
.texto ol li {
	width:50%;
	text-align:left;}
.texto ol li a {
	color:#FFF;
	text-decoration:none;}
.texto ol li.tel img {
	vertical-align:-8px;
	height:30px;}
.texto ol li.tel{
	padding-top:0;
	font-size:18px;
	text-align:right;}
#promocao
{
	text-align:center;
	height:155px;
	background:#FFF;
	margin-top:5px;
	color:#000;
}
#promocao ul
{
	list-style:none;
	padding:0;
}
#promocao ul li
{
	display:block;
	float:left;
	width:200px;
	margin-top:5px;
}
#promocao ul li.valor
{
	display:block;
	float:left;
	width:200px;
	font-size:24px;
	line-height:50px;
	color:#F00;
	text-align:left;
	padding-left:10px;
	margin-top:15px;
	text-shadow:1px 1px 0px #000;
}
#promocao ul li.arte
{
	width:170px;
	float:right;
	margin-right:20px;}
#promocao ul li.arte img
{	width:170px;
box-shadow:none;}
#promocao ul li img
{
	box-shadow:3px 3px 8px #666;
}
#tabela1, #tabela2
{
	width:100%;
	margin-top:10px;
	float:left;
}
table{
	width:100%;
	margin:0 auto;
  	border: 0px solid black;
 	border-spacing: 0px;
}
table thead tr{
  font-family: Arial, monospace;
  color:#FFF;
  background:#c0504d;
}
table thead tr th{
  border-bottom: 2px solid black;
  border-top: 1px solid black;
  margin: 0px;
  padding: 2px;
}
table tr {
  font-family: arial, monospace;
  color: black;
}
table tr td, th{
  border-bottom: 1px solid black;
  border-left: 1px solid black;
  padding: 2px;
}
table tr td.sb{border-bottom: none;}
table tr td ul li{
	display:block; float:left; width:50%;}
.importante
{
	font-size:18px;
	line-height:30px;
}
.importante2
{
	text-align:center;
	font-size:18px;
	line-height:30px;
}
.frete{
	display:block;
	float:left;
	width:99%;
	margin-left:1%;
	margin-top:10px;
	color:#000;
	font-size:12px;}
.opcao{ text-align:center; color:#000;margin-top:10px;}
.preto
{
	text-align:center;
	color:#000;
	font-size:14px;
	padding:5px;
}
.ops
{
	color:#000;
	font-size:14px;
	padding:5px;
}
#contato
{
	display:none;
}
#rodape
{
	position:absolute;
	background: #efefef;
	width: 100%;
	height:180px;
	left:0;
	font-size: 12px;
}
#center
{
	width:900px;
	margin:10px auto 10px;
}
#relacionados
{
	float:left;
	margin-left:9px;
	width:30%;
	line-height:22px;}
#relacionados ul li{
	text-align:left;
	color:#000;}
#relacionados ul li a{
	text-decoration:none;
	text-align:left;
	color:#900;}
#relacionados ul li a:hover{
	color:#000;}
#contact
{
	float:left;
	font-size:12px;
	width:67%;
	color:#000;
	text-align:center;
	margin-left:9px;
	border-left:#CCC solid 1px;
}
#contact ul
{
	margin-top:10px;
}
#contact ul li
{
	display:block;
	width:250px;
	text-decoration:none;
	line-height:20px;
	color:#900;
}
#contact ul li a
{
	text-decoration:none;
	color:#900;
}
#contact ul li img
{
	width:50px;
	border:none;
}
#contact ol
{
	float:left;
	list-style:none;
	margin:0;
	margin-top:-80px;
	padding:0;
}
#contact ol li
{
	display:block;
	width:320px;
	margin-left:280px;
	text-decoration:none;
	line-height:16px;
	text-align:left;
	color:#900;
}
#contact ol li font
{
	padding-left:20px;
	line-height:16px;
}
#contact ol li a
{
	text-decoration:none;
	color:#900;
}
#contact ol li a:hover
{
	color:#000;
}
#contact ol li img
{
	width:50px;
	border:none;
}
#direitos
{
	width:100%;
	height:30px;
	color:#000;
	padding:5px 0;
	margin-top:5px;
	float:left;
	text-align:center;
	border-top:#CCC solid 1px;
}
#promo {
	display:none;}
#pizza{ width:100%; display:block; float:left; text-align:center; margin: 10px auto;}
#pizza img{ margin-bottom:10px;}
@media screen and (max-width: 1000px) {
	body
	{
		padding:5px;
	}
	#principal
	{
		height:100%;
	}
	#menu
	{
		background:url(../img/barra_menu_grande.jpg) repeat-x;
		height:100%;
		padding:5px 0;
	}
	#menu ul
	{
		padding:0;
	}
	#menu ul li
	{
		float:none;
		width:100%;
	}
	.logo
	{
		width:100%;
	}
	.logo img
	{
		margin-top:0;
	}
	#menu ul li.texto{
		height:100%;
		font-size:23px;
		line-height:40px;
		width:100%;
		text-align:center;
		padding:3px 0 0 0;}
	#menu ul li.texto h1
	{
		font-size:30px;
		line-height:38px;
	}
	#menu ul li.texto ol
	{
		list-style:none;}
	#menu ul li.texto ol li{
		line-height:30px;
		text-align:center;}
	#menu ul li.texto ol li.tel{
		line-height:10px;
		padding-bottom:5px;}
	#menu ul li.texto ol li a{
		color:#FFF;
		text-decoration:none;}
	#tabela1, #tabela2
	{
		width:100%;
	}
	h2 {font-size:20px;}
	.preto
	{
		color:#000;
		font-size:18px;
		padding:5px;
	}
	.importante
	{
		font-size:20px;
		line-height:30px;
		padding:5px;
	}
	.frete{
		font-size:18px;}
	#contato
	{
		display:block;
		float:left;
		width:100%;
		height:255px;
		border-top:solid 1px #990000;
		margin-top:10px;
		padding-top:5px;
		color:#000;
		font-size:30px;
		text-align:center;
	}
	#contato ul
	{
		width:100%;
	}
	#contato ul li
	{
		width:98%;
		font-size:26px;
		line-height:40px;
	}
	#contato ul li a
	{	text-decoration:none;
		color:#000;
	}
	#contato ul li img
	{
		width:90px;
	}
	#contato ol
	{
		margin-top:0px;
	}
	#contato ol li
	{
		width:98%;
		margin-left:5px;
		padding-left:0px;
		text-decoration:none;
		text-align:center;
		font-size:26px;
		line-height:50px;
	}
	#contato ol li a
	{
		text-decoration:none;
		color:#000;
	}
	#contato ol li a:hover
	{
		color:#F00;
	}
	#contato ol li img
	{
		width:90px;
		border:none;
	}
	#contato ol li.apagar, #contato ul li.apagar, #contato ol li img.apagar, #rodape, #promo
	{
		display:none;
	}
}
@media screen and (max-width: 768px) {
	body
	{
		padding:5px;
	}
	#menu
	{
		background:url(../img/barra_menu_grande.jpg) repeat-x;
		height:100%;
		padding:5px 0;
	}
	#menu ul
	{
		padding:0;
	}
	#menu ul li
	{
		float:none;
		width:100%;
		height:100%;
	}
	#menu ul li.texto{
		width:100%;
		height:100%;
		font-size:20px;
		line-height:30px;
		padding:0;}
	#menu ul li.texto ol
	{	list-style:none;}
	#menu ul li.texto ol li a
	{	text-decoration:none;
		color:#FFF;}
	.logo
	{
		width:100%;
	}
	.logo img
	{
		margin-top:0;
	}
	.texto h1
	{
		font-size:26px;
		line-height:30px;
	}
	#tabela1, #tabela2
	{
		width:100%;
	}
	.importante
	{
		font-size:18px;
		line-height:30px;
		padding:5px;
	}
	.importante2
	{
		font-size:18px;}
	.frete
	{
		font-size:15px;}
	.preto
	{
		color:#000;
		font-size:18px;
		line-height:24px;
		padding:5px;
	}
	#contato
	{
		display:block;
		float:left;
		width:100%;
		height:230px;
		font-size:24px;
	}
	#contato ul
	{
		width:100%;
	}
	#contato ul li
	{
		width:98%;
		font-size:20px;
		line-height:35px;
	}
	#contato ul li img
	{
		width:70px;
	}
	#contato ol
	{
		margin-top:0px;
	}
	#contato ol li
	{
		width:98%;
		margin-left:5px;
		padding-left:0px;
		text-decoration:none;
		text-align:center;
		font-size:20px;
		line-height:35px;
	}
	#contato ol li font
	{
		padding-left:0px;
		line-height:14px;
	}
	#contato ol li.email
	{
		padding-bottom:5px;
	}
	#contato ol li a
	{
		text-decoration:none;
		color:#000;
	}
	#contato ol li a:hover
	{
		color:#F00;
	}
	#contato ol li img
	{
		width:70px;
		border:none;
	}
	#contato ol li.apagar, #contato ul li.apagar, #contato ol li img.apagar, #rodape, #promo
	{
		display:none;
	}
}
@media screen and (max-width: 480px) {
	#menu
	{
		background:url(../img/barra_menu_grande.jpg) repeat-x;
		height:100%;
		padding:5px 0;
	}
	#menu ul li
	{
		float:none;
		width:100%;
		height:100%;
	}
	#menu ul li.texto{
		width:100%;
		height:100%;
		font-size:16px;
		line-height:20px;
		padding:0;}
	#menu ul li.texto ol li.tel{
		font-size:18px;}
	.texto h1
	{
		font-size:25px;
		line-height:30px;
	}
	h2 {font-size:12px;}
	.importante
	{
		font-size:14px;
		line-height:24px;
	}
	.frete
	{
		font-size:12px;}
	.preto{
		font-size:12px;
	}
	.importante2
	{font-size:14px;}
	#contato
	{
		height:170px;
		font-size:20px;
	}
	#contato ul li, #contato ol li
	{
		font-size:16px;
		line-height:24px;
	}
	#contato ul li img, #contato ol li img
	{
		width:50px;
	}
	#contato ol li font
	{
		font-size:12px;
		line-height:14px;
	}
	#sliderFrame{
		display:none;}
	#promo{display:block; float:left; width:100%;}
	#promo img{width:100%; margin-top:10px;}
}