* { margin:0; padding:0;}
body { padding:0; margin:0; background:#fff url(../img/layout/129.png); font:62.5% Arial, Helvetica, sans-serif; text-align:center; }
div#global {width:1000px; position:relative; margin:0 auto; border:0; vertical-align:top; text-align:left; background:#fff; overflow:hidden}
div.centro {width:1000px; position:relative; margin:0 auto; border:0; vertical-align:top;}
img {border:0}

ul { padding:5px 5px 5px 20px;}
ul.menu, ol.menu { margin:0; padding:0; list-style:none;}
ul.menu li, ol.menu li { display:inline;}

.semRegistro {padding:5px; margin:5px; font:bold 14px arial, sans-serif; color:#FFF; background-color:#000; text-align:center;}
.hide { display:none}

a.link { font-weight:bold; color:#B60103; text-decoration:none; }
a:hover.link { text-decoration:underline; }
p.formatado {padding:0 10px 10px; font-size:1.2em}

/*
 #cabecalho
*/
div#cabecalho {height:99px; background:#dd0000 url(../img/layout/bg-topo.jpg) repeat-x top}
div#cabecalho img#logo {position:absolute; top:5px; left:16px}
div#cabecalho div#bannerTopo {width:468px; height:60px; background-color:#fff; position:absolute; top:20px; left:177px}
div#cabecalho div#menuInstitucional {width:188px; height:99px; background:url(../img/layout/bg-institucional.jpg) no-repeat; position:absolute; top:0; left:651px; text-align:left;}
div#cabecalho div#menuInstitucional li a { display:block; text-decoration:none; margin:0 14px 0 46px; padding: 3px 5px 3px 10px; font-weight:bold; font-size:1.1em; color:#fff}
div#cabecalho div#menuInstitucional li a:hover { background-color:#cc0000}
div#cabecalho img#express {position:absolute; top:0; right:7px; }

/*
 # Estrutura
*/
div#a { width:855px; float:left;}
div#b { width:145px; float:right; text-align:center;}

div#bloco-a { width: 456px; padding:5px; float:left;}
div#bloco-b { width: 234px; padding:2px; float:right}

div#a div#cbnBrasil {background-color:#efefef; padding:3px; margin:3px; overflow:hidden;}
div#a div#cbnBrasil img#logoCbnBrasil {padding:0 7px 0 3px; border-right:2px solid #ccc; float:left}
div#menu { width:141px; float:left; padding:4px}
div#conteudo { width:704px; float:left;}
h3 {font:bold 1.7em Arial, Helvetica, sans-serif; color:#333; border-top:4px solid #333; border-bottom:1px solid #333; padding:5px 5px 5px 13px}
h2 {font:bold 1.7em Arial, Helvetica, sans-serif; color:#333; border-bottom:4px solid #333; padding:5px 5px 5px 13px}


div#rodape {clear:both; position:relative; background: #CC0000 url(../img/layout/logo-rodape.gif) no-repeat 14px 2px ; border-top:4px solid #333; overflow:hidden;}

/*
 # Menu
*/
div#menu h3 {padding-left:23px; cursor:pointer;}
div#menu h3.menos {background:url(../img/icones/menu.gif) no-repeat 2px center; }
div#menu h3.mais {background:url(../img/icones/menu-mais.gif) no-repeat 2px center; }
div#menu li a, ul.error a { display:block; font:bold 1.1em Arial, Helvetica, sans-serif; color:#B60103; padding:8px 2px; border-top: 1px solid #ccc; text-decoration:none}
div#menu li a:hover, ul.error a:hover { background:#fafafa url(../img/icones/seta.gif) no-repeat right center; text-decoration:underline;}
div#menu ul {margin-bottom:10px} 
div#menu ul#menuBoletins { display:none;}


/*
 # Rodape
*/

div#rodape li a {display:block; float:right; margin:7px 0; padding:14px 5px 14px 145px; color:#fff; text-decoration:none; border-left: 3px solid #990000; width:190px; font-size:1.1em}
div#rodape li a.express {background: url(../img/icones/cbnexpress-rodape.gif) no-repeat 30px 9px }
div#rodape li a.aovivo {background: url(../img/icones/cbnaovivo-rodape.png) no-repeat 30px 9px }
div#rodape li a:hover {background-color:#aa0000}
div#rodape .links { position:absolute; top:18px; left:120px; color:#fff; width:190px; text-align:center}
div#rodape .links a {font-size:1.1em; font-weight:bold; text-decoration:none; color:#fff; }
div#rodape .links a:hover {text-decoration:underline; }

div.rodape { padding:5px; background-color:#efefef; font: 1.1em Arial, Helvetica, sans-serif; color:#333; position:relative; overflow:hidden;}
div.rodape address {font: 1.1em Arial, Helvetica, sans-serif; text-align:left;}
div.rodape div.icones {width:16px; position:absolute; right:5px; top:3px;padding-left:10px}
div.rodape div.streamingHospedagem {height:38px; position:absolute; right:160px; top:5px; border-left:2px solid #ccc; padding:0 10px}
div.rodape div.desenvolvimento {height:38px; position:absolute; right:30px; top:5px; border-left:2px solid #ccc; padding:0 10px;  border-right:2px solid #ccc; }

/*
 # Banners
*/

div#b ul li { display: block; width: 135px; height:60px; background:#333; margin:8px 5px }

div#b ul li.banner122 {width: 122px; height:522px; margin:8px 0 8px 13px}

/*
 # Blocos
*/
div#barraAcesso  { background-color:#f1f1f1; overflow: hidden;}
div#barraAcesso a { display:block; padding:5px 15px; font: bold 1.1em Arial, Helvetica, sans-serif; color:#333; text-decoration:none; float:left; border-right:1px dotted #999}
div#barraAcesso a:hover {background-color:#B60103; color:#fff}



/*
 # Blocos
*/
ol.materias { overflow:hidden; border-bottom:3px solid #ccc; margin-bottom:10px}
ol.materias li a {display:block; border-bottom:1px solid #ccc; padding:8px 5px; overflow:hidden; text-decoration:none}
ol.materias li a span.data {width:64px; display:block; float:left; text-align:center}
ol.materias li a span.data span.dia { display:block; font: 1.4em Verdana, Geneva, Arial, Helvetica, sans-serif; color:#333}
ol.materias li a span.data span.ano { display:block; font: 1.2em Verdana, Geneva, Arial, Helvetica, sans-serif; color:#666; letter-spacing: 2px}
ol.materias li a span.texto { display:block; float:right; width:370px; padding:0 5px; border-left:2px solid #ccc;  font: 1.1em Verdana, Geneva, Arial, Helvetica, sans-serif; color:#333; }
ol.materias li a span.texto strong { display:block; color:#B60103; font:bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif; padding:3px 0; line-height:100%}
ol.materias li a:hover { background:#fafafa url(../img/icones/seta.gif) no-repeat right center;}
ol.materias li a:hover span.texto strong { text-decoration:underline;}

div#bloco-b ul#destaquesColunistas { overflow:hidden; margin-bottom:15px}
div#bloco-b ul#destaquesColunistas li a {display:block; border-bottom:1px solid #ccc; padding:15px 0px; overflow:hidden; text-decoration:none; font: 1.1em Verdana, Geneva, Arial, Helvetica, sans-serif; color:#333;}
div#bloco-b ul#destaquesColunistas li a span.foto {width:76px; height:76px; display:block; float:left; text-align:center; background-color:#333; margin:0 5px 5px 0}
div#bloco-b ul#destaquesColunistas li a strong { color:#B60103; font:bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif; padding:3px 0}
div#bloco-b ul#destaquesColunistas li a:hover { background:#fafafa url(../img/icones/seta.gif) no-repeat right center;}
div#bloco-b ul#destaquesColunistas li a:hover strong { text-decoration:underline;}

div#bloco-b div#servicos { background-color:#666; overflow:hidden; padding:2px}
div#bloco-b div#servicos h4 { font:bold 1.8em Arial, Helvetica, sans-serif; color:#ccc; padding:5px}
div#bloco-b div#servicos a { margin:1px; background-color:#999; height:38px; width:113px; display:block; float:left;}
div#bloco-b div#servicos a:hover { background-color:#333}

/* liScroll style declarations */

.tickercontainer {margin: 0; padding: 0; overflow: hidden; float:left; width:780px}
.tickercontainer .mask { position: relative; width: 780px; overflow: hidden;}
ul.newsticker { position: relative; left: 750px; font: bold 10px Verdana; list-style-type: none; margin: 0; padding: 0; }
ul.newsticker li { float: left; margin: 0; padding: 0; }
ul.newsticker a { white-space: nowrap; padding: 5px 10px; color: #333; font: 1.1em Verdana; margin: 0 50px 0 0; text-decoration:none; display:block; float:left; } 
ul.newsticker span { color:#666;} 
ul.newsticker a:hover { background-color:#fff; text-decoration: underline;}
ul.newsticker a:hover span { text-decoration: none; border-bottom:1px solid #fff}

/* Enviar Email */
form#EnviarEmail label { display:block; text-align:left;}
form#EnviarEmail div.text input {width:100%}

.message { padding:10px; font:2em Arial, Helvetica, sans-serif; color:#b60103}

/*
 # 404
*/

h1.titulo { background-color:#B60103; color:#fff; font:bold 2.0em Arial, Helvetica, sans-serif; padding:10px}
h1.titulo a{ color:#fff; text-decoration:none;}
h1.titulo a:hover {text-decoration:underline;}

