/*------------------------------------------------------------------
# Ballum Desenvolvimento
#
# Author:       Igor Pimentel
# Project:      Sistema Monólitos
# Version:	    1.6
# Last change:	26/12/09
-------------------------------------------------------------------*/
/** RESET *****/
@import "reset_reloaded.css";
body {
    font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	color: #000;
	background: #DDD;
}
a {
    font-weight:bold;   
    text-decoration:none; 
}
a:hover {    
    text-decoration:underline; 
}
h4 {
    font-weight:bold;
    font-size:18px;
    margin-bottom:10px;
}
.botao {
    cursor:pointer;
    border:0;
    font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	font-size: 18px;
	color: #FFF;
    padding:3px 6px;
    text-decoration:none;    
}
.botao:hover { text-decoration:none; }

/** WRAPPER *****/
#wrapper {
    width: 100%;
    margin: 0 auto;
}
/** HEADER *****/
#header {
    width:100%;
    height:215px;
    background:transparent url(images/fm/header_bg.jpg) 0px 25px repeat-x;    
}
#header #toolbar {
    height:25px;
    font-size:12px;
    color:#FFF;
    line-height:25px;
    background-color:#333;
}
#header #toolbar #toolbarinfo #data {
    float:left;
}
#header #toolbar #toolbarinfo #sitesinfo {
    display:none;
    float:right;
    height:60px;
    margin-right:20px;
    background:transparent url(images/header_seta.png) 110px 25px no-repeat;
}
#header #toolbar #toolbarinfo,
#header #logos {
    width:980px;
    margin:0 auto;
}
#header #logos h1 {
    display:block;
    width:100%;
    height:139px;
    background:transparent url(images/fm/logo.png) no-repeat;    
}
#header #logos h1 a {
    display:block;
    width:300px;
    height:139px;
    text-indent:-9000px;
}
#header #logos #outraslogos {
    display:block;
    float:right;
    width:588px;
    height:79px;
    margin:-110px 20px 0 0;
    background:transparent url(images/fm/header_logos_bg.png) no-repeat;
}
#header #logos #outraslogos ul {
    width:588px;
    height:79px;
    margin-top:10px;
}
#header #logos #outraslogos ul li {
    position: relative;
    display: inline;    
}
#header #logos #outraslogos ul li a {    
    float:left;
    display:block;    
    height:60px;
    text-indent: -8000px;    
    background-color: transparent;
    background-image: url(images/outraslogos.png);
    background-repeat: no-repeat;
}
#header #logos #outraslogos ul li a.sistema { width: 147px; background-position: 0px 0px; }
#header #logos #outraslogos ul li a.blog { width: 147px; background-position: -147px 0px; }
#header #logos #outraslogos ul li a.am { width: 147px; background-position: -294px 0px; }
#header #logos #outraslogos ul li a.fm { width: 147px; background-position: -441px 0px; }
#header #logos #outraslogos ul li a.post { width: 147px; background-position: -588px 0px; }
#header #menu {
    clear:both;
    height:50px;
    background:transparent url(images/fm/menu_bg.png) repeat-x;
}
#header #menu #menuitens {
    width:900px;
    height:45px;
    margin:0 auto;
}
#header #menu #menuitens ul#menuportal {
    margin-left:110px;    
}
#header #menu #menuitens ul li {
    position: relative;
    display: inline;    
}
#header #menu #menuitens ul li a {    
    float:left;
    display:block;    
    height:45px;
    text-indent: -8000px;    
    background-color: transparent;
    background-image: url(images/fm/menu.png);
    background-repeat: no-repeat;
}
#header #menu #menuitens ul li a.inicio { width: 77px; background-position: 0px 2px; }
#header #menu #menuitens ul li a.inicio:hover { background-position: 0px -43px; }
#header #menu #menuitens ul li a.noticias { width: 99px; background-position: -77px 2px; }
#header #menu #menuitens ul li a.noticias:hover { background-position: -77px -43px; }
#header #menu #menuitens ul li a.fotos { width: 80px; background-position: -176px 2px; }
#header #menu #menuitens ul li a.fotos:hover { background-position: -176px -43px; }
#header #menu #menuitens ul li a.agenda { width: 87px; background-position: -256px 2px; }
#header #menu #menuitens ul li a.agenda:hover { background-position: -256px -43px; }
#header #menu #menuitens ul li a.mural { width: 183px; background-position: -343px 2px; }
#header #menu #menuitens ul li a.mural:hover { background-position: -343px -43px; }
#header #menu #menuitens ul li a.programacao { width: 143px; background-position: -526px 2px; }
#header #menu #menuitens ul li a.programacao:hover { background-position: -526px -43px; }
#header #menu #menuitens ul li a.equipe { width: 84px; background-position: -669px 2px; }
#header #menu #menuitens ul li a.equipe:hover { background-position: -669px -43px; }
#header #menu #menuitens ul li a.faleconosco { width: 147px; background-position: -753px 2px; }
#header #menu #menuitens ul li a.faleconosco:hover { background-position: -753px -43px; }
/** MIDDLE *****/
#middle {
    clear:both;
    display:table;
    width:980px;
    margin:0 auto;
    padding:5px 0 10px;
}
/** BOX *****/
div.box {
    display:table;
    width:100%;    
    background-color:#FFF;
}
div.box-tl { padding-bottom:10px; background:transparent url(images/box_bg_tl.gif) left top no-repeat; }
div.box-tr { background:transparent url(images/box_bg_tr.gif) right top no-repeat; }
div.box-bl { background:transparent url(images/box_bg_bl.gif) left bottom no-repeat; }
div.box-br { background:transparent url(images/box_bg_br.gif) right bottom no-repeat; }
div.box h2,
div.box h3,
div.box h4 {
    margin-bottom:1px;
    padding:5px;
    font-size:22px;
    font-weight:bold;
    text-transform:uppercase;
    border-bottom-width:1px;
    border-bottom-style: solid;
}
div.box h4 {
    padding-left:0;    
}
div.box h2 span,
div.box h3 span {
    margin-right:5px;
}
/** CONTENT *****/
#content {
    float: left;
    width: 100%;
}
#content #maincolumn {
    margin:0 260px 0 210px;
}
/** LEFT COLUMN *****/
#leftcolumn {
    float: left;
    width: 200px;
    margin-left:-980px;    
}
#leftcolumn #aovivobox,
#leftcolumn #programacaobox,
#leftcolumn #top10box {
    display:table;
    width:200px;
}
#leftcolumn #programacaobox,
#leftcolumn #top10box {
    margin-top:10px;
}
#leftcolumn #aovivobox #aovivofm a,
#leftcolumn #aovivobox #aovivoam a {
    display:block;
    width:200px;
    height:70px;
    text-indent:-9000px;
    border-bottom:1px solid #CCC;    
}
#leftcolumn #aovivobox #aovivofm a { background: #F0F0F0 url(images/aovivo_fm.png) center 5px no-repeat; }
#leftcolumn #aovivobox #aovivoam a { background: #F0F0F0 url(images/aovivo_am.png) center 5px no-repeat; }
#leftcolumn #aovivobox #aovivofm span,
#leftcolumn #aovivobox #aovivoam span {
    display:block;
    width:100%;
    margin-top:-15px;
    margin-bottom:5px;
    font-size:10px;
    text-align:center;
}
#leftcolumn #programacaobox p {
    padding:15px;
    font-size:18px;
    font-weight:bold;
}
#leftcolumn #programacaobox p span {
    display:block;
    font-size:12px;    
}
#leftcolumn #programacaobox a {
    display:block;
    width:100%;
    padding:10px 0;
    font-size:12px;
    text-align:center;
    border-top-width:1px;
    border-top-style: solid;    
    border-bottom-width:1px;
    border-bottom-style: solid;    
}
#leftcolumn #top10box li {    
    position:reletive;
    clear:both;
}
#leftcolumn #top10box li a {
    display:block;
    width:100%;
    height:37px;
    font-weight:normal;
    color:#000;
    text-decoration:none;
    border-bottom:1px solid #CCC;
    background-color:#F0F0F0;
}
#leftcolumn #top10box li a:hover { background-color:#FFF; }
#leftcolumn #top10box li a span {
    display:table;
    float:left;
    width:30px;
    height:30px;
    margin:3px 5px 0 5px;
    line-height:30px;
    font-weight:bold;
    color:#FFF;
    text-align:center;
    background:url(images/fm/top10_rank_bg.png) no-repeat;
}
#leftcolumn #top10box li a strong {
    display:block;
    padding-top:4px;
}
/** RIGHT COLUMN *****/
#rightcolumn {
    float: left;
    width: 250px;
    margin-left:-250px;
}
#rightcolumn #tvmonolitosbox,
#rightcolumn #newsletterbox,
#rightcolumn #publicidadebox {
    display:table;
    width:250px;
}
#rightcolumn #newsletterbox,
#rightcolumn #publicidadebox {
    margin-top:10px;
}
#rightcolumn #publicidadebox div.banner {
    width:220px;
    height:90px;
    margin:15px auto 5px;
}
#acessebox {
    display:table;    
    width:250px;
    margin-top:10px;
}
#acessebox #twitter,
#acessebox #orkut {
    display:block;
    width:175px;
    height:70px;
    padding-left:75px;    
    line-height:70px;
    color:#666;
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: 8px center;
}
#acessebox #twitter { background-image:url(images/twitter.jpg); }
#acessebox #orkut { background-image:url(images/orkut.jpg); }
#leftcolumn #acessebox {
    width:200px;
}
#leftcolumn #acessebox #twitter,
#leftcolumn #acessebox #orkut {
    width:115px;    
}
/** FOOTER *****/
#footer {
    clear: both;
    width:100%;
    padding:20px 0;
    border-top:5px solid #666;
    background-color:#999;        
}
#footer #footerinfo {
    width:930px;
    margin:0 auto;
    color:#FFF;    
}
#footer #footerinfo p strong {
    font-size:16px;        
}
#footer #footerinfo #ballum {
    float:right;
    margin-top:-60px;
}
#footer #footerinfo #ballum a {
    display:block;
    width:85px;
    height:52px;
    text-indent:-9000px;
    background-image:url(images/ballum.png);
    background-position:top center;
    background-repeat:no-repeat;
}
#footer #footerinfo #ballum a:hover {    
    background-position:bottom center;
}
/** CONTENT *****/
#content #maincolumn ul.lista{}
#content #maincolumn ul.lista li {}
#content #maincolumn ul.lista2 li {
    display:block;
    padding:10px;
    color:#000;
    border-bottom-width:1px;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
}
#content #maincolumn ul.lista3 li {
    display:block;
    padding:10px;
    color:#000;
    border-bottom-width:1px;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
    
    width: 470px;
    overflow: hidden;
}
#content #maincolumn ul.lista2 li span {
    font-weight:bold;
}
#content #maincolumn ul.lista2 li strong {
    display:block;
    margin:5px 0;
    font-size:18px;
}
#content #maincolumn ul.lista li a {
    display:block;
    padding:10px;
    color:#000;
    border-bottom-width:1px;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
}
#content #maincolumn div.mais a {
    display:block;
    padding:10px;
    color:#000;
    text-decoration:none;
    border-bottom:1px solid #CCC;
}
#content #maincolumn div.mais2 {
    display:block;
    padding:10px;
    color:#000;
    border-bottom:1px solid #CCC;
}
#content #maincolumn div.mais2 a {
    text-decoration:none;
}
#content #maincolumn #destaquesbox #destaquesControle {
    display:table;
    width:100%;
    background:#F5F5F5;
}
#content #maincolumn #destaquesbox #destaquesControle a {
    float:left;
    height:20px;
    line-height:20px;
    padding:2px 9px;
    font-size:14px;
    font-weight:bold;
    color:#333;
    text-decoration:none;
    border-right:1px solid #999;
}
#content #maincolumn #destaquesbox #destaquesControle a.destaquesPrev {
    display:block;
    width:22px;
    height:20px;    
    padding:3px 5px 1px;
    margin:0 0 0 9px;
    text-indent:-9000px;
    background:transparent url(images/slide_prev.gif) no-repeat;
}
#content #maincolumn #destaquesbox #destaquesControle a.destaquesNext {
    display:block;
    width:22px;
    height:20px;    
    padding:3px 5px 1px;
    margin:0 0 0 9px;
    text-indent:-9000px;
    border-right:0;
    background:transparent url(images/slide_next.gif) no-repeat;
}
#content #maincolumn #noticiasbox,
#content #maincolumn #fotosbox,
#content #maincolumn #agendabox,
#content #maincolumn #muralbox {
    margin-top:10px;
} 
#content #maincolumn #internabox #noticias #texto {
    padding:10px;
} 
#content #maincolumn #internabox #faleconosco { padding:10px; }
#content #maincolumn #internabox #faleconosco_form strong { display:block; }
#content #maincolumn #internabox #mural {padding:10px;}
#content #maincolumn #internabox #equipe {display:table;}
#content #maincolumn #internabox #equipe li {
    position: relative;
    display: inline;
    float:left;
    width:235px; 
    margin:12px 0 0 13px;
    text-align:center;    
}
#content #maincolumn #internabox #equipe li span {
    display:block;
    font-weight:bold;
    font-size:16px;
}
#content #maincolumn #internabox #programacao {
    padding:10px;
}
#content #maincolumn #internabox #programacao #diassemana {
    display:table;
    padding:8px 0 12px;    
}
#content #maincolumn #internabox #programacao #diassemana .botao {
    padding:5px 17px;    
}
#content #maincolumn #internabox #programacao table tr.noar td span {
    color: #FFF;
}
#content #maincolumn #internabox #programacao table tr td {
    padding:3px;    
}
#content #maincolumn #internabox #programacao table tr td span {
    color:#999;
}