html,body{ height:100%}
html{background:#E9EBEC url(../imgs/bg.jpg) repeat-x;}
body{background: url(../imgs/bg-topo.png) no-repeat top center;}

/***inicio topo***/
#topo{ height:100px}
#logo h1 a{background:url(../imgs/logo-ccba.gif) no-repeat; width:185px; height:74px; display:block; overflow:hidden; text-indent:-9999px; margin:15px 0 0 10px}
#menu ul{float:left; margin-left:0}
#menu ul li{display:inline;}
/*#menu ul li a.icon{background:url(../imgs/home-contato.png) no-repeat; border-left:0; padding:0; margin-top:24px; width:22px; height:17px; display:block; overflow:hidden; text-indent:-9999px;}
*/#menu ul li a.home{ background-position:3px 0}
#menu ul li a.home:hover{ background-position:3px -17px}
#menu ul li a.contato{ background-position:-18px 0}
#menu ul li a.contato:hover{ background-position:-18px -17px}
#menu ul li a{ font-size:23px; font-family:'Abel', Arial, Helvetica, sans-serif; float:left; margin:20px 15px; border-left:1px solid #06F; padding-left:5px; color:#fff; text-decoration:none; line-height:20px}
#menu ul li a span{ font-size:16px}
#menu ul li a:hover{ color:#036}

/***fim topo***/
/*{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}*/


/***INÍCIO ESTILO GENÉRICO*********************************/
#conteudo{ margin-top:20px}
hgroup{ margin-bottom:10px}
ul{ margin-left:0}
h2{font-size:30px; font-family:'Abel', Arial, Helvetica, sans-serif; color:#fff; font-weight:normal; margin-bottom:10px; padding:0 15px;}
h3{ font-weight:normal; font:18px  Arial, Helvetica, sans-serif;}
h4{ font-size:14px; font-weight:normal}
.tit_home h2{background:#1d74c3;}
.tit_cursos h2{background:#00afeb;}
.tit_cultura h2{background:#cc0000; clear:both; width:180px}
#fotos.tit_cultura h2, #videos.tit_cultura h2{width:300px}
.tit_home{width:296px; margin-right:20px; float:left}
a.saiba{ background:url(../imgs/saiba-mais.gif) no-repeat; width:73px; float:right; height:18px; display:block; overflow:hidden; text-indent:-999px;}
a.saiba:hover{ background-position:0 -18px}
.data{ padding:2px 4px; background:#1d74c3; color:#fff; text-align:center; display:inline-block; margin-bottom:5px}
#conteudo p{ padding-bottom:10px; line-height:19px}
#conteudo header{ padding-bottom:10px}
#conteudo h4{ font-size:14px; color:#666; margin-top:5px}
/*#conteudo a{color:#039;}*/
#conteudo a:hover{color:#666;}
#migalha{ border-top:1px solid #f3f3f3; border-bottom:1px solid #f3f3f3; padding:3px 0; margin:10px 0; color:#999; font-size:11px}
#migalha a{ padding-left:0 !important}
.radius, .radius img{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; vertical-align:middle;}
/*.tit h3{ font-size:22px; line-height:26px; font-weight:normal; margin-top:0}*/
.informacoes{ background:#fff; padding:15px;}
#conteudo article.informacoes{ width:660px}
a.b_curso{display:block; background:-moz-linear-gradient(#e9e9e9, #d1d1d1); background:-webkit-gradient(linear, center top, center bottom, from(#e9e9e9), to(#d1d1d1)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#d1d1d1'); -moz-box-shadow:-1px 1px 2px #666; -webkit-box-shadow:-1px 1px 2px #666; box-shadow:-1px 1px 2px #666; box-shadow:-1px 1px 2px #666;}
a.b_curso:hover{display:block; background:#ccc; color:#000}
span.nivel{color:#00AFEB; font-size:22px}

nav ul li a{display:inline-block; vertical-align:middle; height:45px;  list-style:none; padding:10px; line-height:10px; font:20px 'Abel', Arial, Helvetica, sans-serif; color:#666; text-decoration:none; }
/***FIM ESTILO GENÉRICO*********************************/

/***INÍCIO CONTEÚDO HOME*********************************/

/***inicio coluna cursos***/
#cursos ul{margin-left:0; width:100%}
#cursos nav ul li a:hover, #cursos nav ul li a.ativo{color:#333}
#cursos ul li{ margin-bottom:15px}
#cursos ul li a img{ margin-right:15px}
.menu ul li a img{ margin-right:9px; vertical-align:middle}
#cursos a.btn_portug{ background:url(../imgs/btn_portugues.jpg) -4px -4px no-repeat}
#cursos a.btn_portug:hover{ background-position:-4px -75px}
/***fim coluna cursos***/

/***inicio coluna noticias***/
#noticias ul li{ border-bottom:1px dashed #06C; padding:25px 0 10px 0; float:left}
#noticias ul li .tit{width:204px}
#noticias ul li:first-child{ padding-top:0;}
#noticias ul li:last-child{ border-bottom:none}
ul li .img_not{width:82px; float:left; margin-right:10px}
ul li .img_not img{ margin-bottom:5px}
ul li .tit{width:207px; float:right;}
.lista-noticias .img_not{width:auto;}

.noticia-vertical h3{font-size:14px; font-weight:bold;}
.noticia-vertical h3 a{text-decoration: none;}
.noticia-vertical h3 a:hover{text-decoration: underline;}

.noticia-vertical a.next, .noticia-vertical a.prev{width:100%; background-position:center center;}
.noticia-vertical a.next:hover, .noticia-vertical a.prev:hover{width:100%; background-position:center center;}
.noticia-vertical .tit{width:100%!important;}

/***fim coluna noticias***/
/***inicio coluna destaques***/
#banner_br{height:116px; margin-bottom:10px}
#banner_dest{ background: url(../imgs/observatorio.jpg) no-repeat; height:330px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#banner_dest a{ float:left; background: url(../imgs/btn_saiba.png) no-repeat; width:102px; height:20px; margin:275px 0 0 20px; padding:3px}
#banner_dest img{ float:left; margin-right:10px}
#banner_dest h4{ font-style:italic}
/***fim coluna destaques***/

#parceiros{margin:20px 0; margin-bottom:20px}
/***FIM CONTEÚDO HOME*********************************/

/***INÍCIO CONTEÚDO LÍNGUAS*********************************/
#banner_curso{ margin-bottom:20px;}
#modulos .modulo{ width:280px; float:left; background:#fff; margin-right:25px; padding:10px}
#modulos .modulo img{ float:left; margin-right:10px}
#modulos .modulo:last-child{margin-right:0; padding:0; background:none}
.curso_linguas{margin-right:30px}
#cursos.curso_linguas ul li a{width:308px}
article.cd{width:330px; float:left}
#informacoes ul li{ padding-bottom:10px; margin-bottom:20px; border-bottom:1px dashed #06C; float:left;min-width: 330px;}
#informacoes ul li:last-child{ border-bottom:none}
.tit_cursos h2.menor{font:22px 'Abel', Arial, Helvetica, sans-serif; color:#fff; font-weight:normal; margin-bottom:10px; padding:10px 15px; background:#00afeb;  behavior: url(PIE.htc)}
#cont_dir article{ float:left; margin-bottom:10px; width:100%}
#dicas ul li{ background:url(../imgs/buble.gif) no-repeat left center; padding-left:12px; margin-bottom:15px}
#dicas ul li a{ text-decoration:none; font-size:15px; color:#666}
#dicas ul li a:hover{ text-decoration:underline;}

/***inicio conteudo linguas***/
#cont_cursos ul li{ padding:3px 0}
#cont_cursos h2{ color:#00AFEB; padding:0; margin:0}
#cont_cursos h2 span.subtitulo{ font-size:18px}
#cont_cursos h3{ font-weight:normal; margin: 5px 0;}
/***fim conteudo linguas***/

#menu_accordion ul li#btn_calendario a{ background:#fff url(../imgs/img-calendario.gif) 10px 10px no-repeat; font-size:33px; width:125px; padding:10px 10px 10px 75px; color:#1D74C3; line-height:28px}
#menu_accordion ul li#btn_calendario a span{ font-size:30px}
#menu_accordion ul li#btn_calendario a:hover{ color:#036}

#menu_accordion a, #portug ul li a, #menu_institucional ul li a{font:18px 'Abel', Arial, Helvetica, sans-serif; line-height:38px; clear:both; width:200px; color:#666; text-decoration:none; margin:0 0 10px 0; display:block; padding:5px;}
#menu_accordion ul li a img{ margin-right:10px}
#menu_accordion a:hover, #portug ul li a:hover, #menu_institucional ul li a:hover{ color:#000;}
#menu_accordion.accordion a img{ vertical-align:middle; margin-right:5px}
#menu_accordion nav.submenu ul{float:left; margin-bottom:10px; background:#fff; position:relative; top:-5px}
#menu_accordion nav.submenu ul li{float:left; list-style:none}
#menu_accordion nav.submenu ul li a{color:#666; font-size:18px; display:block; width:200px; border-radius:0; margin:0; text-decoration:none; background:none; box-shadow:none; padding:8px 5px}
#menu_accordion nav.submenu ul li a:hover{background:#00AFEB; color:#fff}

/***inicio calendario de cursos***/
table{ margin-bottom:20px; width:100%}
table th{ padding:10px; font-weight:normal}
table td, table tr{ border:1px solid #E5E5E5; padding:10px}
thead th{background:#1D74C3; font-size:18px; text-align:left; color:#fff; text-transform:uppercase}
table.preco thead th{background:#00AEEF; font-size:14px; text-transform:none; padding:5px 10px}
tr.nivel td{ background:#999; padding:3px 10px; color:#fff}
td.desc{ font-size:11px}
td.niveis{ width:120px}
tfoot tr{ color:#F00; border:none; text-align:left}
tfoot th{padding-left:0; font-size:11px}
/***fim calendario de cursos***/
a.link_calendar{ background:url(../imgs/calendario.png) no-repeat left 3px; display:block; font-size:16px; padding:5px 25px; text-decoration:none}
#cont_cursos a.link_calendar:hover{ color:#000}
/***FIM CONTEÚDO LÍNGUAS*********************************/

/***INÍCIO CONTEÚDO CULTURA*********************************/
/***inicio home cultura***/
#cultura{width:900px;}
#cont_noticias, #banner_cultura{ margin-bottom:20px}
#cont_noticias, #multimidia, agenda, informativo{ float:left}
article.noticia:last-child{ margin-left:30px}
#agenda ul{float:left}
#agenda ul li{ margin-bottom:10px; float:left; padding-bottom:10px; border-bottom:1px solid #ccc}
#agenda ul li .dia{float:left}
#agenda ul li .evento{float:right; width:142px}
#agenda ul li:last-child{ border-bottom:none}
#agenda ul li time, #lista_datas table tr td time{ background:#666; color:#fff; padding:4px; width:50px; text-align:center; margin-right:10px; float:left}
#agenda ul li time span, #lista_datas table tr td time span{ font-size:26px; display:block}
#agenda ul li h3{ display:block; font-family:Arial, Helvetica, sans-serif}
#agenda ul li h3 a{color:#444; font-size:16px; display:inline; text-decoration:none; font-weight:normal}
#agenda ul li h3 a:hover{text-decoration:underline}
#informativo div{margin:5px 0; height:30px}
#informativo input{border:1px solid #fff; width:198px; padding:5px;}
#informativo form input.btn, #enquete form input.btn, #enquete input.btn{ float:right; border:none; padding:5px; width:50px; background:#666; color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#informativo form input.btn:hover, #enquete form input.btn:hover{ background:#000}
a.veja{ background:url(../imgs/veja-mais.gif) no-repeat; width:76px; float:right; height:26px; display:block; margin-top:10px; overflow:hidden; text-indent:-999px;}
a.veja:hover{ background-position:0 -26px}
a.saiba_cultura{ background:url(../imgs/saiba-mais-cultura.gif) no-repeat; width:72px; float:right; height:18px; display:block; overflow:hidden; text-indent:-999px;}
a.saiba_cultura:hover{ background-position:0 -18px}
#enquete { min-height: 202px;}
#enquete div{ padding:7px 0}
#dicas_cultura ul li{ background:url(../imgs/buble_cult.gif) no-repeat left center; padding-left:12px; margin-bottom:15px}
#dicas_cultura ul li a{ text-decoration:none; font-size:15px; color:#666}
#dicas_cultura ul li a:hover{ text-decoration:underline;}
.data_cultura{ padding:2px 4px; background:#cc0000; color:#fff; text-align:center; float:left}
/***fim home cultura***/

/***inicio página agenda cultura***/
nav#meses{ margin-bottom:10px; overflow:hidden}
nav#meses ul li a{ font-size:15px; padding:12px; background:#f3f3f3; text-decoration:none; border-right:1px solid #fff; font:18px 'Abel', Arial, Helvetica, sans-serif ; float:left; box-shadow:none; line-height:45px}
nav#meses ul li a:hover{ background:#ccc; color:#000}
#lista_datas table{float:left}
#lista_datas table tr td{ padding:15px 0 5px 0; border-bottom:1px solid #ccc}
#lista_datas table tr td h3{ margin-top:0}
/***fim página agenda cultura***/

/***inicio página foto e video cultura***/

#galeria_fotos, #galeria_videos{width:900px !important}
#galeria_fotos h2{ color:#CC0000}
ul#gal_fotos li{ float:left; margin:0 30px 20px 0; width:200px;height:230px;}
ul#gal_fotos li:nth-child(4n+4){ margin-right:0}
ul#gal_fotos li a img{filter:alpha(opacity=80); opacity:0.8;}
ul#gal_fotos li a img:hover{opacity:1.0; filter:alpha(opacity=100);}

ul#galeria { width: 900px;}
ul#galeria li{ float:left; margin:10px}
/*ul#gal_fotos li a{float:left; margin:0 12px 0 0; height:84px; background:#000}
ul#gal_fotos li a img{filter:alpha(opacity=80); opacity:0.8; }
ul#gal_fotos li a img:hover{opacity:1.0; filter:alpha(opacity=100);}
*/
#galeria_videos #conteudo_video { float:left; width: 540px !important}

#videos_relacionadas{width:300px; float: right;}
#videos_relacionadas h2{ color:#fff; background:#CC0000; padding-left:5px; margin-bottom:10px}
#videos_relacionadas ul{ float:left}
#videos_relacionadas ul li{ float:left; margin:5px 0 5px 0; border-bottom:1px dashed #ccc; padding-bottom:10px}
#videos_relacionadas img{margin-right:10px; float:left}
#videos_relacionadas a{ text-decoration:none}
#videos_relacionadas a:hover{ text-decoration:underline}
/***fim página foto e video cultura***/

/***inicio radio buttom***/
.jqTransformRadioWrapper {display:block;margin-left:37px;}
.jqTransformRadio {background: transparent url(..imgs/radio.gif) no-repeat center top;vertical-align: middle;height: 20px; width: 20px;display:block;/*display: -moz-inline-block;*/}
.jqTransformHidden {display: none;}
a.jqTransformChecked { background-position: center bottom;}
/***fim radio buttom***/

/***FIM CONTEÚDO CULTURA*********************************/

/***INICIO CONTEÚDO INSTITUCIONAL*********************************/
#menu_institucional.menu ul li a{ font-size:15px; color:#666}
.informacoes h2{ color:#0073C7; padding:0; margin:0}
.informacoes h2 span.subtitulo{ font-size:18px}
#cont_nos p.horarios{ background:url(../imgs/relogio.jpg) no-repeat left top; padding:0 0 0 20px}
#cont_nos p.horarios + p{ padding-left:20px}
#cont_biblioteca ul li{ margin:5px 0 0 15px; list-style:circle}
#cont_biblioteca a{ padding-left:20px;}
a.olho{ background:url(../imgs/olho.jpg) no-repeat left bottom; width:18px; height:18px}

/***inicio fale conosco***/
#fale_conosco div{ margin:5px 0}
#fale div label{width:70px; text-align:right; float:left; padding-top:7px}
#fale div input, #fale div textarea{width:350px; padding:5px; margin-left:5px; border:1px solid #ccc}
#fale div input#enviar{width:70px; float:right; margin-right:12px}

#mapa a{ background:url(../imgs/saiba_como_chegar.jpg) no-repeat; width:137px; height:36px; display:block; text-indent:-9999px; overflow:hidden}
#mapa a:hover{ background-position:0 -37px}
#maps{ position:absolute; top:125px; display:none}
/***fim fale conosco***/

#cont_dvds table{ float:left; width:315px}
#cont_dvds table tr{float:left; margin:15px 0}
table#tabela_esq{ margin-right:19px; float:left}
table#tabela_dir{float:right}
table tr td.capa{width:80px}
table tr td.descricao{width:220px; *display:inline}
div#cineastras{float:left}
/***FIM CONTEÚDO INSTITUCIONAL*********************************/

/***INICIO PAGINA NOTICIAS*********************************/
nav#pag_noticias H3{ font-size:20px; font-weight:normal; margin:0 0 10px 0}
nav#paginacao{ margin:10px 20px; float:left}
nav#paginacao ul li{ border:none}
nav#paginacao ul li a{ text-decoration:none; display:inline; padding:5px 10px; box-shadow:none; font-size:12px; display:block; background:#000; color:#fff; margin:5px; float:left}
nav#paginacao ul li a:hover{background:#CC0000; color:#fff;}



.not_relacionada{ padding:15px}
.not_relacionada h3{ margin-top:0}
.not_relacionada ul li{ padding:10px 0 20px 0; float:left; border-bottom:1px solid #ccc}
.img_not{ margin-right:15px; float:left;}
.desc_not{ overflow:hidden}
.notTitGrav{ border-top:1px solid #F4F4F4; margin-top:15px}

#wrapper_noticias {margin:0 15px 25px 0; width:660px; float:left;  background: none repeat scroll 0 0 #FFFFFF;}
#wrapper_noticias > aside > article{margin:0; display:block;}
#wrapper_noticias article.pag_noticias .img_not{width:84px; display:inline-block; vertical-align:top;}
#wrapper_noticias article.pag_noticias .img_not img_wrapper{width:84px; height:43px;}
#wrapper_noticias article.pag_noticias .img_not > .data{line-height: 21px; width: 83px; padding: 0}
#wrapper_noticias article.pag_noticias .tit{display:inline-block; width:100%; max-height:90px; height:90px;}

#colunaListaNoticias { float: left; width: 250px;}
#selectAnoNoticias {padding-bottom: 10px;}
#selectAnoNoticias .selectNoticia{ width: 250px; padding: 5px;}
#listaMeses ul li a {
    background: none repeat scroll 0 0 #0073C7;
    border-bottom: 1px solid #003D8A;
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    padding: 10px;
    text-decoration: none;
    text-transform: uppercase;
}
#listaMeses ul li a:hover {
    background: none repeat scroll 0 0 #06C;
    color: #FFFFFF;
}

#pag_noticias{width:630px !important; margin:0;}

/***FIM PAGINA NOTICIAS*********************************/


/***INICIO RODAPE*********************************/
#rodape{background:#1d74c3; color:#fff; float:left; width:100%; padding:10px 0; margin-top:20px}
.col_rodape{ width:225px; height:250px; float:left; padding-left:9px; border-left:1px solid #06C}
.col_rodape h3{font:25px 'Abel', Arial, Helvetica, sans-serif; font-weight:normal; margin:0}
.col_rodape h3 a{ text-decoration:none; color:#fff;}
.col_rodape h3 a:hover{ text-decoration:underline;}
#cont_rodape{ width:940px}
#cont-rodape ul li{list-style:none; padding:4px 0;}
#cont_rodape ul li a{color:#fff; text-decoration:none; display:block; padding:5px 0}
#cont_rodape ul li a:hover{text-decoration:underline;}
#cont_rodape form{float:left; margin-top:5px}
#cont_rodape form div{height:30px}
#cont_rodape form input{border:none; border-radius:3px; padding:5px; width:215px;}
#cont_rodape form input.btn-enviar{float:right; width:50px; background:#666; color:#fff}

#pe{ padding:10px;}
#pe address a{ background:url(../imgs/clickn.png) no-repeat; width:55px; height:20px; display:block; text-indent:-9999px; overflow:hidden; float:right; margin-left:10px}
#ass address{display:inline; float:right; margin-top:7px}
#ass #redes{float:left;}
#ass #redes p{float:left; margin-top:6px; display:inline}
#ass #redes a{background:url(../imgs/redes.gif) no-repeat; width:28px; height:28px; display:block; overflow:hidden; text-indent:-999px; float:left; margin-left:10px}
#ass #redes a#twitter{background-position:0 0}
#ass #redes a#facebook{background-position:-28px 0}
#ass #redes a#twitter:hover{background-position: 0 -28px}
#ass #redes a#facebook:hover{background-position:-28px -28px}

#rodape .rodape_linguas{ background:#00AFEB}
#rodape ul li.endereco{ margin-bottom:15px}
/***FIM RODAPE*********************************/

/***ESTILO GENERICO***/
.inicio{ margin-left:0;}
.fim{ margin-right:0}
ul{ margin:0;}
ul li{ list-style:none}
/***ESTILO GENERICO***/


.tit_curso_main{width:680px;float:left}
.h3_curso{width:350px;float:left}
.div_calendario_preco{width:200px;float:right;clear:right}