<!-- Addon for background tiling support --> <!-- Consider wrapping the <style> element above in IE conditional comments. This will prevent the .HTC being downloaded by IE7+ at all. This might not work in IE6 installed alongside IE7 on the same computer. --> <!--[if lte IE 6]><style>/* ... your rules ... */</style><![endif]--> <script type="text/javascript"> //<![CDATA[ // If you don't want to put nonstandard properties in your stylesheet, here's yet // another means of activating the script. This assumes that you have at least one // stylesheet included already in the document above this script. // To activate, delete the CSS rules above and uncomment below (remove /* and */ ). /* if (document.all && /MSIE (5\.5|6)/.test(navigator.userAgent) && document.styleSheets && document.styleSheets[0] && document.styleSheets[0].addRule) { document.styleSheets[0].addRule('*', 'behavior: url(iepngfix.htc)'); // Feel free to add rules for specific elements only, as above. // You have to call this once for each selector, like so: //document.styleSheets[0].addRule('img', 'behavior: url(iepngfix.htc)'); //document.styleSheets[0].addRule('div', 'behavior: url(iepngfix.htc)'); } */ // Here's another script that disables all PNGs in IE when the page is printed. /* if (window.attachEvent && /MSIE (5\.5|6)/.test(navigator.userAgent)) { function printPNGFix(disable) { for (var i = 0; i < document.all.length; i++) { var e = document.all[i]; if (e.filters['DXImageTransform.Microsoft.AlphaImageLoader'] || e._png_print) { if (disable) { e._png_print = e.style.filter; e.style.filter = ''; } else { e.style.filter = e._png_print; e._png_print = ''; } } } }; window.attachEvent('onbeforeprint', function() { printPNGFix(1) }); window.attachEvent('onafterprint', function() { printPNGFix(0) }); } */ //]]> </script> <style type="text/css"> html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } html, body { height: 100%; } html { background: #000 url('{tplUrlFilesRoot}bg-html.jpg') 50% 0 no-repeat;} body { background: transparent url('{tplUrlFilesRoot}bg-body.png') 50% 144px repeat-x; color: #fff; } a { color: #fff; text-decoration: none; } textarea { height: 120px; width: 290px; } a:hover { color: gold; } .input-text { width: 290px; } .page { text-align: center; font-family: "Trebuchet MS", Arial, Verdana, Tahoma; height: 100%; margin: 0px auto 0px auto; } .page .page_content{ text-align: left; margin: 0px auto 0px auto; width: 913px; } .head { background: transparent url('{tplUrlFilesRoot}bg-head.png') 0 0 no-repeat; height: 240px; display: block; padding: 0px 0px 0px 0px; } .head .head_content { padding: 150px 0px 0px 0px; } .menubar { border: solid 1px #000; border-left: none; border-bottom: none; background: #340d0f; margin: 0px 10px 0px 0px; text-align: left; float: right; height: 67px; vertical-align: middle; overflow: hidden; } .menubar ul { margin: 0px 0px 0px 0px; } .menubar li { border-left: solid 1px #000; float: left; padding: 28px 20px 0px 20px; height: 50px; } .menubar li a { text-transform: uppercase; font-weight: bold; font-size: 16px; } .menubar .selected { background: #000; } .menubar .selected a { color: darkorange; } .content { color: #fee4cf; display: table; background: transparent; padding: 0px 0px 0px 0px; overflow: hidden; } .content .container { display: table; background: #2a0a0b; margin: 0px 7px 0px 7px; padding: 0px 0px 40px 0px; } .content h2 { font-size: 28px; margin-bottom: 20px; text-transform: uppercase; color: #fff; } .content li { list-style: disc outside; margin-left: 30px; } .texto { line-height: 130%; } .texto p { margin-bottom: 15px; } .texto.destaque { font-size: 120%; margin-bottom: 30px; font-style: italic; color: #a18860; } .footer { padding: 0px 0px 20px 0px; text-align: center; background: #000; display: table; width: 100%; } .footer .footer_container { margin: 7px 0px 0px 7px; padding: 20px 0px 0px 0px; background: darkred; display: table; width: 900px; } .footer ul { margin: 0px 0px 0px 20px; } .footer li { float: left; padding-right: 50px; height: 67px; font-size: 12px; text-align: left; line-height: 120%; } .footer li h3 { text-transform: uppercase; } .footer li span { float: left; padding-left: 20px; } .footer li span.first { padding-left: 0px; } .box_foto { width: auto; margin: 0px 0px 15px 15px; float: right; clear: right; overflow: hidden; text-align: center; vertical-align: middle; } .box_foto img { border: solid 10px #fff; } .painel_2 .box_foto { } .painel { display: table; clear: both; width: 900px; overflow: hidden; display: table; } .painel .painel_content { margin: 50px 20px 0px 20px; } .wrap-input { margin: 0px 0px 5px 0px; } label { width: 100px; height: 20px; float: left; text-align: right; padding-right: 10px; } .painel_4 { display: table; width: 900px; } .painel_4 .info { float: left; width: 440px; line-height: 120%; font-size: 80%; } .painel_4 .info li { margin-bottom: 20px; } .painel_4 .info li h3 { text-transform: uppercase; } .clear { clear: both; } .input-submit { border: none; background: darkred; color: #fff; width: 80px; height: 28px;} .logo { position: absolute; top: 100px; margin-left: 50px; z-index: 1000; } .box_banners { margin: 0px 0px 0px 0px; width: 900px; height: 350px; overflow: hidden; } .separador_h { background:url('{tplUrlFilesRoot}separador.jpg'); width: 899px; display: block; height: 7px; overflow: hidden; } </style> <script> function painelHideAll() { $('.painel').each(function(){ $(this).animate({opacity:0},1); }); } $(document).ready(function(){ $('.box_banners').crossSlide({ speed: 45, fade: 1 }, [ { src: '{tplUrlFilesRoot}banner1.jpg', dir: 'up' }, { src: '{tplUrlFilesRoot}banner2.jpg', dir: 'down' }, { src: '{tplUrlFilesRoot}banner3.jpg', dir: 'up' }, { src: '{tplUrlFilesRoot}banner4.jpg', dir: 'down' }, { src: '{tplUrlFilesRoot}banner5.jpg', dir: 'up' }, { src: '{tplUrlFilesRoot}banner6.jpg', dir: 'down' }, { src: '{tplUrlFilesRoot}banner7.jpg', dir: 'up' }, { src: '{tplUrlFilesRoot}banner8.jpg', dir: 'down' } ]); painelHideAll(); $('a').click(function(){ var cs = $(this).attr('href')+''; if(cs.indexOf('#')!=-1) { $('.menubar li').removeClass('selected'); this.blur(); $($(this).parents('li').get(0)).addClass('selected'); $($('.menubar a[href='+cs+']').parents('li').get(0)).addClass('selected'); $('.painel').hide(); painelHideAll(); var arrC = cs.split('/'); cs = arrC[arrC.length-1]; var style = cs.replace('#',''); //$('.'+style).animate({opacity:0.1},1000); //setTimeout("showTimeout('"+style+"')",0); //$('.'+style).animate({opacity:1},1000); //$('.'+style).animate({opacity:0},1); $('.'+style).show(); $('.'+style).animate({opacity:1},1000); $('.painel').each(function(){ if($(this).is(':visible')) { var idVisible = $(this).attr('id')+''; //$('.'+idVisible).animate({opacity:0},1000); } }); //$('.content').css('background',"transparent url('{tplUrlFilesRoot}bg-content-2.png')"); return false; } }); $('.menubar a:eq(0)').trigger('click'); $('#form_contato').submit(function(){ alert('Implementar'); return false; }); }); function showTimeout(style) { $('.'+style).show(); } </script> </head> <body> <div class="page"> <div class="page_content"> <div class="logo"><a href="#home"><img src="{tplUrlFilesRoot}logo.png" /></a></div> <div class="head"> <div class="head_content"> <div class="menubar"> <ul> <li class="selected"><a href="#home">Página Inicial</a></li> <li><a href="#quem">Quem Somos</a></li> <li><a href="#oque">O que Fazemos</a></li> <li><a href="#fale">Fale Conosco</a></li> </ul> </div> </div> </div> <div class="content"> <div class="container"> <div id="painel_0" class="painel painel_0 home"> <div class="box_banners"></div> <div class="separador_h"></div> <div class="painel_content"> <div class="box_foto"><img src="{tplUrlFilesRoot}home.jpg" /></div> <h2>Off Road!!!</h2> <div class="texto destaque"> Seja a negócio ou a lazer, a <b>Trilha Motos</b>, tem a opção ideal pra você. </div> <div class="texto"> <p>Nosso diferencial é: responsabilidade, ética, idoneidade, compromisso com clientes e fornecedores, oferecendo total apoio na organização de eventos e emissão de passagens nacionais e internacionais. Temos vasta experiência de 20 anos, incluindo suporte a organismos internacionais. Nossa equipe é composta por profissionais altamente preparados para atendê-lo com qualidade e eficiência.</p> </div> </div> </div> <div id="painel_1" class="painel painel_1 quem"> <div class="painel_content"> <h2>Quem Somos</h2> <div class="texto destaque"> <p><b>Trilha Motos</b>, 20 anos dedicados a atendimento a Organismos Internacionais, Orgãos públicos e ao turismo de lazer.</p> </div> <div class="texto"> <div class="box_foto"><img src="{tplUrlFilesRoot}quem.jpg" /></div> <p>Uma clientela altamente exigente que não aceita improvisações, quer soluções precisas e imediatas.</p> <p>É pensando nesse público que a cada dia buscamos nos aperfeiçoar e não medimos esforços para que nosso atendimento seja o mais personalizado possível, para isto contamos com uma equipe altamente capacitada.</p> </div> </div> </div> <div id="painel_2" class="painel painel_2 oque"> <div class="painel_content"> <h2>O que Fazemos</h2> <div class="texto destaque"> <p>Assessoria completa na elaboração do plano de viagem a negócio ou a lazer.</p> </div> <div class="box_foto"><img src="{tplUrlFilesRoot}fazemos.jpg" /></div> <div class="texto"> <p>Maior rapidez na elaboração de reservas e emissão</p> <p>Elaboração de roteiros Nacionais e internacionais programados ou eleborados de acordo com a sua necessidade.</p> <p>Reserva e emissão de passagens aéreas nacionais e internacionais, considerando as rotas mais diretas e econômicas.</p> <p> <ul> <li>Check in antecipado</li> <li>Reserva de hotéis no Brasil e exterior</li> <li>Receptivo</li> <li>Reserva e locações de veículos no Brasil e exterior</li> <li>Acompanhamento, apoio e orientação ao passageiro na obtenção de vistos consulares</li> <li>Acompanhamento durante e pós viagem.</li> <li>Maior agilidade nos reembolsos</li> </u> </p> </div> </div> </div> <div id="painel_3" class="painel painel_3 eventos"> <div class="painel_content"> <h2>Eventos</h2> <div class="texto destaque"> <p>Equipe com formação superior em gestão e Organização de Eventos, para organizar e coordenar Congressos, Conferências, Simpósios, Seminários e cursos que exijam infra-estrutura completa para todos os serviços necessários para realização de evento seja de grande, médio e pequeno porte, com expressiva redução de custo.</p> </div> <div class="texto"> <div class="box_foto"><img src="{tplUrlFilesRoot}servicosEventosImg01_big.jpg" /></div> <p></p> </div> </div> </div> <div id="painel_4" class="painel painel_4 fale"> <div class="painel_content"> <h2>Fale Conosco</h2> <div class="info"> <ul> <li> <h3>Telefones</h3> <span class="first"> 55 61 3321-1161<br /> 55 61 3321-9194<br /> </span> <span> 55 61 3322-9413<br /> 55 61 3321-2323 (FAX)<br /> </span> </li> <li> <h3>E-mail</h3> contato@trilhamotos.com.br<br /> contato@trilhamotos.com.br<br /> </li> <li> <h3>horário de funcionamento</h3> Segunda a Sexta: 08h:00 as 19h:00<br /> Sábado: 09h:00 as 13h:00<br /> </li> </ul> </div> <div class="form"> <form id="form_contato"> <div class="wrap-input"> <label>Nome:</label> <input type="text" class="input-text" /> </div> <div class="wrap-input"> <label>E-mail:</label> <input type="text" class="input-text" /> </div> <div class="wrap-input"> <label>Telefone:</label> <input type="text" class="input-text" /> </div> <div class="wrap-input"> <label>Mensagem:</label> <span id="apptextareacontato"></span> <script>$('#apptextareacontato').after('<textarea><'+'/'+'textarea>');$('#apptextareacontato').remove();</script> </div> <div class="wrap-input"> <label> </label> <input type="submit" class="input-submit" value="Enviar" /> </div> </form> </div> </div> </div> </div> </div> <div class="footer"> <div class="footer_container"> <ul> <li> <h3>Endereço</h3> <span class="first"> QMSW2 Conj C Lote 14, Sudoeste<br /> 70723-550 - Brasília - DF<br /> </span> </li> <li> <h3>Telefones</h3> 55 61 3963-1473<br /> 55 61 3963-1473 (FAX)<br /> </li> <li> <h3>E-mail</h3> contato@trilhamotos.com.br<br /> contato@trilhamotos.com.br<br /> </li> <li> <h3>horário de funcionamento</h3> Segunda a Sexta: 08h:00 as 19h:00<br /> Sábado: 09h:00 as 13h:00<br /> </li> </ul> </div> </div> </div> </div>
<div class="footer_pad"> <div class="left"> <div class="margin"> <a href="" param="home">Página Inicial</a> :: <a href="" param="destaques">Destaques</a> :: <a href="" param="lancamentos">Lançamentos</a> :: <a href="" param="promocoes">Promoções</a> :: <a href="" param="produtos_todos">Todos os Produtos</a> :: <a href="" param="contato">Fale Conosco</a> :: <a href="" param="faq">FAQ</a> </div> </div> <div class="right"> <div class="indent"> <img src="includes/templates/theme1/images/paypal.gif" alt="" width="140" height="23" /> </div> </div> <div class="clear"></div> </div>
<div style="width:100%;"> <!--// bof: categories //--> <div class="box" id="categories" style="width:100%;"> <div class="box_b"> <div class="box_t"> <div class="box_r"> <div class="box_l"> <div class="box_br"> <div class="box_bl"> <div class="box_tr"> <div class="box_tl"> <div class="box_head">Categorias</div> <div class="box_body"> <div class="__BNRTPL__SECOES menubar sideBoxContent"></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="clear"></div> </div> <!--// eof: categories //--> <!--// bof: manufacturers //--> <div class="box" id="manufacturers" style="width:100%;"> <div class="box_b"> <div class="box_t"> <div class="box_r"> <div class="box_l"> <div class="box_br"> <div class="box_bl"> <div class="box_tr"> <div class="box_tl"> <div class="box_head"><label>Fabricantes</label></div> <div class="box_body"> <div id="manufacturersContent" class="sideBoxContent centeredContent"> <form name="manufacturers_form" action="" method="get"> <select class="__BNRTPL__FABRICANTES" name="id" size="1" style="width: 90%; margin: auto;"> <option value="" selected="selected"></option> </select> </form> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="clear"></div> </div> <!--// eof: manufacturers //--> <!--// bof: moreinformation //--> <div class="box" id="moreinformation" style="width:100%;"> <div class="box_b"> <div class="box_t"> <div class="box_r"> <div class="box_l"> <div class="box_br"> <div class="box_bl"> <div class="box_tr"> <div class="box_tl"> <div class="box_head"> Conheça Também </div> <div class="box_body"> <div class="__BNRTPL__PAGINAS sideBoxContent"></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="clear"></div> </div> <!--// eof: moreinformation //--> </div>