/* Estilo CSS :) */ * { margin: 0px; padding: 0px; list-style: none; text-decoration: none; } body { background: url(../__img/bg-body.jpg); } a { color:#900;} html, body { height: 100%; } #all { min-height: 100%; position: relative; } * html #all { height: 100%; } #topo { background:url(../__img/bg-topo.png); width: 111px; height: 184px; width: 100%; } #topoCorpo { width: 980px; height: 185px; margin: 0px auto; background:url(../__img/bg-luminaria.png); } #topo h1 a { background:url(../__img/logo-pasto-pizza.png); width: 137px; height: 155px; display: block; text-indent: -5000em; overflow: auto; float: left; margin: 30px 0px 0px 150px; } #topoCorpo ul li { display: inline; } .menutools { margin: 20px 150px 0px 0px; position: relative; float: right; } .menutools a { color: #FFF; color: #a57d43; font: 11px 'Verdana'; margin-left: 12px; padding: 5px; display: block; float: left; } .menutools a:hover { background: #e4c79d; color: #000; } .menuglobal { margin: 50px 0px 0px 0px; position: relative; float: left; width: 580px; } .menulinha { float: left; width:110px; background:url(../__img/linha-vertical-menu.png) no-repeat; height: 45px; background-position:right; padding: 20px 0px 0px 0px; } .menulinhab { display: block; float: left; width:110px; height: 45px; padding: 20px 0px 0px 0px; } .btnInicial { background:url(../__img/btnInicial.png) no-repeat; display: block; float: left; margin: 0px 0px 0px 30px; width: 49px; height: 16px; text-indent: -5000em; overflow: hidden;} .btnDeguste { background:url(../__img/btnDeguste.png) no-repeat; display: block; float: left; margin: 0px 0px 0px 20px; width: 65px; height: 16px; text-indent: -5000em; overflow: hidden;} .btnCasas { background:url(../__img/btnCasas.png) no-repeat; display: block; float: left; margin: 0px 0px 0px 30px; width: 47px; height: 16px; text-indent: -5000em; overflow: hidden;} .btnHistorico { background:url(../__img/btnHistorico.png) no-repeat; display: block; float: left; margin: -4px 0px 0px 20px; width: 75px; height: 19px; text-indent: -5000em; overflow: hidden;} .btnContatos { background:url(../__img/btnContatos.png) no-repeat; display: block; float: left; margin: 0px 0px 0px 20px; width: 75px; height: 19px; text-indent: -5000em; overflow: hidden;} #banner-topo { width: 980px; margin: 0px auto; height: 323px;} #corpo { width: 910px; margin: 0px auto; overflow: auto; padding: 5px 5px 190px 5px;} #corpo p { font: 11px 'Arial'; color: #36250f; line-height: 150%; text-align: justify; width: 95%; margin: 2.5px auto; } #bemvindo { width: 400px; height: 220px; float: left; background:url(../__img/bg-box1.png); } #bemvindo p { font-size: 11px; line-height: 20px; } #bemvindo a { text-decoration: underline; } #newsticker { width: 480px; height: 210px; float: right; } #marco { width: 400px; height: 220px; float: left; background:url(../__img/bg-box1.png); margin-top: 20px; } #pratos { float: left; width:235px; height: 220px; margin: 20px 0px 0px 15px; background:url(../__img/bg-box2.png); } #news { float: right; width:235px; height: 220px; margin: 20px 0px 0px 0px; background:url(../__img/bg-box2.png); } #corpo h2 { font: bold 15px 'Trebuchet MS'; text-transform: uppercase; letter-spacing:-1px; color: #6d512b; text-shadow: 1px 1px #caa26d; margin-top: 7px; padding-left: 40px; } h3 { font: bold 15px 'Trebuchet MS'; text-transform: uppercase; letter-spacing:-1px; color: #6d512b; text-shadow: 1px 1px #caa26d; margin-top: 7px; clear:both; } #boxpadding { padding: 10px 5px 5px 15px; } #marcopollo { overflow: auto; display: table; padding: 15px 5px 5px 230px; height: 170px; } .botao { background:#996600; padding: 5px; font: 9px 'Arial'; color: #FFF; text-transform: uppercase; text-shadow: 1px 1px #000; margin: 3px; display: block; float: right; margin-top: -5px;} .help { margin: 5px 0px 0px 70px; float: left;} /* formu insert newsletter */ #newsForm { width: 200px; padding: 20px 0px 0px 10px;} #newsForm legend { display: none; } #newsForm * label { margin: 10px 0px 10px 0px; display: block; } #newsForm * .textField { background:url(../__img/bg-input.png); border: 0px; padding: 10px; width: 90%; color: #FFF; font: 9px 'Arial'; text-shadow: 1px 1px #000; text-transform: uppercase; } #newsForm * .formBtn { background:url(../__img/bg-input.png); border: 0px; padding: 8px; width: 50%; cursor: pointer; float: right; color: #FFF; font: 9px 'Arial'; text-shadow: 1px 1px #000; text-transform: uppercase; } #content-interna { float: left; width: 535px; height: 474px; background: url(../__img/bg-content-interna.png); padding: 10px;} #banner-interna { float: right; width: 355px; height: 494px; } #scrolldiv { width: 545px; float: left; overflow: auto; height: 470px; } #rodape { width: 100%; margin: 0px auto; height: 178px; background:url(../__img/bg-rodape.png); position: absolute; bottom: 0;} #rodapeCorpo { width: 910px; margin: 0px auto; } #rodapeCorpo #mapasite ul { width: 300px; margin: 70px 0px 0px 0px; float: left;} #rodapeCorpo #mapasite ul li { display: inline; } #rodapeCorpo #mapasite ul li a { font: 10px 'Arial'; color: #FF9900; text-transform:uppercase; display: block; width: 70px; float: left; padding: 5px;margin: 2px; text-shadow: 1px 1px #000; border-bottom: 1px dotted #604b2c; } #rodapeCorpo #mapasite ul li a:hover { color: #FFF; } #rodapeCorpo #reservas { margin-top:70px; float: left;} #rodapeCorpo #reservas h2 { font: bold 15px 'Trebuchet MS'; color:#604b2c; text-shadow: 1px 1px #000; text-transform: uppercase; } #rodapeCorpo #reservas ul li { color: #b87107; font: bold 15px 'Trebuchet MS'; text-transform: uppercase; text-shadow: 1px 1px #000; } #logoPastoPizza { background: url(../__img/logo-pasto-pizza-rodape.png); float: right; width:200px; text-indent: -5000em; overflow: auto; display: block; width: 111px; height: 111px; margin: 60px 20px 0px 0px; } #tituloPagina { background: url(../__img/bg-titulos.png) no-repeat; height: 58px; padding-left:40px;} #tituloPagina h2 { background: #70431a; padding-left: 10px; height: 32px; margin-top: 8px; float: left; display:block; padding-right: 20px; padding-top: 10px; color: #FFF; text-shadow: #000 1px 1px; } #scrolldiv p { line-height: 150%; text-align: justify; width: 95%; margin: 20px auto; } #formulario-cadastro { float: right; margin-right: 10px;} /* page contato */ #pageContato { font: 13px 'Trebuchet MS'; text-align: center; overflow: auto; width: 540px; color: #56300d;} #pageContato ul li { float: left; display: block; width: 270px; margin-bottom: 10px; margin-top: 20px; } #pageContato strong { text-transform: uppercase; line-height: 25px; text-shadow: #b7885d 1px 1px; } /* page casas */ #fotos-casas-div { float: left; margin-left: 10px; margin-top: 10px; } #fotoscasas { padding-top: -40px; height: 136px; display: block; margin-top: -10px; margin-left: -40px; overflow: auto; display: table;} .ampliarinfo { padding-top: 10px; } #casas-informacoes { float: right; width: 310px; height: 140px; padding: 0px 0px 0px 20px; font: 12px 'Arial'; color:#930; margin-top: 20px; } .galeria-casa { display: block; text-align: left; } /* deguste */ #rodizio-preco { width: 177px; height: 86px; background:url(../__img/bg-preco-rodizio.png); margin: 0px auto; padding: 5px 0px 0px 320px; margin-top: 30px; } #rodizio-preco p { font: bold 35px 'Trebuchet MS'; letter-spacing: -3px; color: #690e0e; text-shadow: 1px 1px #caa26d; } #rodizio-cardapio ul { margin: 30px 0px 0px 10px; } #rodizio-cardapio * a { display: block; float: left; margin: 5px; }