/*============================================================================================================================================================ Website: http://www.pizzanapedra.com.br Autor: Juliano Toazza [ WEB STANDARDS ] Criado em: 06/01/2009 Última Atualização: 14/01/2009 ==============================================================================================================================================================*/ * { margin:0; padding:0; text-indent:0; } body { background:#500201 url(../img/bg-body.jpg) top no-repeat; color:#fff; } body, input, textarea, select { font:11px Georgia, "Times New Roman", Times, serif; text-decoration:none; } img, fieldset { border:none; } ul, li { list-style:none; } legend { text-indent:0; color:#000; } a { color:#FFF; text-decoration:none; } a:hover { text-decoration:underline; } address { font-style:normal; } hr { display:none; } h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif; } .none { display:none; } /* ESTRUTURA */ div#container { width:960px; margin:0 auto; } div#left-bar { float:left; width:212px; } div#logo { height:190px; } div#menu { background: url(../img/bg-menu.jpg) 20px 0 no-repeat; width:212px; height:340px; } #menu ul { margin-left:50px; padding-top:15px; } #menu li { font-size:14px; color:#048304; font-weight:bold; line-height:25px; } #menu li a { color:#006a26; } #menu li a:hover { color:#32ae0c; text-decoration:none; } #tele-entrega { background:url(../img/tele-entrega.png) no-repeat; width:479px; height:69px; margin-left:25px; margin-bottom:25px; } #tele-entrega p a#entrega { display:block; width:479px; height:69px; } #tele-entrega p a#entrega span { display:none; } div#content { float:right; width:740px; } div#footer { margin-top:10px; border-top:1px solid #884544; width:923px; clear:both; padding:5px; margin-left:25px; } #footer address { color:#884544; text-align:center; line-height:30px; } #footer address strong { font-weight:bold; font-size:11px; } #footer p a#logo-hive { margin:0px 0 0 450px; display:block; width:29px; height:26px; background:url(../img/logo-hive.png) 0 0 no-repeat; margin-top:20px; } #footer p a#logo-hive span { display:none; } .msn2 { display:block; font-size:11px; background:url(../img/msn2.png) no-repeat right 0px; width:220px; height:18px; padding-top:0px; padding-right:30px; margin:0 auto;} /* INTERNAS */ div#top-address { font-weight:bold; padding-right:3px; margin-top:-80px; float:right; font-size:10px; color:#fcf9f0; line-height:18px; text-align:right; } #top-address strong { font-size:11px; } div#internas-container { width:740px; } #internas-content { padding-left:8px; padding-right:5px; } h1.titulo-internas { text-align:center; line-height:45px; font-weight:normal; font-size:30px; color:#ab5420; margin-bottom:20px; height:46px; background: url(../img/bg-title-internas.png) 6px 0 no-repeat; } .bt-voltar { clear:both; padding-right:1px; text-decoration:none; font-size:10px; color:#f3e5b8; margin-top:10px; margin-bottom:25px; float:right; } .bt-voltar:hover { color:#fff799; text-decoration:none; } .clear { clear:both; } .right { margin:0 0 20px 20px; float:right; } .paginacao { clear:both; padding:20px 0; text-align:center; } .paginacao a { font-size:11px; text-decoration:none; color:#fff; padding:0 5px; background:#790000; border:1px solid #790000; font-weight:bold; text-decoration:none; } .paginacao a:hover, .paginacao a.paginaSel { padding:0 5px; background:#B70000; color:#fff; border:1px solid #B70000; text-decoration:none; font-weight:bold; } /* Nossa Casa */ div#moldura-foto { float:right; margin:0 0 20px 20px; width:345px; height:225px; background:#dfc7a7; } div#img-nossa-casa { margin:10px 0 0px 10px; width:325px; height:180px; overflow:hidden; } #moldura-foto .box-texto { width:315px; padding:5px; margin:0px 0 0 10px; } #moldura-foto p { text-align:right; line-height:15px; } #moldura-foto p a { color:#c71514; } #moldura-foto a:hover { color:#ed0807; text-decoration:none; } /* Home */ div#middle-bar { width:550px; } #destaques { background:url(../img/bg-destaques.jpg) no-repeat; width:546px; height:414px; } #foto-destaque ul { margin:0 7px 8px 7px; _margin-top:-8px; overflow:hidden; width:530px; height:369px; } #destaques-top-menu { height:36px; } #destaques-top-menu ul { padding:15px 10px; text-align: center; } #destaques-top-menu li { border-right:1px solid #c06b69; display:inline; padding:0 5px; color:#fff; } #destaques-top-menu .no-border { border:none; } #destaques-top-menu li a { color:#fff; } #destaques-top-menu li a:hover { text-decoration:none; color:#ccc; } div#newsletter { float:left; width:505px; height:55px; padding:0px 5px 5px 15px; } #newsletter .texto-left { } #newsletter .txt-1 { font-size:14px; font-weight:bold; } #newsletter .txt-2 { font-size:10px; color:#a5c7b2; } #newsletter label { font-size:10px; color:#fff; } #newsletter input { color:#005826; padding-left:3px; padding-top:2px; width:135px; height:14px; border:none; background:#fff; display:block; margin-right:8px; _margin-right:5px; font-size:10px; } #newsletter .campo-requerido { padding-left:3px; padding-top:3px; width:115px; height:16px; border:none; background:#fff; display:block; float:right; margin-right:8px; _margin-right:5px; } #newsletter .bt-enviar { font:11px Arial, Helvetica, sans-serif; background:#AB5321; border:1px solid #8E3E1D; cursor:pointer; padding:0px 2px 2px 2px; _padding-bottom:5px; *padding-bottom:5px; height:17px; line-height:15px; width:30px; font-size:10px; color:#fff; margin-top:13px; _margin-top:15px; *margin-top:15px; } #newsletter .left-bt-enviar { float:left; width:25px; } #newsletter .left { float:left; } #formNewsletter { padding-top:4px; } div#right-bar { float:right; width:186px; } #right-bar a { display:block; } #right-bar a:hover { text-decoration:none; } #promocao { display:block; padding-left:16px; padding-right:16px; width:154px; height:289px; background:url(../img/bg-promocao.png) no-repeat; } .right-bar h2 { display:none; } .right-bar img { margin:69px 0 5px 0; } .right-bar h3 { display:block; background:#fee8d2; margin-bottom:5px; font-size:11px; color:#ed1c24; font-weight:bold; text-align:center; line-height:20px; } .right-bar p { font-size:10px; text-align:center; color:#000; line-height:13px; } div#sugestao { padding-left:16px; padding-right:16px; width:154px; height:271px; background:url(../img/bg-sugestao.png) no-repeat; } #sugestao img { margin:50px 0 5px 0; } /* Cardapio */ #cardapio-top-menu { margin:20px 0 15px 0; background:#840106; } #cardapio-top-menu ul { line-height:25px; text-align: center; } #cardapio-top-menu li { border-right:1px solid #c06b69; display:inline; padding:0 5px; color:#fff; } #cardapio-top-menu .no-border { border:none; } #cardapio-top-menu li a { color:#fdddde; font-weight:bold; } #cardapio-top-menu li a:hover { color:#fff; text-decoration:none; } .box-cardapio { margin:5px 3px 0 4px; float:left; width:174px; } div.fundo-img { height:128px; /* background:#0D662E; */ } div.fundo-img a:hover { cursor:pointer; } img.transparente { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } .box-cardapio img { border:1px solid #ab040a; } .box-cardapio p.box-bottom { text-align:center; margin-bottom:8px; _margin-top:-3px; padding:5px; width:164px; background-color:#ab040a; } .box-cardapio .nome { line-height:15px; font-size:12px; color:#fdddde; font-weight:bold; } h2.subtitulo-do-prato { border-bottom:1px solid #ab040a; text-align:center; line-height:45px; font-weight:normal; font-size:18px; color:#fff; margin-bottom:20px; } h2.subtitulo-do-prato span { font-size:18px; color:#ab040a; } #box-prato-detalhado { background:#740305; width:727px; height:376px; } #prato-left { padding:20px; float:left; width:185px; } #box-prato-detalhado img { border:1px solid #740305; float:right; } #box-prato-detalhado h3 { margin-bottom:20px; font-size:16px; } /* Eventos */ div#img-eventos { margin:10px 0 0px 10px; width:220px; height:166px; overflow:hidden; float:right; } /* Agenda */ td { padding:7px; } /* Galeria de Fotos */ .box-galeria { margin:5px 3px 3px 4px; float:left; width:174px; } div.fundo-img { border:1px solid #0d692e; height:128px; text-align:center; /* background:#0D662E; */ } div.fundo-img a:hover { cursor:pointer; } img.transparente { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } .box-galeria img { } .box-galeria p { line-height:15px; } .box-galeria p.box-bottom { text-align:center; margin-bottom:8px; _margin-top:-3px; padding:5px; width:164px; background-color:#0d692e; height:30px; } .box-galeria p.box-bottom strong { display:block; height:15px; overflow:hidden; } .box-galeria .nome { line-height:15px; font-size:12px; color:#fdddde; font-weight:bold; } h2.titulo-da-galeria { line-height:45px; font-weight:bold; font-size:16px; color:#fff; margin-bottom:10px; } h2.titulo-da-galeria span { font-size:11px; font-weight:normal; } /* jQuery lightBox plugin */ #jquery-overlay { position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; } #jquery-lightbox { position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0; } #jquery-lightbox a img { border:none; } #lightbox-container-image-box { position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto;} #lightbox-container-image { padding:10px; } #lightbox-loading { position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;} #lightbox-nav { position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;} #lightbox-container-image-box > #lightbox-nav { left:0; } #lightbox-nav a { outline:none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width:49%; height:100%; zoom:1; display:block; } #lightbox-nav-btnPrev { left:0; float:left; } #lightbox-nav-btnNext { right:0; float:right; } #lightbox-container-image-data-box { font-size:10px; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%; padding:0 10px 0;} #lightbox-container-image-data { padding:0 10px; color:#666; } #lightbox-container-image-data #lightbox-image-details { width:70%; float:left; text-align:left; } #lightbox-image-details-caption { font-weight:bold; } #lightbox-image-details-currentNumber { display:block; clear:left; padding-bottom:1.0em; font-size:11px; } #lightbox-secNav-btnClose { width:56px; float:right; padding-bottom:0.7em; } a.grupo { font:11px Arial, Helvetica, sans-serif; text-decoration:underline; color:#fff; } /* Contato */ #form, #endereco { margin-bottom:15px; padding-bottom:5px; width:350px; float:left; } #form .campos, #form .campo-requerido { width:250px; padding:3px; margin:3px 0 3px 0; color:#000; border:1px solid #8E3E1D; background:#fff; font-size:11px; } #form .bt-enviar { font:11px Arial, Helvetica, sans-serif; background:#AB5321; border:1px solid #8E3E1D; cursor:pointer; margin-top:5px; margin-left:273px; padding:0px 2px 2px 2px; _padding-bottom:5px; *padding-bottom:5px; height:20px; color:#fff; line-height:19px; width:65px; font-weight:bold; } #form legend { display:none; margin-top:10px; color:#fff; font-size:11px; } #form label { padding-right:5px; padding-top:5px; display:block; width:75px; float:left; text-align:right; font-weight:bold; color:#fff; } #endereco { width:338px; padding-right:12px; padding-top:10px; border-left:1px solid #AB5420; } #endereco p { padding-left:20px; text-align:left; } #mapa { margin-top:20px; } #form .campo-requerido { background:#f1f1f1; } div.entregas { border-top:1px solid #AB5420; margin-top:15px; padding-top:15px; padding-bottom:10px; } .orkut { background:url(../img/orkut.png) no-repeat left top; display:block; width:100px; height:36px; float:right; margin-top:20px; margin-right:10px; } .msn { background:url(../img/msn.png) no-repeat right top; display:block; height:17px; float:right; margin-top:20px; margin-right:10px; padding-top:8px; padding-right:30px; font-size:11px; clear:both; } /* Parceiros */ #parceiros-interno-grandao .list-item { width:350px; height:100px; float:left; padding-right:10px; padding-bottom:30px; padding-top:15px; border-bottom:1px solid #722D29; } #parceiros-interno-grandao .imagem { display:block; border:4px solid #DFC7A7; width:100px; height:100px; margin-right:10px; overflow:hidden; } #parceiros-interno-grandao p { margin:10px 0; } #parceiros-interno-grandao a { text-decoration:underline; color:#D09158; } #parceiros-interno-grandao a:hover { text-decoration:none; } .strong { font-weight:bold; } .texto-adicional { font-size:100%; display:block; margin-bottom:10px; } .list .list-iten { display:block; overflow:hidden; margin-bottom:15px; } .list .imagem { border:1px solid #AAA; display:block; overflow:hidden; float:left; } .list .titulo { font-size:150%; line-height:12px; margin:2px 0 5px 0; } .list .sub-titulo { display:block; margin-top:5px; font-size:70%; } /* LISTA 001 -----------------------------------------------------------*/ .list-001 li { height:100px; padding-bottom:20px; padding-top:15px; border-bottom:1px solid #722D29; } .list-001 li a { display:block; } .list-001 .imagem { display:block; border:4px solid #DFC7A7; width:100px; height:100px; margin-right:10px; overflow:hidden; }