@charset "UTF-8";
/*---------------------------------------------
CSS Reset
----------------------------------------------*/
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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/*------------------------------------------
Struture
-------------------------------------------*/
html, body { float: left; width: 100%; height: 100%; padding: 0; margin: 0; z-index: 1; font-family: Muli; font-size: 1em; background-color: #f9fafa; }

div.content { margin: 0 auto; padding-top: 180px; width: 1024px; }
.show { display: block; }
.hide { display: none; }
.red { color: red; }
.box-shadow { box-shadow: 3px 3px 3px #777; }
.padding-top-15 { float: left; padding-top: 15px; }
.padding-bottom-15 { float: left; padding-bottom: 15px; }
.padding-left-15 { float: left; padding-left: 15px; }
.padding-15 { float: left; padding: 15px; }
.padding-left-14 { float: left; padding-left: 14px; }
.margin-top-15 { float: left; margin-top: 15px; }
.margin-left-15 { float: left; margin-left: 15px; }
.margin-bottom-15 { float: left; margin-bottom: 15px; }
.margin-15 { float: left; margin: 15px; }
.box { background-color: #fff; }
.box-1024 { float: left; width: 1024px; }
.box-994 { float: left; width: 994px; }
.box-709 { float: left; width: 709px; }
.box-679 { float: left; width: 679px; }
.box-678 { float: left; width: 680px; }
.box-649 { float: left; width: 649px; }
.box-396 { float: left; width: 396px; }
.box-395 { float: left; width: 395px; }
.box-394 { float: left; width: 394px; }
.box-300 { float: left; width: 300px; }
.box-298 { float: left; width: 298px; }

body > div.header { float: left; width: 100%; background-color: #e7e7e9; z-index: 2; box-shadow: 3px 3px 3px #777; }
body > div.header div.terra-bar { width: 100%; height: 24px; }
body > div.header div.header-ads { margin: 0 auto; position: relative; width: 1024px; height: 90px; }
body > div.header div.header-ads div#super-banner { float: left; width: 728px; height: 90px; }
body > div.header div.header-ads div.relogio { float: left; width: 202px; height: 90px; margin-left: 94px; }

body > div.header div.menu { width: 1024px; height: 36px; margin: 0 auto; padding: 15px 0; position: relative; margin-bottom: 10px; }
body > div.header div.menu a.logo { float: left; cursor: pointer; }
body > div.header div.menu div.wavescheck { color: #000; float: left; font-size: 16px; font-weight: bold; height: 36px; line-height: 60px; margin-left: 40px; text-align: center; text-decoration: none; }
body > div.header div.menu div.wavescheck a { color: #000; text-decoration: none; }
body > div.header div.menu a.dicas { color: #000; float: left; font-size: 16px; font-weight: bold; height: 36px; line-height: 60px; margin-left: 40px; text-align: center; text-decoration: none; }
body > div.header div.menu a.waves { color: #000; float: left; font-size: 16px; font-weight: bold; height: 36px; line-height: 60px; margin-left: 40px; text-align: center; text-decoration: none; }
body > div.header div.menu a.competition { cursor: pointer; color: #000; float: left; font-size: 16px; font-weight: bold; height: 36px; line-height: 60px; margin-left: 40px; text-align: center; text-decoration: none; }
body > div.header div.menu div.sub-menu { cursor: pointer; color: #000; float: left; font-size: 16px; font-weight: bold; height: 36px; line-height: 60px; margin-left: 40px; text-align: center; text-decoration: none; }
body > div.header div.menu form.search { border: medium none; float: right; height: 36px; margin: 0; padding: 0; width: 205px; margin-top:12px;}
body > div.header div.menu form.search input { background-image: url("/system/skins/waves/img/search.png"); background-position: right center; background-repeat: no-repeat; border: medium none; float: left; height: 36px; margin: 0; padding: 0 0 0 5px;  width: 205px; }

body > div.header div.menu div.wavescheck-menu { background-color: #fff; border: 1px solid black; display: none; left: 229px; position: absolute; top: 57px; width: 190px; z-index: 9999; }
body > div.header div.menu div.wavescheck-menu ul { float: left; width: 190px; }
body > div.header div.menu div.wavescheck-menu ul li { float: left; width: 190px; padding: 5px 0; }
body > div.header div.menu div.wavescheck-menu ul li:HOVER { background-color: #000; }
body > div.header div.menu div.wavescheck-menu ul li a { color: #000; float: left; font-size: 12px; text-align: center; text-decoration: none; width: 190px; }
body > div.header div.menu div.wavescheck-menu ul li:HOVER a { color: #fff; }

body > div.header div.menu div.menu-itens { background-color: #fff; border: 1px solid black; display: none; left: 139px; position: absolute; top: 57px; width: 130px; z-index: 9999; }
body > div.header div.menu div.menu-itens ul { float: left; width: 130px; }
body > div.header div.menu div.menu-itens ul li { float: left; width: 130px; padding: 5px 0; }
body > div.header div.menu div.menu-itens ul li:HOVER { background-color: #000; }
body > div.header div.menu div.menu-itens ul li a { color: #000; float: left; font-size: 12px; text-align: center; text-decoration: none; width: 130px; }
body > div.header div.menu div.menu-itens ul li:HOVER a { color: #fff; }

body > div.header div.menu-fixed { background-color: #e7e7e9; display: none; left: 0; min-width:1024px; padding: 1%; position: fixed; top: 0; width: 98%; z-index: 9999; box-shadow: 3px 3px 3px #777; }
body > div.header div.menu-fixed a.logo { float: left; cursor: pointer; width: 13%; }
body > div.header div.menu-fixed div.wavescheck { color: #000; float: left; font-size: 16px; font-weight: bold; height: 36px; line-height: 60px; margin-left: 6%; text-align: center; text-decoration: none; }
body > div.header div.menu-fixed div.wavescheck a { color: #000; text-decoration: none; }
body > div.header div.menu-fixed a.competition { color: #000; float: left; font-size: 16px; font-weight: bold; height: 36px; line-height: 60px; margin-left: 6%; text-align: center; text-decoration: none; }
body > div.header div.menu-fixed a.dicas { color: #000; float: left; font-size: 16px; font-weight: bold; height: 36px; line-height: 60px; margin-left: 6%; text-align: center; text-decoration: none; }
body > div.header div.menu-fixed a.waves { color: #000; float: left; font-size: 16px; font-weight: bold; height: 36px; line-height: 60px; margin-left: 6%; text-align: center; text-decoration: none; }
body > div.header div.menu-fixed div.sub-menu { color: #000; float: left; font-size: 16px; font-weight: bold; height: 36px; line-height: 60px; margin-left: 4%; text-align: center; text-decoration: none; }
body > div.header div.menu-fixed form.search { border: medium none; float: right; height: 36px; margin: 0; padding: 0; width: 20%;  margin-top:12px;}
body > div.header div.menu-fixed form.search input { background-image: url("/system/skins/waves/img/search.png"); background-position: right center; background-repeat: no-repeat; border: medium none; float: left; height: 36px; margin: 0; padding: 0 0 0 5%;  width: 95%; }

body > div.header div.menu-fixed div.wavescheck-menu { background-color: #fff; border: 0.1em solid black; display: none; left: 21.5%; position: absolute; top: 67%; width: 18%; z-index: 2; }
body > div.header div.menu-fixed div.wavescheck-menu ul { float: left; width: 100%; }
body > div.header div.menu-fixed div.wavescheck-menu ul li { float: left; padding: 2% 0; width: 100%; }
body > div.header div.menu-fixed div.wavescheck-menu ul li:HOVER { background-color: #000; }
body > div.header div.menu-fixed div.wavescheck-menu ul li a { color: #000; float: left; font-size: 0.8em; text-align: center; text-decoration: none; width: 100%; }
body > div.header div.menu-fixed div.wavescheck-menu ul li:HOVER a { color: #fff; }

body > div.header div.menu-fixed div.menu-itens { background-color: #fff; border: 0.1em solid black; display: none; left: 13.4%; position: absolute; top: 67%; width: 12%; z-index: 2; }
body > div.header div.menu-fixed div.menu-itens ul { float: left; width: 100%; }
body > div.header div.menu-fixed div.menu-itens ul li { float: left; padding: 2% 0; width: 100%; }
body > div.header div.menu-fixed div.menu-itens ul li:HOVER { background-color: #000; }
body > div.header div.menu-fixed div.menu-itens ul li a { color: #000; float: left; font-size: 0.8em; text-align: center; text-decoration: none; width: 100%; }
body > div.header div.menu-fixed div.menu-itens ul li:HOVER a { color: #fff; }

div.footer { float: left; width: 100%; border-bottom: 0.1em solid black; background-color: #fff; margin-top: 15px; box-shadow: 0px 3px 3px 3px #777; }
div.footer div.left { float: left; width: 30%; padding-bottom: 1%; }
div.footer div.left img { float: left; margin: 35% 0 0 30%; }
div.footer div.left div { float: left; font-size: 1em; line-height: 1.5em; margin: 5% 0 0 30%; width: 60%; }
div.footer div.left div br { float: left; }
div.footer div.left div.host { color: white; } 
div.footer div.right { float: left; width: 69%; border-left: 0.1em solid black; padding-bottom: 1%; }
div.footer div.col { float: left; margin-left: 2%; width: 23%; }
div.footer div.col h1 { float: left; margin-top: 5%; width: 100%; }
div.footer div.col h1 a { color: #000; float: left; font-size: 0.8em; text-decoration: none; }
div.footer div.col ul { float: left; list-style: outside none none; width: 100%; }
div.footer div.col ul li { float: left; padding: 5% 0 0 10%; width: 90%; }
div.footer div.col ul li a { color: #000; float: left; font-size: 0.8em; text-decoration: none; }
div.footer div.col h1.top { float: left; width: 100%; }
div.footer div.col h1.top a { float: left; color: #f03e22; font-size: 0.8em; }

body > div.header div.mobile-menu { display: none; }

.remove-desktop { display: none; }

div.dfp-zone-mobile { margin: 0 auto; overflow: hidden; display: none; text-align: center; }

@media screen and (max-width: 1300px){ 
	body > div.header div.menu-fixed div.wavescheck-menu { left: 22.5%; }
}
@media screen and (max-width: 1140px){ 
	body > div.header div.menu-fixed div.wavescheck-menu { left: 23.5%; }
}
@media screen and (max-width: 800px){ 
	div.advertisers-zone1 { display: none; }
	span.waves-shop { display: none; }
	div.GoogleActiveViewClass { display: none; }
	.dfp-mobile-class { display: none; }
	
	.remove-desktop { display: block; }
	
	.remove-mobile { display: none; }
	
	body > div.header { width: 100%; }
	body > div.header div.terra-bar { height: 1.5em; overflow: hidden; width: 100%; }
	body > div.header div.terra-bar iframe { height: 100%; width: 100%; }
	body > div.header div.header-ads { display: none; }
	body > div.header div.menu { display: none; }
	
	body > div.header div.menu-fixed { display: none; }
	
	body > div.header div.mobile-menu { display: block; float: left; position: relative; width: 100%; }
	body > div.header div.mobile-menu a.logo { float: left; height: 100%; margin: 1% 0 1% 2%; width: 9%; }
	body > div.header div.mobile-menu a.logo img { height: auto; width: 100%; }
	body > div.header div.mobile-menu img.menu-icon { float: left; height: 2.25em; margin: 1% 0 1% 6%; width: 5%; }
	body > div.header div.mobile-menu a.menu { color: #000; float: left; font-size: 1em; margin: 4.1% 0; text-align: center; text-decoration: none; width: 15%; }
	body > div.header div.mobile-menu a.competition { color: #000; float: left; font-size: 1em; margin: 4.1% 0; text-align: center; text-decoration: none; width: 24%; }
	body > div.header div.mobile-menu a.wavescheck { color: #000; float: left; font-size: 1em; margin: 4.1% 0; text-align: center; text-decoration: none; width: 24%; }
	body > div.header div.mobile-menu a.guia { color: #000; float: left; font-size: 1em; margin: 4.1% 0; text-align: center; text-decoration: none; width: 14%; }
	
	body > div.header div.mobile-menu .search { float: right; position: relative; width: 9%; margin: 3.4% 0; }
	body > div.header div.mobile-menu .search img { width: 38%; position: relative; top:10%; display: table; margin: 0 auto; }
	body > div.header div.mobile-menu form { display: none; float: left; width: 85%; margin:2.3% 2% 0; height: 3em; }
	body > div.header div.mobile-menu form input[type="text"] { float: left; border: 2px solid #b0b1b3; width: 75%; padding: 0 2%; height: 3.9em; }
	body > div.header div.mobile-menu form input[type="submit"] { float: left; background-color: #b0b1b3; color: #fff; width: 20%; height:4.2em; border: none; font-weight: bold; }
	
	body > div.header div.mobile-menu div.arrow-menu { border-color: transparent transparent #fff; border-style: solid; border-width: 0 0.625em 0.625em; display: none; height: 0; left: 17%; position: absolute; top: 89%; width: 0; }	
	body > div.header div.mobile-menu div.menu-itens { background-color: #fff; display: none; left: 0; position: absolute; top: 100%; width: 100%; z-index: 9999; }
	body > div.header div.mobile-menu div.menu-itens ul { float: left; width: 100%; }
	body > div.header div.mobile-menu div.menu-itens ul li { float: left; margin-left: 2%; width: 98%; }
	body > div.header div.mobile-menu div.menu-itens ul li a { float: left; border-bottom: 0.1em solid #e7e7e9; color: #000; float: left; font-size: 1em; height: 2.5em; line-height: 2.5em; text-decoration: none; width: 100%; }
	
	body > div.header div.mobile-menu div.arrow-wavescheck-menu { border-color: transparent transparent #fff; border-style: solid; border-width: 0 0.625em 0.625em; display: none; height: 0; left: 75%; position: absolute; top: 89%; width: 0; }
	body > div.header div.mobile-menu div.menu-wavescheck-itens { float: left; background-color: #fff; display: none; left: 0; position: absolute; top: 100%; width: 100%; z-index: 9999; }
	body > div.header div.mobile-menu div.menu-wavescheck-itens ul { float: left; margin-left: 2%; width: 98%; } 
	body > div.header div.mobile-menu div.menu-wavescheck-itens ul li { float: left; margin-left: 2%; width: 98%; }
	body > div.header div.mobile-menu div.menu-wavescheck-itens ul li a { float: left; border-bottom: 0.1em solid #e7e7e9; color: #000; float: left; font-size: 1em; height: 2.5em; line-height: 2.5em; text-decoration: none; width: 100%; }
	
	
	body div.content { float: left; margin: 0; padding: 0; height: auto; width: 100%; }
	
	.box-1024 { width: 100%; }
	.box-994 { width: 100%; }
	.box-709 { width: 100%; }
	.box-679 { width: 100%; }
	.box-300 { width: 100%; }
	.box-394 { width: 100%; }
	.padding-15,
	.margin-15 { padding: 1.5%; width: 100%; }
	.padding-top-15,
	.margin-top-15 { padding-top: 1.5%; width: 100%; }
	.padding-left-15 { padding-left: 1.5%; width: 98.5%; }
	.padding-bottom-15 { padding-bottom: 1.5%; width: 100%; }
	
	body div.footer { margin-top: 0; }
	body div.footer div.left img { margin: 10% 20%; width: 60%; }
	body div.footer div.left div { font-size: 0.6em; margin: 0 20%; width: 60%; }
	body div.footer div.col h1 a { font-size: 0.5em; }
	body div.footer div.col h1.top a { font-size: 0.6em; }
	body div.footer div.col ul li a { font-size: 0.5em; }	
	
	div.dfp-zone-mobile { display: block; }
}
@media screen and (max-width: 650px){
	body > div.header div.mobile-menu form { margin: 1.5% 2% 0; }
}
@media screen and (max-width: 570px){
	body > div.header div.mobile-menu form { height: 2.3em; margin: 1.9% 2% 0; }
	body > div.header div.mobile-menu form input[type="text"] { height: 2.9em; }
	body > div.header div.mobile-menu form input[type="submit"] { height: 3.2em; }
}
@media screen and (max-width: 510px){
	body > div.header div.mobile-menu form input[type="text"] { width: 72% }
}
@media screen and (max-width: 480px){
	body > div.header div.mobile-menu a.menu,
	body > div.header div.mobile-menu a.competition,
	body > div.header div.mobile-menu a.wavescheck,
	body > div.header div.mobile-menu a.guia { font-size: 0.9em; }
	
	body > div.header div.mobile-menu div.arrow-menu,
	body > div.header div.mobile-menu div.arrow-wavescheck-menu { top:83%; }
	
	body > div.header div.mobile-menu .search { width: 10%; }
	
	body > div.header div.mobile-menu form { height: 2em; }
	body > div.header div.mobile-menu form input[type="text"] { height: 2.5em; }
	body > div.header div.mobile-menu form input[type="submit"] { height: 2.9em; }
	
	body div.footer { margin-top: 3%; }
}
@media screen and (max-width: 440px){
	body > div.header div.mobile-menu a.menu,
	body > div.header div.mobile-menu a.competition,
	body > div.header div.mobile-menu a.wavescheck,
	body > div.header div.mobile-menu a.guia { font-size: 0.8em; }
	
	body > div.header div.mobile-menu div.arrow-menu { left: 16%; }
	body > div.header div.mobile-menu div.arrow-wavescheck-menu { left: 73%; }
}
@media screen and (max-width: 400px){
	body > div.header div.mobile-menu a.guia { width: 12%; }
	body > div.header div.mobile-menu a.competition { width: 26%; }
	body > div.header div.mobile-menu .search { margin: 3.5% 0; }
	
	body > div.header div.mobile-menu form { height: 1.8em; }
	body > div.header div.mobile-menu form input[type="text"] { height: 2.2em; }
	body > div.header div.mobile-menu form input[type="submit"] { height: 2.5em; }
}
@media screen and (max-width: 370px){
	body > div.header div.mobile-menu a.menu,
	body > div.header div.mobile-menu a.competition,
	body > div.header div.mobile-menu a.wavescheck,
	body > div.header div.mobile-menu a.guia { font-size: 0.7em; }
	
	body > div.header div.mobile-menu .search { margin: 3.2% 0; }
	
	body > div.header div.mobile-menu form { height: 1.5em; margin: 1.5% 2% 0; }
	body > div.header div.mobile-menu form input[type="text"] { height: 1.9em; }
	body > div.header div.mobile-menu form input[type="submit"] { height: 2.25em; }
}
@media screen and (max-width: 320px){
	body > div.header div.mobile-menu a.menu,
	body > div.header div.mobile-menu a.competition,
	body > div.header div.mobile-menu a.wavescheck,
	body > div.header div.mobile-menu a.guia { font-size: 0.65em; }
	
	body > div.header div.mobile-menu .search { margin: 3.6% 0; }
	
	body > div.header div.mobile-menu form { margin: 1.3% 2% 0; }
}
