/*
Theme Name: Fábrica do Lanche
Theme URL: http://www.fabricadolanche.com.br
Description: Site Fábrica do Lanche.
Author: Juliano Baltazar
Author URI: www.julianobaltazar.com.br
Version: 1.0.1
Tags: Fabrica do Lanche.
*/

/* CORES 
- Fundo: #c8e066;
- Marrom: #2f0805;
- Amarelo: #ecc287;
*/

*{margin:0; padding:0;}

html, body{
    height:100%;
    overflow:hidden;
	margin:0; padding:0;
	font-family: "Verdana", Geneva, sans-serif; font-size:12px; color:#fff;}
	
h1 {
	font-family: "Verdana", Geneva, sans-serif; font-size:18px; color:#ecc287;
	margin:0 0 15px;}
h2 {
	font-family: "Verdana", Geneva, sans-serif; font-size:14px; color:#ecc287;
	margin:0 0 10px;}
p {
	font-family: "Verdana", Geneva, sans-serif; font-size:12px; color:#fff;
	margin:0 0 10px;}

/* CONTENT -----------------------------------------------------------------------------------------*/
#bg{
    width:100%; height:100%;
    position:absolute;
    margin:0;
    z-index:0;}
	
#content{
    width:100%; height:100%;
    position:absolute;
    margin:0;
    z-index:1;
    overflow:auto;}

/* CLEAR -----------------------------------------------------------------------------------------*/
#clear {
	clear:both;	margin:0;}
	
/* MENU -----------------------------------------------------------------------------------------*/
#bg-menu{
    width:100%; height:50px;
    margin:40px 0 40px;
    background: url(imagens/transparente.png);}
#menu {
	width:950px;
	margin:0 auto;
	position:relative;}
#menu ul{
    list-style:none;}
#menu li{
	position: relative;
    float:right;} 
#menu li a{	
    height:20px;
	display:block;
	font-size:14px; font-weight:bold; color:#ecc287;
    text-decoration:none;
	margin:11px 0 0 9px;
	padding:5px 10px 5px;}
#menu li a:hover{		  
	padding:5px 10px 5px;
	background: url(imagens/transparente.png); }
#chapa {
	float:left;
	margin:-10px 0 0;}
	
/* CABEÇALHO -----------------------------------------------------------------------------------------*/
#cabecalho{
    width:950px; height:300px;
    margin:0 auto;
    background: url(imagens/transparente.png);}
#logo{
	width:220px; height:260px;
	float:left;
	margin:0; padding:20px;
	background:none;
	border:0;}
#animacao{
	width:690px; height:300px;
	float:right;
	margin:0;}
#cabecalho-interno{
    width:950px; height:140px;
    margin:0 auto;
    background: url(imagens/transparente.png);}
#logo-interno{
	width:85px; height:100px;
	float:right;
	margin:0; padding:20px;
	background: url(imagens/transparente.png);
	border:0;}
#titulo-interno{
	width:825px; height:140px;
	float:left;
	margin:0;}
#titulo-interno h1{
	margin:45px 0 0 20px;
	font-size:36px;}

/* CONTEÚDO -----------------------------------------------------------------------------------------*/
#conteudo{
    width:910px;
    margin:40px auto 40px;
	padding:20px;
    background: url(imagens/transparente.png);
    /*opacity:0.7;*/}
#conteudo .box-capa {
	width:455px;
	float:left;
	margin:0 0 20px 0;	}
#conteudo .box-capa img{
	width:100px; height:65px;
	float:left;
	border:1px solid #ecc287;
	padding:2px;
	margin:0 10px 0 0;}
#conteudo .box-capa p, h2{}
#conteudo .box-capa p a{
	color:#fff;
	text-decoration:none;}
#conteudo .box-capa p a:hover{
	text-decoration:underline;}
#conteudo .box-capa h2 a{
	color:#ecc287;
	text-decoration:none;}
