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;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
/* Body */
body{background-color: #0f162e; color: white; font-family: "Lucida Grande", Arial, sans-serif; font-size: 14px; line-height: 1.3;}
body{background-repeat: repeat-x; background-position: center top; background-image: url(images/background.jpg);}
/* br.clear{clear: both; float: none; height: 1px; line-height: 1;} */
/* Links */
a:link{color: #de0079; text-decoration: none;}
a:hover{color: #de0079; text-decoration: underline;}
a:active{color: #de0079; text-decoration: underline;}
a:visited{color: #de0079; text-decoration: none;}
a:visited:hover{color: #de0079; text-decoration: underline;}
/* Topo */
div#topo, div#nav, div#meio, div#corpo{margin: 0 auto; width: 1000px;}
div#topo{height: 100px; padding: 25px 0 10px;}
div#topo h6{background-position: center center; background-repeat: no-repeat; background-image: url(images/vipado.jpg);}
div#topo h6{height: 100px; width: 350px; float: left;}
div#topo h6 a{display: block; height: 100%; width: 100%;}
div#topo h6 span{display: none;}
div#topo div.banner{float: left; height: 89px; width: 603px;}
/* Menu */
ul#nav{clear: both; height: 30px; font-size: 12px; margin-bottom: 15px; text-align: center; text-transform: uppercase; padding-top: 20px;}
ul#nav li{display: inline; margin: 0 5px;}
ul#nav a{text-decoration: none; padding: 2px 4px;}
ul#nav a.ativo{color: white !important; background-color: #b10294;}
ul#nav a:hover{color: white !important; background-color: #b10294;}
ul#nav a:active{color: white !important; background-color: #b10294;}
ul#nav a:visited:hover{color: white !important; background-color: #b10294;}
ul#nav a.rosa:link{color: #b10294;}
ul#nav a.rosa:visited{color: #b10294;}
ul#nav a.verde:link{color: #637b5b;}
ul#nav a.verde:visited{color: #637b5b;}
ul#nav a.amarelo:link{color: #a3a134;}
ul#nav a.amarelo:visited{color: #a3a134;}
ul#nav a.roxo:link{color: #5a528b;}
ul#nav a.roxo:visited{color: #5a528b;}
/* Marquee */
marquee{background-color: #ccc; color: #000; font-weight: bold; padding: 2px; margin: 0 5px 10px;}
/* Meio */
div#meio{clear: both; margin-bottom: 15px; height: 220px; padding: 10px 0;} /* border-bottom: 1px dotted white; */
div#meio div.arroba{float: left; height: 220px; width: 220px;}
/* Destaques */
div#destaques{float: left; margin: 0 10px; position: relative; overflow: hidden; height: 220px; width: 540px;}
div#destaques div.destaque{width: 540px; height: 220px;}
div#destaques div.destaque img{width: 540px; height: 220px;}
div#destaques div.destaque div{position: absolute; top: 0; left: 0; height: 200px; padding: 10px; width: 150px;}
div#destaques div.destaque div{background-image: url(images/destaque.png);}
div#destaques div.destaque h1,
div#destaques div.destaque strong{color: #f93; font-size: 26px; border-bottom: 1px white dotted; padding-bottom: 10px; margin-bottom: 10px;}
div#destaques ul#nums{position: absolute; bottom: 15px; right: 15px; z-index: 999;}
div#destaques ul#nums li{background-image: url(images/num_normal.png); display: block; float: left; margin-left: 5px; height: 20px; width: 20px;}
div#destaques ul#nums li.ativo{background-image: url(images/num_ativo.png);}
div#destaques ul#nums li span{display: block; text-align: center; padding: 2px 0 0; width: 100%;}
div#destaques ul#nums li span{color: white; font-size: 12px; cursor: pointer;}
/* Conteudo */
div#conteudo{float: left; width: 540px;}
/* Paginção */
div.paginacao{clear: both;}
/* Colunas */
ul.coluna{float: left; width: 220px; padding: 0 5px;}
ul.coluna li{clear: both; margin-bottom: 10px; padding-bottom: 10px;}
ul.coluna li li{border: 1px none white; clear: none; padding: 0;}
ul.coluna li h5{background-color: #3e414e; font-size: 12px; margin-bottom: 10px; text-transform: uppercase; text-align: right; padding: 4px;}
ul.coluna input{background-color: #cfcfd3; border-style: none; color: black; padding: 2px; font-weight: bold;}
ul.coluna input.ok{background-color: #b50368; color: white; font-size: 10px; cursor: pointer; text-transform: uppercase; padding: 2px;}
ul.coluna div.texto{background-color: #181818; padding: 10px;}
ul.coluna small{font-size: 10px;}
/* Busca */
form#busca input{width: 175px;}
form#busca input.ok{width: auto;}
/* Social Media */
ul.social_media{height: 48px; text-align: center; margin-top: 8px; overflow: hidden; width: 220px;}
ul.social_media li{display: block; float: left; height: 48px; width: 48px; margin-right: 9px;}
ul.social_media li{background-repeat: no-repeat; background-position: center center;}
ul.social_media li a{display: block; width: 100%; height: 100%;}
ul.social_media li span{display: none;}
ul.social_media li.twitter{background-image: url(images/twitter.jpg);}
ul.social_media li.rss{background-image: url(images/rss.jpg);}
ul.social_media li.facebook{background-image: url(images/facebook.jpg);}
ul.social_media li.myspace{background-image: url(images/myspace.jpg); margin-right: 0 !important;}
ul.social_media li.orkut{background-image: url(images/orkut.jpg); margin-right: 0 !important;}
/* Tv */
ul.tv li{cursor: pointer;}
/* Newsletter */
form#newsletter input{width: 175px; margin-bottom: 5px;}
form#newsletter input.ok{width: auto;}
/* Enquete */
ul.coluna form.enquete{font-size: 12px; padding: 0 0 0 10px; width: auto;}
ul.coluna form.enquete strong{font-size: 14px; color: #f93;}
ul.coluna form.enquete li{margin-bottom: 5px;}
ul.coluna form.enquete input.btn{cursor: pointer; background-color: #b50368; color: white; cursor: pointer; text-transform: uppercase; padding: 2px 8px; margin-
right: 5px;}
ul.coluna form.enquete div.aviso{font-weight: bold; color: #b10294; margin-bottom: 5px;}
/* Vipados */
ul.vipados{text-align: center;}
ul.vipados br{clear: both; height: 1px;}
ul.vipados li{height: 46px; overflow: hidden; width: 46px; float: left; margin: 0 5px 5px 0;}
ul.vipados img{height: auto; width: 46px;}
/* Vips */
ul.vips{color: #ccc; font-size: 12px; text-align: center;}
ul.vips a{text-decoration: none;}
/* Contato */
span.contato{display: block; padding: 10px;}
form#contato{margin: 15px 0;}
form#contato br{clear: both;}
form#contato p{float: left; display: block; width: 100px;}
form#contato input,form#contato textarea{background-color: #cfcfd3; border-style: none; float: left; color: black; padding: 2px; font-weight: bold; margin-bottom: 5px;}
form#contato input.ok{background-color: #b50368; color: white; cursor: pointer; text-transform: uppercase; padding: 2px 8px;}
form#contato img{margin-left: 100px; margin-bottom: 5px;}
form#contato div.captcha input{margin-left: 100px;}
/* Rodape */
div#rodape{background-color: #161616; clear: both; font-size: 12px; margin: 15px 0; text-align: center; padding: 20px 0;}