* {margin:0 auto; padding:0;}
body {font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; color: #666; font-size:0.70em; height:100%; background:url(../img/1px_background.gif) repeat-x; width:100% !important;}
.clear {clear:both;}
.direita {float:right !important;}
.esquerda {float:left !important;}

h1 {font-size:22px; color:#929292; font-weight:bold;}
h1 a{ color:#929292; text-decoration: none;}
h1 a:hover{ color:#b2b2b2; text-decoration: none;}
h2 {font-size:20px; color:#666; font-weight:bold; line-height:21px;}
h3 {font-size:18px; color:#666; line-height:18px; font-family:'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;}
h4 {font-size:15px; color:#767676; font-family:'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;}
h5 {font-size:12px;}
h6 {font-size:10px;}

.c1 {color:#929292;}
.c2 {color:#666; font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;}
.c3 {color:#248d3d;}
.c3 a {color:#248d3d;}
.c4 {color:#007919;}
.c5 {color:#1c8732 }
.c6 {color:#999;}
.c7 {color:#767676;}
.c8 {color:#ee8811;}

a {color:#666; text-decoration: none;}
a:hover {color:#939393; text-decoration: none;}
a img {border:0;}
p {font-size:13px; margin: 8px 0; text-align:justify;}

#pagina {width:984px;	margin: 0 auto;}

#pagina #topo {width:984px;}
#pagina #topo #tp_acessorapido {width:984px; height:35px; color:#fff;}
#pagina #topo #tp_acessorapido a {color:#fff; white-space:nowrap; display:list-item; margin-right:20px;}
#pagina #topo #tp_acessorapido a:hover {text-decoration:underline;}
#pagina #topo #tp_acessorapido ul {margin:0; padding:10px 0 0 0;}
#pagina #topo #tp_acessorapido li {float:left; list-style:none; list-style-position:inside;}
#pagina #topo #tp_acessorapido li.acesso {list-style:none; width:237px; height:19px; padding:0 0 0 9px; float:left }
#pagina #topo #tp_acessorapido li.acesso select {background:#389E55; border:0px; color:#fff; font-size:10px; padding:0 !important;}
#pagina #topo #tp_acessorapido .acessoInformacao {list-style:none;background-repeat: no-repeat; background-position:left center; background-image: url(../img/ico_acessoinformacao.gif); padding:0px 0px 7px 26px; float:right; margin-right: 4px;}

#pagina #topo #tp_principal {height:82px; padding-top:10px;}
#pagina #topo #tp_principal #logo {width:329px; height:65px; float:left;}
#pagina #topo #tp_principal #tp_pesquisa {background: url(../img/img_pesquisa_fdo.gif) no-repeat; width:386px; height:52px; float:left; margin-top:8px;}
#pagina #topo #tp_principal #tp_pesquisa .campo {float:left;}
#pagina #topo #tp_principal #tp_pesquisa .buscar {float:right; padding:4px 4px 0 0;}
#pagina #topo #tp_principal #tp_pesquisa .campo_pesquisa {width:321px; height:36px; border-color:#fff; border:0; margin:9px 0 0 8px; font-size:25px; color:#939292; right:74px; top:1px;}
#pagina #topo #tp_principal #tempo {width:120px; height:65px; float:left; padding:2px 0 0 2px; font-size:10px;}
#pagina #topo #tp_principal #tempo .data {font-size:9px; font-family:Verdana; margin:-5px 0 0 5px; font-weight:bold; width:110px; display:block;}
#pagina #topo #tp_principal #tempo .simbolo {width:75px; height:58px; float:left; margin-top:2px;}
#pagina #topo #tp_principal #tempo .setas {width:20px; padding-top:18px; float:left;}
#pagina #topo #tp_principal #tempo .setas img {padding-bottom:2px;}
#pagina #topo #tp_principal #tempo .temperatura {float:left; padding-top:18px;}
#pagina #topo #tp_principal #icones {float:left; width:147px; padding-top:12px;}
#pagina #topo #tp_principal #icones .boletim {width:49px; float:left;}
#pagina #topo #tp_principal #icones .boletim a {display:block; width:49px; height:50px; padding: 2px 0 0 2px; background:url(../img/bt_boletim_transito.gif) no-repeat; position:relative; right:0px;}
#pagina #topo #tp_principal #icones .boletim a:hover {width:49px; height:50px; background:url(../img/bt_boletim_transito_on.gif) no-repeat;  position:relative; right:3px; top:-3px;}
#pagina #topo #tp_principal #icones .horario {width:49px; float:left;}
#pagina #topo #tp_principal #icones .horario a {display:block; width:49px; height:50px; padding: 2px 0 0 2px; background:url(../img/bt_horario_onibus.gif) no-repeat; position:relative; right:0px;}
#pagina #topo #tp_principal #icones .horario a:hover {width:49px; height:50px; background:url(../img/bt_horario_onibus_on.gif) no-repeat;  position:relative; right:3px; top:-3px;}
#pagina #topo #tp_principal #icones .chat {width:49px; float:left;}
#pagina #topo #tp_principal #icones .chat a {display:block; width:49px; height:50px; padding: 2px 0 0 2px; background:url(../img/bt_chat_156.gif) no-repeat; position:relative; right:0px;}
#pagina #topo #tp_principal #icones .chat a:hover {width:49px; height:50px; background:url(../img/bt_chat_156_on.gif) no-repeat;  position:relative; right:3px; top:-3px;}

#pagina #rodape {width:984px; padding-top:10px; float: left; }
#pagina #rodape #barra {background-color:#c3c3c3; height:35px; color:#fff; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
#pagina #rodape #barra .portal {padding: 12px 0 0 14px; float:left;}
#pagina #rodape #barra .tpagina {font-size:10px; font-weight:bold; float:right; padding: 12px 14px 0 0;}
#pagina #rodape #detalhes {width:982px; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; padding-top: 1px; float: left; }
#pagina #rodape #detalhes #cxlogo {width:246px; float:left;}
#pagina #rodape #detalhes #cxlogo .logo {padding:12px 17px;}

#pagina #rodape #detalhes #cxverde {width:735px; background-color:#007919; float:left; color:#fff; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; margin-right: 1px; padding-bottom: 2px; }
#pagina #rodape #detalhes #cxverde .linha {width:160px; height:1px; background-color:#005a12; float:left; margin:4px 0 5px 0; font-size:1px;}
#pagina #rodape #detalhes #cxverde #pagprincipal {width:160px; padding:8px 0 0 20px; float:left;}
#pagina #rodape #detalhes #cxverde #pagprincipal a {color:#fff; text-decoration:none;}
#pagina #rodape #detalhes #cxverde #pagprincipal a:hover {color:#eee; text-decoration:underline;}
#pagina #rodape #detalhes #cxverde #pagprincipal ul {margin:0; padding:0;}
#pagina #rodape #detalhes #cxverde #pagprincipal li {width:160px; line-height:17px; float:left; list-style-position:inside;}
#pagina #rodape #detalhes #cxverde #rp_servicos {width:234px; padding:8px 0 0 0; float:left;}
#pagina #rodape #detalhes #cxverde #rp_servicos a {color:#fff; text-decoration:none;}
#pagina #rodape #detalhes #cxverde #rp_servicos a:hover {color:#eee; text-decoration:underline;}
#pagina #rodape #detalhes #cxverde #rp_servicos ul {margin:0; padding:0;}
#pagina #rodape #detalhes #cxverde #rp_servicos li {width:140px; line-height:17px; float:left; list-style-position:inside;}
#pagina #rodape #detalhes #cxverde #rp_servicos .linha {width:235px; height:1px; background-color:#005a12; float:left; margin:4px 0 5px 0; font-size:1px;}

#pagina #rodape #detalhes #cxverdeesc {width:320px; float:left; color:#fff;}
#pagina #rodape #detalhes #cxverdeesc .titulo {padding:5px 0 0 8px;}
#pagina #rodape #detalhes #cxverdeesc .linha {width:317px; height:1px; background-color:#007919; float:left; margin:4px 0 5px 0; font-size:1px;}
#pagina #rodape #detalhes #cxverdeesc #centro_icones { background-color: #005a12; float: left; margin-top: 3px; width: 317px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#pagina #rodape #detalhes #cxverdeesc #centro_icones #ferramentas {width:100%; padding:0; margin:0; float:left; }
#pagina #rodape #detalhes #cxverdeesc #centro_icones #ferramentas a {color:#fff; text-decoration: none;}
#pagina #rodape #detalhes #cxverdeesc #centro_icones #ferramentas a:hover {color:#eee; text-decoration:underline;}
#pagina #rodape #detalhes #cxverdeesc #centro_icones #ferramentas ul {width:180px; margin:0; padding-left:10px;}
#pagina #rodape #detalhes #cxverdeesc #centro_icones #ferramentas li {width:140px;line-height:17px; float:left; list-style-position:inside;}
#pagina #rodape #detalhes #cxverdeesc #centro_icones #ici {width:40px; float:right; margin-top: 19px; margin-bottom: 10px; margin-right: 4px; }
.rodEsquerda { float: left; }
.logoUnesco { padding: 0 17px; }
.divEndereco { clear: both; padding: 8px 0 7px 20px; width: 395px; float: left; }
.divEndereco .linha { width: 100% !important; }

.esconder {display:none;}
.programacao td a { color: #ffffff !important; background-color: #94C01E; text-decoration: none; display: block; }