#conteudo .box-capa h2 a:hover{
	text-decoration:underline;}

#conteudo .interno {
	width:570px;
	float:left;
	margin:0 0 20px 0;}
#conteudo .interno p{
	font-size:12px;
	font-family: "Verdana", Geneva, sans-serif; font-size:12px; color:#fff;}
#conteudo .interno img{
	float:left;
	border:1px solid #ecc287;
	padding:2px;
	margin:0 15px 5px 0;}

#conteudo .box-category {
	width:570px;
	float:left;
	margin:0 0 20px 0;	}
#conteudo .box-category img{
	width:100px; height:65px;
	float:left;
	border:1px solid #ecc287;
	padding:2px;
	margin:0 10px 0 0;}
#conteudo .box-category p, h2{}
#conteudo .box-category p a{
	color:#fff;
	text-decoration:none;}
#conteudo .box-category p a:hover{
	text-decoration:underline;}
#conteudo .box-category h2 a{
	color:#ecc287;
	text-decoration:none;}
#conteudo .box-category h2 a:hover{
	text-decoration:underline;}
	
#conteudo table {
	width:570px;
	float:left;
	margin:0 0 20px 0;
	border-collapse: collapse;}
#conteudo td{
	border:1px solid #ecc287;
	padding:5px;}

/* LINHAS -----------------------------------------------------------------------------------------*/ 	
#linha-horizontal {
	width:100%; height:3px;
	background:url(imagens/transparente.png);
	float:left;
	margin:0 0 20px;}
	
/* OPÇÕES -----------------------------------------------------------------------------------------*/ 
#voltar {
	height:20px;
	float:right;
	background:url(imagens/transparente.png);
	margin:20px 0 0; padding:5px 8px 0 5px;
	cursor:pointer;}
#voltar a{
	font-size:12px;	font-weight:bold; color:#ecc287;
	text-decoration:none;}
#mais {
	height:22px;
	float:right;
	background:url(imagens/transparente.png);
	margin:10px 0 0; padding:5px 8px 0 5px;
	cursor:pointer;}
#mais a{
	font-size:12px;	font-weight:bold; color:#ecc287;
	text-decoration:none;}

/* COMPARTILHAR -----------------------------------------------------------------------------------------*/ 
#compartilhar {
	width:500px;
	float:left;
	margin:0 0 0;}
	
/* SIDEBAR -----------------------------------------------------------------------------------------*/
#sidebar{
    width:260px;
	float:right;
    margin:0 0 20px;
	padding:20px;
    background: url(imagens/transparente.png);}
#sidebar p{
	font-size:12px;}
#sidebar-box-capa{
    width:400px;
	float:right;}
#sidebar h2{
	border-bottom:1px dotted #ecc287;
	padding:0 0 10px;}
#sidebar h2 a{
	color:#ecc287;
	text-decoration:none;
	font-size:12px; font-weight:normal;}
#sidebar h2 a:hover{
	text-decoration:underline;}
	
/* GALERIA -----------------------------------------------------------------------------------------*/  
#galeria {
	width:100%;
	float:left;}
#galeria img{
	width:120px; height:90px;
	float:left;
	border:1px solid #ecc287;
	padding:2px;
	margin:0 0 7px;}
#galeria .divisor{
	width:7px; height:96px;
	float:left;}
	
/* NEWS LETTER -----------------------------------------------------------------------------------------*/ 	
#newsletter {
	width:260px;
	float:left; text-align:left;
	margin:0;}
.newsinput {
	width:195px; height:19px;
	float:left;
	font-family: "Verdana", Geneva, sans-serif; font-size:10px; color:#fff;
	background:none;
	border-right:0; border-left:1px solid #ecc287; border-top:1px solid #ecc287; border-bottom:1px solid #ecc287;
	padding:4px 0 0 5px;}
.newssubmit {
	width:58px; height:25px;
	float:left;
	font-family: "Verdana", Geneva, sans-serif; font-size:12px;	font-weight:bold; color:#2f0805;
	background:#ecc287;
	border:0;
	cursor:pointer;}
