html,body {
margin: 0;
padding: 0;
list-style:none;
}
body {
line-height:18px;
font: normal 62.8%/1.3 Arial, Helvetica, sans-serif; color: #0F2031;
padding: 0px 0;
background: #eed94d url(../images/bg.jpg) no-repeat top center;}
a {
text-decoration: none;
}
img {
border: none;
display: block;
}
h1 {
margin: 15px 0;
color: #99oooo;
font: bold 26px/30px Arial, sans-serif;
}
h2 {
margin: 5px 0;
color: #990000;
font: bold 16px/30px Arial, sans-serif;
}
h3 {
color: #C93;
margin: 15px 0 5px 0;
font: bold 115%/120% Arial, sans-serif;
}
h4 {
margin: 0;
color: #D6AD5C;
font: bold 100%/150% Arial, sans-serif;
}
h5 {
margin: 0;
color: #99oooo;
font: bold 100%/150% Arial, sans-serif;
}
h6 {
margin: 0;
color: #FFF;
font: bold 85%/150% Arial, sans-serif;
}
p {
margin: 15px 0;
}
#container {
width: 920px;
margin: 0 auto;
position: relative;
}
/* header ------------------------------------------------------------------- */
#header {
height: 80px;
margin-bottom:10px;
/*background - esta no css de cada menu*/
}
/* logo */
#logo {
float: left;
margin: 0 13px;
display: inline;
}
#data {
margin: 0;
padding: 0;
clear: left;
font: bold 12px/14px Arial, sans-serif;
position: absolute;
right: 9px;
top: 60px;
}
/* main body -----------------------------------------------------------------*/
#main {
width: 100%;
overflow: hidden;
padding: 0px 0px 0px 0px;
clear: both;
background: #FFF;
}
.box {
width: 270px;
float: left;
border-left: 1px solid #999;
margin: 0 0 -9999px 0;
padding: 0 10px 9999px 20px;
margin-left: -1px;
color: #333;
font-size: 12px;
overflow: hidden;
}
.box ul {
margin: 0;
padding: 0 0 0 18px;
list-style: none;
}
.box ul li {
padding: 0 0 0 7px;
background: url('../images/bullet.gif') no-repeat 0 50%;
}
.buttons {
padding: 0 !important;
clear: right;
width: 200%;
}
.buttons li {
float: left;
border: 1px solid #323334;
background: #023568 url('../images/bg_but_inact.gif') repeat-x 0 100% !important;
margin: 15px 25px 0 0;
padding: 0 !important;
}
.buttons li:hover,
.buttons li.hover {
background: #DFC081 url('../images/bg_but_act.gif') repeat-x 0 100% !important;
}
.buttons a {
color: #FFF;
padding: 3px 5px 3px 24px;
white-space: nowrap;
float: left;
font-weight: bold;
}
.samples {
background: url('../images/i_tutorials.gif') no-repeat 5px 50%;
}
.signup {
background: url('../images/i_signup.gif') no-repeat 4px 50%;
}
.hd {
margin: 10px auto;
padding-right: 10px;
}
.wrap {
width: 100%;
overflow: hidden;
background:url(../images/wrap_bg.jpg);
}
.wrap_BGdif{
background:#FFFFFF !important;
}
.leftcol {
float: left;
width: 267px;
padding: 10px 20px 5px 20px;
}
.leftcol a {
color: #99oooo;
}
.leftcol a:hover {
color: #C93;
}
.leftcol p{
padding:0px;
margin:0px;
}
.fonte_menor{
font-size: 12px;
}
.leftcol2 {
float: left;
width: 284px;
padding: 10px 9px 5px 10px;
position:relative;
}
.leftcol2 a {
color: #99oooo;
}
.leftcol2 a:hover {
color: #C93;
}
.leftcol2 p{
padding:0px;
margin:0px;
}
/*para usar com bordas*/
.leftcol3 {
float: left;
width: 264px;
padding: 10px 20px 5px 20px;
}
.leftcol3 a {
color: #99oooo;
}
.leftcol3 a:hover {
color: #C93;
}
/*para usar com imagens - sem padding nas laterias direita - tbm com bordas */
.leftcol4 {
float: right;
width: 289px;
padding: 10px 5px 5px 0px;
}
.leftcol4 img {
padding-bottom:5px;
}
.leftcol4 a {
color: #99oooo;
}
.leftcol4 a:hover {
color: #C93;
}
/*para usar com filme news*/
.leftcol3_news {
float: left;
width: 294px;
height:290px;
padding-left:10px;
}
.logos {
margin: 0;
padding: 30px 0;
list-style: none;
width: 100%;
overflow: hidden;
}
.logos li {
float: left;
width: 100%;
padding: 10px 0;
}
.logos a {
float: left;
}
.center {
float: left;
width: 570px;
padding: 0 0 0 10px;
font-size: 12px;
}
.center a {
color: #990000;
}
.center a:hover {
color: #C93;
}
.center p {
padding:0 0 10px 0}
/* bottom --------------------------------------------------------------------*/
#bottom {
margin: 0px 0 0 0;
width: 100%;
height:20px;
background-color: #d75900;
}
#bottom p{
font: 12px Arial, sans-serif;
color:#FFFFFF;
margin:0;
padding:5px 7px 0px 7px;
}
#bottom a{
color:#FFFFFF;
}
#bottom a:hover {
text-decoration:underline;
}
/* footer --------------------------------------------------------------------*/
#footer {
padding: 3px 7px 7px 7px;
font: bold 12px/14px Arial, sans-serif;
color: #fff;
background-image:url(../images/footer.gif);
background-repeat:no-repeat;
background-position:bottom;
height:25px;
}
#footer a {
color: #fff;
}
#footer a:hover {
text-decoration: underline;
}
/* second page ---------------------------------------------------------------*/
#sidebar {
background: #EEE;
width: 213px;
float: left;
overflow: hidden;
margin: -10px 0 -9999px 0;
padding: 0 0 9989px 0;
color: #333;
}
#left-navigation {
margin: 50px 0;
padding: 0;
list-style: none;
width: 100%;
overflow: hidden;
}
#left-navigation li {
float: left;
width: 100%;
}
#left-navigation li a {
display: block;
width: 180px;
padding: 10px 15px;
color: #333;
font-size: 90%;
}
#left-navigation li a:hover,
#left-navigation li a.current {
background: url('../images/lm_act.gif') no-repeat;
}
.cb {
width: 185px;
padding: 12px;
margin: 8px 0 0 0;
background: url('../images/bg_cb.gif') no-repeat 100% 0;
}
#sidebar h3 {
margin: 0;
padding: 3px 0;
font: bold 90%/100% Arial, sans-serif;
border-bottom: 1px solid #999;
color: #333;
}
.cb p {
margin: 10px 3px;
font-size: 75%;
}
#content {
width: 670px;
float: right;
padding-right: 5px;
color: #333;
}
#content p {
font-size: 88%;
}
#banner{
width: 920px;
height: 310px;
background: url(../images/banner.jpg) no-repeat;
}
#bannermenor{
width: 920px;
height: 160px;
background: url(../images/banner_menor.jpg) no-repeat;
}
#madeinbrazil{
width: 280px;
height: 161px;
background: url(../images/index/box_bandas.jpg) no-repeat;
float:left;
}
#destaque{
width: 280px;
height: 161px;
background: url(../images/index/destaque.jpg) no-repeat;
float:left;
margin: 5px 0 0 0;
}
/* para swf de news*/
#comporta_news{
width: 276px;
height: 327px;
background: url(../images/smart.jpg) no-repeat;
margin-left:0px;
}
/****************************TITULOS e CORES *********************************/
#comportaTitulos{
width: 920px;
height: 22px;
font: bold 10pt verdana, arial, "Trebuchet MS", sans-serif;
position:relative;
}
.menosdesc{
font-weight:normal;
}
.conteudoTit {
margin: 0px 0;
font: bold 16px Arial, sans-serif;
color:#993300
}
.corU1{
color:#990000;
}
.corU2{
color:#FE990B;
}
.corU3{
color: #FE990B;
}
.bgcorU1{
background-color:#ebdfbe;
}
.bgcorU2{
background-color:#c3c3c3;
}
.bgcorU3{
background-color:#ccc;
}
/************* DIVISOES PARA CONTEDUDO *********************/
.completo {
width:99%
}
.espacamento{
padding: 10px 20px 5px 20px;
}
.completo_0 {
width:99%;
margin:0px;;
padding:0px;
}
.umterco{
width: 33.3%;
}
.doisterco{
width: 66%;
}
.umquarto{
width: 25%;
float:left;
}
.metade{
width: 49.5%;
float:left;
}
.sessenta{
width: 59.5%;
float:left;
}
.quarenta{
width: 39.5%;
float:left;
}
/********************** FLOAT ************************/
.left {
float: left;
}
.right {
float: right;
}
.limpa {
clear:both;
}
/********************** para testes - apagar depois ************************/
.vermelho{
background-color:#FF0000;
}
.azul{
background-color:#3366FF;
}
.verde{
background-color:#009900;
}
/********************** bordas ************************/
.borda_esq{
border-left:#CCCCCC dashed 1px
}
.borda_dir{
border-right: #CCCCCC dashed 1px
}
/*Textos das Galerias */
.tituloAno {
color: #2E5D8B;
font: bold 16px Arial, sans-serif;
letter-spacing:5px;
text-transform:uppercase;
}
.tituloEvento {
color: #FE990B;
font: bold 14px Arial, sans-serif;
padding-top:5px;
}
.titulooutros {
color: #FE990B;
font: bold 16px Arial, sans-serif;
padding-top:5px;
}
/*Para formularios ***********************************************************/
.campos {
background-color: #FFFFFF;
font: 12px verdana, arial, helvetica, sans-serif;
color: #666;
border:1px solid #085dba;
width:400px;
height:17px;
}
.campos_sel {
color: #666;
border:1px solid #085dba;
}
.botao {
background-color: #085dba;
font: 10px verdana, arial, helvetica, sans-serif;
color: #FFFFFF;
}
/*
.como_chegar ul {
margin: 10px 0;
padding: 0 0 0 0px;
}
.como_chegar ul li {
padding: 5px 0 5px 20px;
list-style:none;
background:url(../images/google_map_pin.gif) 0px 0px no-repeat;
}
.lista_ord ol {
margin: 20px 0;
padding: 0 0 0 40px;
}
.lista_ord ol li {
padding: 5px 0;
}
.lista_normal ul {
margin: 20px 0;
padding: 0 0 0 30px;
}
.lista_normal ul li {
padding: 5px 0 5px 12px;
list-style:none;
background:url(../images/marcador.jpg) 0px 9px no-repeat;
}
.lista_lateral ul {
margin: 20px 0;
padding: 0 0 0 0px;
}
.lista_lateral ul li {
padding: 5px 0 5px 12px;
list-style:none;
background:url(../images/marcador.jpg) 0px 9px no-repeat;
}
.lista_lateral ul li li {
padding: 5px 0 5px 2px;
list-style:none;
background:url(../images/marcador.jpg) 0px 9px no-repeat;
}
*/
/*********************PARA IMAGENS ****************************/
img.fotos{
border-style:solid;
border-width:2px;
margin: 10px 10px 0px 0px;
padding:3px 3px 3px 3px;
float:left;
} /* depois da ultima imagem colocar para limpar o float*/
/*TODO O SITE*/
#comportaMenu_Selc{
width:920px;
background: #0f2132 url('../images/bg-menu.gif') no-repeat;
height: 43px;
}
/*PAra pagina do portal*/
#comportaMenu_SelcPortal{
width:920px;
background: #0f2132 url('../images/barra.jpg') no-repeat;
height: 43px;
}
.buscaPortal{
width:230px;
height: 60px;
background-color:#000000;
margin-left:30px;
margin-bottom: 10px;
padding-top: 5px;
background: url('../images/bg_busca.jpg') no-repeat;
}
/* -- Main Menu -- */
#mainMenu {
height: 43px;
padding: 0 0px;
float:left;}
#mainMenu ul {
position: relative;
height: 100%;
text-align:left;
margin:0;
padding:0;}
#mainMenu li {
position: relative;
float: left;
list-style:none; }
#mainMenu li a {
display: block;
width: 118px;
height: 27px;
padding-top: 16px;
float: left;
font-size: 12px;
color: #fff;
text-decoration: none;
text-align: center;
background: url('../images/bg-menu_item.gif') 0 0 no-repeat;}
#mainMenu li.active a, #mainMenu li a:hover{
background-color: #0a1520;
background-position: 0 -43px;}
#comportaSelect{
float:right;
width:200px;
margin: 13px 10px 0 0;
height:30px
}
#comportaSelect select{
width:200px;
background-color: #ebdfbe;
border: 1px solid #333333;
font:12px verdana, arial, helvetica, sans-serif;
color:#333333;
}
.menuplaylist {
float: left;
width: 200px;
padding: 188px 20px 5px 20px;
list-style:none;
}
.menuplaylist a:hover {
color: #C93;
list-style:none;
}
.menuplaylist p{
padding:0px;
margin:0px;
list-style:none;
}
.imagens { border: 3px #990000 solid !important;}
.anunciobanner{
padding: 10px 0 5px 0;
float:left;
}
.navega{
padding: 10px 10px 0 0;
float: right;
text-align: right;
}
#segmentos{
width:270px;
margin:auto 0;
}
#segmentos h2{
background:url(../images/placa.jpg) no-repeat ;
font:16px "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
width:260px;
height:80px;
padding:49px 1px 0 98px;
margin:0;
color:#ecdfbf }
#segmentos h2 span{
color:#ecdfbf;
font:11px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:900;
}
#segmentos p{
display:block;
font:13px Verdana, Arial, Helvetica, sans-serif;
color:#CC0000;
margin:7px 0 0 23px;
padding:0;
}
#segmentos ul li {
background: url('../images/bullet.gif') no-repeat 0 65%;
font:13px Verdana, Arial, Helvetica, sans-serif;
font-weight:900;
color:#CC0000;
margin:auto 0;
padding:5px 0 0 10px;
list-style:none;
}
#segmentosduplos{
width:270px;
margin:auto 0;
background: url(../images/placa_dupla.jpg) no-repeat ;
font: 100% "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
font-weight:normal;
font-weight:bold;
height:140px;
padding:29px 3px 20px 100px;
margin:0;
color:#ecdfbf;
line-height:18px;
}
#segmentosduplos h2{
color:#ecdfbf;
padding:10px 0 0 0;
}
#segmentosduplos h2 span{
color:#ecdfbf;
font:11px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:900;
}
#segmentosduplos p{
font:13px Verdana, Arial, Helvetica, sans-serif;
color:#ecdfbf;
margin:7px 0 0 23px;
padding:0;
}
#segmentosduplos ul li {
background: url('../images/bullet.gif') no-repeat 0 65%;
font:13px Verdana, Arial, Helvetica, sans-serif;
font-weight:900;
color:#ecdfbf;
margin:auto 0;
padding:5px 0 0 10px;
list-style:none;
}
/*anuncios na home*/
.chat{
padding:10px;
margin:4px 0 0 0;
background-image:url(../images/bg_chat.jpg)
}
.salto{
padding:10px 0 8px 0;
line-height:20px;
font-size:10px;
}
.rand{
padding:0 0 3px 0;
line-height:20px;
font-size:10px;
}
.enquete{
padding:15px 5px 5px 5px;
margin:7px 0 0 0;
background-image: url(../images/bg_enquete.jpg);
background-repeat: no-repeat;
}
.apoio{ margin: 0 0 0 3px;}
.apoiom{ margin: 5px 0 0 3px;}
.randomicos_portal{ margin: 0;
padding: 4px 0 2px 0}
.central_portal{
padding: 10px 0 4px 0;}
.randomicos{ margin: 0;
padding: 3px 0 1px 0}
.apoioportal{
margin: 5px 0 0 0px;
background-image:url(../images/topapoio.gif);
background-position:top;
background-repeat:no-repeat;
background-color:#ebdfbe;
padding:0 0 0 5px}
.esquerda_portal{
width:285px;
margin: 5px 0 0 0px;
background-image:url(../images/top_dir_portal.gif);
background-position:top;
background-repeat:no-repeat;
background-color:#ebdfbe;
padding:13px 0 0 5px}
.botton_esq_portal{
width:285px;
height:21px;
margin: 0 0 10px 0;
background-image:url(../images/bot_esq_portal.gif);
background-position: bottom;
background-repeat:no-repeat;
background-color:#ebdfbe;
padding:0 0 0 5px}
.anuncios{
float:left;
width:129px;
margin: 10px 5px 0 0;}
.internas{ margin: 0 10px 0 0x;}
.internos{
float:left;
width:350px;
margin: 10px 12px 0 0;}
.internosdir{
float:right;
width:179px;
margin: 10px 12px 0 0;}
#subsegmentos{
float:left;
width:200px;
height:10px;
margin: 13px 10px 0 0;
height:30px;
}
#subsegmentos select{
width:200px;
background-color: #242021;
border: 1px solid #242021;
font:12px verdana, arial, helvetica, sans-serif;
color:#ebdfbe;
}
#subsegmentos h2{
background:url(../images/placa.jpg) no-repeat ;
font:16px "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
width:260px;
height:80px;
padding:49px 1px 0 98px;
margin:0;
color:#ecdfbf }
#subsegmentos h2 span{
color:#ecdfbf;
font:11px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:900;
}
#subsegmentos p{
display:block;
font:13px Verdana, Arial, Helvetica, sans-serif;
color:#CC0000;
margin:7px 0 0 23px;
padding:0;
}
#subsegmentos ul li {
background: url('../images/bullet.gif') no-repeat 0 65%;
font:13px Verdana, Arial, Helvetica, sans-serif;
font-weight:900;
color:#CC0000;
margin:auto 0;
padding:5px 0 0 10px;
list-style:none;
}
.tags {
padding:0 8px 0 5px;
background-image:url(../images/bg_tags.jpg)
/*margin:7px 0 0 0;
border-bottom: 1px solid #E1E1E1; */
}
.tagsMaior {
background: url(../images/background_nuvem.jpg) no-repeat;
margin: 0 0 0 15px;
padding:0;
width: 532px;
height: 461px;
}
.destaque{
font:Verdana, Arial, Helvetica, sans-serif;
color:#ecdfbf !important;
font-size:15px;
}
#gallery {
width:100%;
position:relative;
padding-left:12px;
}
#gallery img {
float: left;
padding: 5px;
border: 1px solid #005f3f;
margin: 7px 14px 7px 0px;
}
#popup{
width: 1200px;
height: 100px;
position:absolute;
left:50px;
top:64px;
z-index: 1000;
}
.buscape1{
position:absolute;
left:0px;
right:0;
width:300px;
height:250px;
}
.buscape2{
position:absolute;
left:65px;
right:0;
width:480px;
height:60px;
}