/*


*/
*{margin:0; padding:0;}
body {font:12px Arial,Verdana,Tahoma,Helvetica; Color:#333; background:#FFF; margin:0 auto; text-align:center;}

#container {width:980px; height:auto; margin:0 auto; text-align:left;}
#header {height:180px; margin:0;}
#logo {float:left; width:240px; height:180px; margin:0}
#logo-img {width:240px; height:151px; margin:15px 0 0;}
#topo {float:right; width:730px; height:180px; margin:0;}
#topo-ads {width:728px; height:90px; margin:10px 1px 15px;}
#play {width:712px; height:50px; margin:0 9px; background:url(../images/play.png) no-repeat;}
#play-left {float:left; width:215px; height:42px; margin:2px 0 0 9px;}
#play-left #toprss a {float: right; display: block; color: #333; font-size: 10px; text-transform: uppercase; font-weight: bold; background: url(../images/realplayer.png) no-repeat left center; padding-top:17px; height: 12px; line-height: 42px; margin:0 25px 0 0; text-decoration:none;}
#play-left #toprss a:hover {color: #03C;}
#play-left #toprss2 a {float: right; display: block; color: #333; font-size: 10px; text-transform: uppercase; font-weight: bold; background: url(../images/winamp.png) no-repeat left center; padding-top:17px; height: 12px; line-height: 42px; margin:0 25px 0 0; text-decoration:none;}
#play-left #toprss2 a:hover {color: #FFFF00;}
#play-left #toprss3 a {float: right; display: block; color: #333; font-size: 10px; text-transform: uppercase; font-weight: bold; background: url(../images/m-player.png) no-repeat left center; padding-top:17px; height: 12px; line-height: 42px; margin:0 25px 0 0; text-decoration:none;}
#play-left #toprss3 a:hover {color: #F60;}
#play-center{float:left; width:235px; height:42px; margin:2px 0 0 15px; font:11px arial,verdana,tahoma; color:#333;}
#play-right {float:right; width:215px; height:42px; margin:2px 9px 0 0;}
#menu {height:30px; margin:0;}
#feature {height:170px; margin:10px 5px 5px; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; background:url(../images/bg_feature.jpg) repeat-x;}
#content {height:auto; margin:10px 5px 5px; background:url(../images/bg_content.jpg) repeat-y;}
#left {float:left; width:460px; height:auto; margin:0;}
#left-ads {float:left; width:150px; height:auto; margin:0;}
#left-ads-box {width:120px; height:auto; margin:0 auto;}
#left-col {float:right; width:300px; height:auto; margin:0;}
#eventos {width:300px; height:auto; margin:0 0 10px;}
#eventos h1 {width:280px; height:38px; margin:0 auto; background:url(../images/h1_eventos.jpg) no-repeat;}
#ventos-box {height:auto; padding:2px; margin:0;}
#newsletter {width:300px; height:auto; margin:0 0 10px;}
#newsletter h1 {width:280px; height:38px; margin:0 auto; background:url(../images/h1_newsletter.jpg) no-repeat;}
#newsletter-box {height:auto; margin:0; padding:5px;}
#right {float:right; width:510px; height:auto; margin:0;}
#interativo {width:500px; height:auto; margin:0 auto;}
#interativo-left {float:left; width:300px; height:auto; margin:0;}
#interativo-right  {float:right; width:180px; height:auto; margin:0;}
#mural {float:left; width:300px; height:auto; margin:0;}
#mural h1 {width:280px; height:38px; margin:0 auto; background:url(../images/h1_mural.jpg) no-repeat;}
#mural-box {width:290px; height:auto; margin:5px 5px 0; text-align:center;}
#interativo-ads {width:250px; height:auto; margin:5px auto 0;}
#enquete {width:180px; height:auto margin:0;}
#enquete h1 {width:180px; height:38px; margin:0 auto; background:url(../images/h1_enc.jpg) no-repeat;}
#pedidos {width:180px; height:auto margin:0;}
#pedidos-box{width:170px; height:auto margin:0 5px;}
#pedidos h1 {width:180px; height:38px; margin:0 auto; background:url(../images/h1_pedidos.jpg) no-repeat;}
#top {width:180px; height:auto margin:0;}
#top-box{width:170px; height:auto margin:0 5px;}
#top h1 {width:180px; height:38px; margin:0 auto; background:url(../images/h1_musica.jpg) no-repeat;}
#footer {height:auto; margin:10px 0 5px; background:#444444; color:#FFF;}
#footer h2 {margin:0; font-size:16px; font-weight:bold;}
#footer a, #footer a:visited {text-decoration:none; color:#FFF;}
#footer a:hover, #footer a:active {text-decoration:none; color:#a8b911;}
#footer p {margin:0; line-height:14px; padding:2px 3px;}
#canais {float:left; width:200px; height:auto; padding:5px;}
#cidade {float:left; width:250px; height:auto; margin:0 0 0 10px; padding:5px;}
#cultura {float:left; width:250px; height:auto; margin:0 0 0 10px; padding:5px;}
#musica {float:right; width:200px; height:auto; padding:5px;}
#linha {height:1px; border-bottom:1px dotted #FFF; margin:3px 7px;}
#copyright {height:30px; margin:5px 0 0; padding:0; font-weight:none;}
#copyright-l {float:left; width:500px; height:30px; margin:0; padding:2px 5px;}
#copyright-l p {font:12px Arial,Verdana,Tahoma,Helvetica; color:#FFF; margin:0; padding:3px;}
#copyright-r {float:right; width:300px; height:30px; margin:0; padding:2px 5px;}
#copyright-r p {font:12px Arial,Verdana,Tahoma,Helvetica; color:#FFF; margin:0; padding:3px; text-align:right;}
#clear {clear:both;}

/* ======== MENU ========== */
#bar {width:980px; height:28px; background:url(../images/menu.jpg) repeat-x; border-top:4px solid #9EC138;}
#bar #toprss {float:right; display: inline; height: 28px; margin-right: 10px;}
#bar #toprss a {float: right; display: block; color: #333; font-size: 10px; text-transform: uppercase; font-weight: bold; background: url(../images/orkut.png) no-repeat left center; padding-left:25px; height: 28px; line-height: 28px;}
#bar #toprss a:hover {color: #C826B0;}
#bar #toprss2 a {float: right; display: block; color: #333; font-size: 10px; text-transform: uppercase; font-weight: bold; background: url(../images/twitter.png) no-repeat left center; padding-left:25px; height: 28px; line-height: 28px; margin:0 5px 0 0;}
#bar #toprss2 a:hover {color: #0CF;}
#bar #toprss3 a {float: right; display: block; color: #333; font-size: 10px; text-transform: uppercase; font-weight: bold; background: url(../images/blogger.png) no-repeat left center; padding-left:25px; height: 28px; line-height: 28px; margin:0 5px 0 0;}
#bar #toprss3 a:hover {color: #F60;}
#catmenu {float: left; display: inline; height: 28px; z-index: 20;}
#catmenu li {float: left; display: block; height: 28px; border-right: 1px solid #9EC138;} 
#catmenu li ul li {height: 24px; border-right: 0; border-bottom: 1px solid #ddd; width: 100%;}
#catmenu li a {display: block; text-decoration: none; font-size: 0.85em; font-weight: bold; text-transform: uppercase; color: #333; line-height: 28px; padding-left: 10px; padding-right: 10px;}
#catmenu li a:hover {background: #9EC138;}
#catmenu li.current-cat a {color: #FFF; background: #9EC138;}
#catmenu li.current-cat a:hover {color: #FFF; background: #9EC138;}
#catmenu ul {display: none; z-index: 99; position: absolute;}
#catmenu ul li a {display: block; background: #FFF;}
#catmenu li ul a:hover {display: block; background: #FFF;}
#catmenu ul a {display: block;}
#catmenu ul ul {margin-top: -24px; display: none; margin-left: 200px; position: absolute; border-left: 1px solid #ff9000;}
#catmenu li:hover ul ul {display: none;}
#catmenu li:hover ul {display: block;}
#catmenu ul li:hover ul {display: block;}
#catmenu li ul li {display: block; width:100%;}
#catmenu li.cat-item ul {width: 200px;}
#catmenu li.cat-item a {display: block;}
#catmenu li.cat-item a:hover {display: block;}
#catmenu li.cat-item ul li a {display: block; text-align: left; font-size: 0.85em; height: 24px; line-height:24px; padding-left: 10px; padding-right: 10px; color: #434343; font-weight: bold; text-transform: none; 	background: #f9f9f9;} 
#catmenu li.cat-item ul li a:hover {display: block; text-align: left; font-size: 0.85em; height: 24px; line-height: 24px; padding-left: 10px; padding-right: 10px; color: #738ba1; font-weight: bold; text-transform: none; background: #FFF;}

/* ============ PÁGINAS ============= */
#page {height:auto; margin:10px 5px 5px; background:url(../images/bg_page.jpg) repeat-y;}
#page-left {float:left; width:150px; height:auto; margin:0;}
#page-left-ads {float:left; width:150px; height:auto; margin:0;}
#page-left-ads-box {width:120px; height:auto; margin:0 auto;}
#page-right {float:right; width:820px; height:auto; margin:0;}
#page-conteudo {float:left; width:630px; height:auto; margin:0;}
#page-conteudo-box {width:620px; height:auto; margin:0; padding:0 2px 5px;}
#page-interativo {float:right; width:180px; height:auto; margin:0;}


.pag:link, .pag:visited {text-decoration:none; font-size:10px; padding:0px 3px; border:1px solid #339966; margin:1px; color:#339966;}
.pag:hover, .pag:active {text-decoration:none; font-size:10px; padding:0px 3px; border:1px solid #090; margin:1px; color:#090; background:#B6DA4A;}
a:link, a:visited {text-decoration:none; font-size:12px;    color:#339966;}
a:hover, a:active {text-decoration:none; font-size:12px;   color:#090; }

/* ========= MENU NOTÍCIAS ======== */
#txt {float:left;width:600px; height:auto; margin:5px 0 5px 25px; text-align:center; display:inline; font-weight:bold;}
#txt1 a, #txt1 a:visited {float:left; width:75px; padding:4px; background:#990000; color:#FFF; text-decoration:none;}
#txt1 a:hover, #txt1 a:active {background:#CC0000; color:#FFF; text-decoration:none; font-weight:bold;}
#txt2 a, #txt2 a:visited {float:left; width:75px; padding:4px;  background:#3300cc; color:#FFF; text-decoration:none;}
#txt2 a:hover, #txt2 a:active {background:#602BFF; color:#FFF; text-decoration:none; font-weight:bold;}
#txt3 a, #txt3 a:visited {float:left; background:#000; width:75px; padding:4px;  color:#FFF; text-decoration:none;}
#txt3 a:hover, #txt3 a:active {background:#666; color:#FFF; text-decoration:none; font-weight:bold;}
#txt4 a, #txt4 a:visited {float:left ;background:#339966; width:75px; padding:4px;  color:#FFF; text-decoration:none;}
#txt4 a:hover, #txt4 a:active {background:#46C184; color:#FFF; text-decoration:none; font-weight:bold;}
#txt5 a, #txt5 a:visited {float:left; background:#006699; width:75px; padding:4px;  color:#FFF; text-decoration:none;}
#txt5 a:hover, #txt5 a:active {background:#0098E1; color:#FFF; text-decoration:none; font-weight:bold;}
#txt6 a, #txt6 a:visited {float:left; background:#006600; width:75px; padding:4px;  color:#FFF; text-decoration:none;}
#txt6 a:hover, #txt6 a:active {background:#009900; color:#FFF; text-decoration:none; font-weight:bold;}
#txt7 a, #txt7 a:visited {float:left; background:#666; width:75px; padding:4px;  color:#FFF; text-decoration:none;}
#txt7 a:hover, #txt7 a:active {background:#999; color:#FFF; text-decoration:none; font-weight:bold;}

/* ======== MENU ONDE IR ======== */
.menu_list {	width: 170px; margin:0 auto; text-align:left;}
.menu_head {padding: 5px 10px; cursor: pointer; position: relative;	margin:0px; font-weight:bold; background: #FFF url(../images/left.png) center right no-repeat; border-bottom:1px dotted #C4E26D;}
.menu_body {display:none;}
.menu_body a{display:block; color:#000; background-color:#FFF; padding-left:10px; font-weight:bold; text-decoration:none;}
.menu_body a:hover{color:#000; text-decoration:none; background-color:#C4E26D;}