/* document reset */
* {margin:0; padding: 0px; font-family: Arial; }
html, body {background:url(../img/components/bg_principal.jpg) repeat-x; font-family:Arial;  background-color:#eaeaf3; margin:0  }
#geral{margin:0 auto; width:978px;}
h1, h2, h3, h4, h5, h6 {*text-align:left;}
label {display:inline-block;}

/* SITIO */
.Debug{border:1px solid red;}
#sitio { margin: 10px; }
.Clear { clear: both; }

/*-----------------CABECALHO-----------------*/
#cabecalho { z-index:1; margin-left:20px; }
#cabecalho img {border:none; z-index:2;}
#cabecalho form{margin:0 auto; margin-top:-35px; z-index:4;  margin-left:100px;}
#cabecalho form fieldset {border:none;}
#cabecalho form fieldset legend{display:none;}
#cabecalho form fieldset label {font-family:"Tahoma", Arial, Helvetica, sans-serif; font-size:15px; color:#427082;}
#cabecalho form fieldset input {background-color:#e5e5f4; border:none; color:#696969; width:235px; height:15px; padding:3px; z-index:4;} 
#cabecalho form fieldset button {background:url(../img/components/bt_ok.jpg) no-repeat; width:23px; height:21px; text-indent:-9999em; border:none; cursor:pointer; z-index:4;}
#cabecalho form fieldset button:hover{background-position:0 -21px;}
/*-----------------CABECALHO-----------------*/

/*-----------------CONTEUDO-----------------*/

/*geral*/
#noticias {margin-top:-38px; padding:80px 10px 0 10px;  *padding:0; *padding-top:80px; width:920px; border-left: 1px solid #bded28; z-index:2;}
#noticias #esquerda {float: left; width: 700px; *margin-left:3px}
#noticias #esquerda h3{ color:#7474bd; font-size:18px;}
/*geral*/

/*fotos e videos*/
#noticias #esquerda .Imagem-principal{ width:325px; float:left; clear:left;}
#noticias #esquerda .Imagem-principal img{border:solid 5px #bcbce1;}
#noticias #esquerda .Imagem-principal small {float:left; clear:left; color:#999999;}
#noticias #esquerda .Video {width:330px; float:left; clear:left;}
#noticias #esquerda .Video small a{float:left; clear:left; color:#999999;}
#noticias #esquerda .Form-indique {display:none;}
/*fotos e videos*/

/*data*/
#noticias .Post .Data{background:url(../img/components/bg_date.jpg) 0 bottom  no-repeat; width:570px; height:30px; clear:both; display:block; padding-top:20px; *text-align:left;}
#noticias .Post .Data .Data-inicio{font-size:18px; color:#7474bd; }
#noticias .Post .Data .Data-separa {font-size:18px; color:#85c55e;}
#noticias .Post .Data .Data-fim {font-size:14px; color:#babade;}
/*data*/

/*conteudo*/
#noticias .Post h2{font-size:16px; font-weight:500; color:#8788bf; margin-left:5%; margin:20px 40px; display:block; width:100%; clear:both; }
#noticias .Post .Conteudo{font-size:11px; color:#696969; text-align:justify; margin-left:20px;}
#noticias .Post #nav a.Mais{background:url(../img/components/bt_saiba_mais.jpg) no-repeat; width:80px; height:21px; text-indent:-9999em; float:right; display:block;}
#noticias .Post #nav a.Mais:hover{background-position:0 -21px;}
/*conteudo*/

/*tags*/
#noticias .Post .Separa-tags {margin-top:15px;}
#noticias .Post #nav h4{font-size:12px; color:#638899; float:left; }
#noticias .Post .Tags li{float:left; list-style:none;}
#noticias .Post .Tags li a{font-size:10px; color:#bcbcbc; list-style:none; float:left; margin:0 3px; display:block; }
/*tags*/

/*Paginacao*/
#noticias #esquerda .Paginacao {clear:both; background:#e2e2f0; width:700px; height:15px; display:block; margin-top:130px; margin-bottom:10px; }
#noticias #esquerda .Paginacao li { float:left; margin:5px; padding:1px; height:15px; list-style:none;  }
#noticias #esquerda .Paginacao li a{color:#62b92a; text-decoration:none;  height:21px; display:block; margin-top:-9px; _margin:0;}
#noticias #esquerda .Paginacao li a:hover{color:#409f02;}
#noticias #esquerda .Paginacao li a.Atual { background:url(../img/components/bt_pag_ativo.jpg) no-repeat;  color:#fff; width:23px; height:21px; display:block; padding-left:6px; margin-top:-9px; _margin:0;}
/*Paginacao*/

/*-----------------CONTEUDO-----------------*/


/*-----------------MENU-----------------*/
#noticias #menu {width:200px; float:right; text-align:left; }
#noticias #menu h2{ font-family:"Tahoma", Arial, Helvetica, sans-serif; font-size:17px; color:#427080;  border-bottom:2px solid #ddddef; padding:0 10px 20px 0;}
#noticias #menu h3{ font-family:"Tahoma", Arial, Helvetica, sans-serif; font-size:15px; color:#427080; padding:20px 0 5px 10px;}
#noticias #menu h3.Tags-titulo {border-top:2px solid #ddddef; padding:15px 0 5px 10px; margin-top:20px;}
#noticias #menu ul.Arquivo-lista {margin-left:12px;}
#noticias #menu .Arquivo-lista li a{font-size:12px; color:#999; list-style:none; text-decoration:none; }
#noticias #menu .Arquivo-lista li {list-style:none;}
#noticias #menu .Arquivo-lista li a:hover{text-decoration:underline;}
#noticias #menu ul.Tags-lista {margin-left:12px; margin-bottom:20px; width:195px;}
#noticias #menu .Tags-lista li {list-style:none; float:left;}
#noticias #menu .Tags-lista li.Tamanho-1{font-size:12px;}
#noticias #menu .Tags-lista li.Tamanho-2{font-size:16px;}
#noticias #menu .Tags-lista li.Tamanho-3{font-size:20px;}
#noticias #menu .Tags-lista li a{color:#999; text-decoration:none; float:left; display:block; margin-right:3px; height:20px;}
#noticias #menu .Tags-lista li a:hover{text-decoration:underline;}

#noticias #menu #banner_loja {background:url(../img/components/bg_lojasupra.jpg) no-repeat; width:189px; height:115px; margin:20px 0; clear:both; margin-top:40px; margin-left:5px;}
#noticias #menu #banner_loja a{ background:url(../img/components/bt_lojasupra.jpg) no-repeat; width:136px; height:21px; text-indent:-9999em; float:right; margin:85px 20px 0 0;}
#noticias #menu #banner_loja a:hover{ background-position: 0 -21px;}

#noticias #menu #banner_site {background:url(../img/components/bg_suprasite.jpg) no-repeat; width:189px; height:105px; margin:20px 0; clear:both; margin-left:5px;}
#noticias #menu #banner_site a{ background:url(../img/components/bt_acessar.jpg) no-repeat; width:76px; height:21px; text-indent:-9999em; float:right; margin:75px 20px 0 0;}
#noticias #menu #banner_site a:hover{ background-position: 0 -21px;}

#noticias #menu #banner_produtos {background:url(../img/components/bg_supraprods.jpg) no-repeat; width:189px; height:105px; margin:20px 0; clear:both; margin-left:5px;}
#noticias #menu #banner_produtos a{ background:url(../img/components/bt_conhecalinha.jpg) no-repeat; width:116px; height:21px; text-indent:-9999em; float:right; margin:75px 20px 0 0;}
#noticias #menu #banner_produtos a:hover{ background-position: 0 -21px;}

#noticias #menu #banner_download {background:url(../img/components/bg_supradownload.jpg) no-repeat; width:189px; height:105px; margin:20px 0; clear:both; margin-left:5px;}
#noticias #menu #banner_download a{ background:url(../img/components/bt_conhecalinha.jpg) no-repeat; width:116px; height:21px; text-indent:-9999em; float:right; margin:75px 20px 0 0;}
#noticias #menu #banner_download a:hover{ background-position: 0 -21px;}
/*-----------------MENU-----------------*/

/*-----------------RODAPE-----------------*/
#rodape { padding: 10px; background-color:#dbdcf4; width:978px; margin:0 auto;}
#rodape #org{ font-size:10px; color:#696969; float:left; margin:10px 0 10px 110px; _margin-left:55px; _margin-bottom:5px; }
#rodape #direitos{ font-size:10px; color:#696969; float:right; margin-top:10px; margin-right:290px; _margin-right:130px;  }
#rodape #advertencia {background:url(../img/components/bg_advertencia.jpg) no-repeat; width:721px; height:50px; margin-top:10px; margin-left:100px;  padding:3px 10px;; clear:both; text-align:justify;}
#rodape #advertencia p{font-size:10px; color:#5b5ba3; float:left; width:570px;}
#rodape #advertencia img{float:right; margin-right:20px;}
/*-----------------RODAPE-----------------*/