<div class="loadingbg"></div> <!-- Addon for background tiling support --> <style type="text/css"> .loadingbg { width: 1px;height: 1px;overflow: hidden; position: absolute; top: -100; } </style> <!-- 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]--> <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%; } body { background: #0253ac url('{tplUrlFilesRoot}bg-turismo-01.jpg') 50% 0 fixed; color: #fff; } a { color: #fff; text-decoration: none; cursor: hand; } textarea { height: 120px; width: 220px; } a:hover { color: gold; } .input-text { width: 220px; } .page { text-align: center; font-family: "Trebuchet MS", Arial, Verdana, Tahoma; height: 100%; margin-top: 0px; height: 100%; vertical-align: middle; } .page .page_content{ text-align: left; margin: 20px auto 0px auto; width: 767px; } .head { background: transparent url('{tplUrlFilesRoot}bg-head.png') 0 0 no-repeat; height: 157px; display: block; padding: 0px 0px 0px 0px; } .head .head_content { padding: 20px 0px 0px 0px; } .nav { text-align: right; height: 110px; vertical-align: top; padding: 0px 10px 0px 0px; } .nav li { display: inline; padding: 0px 0px 0px 0px; } .nav li a { display: relative; padding: 10px 27px 50px 27px; font-weight: bold; text-transform: uppercase; color: #fff; } .nav li a:hover { color: #0253ac; } .nav li a span{ display: inline-block; padding-top: 30px; } .menubarqueen { text-align: right; height: 30px; vertical-align: middle; } .menubarqueen li { display: inline; padding: 0px 15px 0px 15px; } .menubarqueen li a { text-transform: uppercase; font-weight: bold; font-size: 12px; } .content { display: block; background: transparent url('{tplUrlFilesRoot}bg-content-2.png'); border: solid 10px #fff; padding: 0px 0px 0px 0px; width: 747px; overflow: hidden; } .content .container { display: block; padding: 40px 20px 50px 20px; } .content h2 { font-size: 28px; margin-bottom: 20px; text-transform: uppercase; color: #73b6db; } .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; } .footer { width: 767px; height: 100px; display: table; padding: 0px; text-align: center; background: transparent url('{tplUrlFilesRoot}bg-footer.png') repeat-x; } .footer ul { margin: 15px 0px 0px 30px; } .footer li { float: left; padding-right: 40px; height: 57px; 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 { border: solid 5px #fff; width: 350px; height: 230px; margin: 0px 0px 15px 15px; float: right; clear: right; overflow: hidden; text-align: center; vertical-align: middle; } .painel_2 .box_foto {width: 250px; height: 280px; } .painel { display: table; clear: both; width: 100%; } .wrap-input { margin: 0px 0px 5px 0px; } label { width: 150px; float: left; text-align: right; padding-right: 10px; } .painel .info { float: left; width: 300px; line-height: 120%; font-size: 80%; } .painel .info li { margin-bottom: 20px; } .painel .info li h3 { text-transform: uppercase; } .clear { clear: both; } .painel { overflow: inherit; display: table; } .tbpage td { padding: 0px; margin: 0px; text-align: center; vertical-align: middle !important; } </style> <script> function bindClick() { $('a:not(.loadbind)').each(function(){ $(this).addClass('loadbind'); $(this).bind('click',function(){ var cs = $(this).attr('href')+''; if(cs.indexOf('#')!=-1) { $('.content').css('background',"transparent url('{tplUrlFilesRoot}bg-content-2.png')"); } }); }); } $(document).ready(function(){ setInterval('bindClick()',1000); var objA = $('.menubarqueen').find('a').get(0); $(objA).click(); setInterval('altBGPage()',15000); }); var countBG = 1; function altBGPage() { var arrBG = new Array('bg-turismo-01.jpg','bg-turismo-02.jpg','bg-turismo-03.jpg','bg-turismo-04.jpg','bg-turismo-05.jpg'); countBG = countBG>=$(arrBG).size()?0:countBG; var randomnumber=!randomnumber?Math.floor(Math.random()*arrBG.length):randomnumber; var nmBG = arrBG[countBG]; var urlBG = '{tplUrlFilesRoot}'+nmBG; countBG++; var img = new Image(); $(img).load(function () { //$(this).css('display', 'none'); // .hide() doesn't work in Safari when the element isn't on the DOM already //$(this).hide(); //$('.loadingbg').append('-'); //$(this).attr('src',urlBG); //$('.loadingbg').append(this); //$('body').css('background-image','url('+urlBG+')'); //alert(''); $('body').css('background-image','url('+urlBG+')'); //$(this).fadeIn(); }).error(function () { // notify the user that the image could not be loaded }).attr('src', urlBG); //$('.loadingbg:eq(0)').load(urlBG); //$('body').css('background-image','url('+urlBG+')'); } function showTimeout(style) { $('.'+style).show(); } </script> <table width="100%" height="100%" class="tbpage"> <tr> <td valign="middle"> <div class="page"> <div class="page_content"> <div class="head"> <div class="head_content"> <div class="nav"> <ul> <li><a href="#pag_4"><span>Turismo</span></a></li> <li><a href="#pag_7"><span>Eventos</span></a></li> </ul> </div> <div class="__BNRTPL__MENUPAGINAS menubarqueen"></div> </div> </div> <div class="content"> <div class="container"> <div id="paginas"></div> </div> </div> <div class="footer"> <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> queenbeetur@uol.com.br<br /> queenbeeeventos@uol.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> </td> </tr> </table> <div class="append_script"></div> <script type="text/javascript"> //var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); //$('.append_script').after(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); //$('.append_script').remove(); </script> <script type="text/javascript"> /* try { //var pageTracker = _gat._getTracker("UA-7756030-7"); //pageTracker._trackPageview(); } catch(err) {} */ </script>