Trilha Motos

// 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>

/* 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: 71px; vertical-align: middle; overflow: hidden; }
		.menubar ul { margin: 0px 0px 0px 0px; list-style-position: inside; }
		.menubar li { border-left: solid 1px #000; float: left; padding: 28px 20px 0px 20px; height: 50px; list-style-position: inside; }
		.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 .container a { color: gold; }
		.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 !important; 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;  }
		
		.conteudo { display: table; clear: both; width: 900px; overflow: hidden;  display: table;  }
		.conteudo .conteudo_container { margin: 50px 20px 0px 20px; line-height: 140%; }
		.conteudo_container h2 { margin-bottom: 50px !important; }
		
		
		.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 !important; 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(){
			var objContainer = $('.container:eq(0)');
			if(requestJSON.controller+''=='index') {
				var html = '';
				html += '<div class="__BNRTPL__BANNER box_banners"></div>';
				html += '<div class="separador_h"></div>';
				$(objContainer).prepend(html);
			}

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="" param="home"><img src="{tplUrlFilesRoot}logo.png" /></a></div>
			<div class="head">
				<div class="head_content">
					<div class="__BNRTPL__MENUPAGINAS menubar">
						<ul>
							<li><a href="" param="home">Página Inicial</a></li>
							<li><a href="" param="contato">Fale Conosco</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="content">
				<div class="container">
						<div class="conteudo">
								<div class="conteudo_container">
									
										<div class="tpl_maincontent"></div>
									
								</div>
						</div>

</div>
			</div>
			<div class="footer">
				<div class="footer_container">
					<ul>
						<li>
							<h3>Endereço</h3>
							<span class="first">
							{ARRDADOSDOMINIO__DSC_ENDERECO}, {ARRDADOSDOMINIO__DSC_BAIRRO}<br />
							{ARRDADOSDOMINIO__DSC_CEP} - {ARRDADOSDOMINIO__DSC_CIDADE}-{ARRDADOSDOMINIO__IDUF}
							</span>
						</li>
						<li>
							<h3>Telefones</h3>
							{ARRDADOSDOMINIO__DSC_TELEFONE}<br />
						</li>
						<li>
							<h3>E-mail</h3>
							{ARRDADOSDOMINIO__DSC_FORMCONTATOEMAIL}<br />		
						</li>
						<li>
							<h3>horário de funcionamento</h3>
							Segunda a Sexta: 08h:00 as 18h:00<br />
							Sábado: 08h:00 as 12h:00<br />	
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>