#newsletter p{
	font-size:11px;
	margin:0 0 9px 0;}
	
/* APOIADORES -----------------------------------------------------------------------------------------*/
#apoios{
    width:280px;
	float:right;
    margin:0;
	padding:5px 10px 7px;
    background: url(imagens/transparente.png);}
#apoios h1 {
	font-size:10px;	font-weight:normal;
	margin:0 0 5px;}
#apoios img {
	width:90px; height:50px;
	border:0;}

/* RODAPÉ -----------------------------------------------------------------------------------------*/	
#bg-rodape{
    width:100%; height:50px;
    margin:0 0 40px;
    background: url(imagens/transparente.png);}
#rodape {
	width:950px;
	margin:0 auto 40px;
	position:relative;}
#rodape .direitos {
	float:left;
	margin:17px 0 0;}
#rodape .assinatura img{
	float:right;
	margin:20px 0 0;
	border:0;}

/* REDES SOCIAIS -----------------------------------------------------------------------------------------*/	
#redes {
	width:270px;
	float:left;
	text-align:left;
	margin:10px 0 0 20px;}
#redes p{	
	float:left;
	margin:0;}
#redes img{
	width:25px; height:25px;
	border:0;
	margin:0 15px 0 0;
	float:left;}

.redes-sociais{position:relative;left:10px;top:12px;}
.redes-sociais .twitter{
	width:25px; height:25px; float:left;
	background:url("imagens/icones.png") 0 0;
	display:block;
	overflow:hidden;	
	position:relative;
	text-indent:-3000px;}
.redes-sociais .twitter:hover{
	width:25px; height:25px; 
	background:url("imagens/icones-hover.png") 0 0;}
.redes-sociais .facebook{
	width:26px; height:25px; float:left;
	background:url("imagens/icones.png") 119px 0;
	display:block;
	overflow:hidden;	
	position:relative;
	text-indent:-3000px;}
.redes-sociais .facebook:hover{
	width:26px; height:25px; 
	background:url("imagens/icones-hover.png") 119px 0;}
.redes-sociais .orkut{
	width:26px; height:25px; 	float:left;
	background:url("imagens/icones.png") 57px 0;
	display:block;
	overflow:hidden;	
	position:relative;
	text-indent:-3000px;}
.redes-sociais .orkut:hover{
	width:26px; height:25px; 
	background:url("imagens/icones-hover.png") 57px 0;}
.redes-sociais .rss{
	width:26px; height:25px; float:left;
	background:url("imagens/icones.png") 88px 0;
	display:block;
	overflow:hidden;	
	position:relative;
	text-indent:-3000px;}
.redes-sociais .rss:hover{
	width:26px; height:25px; 
	background:url("imagens/icones-hover.png") 88px 0;}

/* FORMULÁRIO CONTATO -----------------------------------------------------------------------------------------*/
#input:focus, #input-mensagem:focus {
	border:0;}
#input {
	width:565px; height:20px;
	margin:3px 0 0 0;
	padding:4px 0 0 5px;
	font-family: "Verdana", Arial, Tahoma; font-size:12px; color:#fff;
	background:url(imagens/transparente.png);
	border:0;}
#input-mensagem {
	width:565px; height:140px;
	margin:3px 0 0 0;
	padding:4px 0 0 5px;
	font-family: "Verdana", Arial, Tahoma; font-size:12px; color:#fff;
	background:url(imagens/transparente.png);
	border:0;}
#input-botao {
	height:30px;
	float:right;
	font-family: "Verdana", Geneva, sans-serif; font-size:12px;	font-weight:bold; color:#ecc287;	
	margin:3px 0 20px 10px;	
	padding:5px 10px 5px 10px;
	background:url(imagens/transparente.png);
	border:none;
	text-decoration:none;
	cursor:pointer;}
#input-botao:hover{}