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

/*Cliente: Makis Place Temakeria -  Estúdio 196
Projeto: Website*/

/*Geral*/

@import 'menu.css';

* {margin:0; padding:0;}
html, body {font:11px Verdana, Arial, Helvetica, sans-serif; color:#000;}
p {line-height:140%; margin-bottom:10px;}
img {border:none;}

.bg-verde {background:#336600 url(../images/bg_verde.jpg) center top no-repeat fixed;}
.bg-vermelho {background:#960000 url(../images/bg_vermelho.jpg) center top no-repeat fixed;}
.bg-azul {background:#163b88 url(../images/bg_azul.jpg) center top no-repeat fixed;}
.bg-cinza {background:#393939 url(../images/bg_cinza.jpg) center top no-repeat fixed;}
.bg-amarelo {background:#f2b900 url(../images/bg_amarelo.jpg) center top no-repeat fixed;}

#destaque, #limites { width:650px; margin:0 auto; }
a { color:#000000; text-decoration:none;}

#papel {padding:10px 0 0 0; margin:0 auto; width:790px; background: url(../images/bg_papel_reciclado.jpg); min-height:595px;}
#sombra { background:url(../images/bg_sombra.png) repeat-y; width:822px; margin:0 auto;}

a.logo {float:left; width:162px; height:72px; margin:30px 0 0 70px; background:url(../images/logo_makis.png) no-repeat; text-indent: -9999px; display: block; }

#topo {background:url(../images/topo_hashi_papel.png) no-repeat; width:822px; height:102px; margin:0 auto;}
#rodape {padding:30px 0;}
#fim-rodape { background:url(../images/bg_rodape.png) no-repeat; width:822px; height:14px; margin:0 auto 20px auto;}

.esquerda {float:left;}
.direita {float:right;}
.padding {padding:20px 10px;}
.padding25 {padding:20px;}
.padding12 {padding:12px;}
.espaco {height:20px;}
.clear {clear:both; height:0; text-indent:-9999px; }
a {text-decoration:none;}
a:hover {text-decoration:underline;}

/*Formularios*/

input, textarea {border:none; padding:5px; margin:5px 0;}

/*Textos e cores*/

.txtvermelho {color:#CC0000;}
.txtbold {font-weight:bold;}
.txt10 {font-size:10px;}
.txt12 {font-size:12px;}
.txt14 {font-size:14px;}
.txt16 {font-size:16px;}
.italico {font-style:italic;}

/*Home*/

.box-1 {width:215px; margin:0 15px 0 0;}
.box-2 {width:200px; margin:0 15px 0 0;}
.box-3 {width:200px;}
.box-amarelo {background-color:#f7f7d1; border:#ccc solid 1px;}
.noticias-lista {border-bottom: #d7d6d2 solid 1px; margin:5px 0; padding:0 0 5px 10px; background:url(../images/bullet_vermelho.gif) no-repeat;}
#box-noticias {width:405px; margin:400px 0 0 230px; position:absolute; z-index:2;}

.borda { border:#666666 solid 1px;}

/*Internas*/

.banner {height:98px; background-color:#FFFFCC; color:#fff;}
.banner h1 { padding:65px 0 0 15px;}
.submenu { width:648px; height:23px; background: #f3f3e4 url(../images/bg_submenu.jpg) repeat-x; border:#dad8cf solid 1px; margin-top:5px; text-align:center;}
.submenu li {list-style:none; display:inline;}

.bg-historia {background:url(../images/01_historia.jpg) no-repeat;}
.bg-filosofia {background:url(../images/02_filosofia.jpg) no-repeat;}
.bg-cardapio {background:url(../images/03_cardapio.jpg) no-repeat;}
.bg-unidades {background:url(../images/04_unidades.jpg) no-repeat;}
.bg-promocoes {background:url(../images/05_promocoes.jpg) no-repeat;}
.bg-novidades {background:url(../images/06_novidades.jpg) no-repeat;}
.bg-vantagens {background:url(../images/07_clube_de_vantagens.jpg) no-repeat;}
.bg-contato {background:url(../images/08_contato.jpg) no-repeat;}
.bg-franqueado {background:url(../images/09_seja_franqueado.jpg) no-repeat;}
.bg-trabalhe {background:url(../images/10_trabalhe_conosco.jpg) no-repeat;}
.bg-makis-casa {background:url(../images/11-makis-casa.jpg) no-repeat;}

h2.titulo {color:#cc0000; background:url(../images/seta_titulos.gif) no-repeat; padding:0 0 0 12px; margin-bottom:3px;}
.submit {margin-top:20px;}

a.voltar {background:url(../images/bt_voltar.gif) no-repeat; width:72px; height:21px; display: block; text-indent:-9999px; margin-top:20px;}

.unidades {width:290px; text-align:left;}

/*Franqueados*/

.largura330 {width:330px;}
.banner-franqueados {margin-left:20px;}

/*Cardapio*/

#cardapio-detalhe {width:295px; float:left;}
#cardapio-lista {width:305px; float:right; height:370px; overflow:auto;}
#cardapio-lista a {color:#000;}
.cardapio-linhas {border-top:#ccc solid 1px; padding:5px 0; margin:5px 0;}
.cardapio-familias {margin-top:5px;}
.cardapio-familias a {color:#000; text-decoration:none;}
.cardapio-familias a:hover {color:#cc0000;}
table.nutricional { background-color:#f2f2bf; border-top:#e9e9a3 solid 1px; margin-top:10px;}
table.nutricional td { border-bottom:#e9e9a3 solid 1px; padding:2px;}
tr.claro { background-color:#f7f7d1; padding:2px;}
.alinha { margin:-13px 0 0 10px;}

#cardapio-lista {scrollbar-arrow-color:#c00000;
scrollbar-highlight-color:#ecea9d;
scrollbar-face-color:#ecea9d;
scrollbar-shadow-color:#ecea9d;
scrollbar-darkshadow-color:#ecea9d;
scrollbar-track-color:#f8f8d2;
}
/*Promocoes*/

.banner-promo {width:480px; height:98px; margin:0 15px 20px 0; border:#ccc solid 1px;}
.margemdireita { margin-right:15px;}

/*Unidades*/

.unidades-detalhe {width:480px;}
.unidades-lista {width:120px; height:370px; overflow:auto;}
.unidade-mapa, .unidade-foto {width:230px; height:190px;}
.unidade-promocao {width:480px; height:98px; margin:0 0 20px 0;}

/*Novidades*/

.largura200 { width:200px; margin-right:10px; }
.largura200final { width:200px; }



#makis-casa { background:url(../images/bg-makis-em-sua-casa.jpg) no-repeat; width:650px; height:810px;}
#makis-casa .chamada { background:url(../images/chamada-makis-sua-casa.gif) no-repeat; width:387px; height:75px; position:relative; top:60px; left:35px; text-indent:-9999px;}
#makis-casa .txt1 { width:300px; position:relative; top:30px; left:330px;}
#makis-casa .txt2 { width:265px; position:relative; top:325px; left:35px;}