/*
Nome: Gullas Pizzaria e Rotisseria
Endereço: http://www.pizzariagullas.com.br/
Descrição: Site Gullas
Versão: 1.0
Autor: Giovani de Oliveira
Autor - endereço: http://www.p4.inf.br/
*/

*{ margin: 0; padding: 0; list-style: none;}

body{
	background: #000 url(imagens/fundo/fundo-body.jpg) repeat-x;
	color: #fff;
	font-family: Georgia, "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
}

h2{
	color: #fff;
	font-size: 18px;
}

p{
	font-size: 12px;
}

a{
	border-bottom: 1px dotted #fff;
	color: #fff;
	text-decoration: none;
}

#geral{
	margin: 0 auto;
	width: 770px;
}

#topo{
	background: url(imagens/fundo/info-topo.png) right center no-repeat;
	height: 110px;
	padding: 10px;
}

#topo h1{
    padding: 109px 0 0 0; /* padding-top=altura imagem */
    overflow: hidden;
    background: url(imagens/logo/logo-topo-index.gif) no-repeat;
    height: 0 !important;
    height /**/:109px; /* height=altura imagem - hack IE5's */
}

#menu{
	background: url(imagens/fundo/fundo-menu.jpg) repeat-x;
	height: 49px;
}

#menu ul li{
	float: left;
	height: 40px;
}

#menu ul li a{
	border-bottom: none;
	color: #fff;
	height: 31px;
	float: left;
	font-weight: bold;
	padding-top: 9px;
	text-decoration:none;
	text-align: center;
	width: 128px;
}

#menu ul li a:hover{
	background: url(imagens/fundo/menu-hover.gif) center top no-repeat;
}

#bodyPrincipal #menu ul li a.menuPrincipal,
#bodyCardapio #menu ul li a.menuCardapio,
#bodyQuem #menu ul li a.menuQuem,
#bodyFidelidade #menu ul li a.menuFidelidade,
#bodyFotos #menu ul li a.menuFotos,
#bodyFale #menu ul li a.menuFale { background: url(imagens/fundo/menu-hover.gif) center top no-repeat; } 

#conteudo{
	background: url(imagens/fundo/divisor.gif) 505px top repeat-y;
	width: 100%;
}

#direita, #esquerda{
	min-height:650px;
  	height:auto !important;
  	height:650px;
}

#esquerda{
	float: left;
	padding: 5px;
	width:485px;
}

#esquerda .destaque{
	background-color: #000;
	height:285px;
	margin-bottom:10px;
	padding: 5px;
	width: 478px;
}

#esquerda #destaque-baixo{
	background: #AF9556 url(imagens/fundo/destaque-baixo.jpg) repeat-x;
	height:132px;
	margin: 20px 0;
	padding: 0 5px;
	width: 478px;
}


#esquerda #destaque-baixo ul li{
	float: left;
	margin-left: 10px;
	width: 165px;
}
#esquerda #destaque-baixo ul li.maior{
	background: url(imagens/fundo/divisor.gif) left top repeat-y;
	padding-left: 20px;
	width: 260px;
}

#esquerda #destaque-baixo a{ font-size:12px;}
#esquerda h2, #esquerda p{
	margin: 10px 0;
}

#direita{
	float: right;
	margin: 0 0 0 5px;
	width: 260px;
	padding: 10px 2px;
	text-align: center;
}

#direita p{
	margin: 10px;
}

#rodape{
	background: url(imagens/fundo/divisor-rodape.gif) center top no-repeat;
	clear: both;
	padding: 15px;
	height:90px;
}

address{
	color: #fff;
	font-size: 12px;
	font-style: normal;
	float: left;
	margin-top:10px;
	width:300px;
}

address strong{
	display: block;
	font-size: 14px;
}

#rodape p{
	display: block;
	float: right;
	margin-top: 45px;
}

.invisivel{
    display: none;
}


form{margin: 30px 0 0;}

fieldset{ border: none; padding: 15px;  }

.textbox, .textboxOn, textarea {
	display: block;
	margin-left: 70px;
	border: 2px solid #ccc;
	color: #333;
	padding: 2px 4px;
	font: 12px "Trebuchet MS", Tahoma, Verdana;
	width: 300px;
	}

.textboxOn { border-color: #6f1419; background-color: #fdfdfd; }

label{ 
	display: block;
	width: 70px;
	float: left;
	color: #000;
	font: 80% "Trebuchet MS";
	color: #fff;
} 



.botao{
	background-color: #000;
	font-size: 11px;
	color: #fff;
	padding: 5px 15px;
	margin-left: 350px;
}

	
	
	table {
		border-spacing:1px;
		clear: both;
		font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		color: #fff;
		width: 100%;
	}
	
	td, th {
		padding: 2px;
	}
	
	thead th {
		color: #666;
		text-align: left;
	}
	
	tbody tr{
		text-align:left;
	}
	
	tbody tr td { 
		color: #fff;
		font-weight: bold;
		padding: 10px;
	}
		
	table tr td a:link{
		color: #fff;
		text-decoration: none;
	}
	
	tfoot th, tfoot td {
		text-align:right; 
		font: 12px "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	}

	input, select{ font: 85% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin-bottom: 10px;  }
	
	.grande{
		width:330px;
	}
	.pequeno{
		width:100px;
	}
	
	.botao-criar, .botao-voltar, .botao-entrar{
		background: #fff url(img/fundo/botao-pontos.gif) no-repeat;
		border: none;
		display: block;
		font: 70% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		float: right;
		margin: 15px 0;
		padding: 3px 5px 3px;
		width: 90px;
		text-align: center;
	}
	
	#foto{
	background-color: #fafafa;
	border: 1px solid #ccc;
	margin: 10px 0;
	padding: 5px 5px 15px;
}

#foto ul li{
	display: inline;
	margin-right: 10px;
}

#foto img{
	margin: 10px 0;
}

img{ border: none;}
h6{
	border-bottom: 1px dotted #ddd;
	color: #6f1419;
	font-size: 83%;
	margin: 10px 0 20px;
}
h6 span{
	color: #666;
	display: block;
	font-size: 75%;
	font-weight: normal;
}

h6.especiais, h6.especiais a, h6.tradicionais, h6.tradicionais a{
	border: none;
	background-color: #000;
	color: #fff;
	margin: 20px 0 0;
	padding: 5px 10px;
	text-decoration: none;
}

h6.especiais span, h6.especiais a span, h6.tradicionais span, h6.tradicionais a span{ color: #fff; font-size: 80%; font-weight: normal; display: inline; float: right;}

h6.tradicionais, h6.tradicionais a{
	background-color: #000;
}

#conteudo ul.especiais{
	color: #fff;
	font-size: 75%;
	margin: 0 0 15px;
}

#conteudo ul.especiais li, #conteudo ul.tradicionais li{
	margin: 5px 10px;
}

#conteudo ul.especiais li span, #conteudo ul.tradicionais li span{
	font-weight: bold;
	text-transform:uppercase;
}


#conteudo ul.tradicionais{
	color: #fff;
	font-size: 75%;
	margin: 0 0 15px;
}

#conteudo ul li{
	list-style: none;
	margin: 10px 0;
}

#conteudo ul li a{
	color: #6f1419;
	font-size: 70%;
}

#conteudo ul li a:hover{ text-decoration: none;}

#conteudo ul li{
	list-style: none;
	margin: 10px 0;
}

#conteudo ul li a{
	color: #fff;
	font-size: 70%;
}

#conteudo ul li a:hover{ text-decoration: none;}