@charset "utf-8";
/* CSS Document */

html, body, form, ul, fieldset, p, h1, h2, h3, h4, h5 {margin: 0; padding: 0;}
body {font:100%/110% arial;}
body img {display:block;}
a {text-decoration:none; outline:0;}
object {outline:0;}
li {list-style:none;}
a img, fieldset {border: 0;}
p.center {text-align:center;}
p.right {text-align:right;}
p, h1, h2, h3, h4, h5 {margin-bottom:11px;}
div.clear {clear: both;}

a.assinatura, #nav ul li, #duvourec h1, .bg-tts h1, #corujao a, #tts h1 {text-indent:-9000em; overflow:hidden;}

/*** HEADER ***/

#logo {position:absolute; width:300px; height:110px; top:10px; left:335px;}
#nav {position:absolute; top:132px; left:41px; width:924px; height:83px; background:url(../pics/bg-under_menu.jpg) no-repeat bottom;}
#nav ul li {float:left; display:inline; height:47px;}
#nav ul li.menu01 {width: 66px; background:url(../pics/menu_01.jpg) no-repeat;}
#nav ul li.menu02 {width:112px; background:url(../pics/menu_02.jpg) no-repeat;}
#nav ul li.menu03 {width: 76px; background:url(../pics/menu_03.jpg) no-repeat;}
#nav ul li.menu04 {width: 80px; background:url(../pics/menu_04.jpg) no-repeat;}
#nav ul li.menu05 {width: 86px; background:url(../pics/menu_05.jpg) no-repeat;}
#nav ul li.menu06 {width:144px; background:url(../pics/menu_06.jpg) no-repeat;}
#nav ul li.menu07 {width:140px; background:url(../pics/menu_07.jpg) no-repeat;}
#nav ul li.menu08 {width:100px; background:url(../pics/menu_08.jpg) no-repeat;}
#nav ul li.menu09 {width:120px; background:url(../pics/menu_09.jpg) no-repeat;}

#nav ul li a {display:block; height:47px;}

#nav ul li.menu01 a:hover {background:url(../pics/menu_01_hover.jpg) no-repeat;}
#nav ul li.menu02 a:hover {background:url(../pics/menu_02_hover.jpg) no-repeat;}
#nav ul li.menu03 a:hover {background:url(../pics/menu_03_hover.jpg) no-repeat;}
#nav ul li.menu04 a:hover {background:url(../pics/menu_04_hover.jpg) no-repeat;}
#nav ul li.menu05 a:hover {background:url(../pics/menu_05_hover.jpg) no-repeat;}
#nav ul li.menu06 a:hover {background:url(../pics/menu_06_hover.jpg) no-repeat;}
#nav ul li.menu07 a:hover {background:url(../pics/menu_07_hover.jpg) no-repeat;}
#nav ul li.menu08 a:hover {background:url(../pics/menu_08_hover.jpg) no-repeat;}
#nav ul li.menu09 a:hover {background:url(../pics/menu_09_hover.jpg) no-repeat;}

img.chat-online {float:right; margin:40px 40px 0 0;}

/*** MAINCONTENT GERAL ***/

#mainContent p {}

/* home */

.caixa h1 {height:25px;}
.caixa p {font:normal 12px arial; color:#054e8a;}
.caixa p a {color:#054e8a;}
#caixa03 p {padding-top:15px;}
#caixa04 p {font:normal 11px arial; padding-right:117px;} #caixa04 img {float:right;}
#caixa01 h1 {height:25px; background:url(../pics/tt-not.jpg) no-repeat top left;}
#caixa02 h1 {height:25px; background:url(../pics/tt-rot1.jpg) no-repeat top left;}
#caixa03 h1 {height:25px; background:url(../pics/tt-ach.jpg) no-repeat top left;}
#caixa04 h1 {height:25px; background:url(../pics/tt-seg.jpg) no-repeat top left;}


/*** Animação das fotos ***/

.animacao {position:absolute; width:285px; left:30px;}
.animacao ul li {float:left; display:inline; width:285px; height: 253px;}
.animacao ul li img {border:5px solid #42a0c6; padding:1px; background:#fff; margin-bottom:3px;}

.animacao-int {position:absolute; width:260px; left:21px;}
.animacao-int ul li {float:left; display:inline; width:260px;}
.animacao-int ul li img {border:5px solid #42a0c6; padding:1px; background:#fff; margin-bottom:3px; width: 247px; height: 156px;}

a#arrowLeft, a#arrowRight {position:absolute; display:block; width:16px; height:19px; top:50px;}
#jQuery-int a#arrowLeft, #jQuery-int a#arrowRight {top:75px !important;}
a#arrowLeft {left:0; background:url(../pics/arrow-left.png) no-repeat;}
a#arrowRight {right:0; background:url(../pics/arrow-right.png) no-repeat;}

/* internas */

p.aviso{color:#F00!important; font-variant:bold;}

td.servicos a {font:bold 12px arial; color:#054E8A;}
td.servicos a:hover {color:#BF9800;}

#navegacao {margin-bottom:30px; font:normal 10px arial; color:#054e8a; float:right; }
#navegacao span {color:#CFA500; text-decoration:underline; }

#cham-02 {margin:20px 10px; float:right;}
#cham-02 ul li {float:left; display:inline; width:17px; height:16px; margin:0 0 0 10px;}
#cham-02 ul li.divisoria {width:1px !important; height:12px; background:url(../pics/divisoria.png) no-repeat; margin:2px 6px;}
#cham-02 ul li a {display:block; height:12px; }

#cham-02 ul li.cham1 {background:url(../pics/icone-home.png) no-repeat;}
#cham-02 ul li.cham2 {background:url(../pics/icone-contato.png) no-repeat;}
#cham-02 ul li.cham3 {background:url(../pics/icone-site.png) no-repeat;}
#cham-02 ul li.cham4 {background:url(../pics/icone-voltar.png) no-repeat;}

#tooltip{
	position:absolute;
	width: 85px;
	height: 31px;
	font:normal 11px verdana;
	color: #fff;
	display:none;
    text-align: center;
    padding-top: 5px;
    background: url(../pics/bg-tooltip.png) no-repeat;
	}

.space {height:15px;}

div.noticias {width:475px; text-align:justify;}
div.noticias a {font:normal 12px arial; color:#054e8a;}
div.noticias a img {display:block; float:left; margin:0 10px 10px 20px; border:4px solid #42A0C6; padding:1px;}
div.noticias a img:hover {border:4px solid #FFCC01; padding:1px;}

#internas p {font:normal 12px arial; color:#054e8a; text-align:justify; padding-left:10px;}
#tts h1 {margin:15px 0 10px 0; padding:0; height:25px;}
#tts h1.con {background:url(../pics/tt-con.jpg) no-repeat top left;}
#tts h1.fal {background:url(../pics/tt-fal.jpg) no-repeat top left;}
#tts h1.jornal {background:url(../pics/tt-jornal.jpg) no-repeat top left;}
#tts h1.servicos {background:url(../pics/tt-servicos.jpg) no-repeat top left;}
#tts h1.ouvidoria {background:url(../pics/tt-ouvidoria.jpg) no-repeat top left;}
#tts h1.trabalhe {background:url(../pics/tt-trabalhe.jpg) no-repeat top left;}
#tts h1.eventos {background:url(../pics/tt-eventos.jpg) no-repeat top left;}
#tts h1.localizacao {background:url(../pics/tt-localizacao.jpg) no-repeat top left;}
#tts h1.rotas {background:url(../pics/tt-rotas.jpg) no-repeat top left;}
#tts h1.achados {background:url(../pics/tt-achados.jpg) no-repeat top left;}
#tts h1.terminais {background:url(../pics/tt-terminais.jpg) no-repeat top left;}
#tts h1.corujao {background:url(../pics/tt-corujao1.jpg) no-repeat top left;}
#tts h1.noticias {background:url(../pics/tt-noticias.jpg) no-repeat top left;}
#tts h1.seguranca {background:url(../pics/tt-seguranca.jpg) no-repeat top left;}
#tts h1.obrigado {background:url(../pics/tt-obrigado.jpg) no-repeat top left;}
#tts h1.duvesugest {background:url(../pics/tt-duvesugest.jpg) no-repeat top left;}
#tts h1.reclamamc {background:url(../pics/tt-reclamacoes.jpg) no-repeat top left;}
#tts h1.reclamaor {background:url(../pics/tt-reclamacoes.jpg) no-repeat top left;}
#tts h1.reclamaor {background:url(../pics/tt-reclamacoes.jpg) no-repeat top left;}
#tts h1.elogios {background: url(../pics/tt-elogiosform.jpg) no-repeat top left;}



h2 {font:bold 20px arial; color:#FFCC01; margin:20px 0 20px 6px; background:url(../pics/marc.png) no-repeat 4px; padding-left:10px; border-bottom:1px solid #E5E5E5;}

a.gps {background:url(../pics/list-eventos.png) no-repeat left 2px; font:bold 14px arial; color:#054e8a; padding-left:15px; margin:5px 0 5px 6px; text-decoration:none;}
a.gps:hover {text-decoration:underline;}

h2.tt-not {font:bold 16px arial; color:#054e8a; padding-left:10px;}

div.lista ul li {background:url(../pics/lista.png) no-repeat left 2px; margin:0 0 7px 10px;
padding-left:15px; font:normal 12px arial; color:#054e8a;}
div.lista ul li.tt-lista {background:url(../pics/lista.png) no-repeat left 2px; margin:0 0 7px 10px;
padding-left:15px; font:bold 13px arial; color:#054e8a;}
div.lista ul li.conteudo {margin:0 0 7px 10px; font:normal 12px arial; color:#054e8a; background:none; }
div.lista ul li.linha {border-bottom:1px solid #E5E5E5; width:400px; margin:10px auto;}

div.linhas {margin:10px 60px 10px 0; height:95px; float:left; display:inline;}
div.linhas ul li {background:url(../pics/lista.png) no-repeat left 2px; margin:0 0 7px 10px;
padding-left:15px; font:normal 12px arial; color:#054e8a;}

div.topicos {margin:10px 80px 10px 0;}
div.topicos ul li {background:url(../pics/lista.png) no-repeat left 4px; margin:0 0 7px 10px;
padding-left:15px;}
div.topicos ul li a {font:normal 12px arial; color:#054e8a;}
div.topicos ul li a:hover {color:#409CC3; text-decoration:underline;}

ul.foto-evento li {float:left; display:inline; margin:10px 5px 10px 20px;}
ul.foto-evento li span {
	font: 12px arial;
	color: #054E8A;
}

ul.foto-idoso li {float:none; display:block; margin:0px 5px 10px 150px;}


ul.serv li{ width: 181px;}
ul.foto-evento li img {border:4px solid #42A0C6; padding:1px;}
ul.foto-evento li img:hover {border:4px solid #FFCC01; padding:1px;}

div.foto ul a img {border:4px solid #42A0C6; padding:1px;}
div.foto ul a:hover img{border:4px solid #FFCC01; padding:1px;}

div.eventos {width:180px; float:left; display:inline; margin:20px 10px 0 20px;}
div.eventos img {border:4px solid #42A0C6; margin:0 auto; float:left; display:inline; padding:1px;}
div.eventos img:hover {border:4px solid #FFCC01; padding:1px;}
span.tit-eventos {font:bold 14px arial; color:#054D88; display:block; text-align:center;}

table.tabela {
margin:15px auto; text-align:center; font:normal 11px arial; color:#054e8a; width:600px; border:3px solid #42A0C6; background:#fff;}
table.tabela thead {text-align:center; background:#fff; font:bold 12px arial; color:#054e8a;}
table.tabela tr td {border:1px solid #42A0C6; padding:3px 10px;}
table.tabela tr td.tabela-tt {font:bold 16px arial; color:#FFCC01;}
table.tabela tr.bg01 {background:#EFFAFF;}
table.tabela tr.bg02 {background:#FFFEEF;}

div.jornal ul li {float:left; display:inline; margin:10px 0 10px 60px; }
div.jornal ul li img {border:3px solid #C8DEEB; padding:2px;}
div.jornal ul li img:hover {border:3px solid #FFCC01; padding:2px;}

div.jornal-des {margin:10px 0 10px 10px;}
h2.tt-jornal {font:bold 14px arial; color:#054e8a; background:none; border:none; text-align:center;}

span.jornal02 {font:normal 12px arial; color:#054e8a; text-align:center; display:block; margin-top:3px;}

div.linha {border-bottom:1px solid #E5E5E5; margin:20px 80px;}

/* formulário de contato */

#formulario {width:250px; margin:0 auto;}
#formulario p { text-align:center; margin:10px 0;} 
div#formulario fieldset {width:250px; border:none;}
div#formulario label {float:left; font:bold 13px arial; color:#054e8a; margin-top:10px;}

.contato, .enviar, textarea {
background:#fff; border:1px solid #6692b7;
font:11px Arial; margin:2px; color:#666;} 
input.contato {
float:left; display:inline; border-left:none; border-bottom:none;
padding:5px; width:240px;}
textarea {
float:left; display:inline; border-left:none; 
padding:5px; width:240px; height:85px;}


/*** SIDEBAR ***/

input.campo, #duvourec textarea {float:left; display:inline; width:169px; border:1px solid #6692b7; padding:5px 4px;
font:normal 10px arial; color:#666; background:#fff;}
input.campo {height:15px; border-left:none; border-bottom:none; margin:0 36px 5px 36px;}
#duvourec textarea {height:72px; border-left:none; margin:0 36px;}
input.enviar {float:left; display:inline; width:68px; height:25px; border:none; margin:8px 0 0 91px; cursor:pointer;
background:url(../pics/bt-enviar.png) no-repeat; text-indent:-9000em;}

#duvourec h1.duvourec {height:25px; background:url(../pics/tt-duvourec.jpg) no-repeat center; margin:0;}
#duvourec h1.reclama {height:25px; background:url(../pics/tt-reclama.jpg) no-repeat center; margin:0;}
#duvourec h1.elogios {height:25px; background:url(../pics/tt-elogios.jpg) no-repeat center; margin:0;}

#duvourec p {font:normal 11px arial; color:#fff; margin:0;}

#enquete h1 {width:70px; height:24px; background:url(../pics/tt-enquete.jpg) no-repeat; margin-top:11px; margin-left:5px;}
#enquete p {font:normal 12px georgia; color:#054e8a; padding:0 17px;}
#enquete table {margin-left:12px;}
#enquete table tr td {font:normal 12px georgia; color:#054e8a;}
#resultado a {display:block; height:17px;}
/*#resultado a:hover {background:url(../pics/resultado-on.jpg) no-repeat;}*/

/*** FOOTER ***/

#menu-footer ul li {width:178px; height:28px; float:left; font:normal 12px verdana; 
background:url(../pics/bg_ul_li_footer.jpg) no-repeat left bottom;}
#menu-footer ul li a {color:#fff; display:block; height:23px; padding:5px 0 0 3px;}
#menu-footer ul li a:hover {color:#fc0;}
#menu-footer ul li.sem_bg {background:none;}

#corujao a {display:block; height:92px;}

#footer-in address {text-align:center; font:normal 0.76em arial; color:#fff; }
#footer-in address span {font:bold 14px arial; color:#fc0;}
a.assinatura {display:block; position:absolute; width:90px; height:14px; bottom:15px; left:26px;
background:url(../pics/assinatura.jpg) no-repeat;}


/*** MENU RETRATIL ***/

ul#menu {
	width: 170px;
	margin:8px 5px 15px 40px;
}

ul#menu li {                
	color: black;        
	line-height: 19px;   
	   
}

ul#menu li.duvourec a{height:35px; background:url(../pics/tt-duvourec.jpg) no-repeat center; margin:0; text-indent:-9000em;}
ul#menu li.duvourec2 a{height:35px; background: url(../pics/tt-reclama3.jpg) no-repeat center; margin:0; text-indent:-9000em;}
ul#menu li.duvourec3 a{height:35px; background: url(../pics/tt-reclama4.jpg) no-repeat center; margin:0; text-indent:-9000em;}
ul#menu li.duvourec4 a{height:35px; background: url(../pics/tt-elogios.jpg) no-repeat center; margin:0; text-indent:-9000em;}


ul#menu li.header {      
	background: #DFDFDF;
	font-weight: bolder; 
	padding: 0px 3px;
	font-size: 12px;
}   

ul#menu li a {
	color: black;
	text-decoration: none;
	display: block;       
	padding: 0px 3px;
	outline: none;
}                     

ul#menu li.parent > a {height:40px;	background: transparent url(../pics/tt-reclama.jpg) right center no-repeat; text-indent:-9000em; }                   

ul#menu li.aberto > a {background: transparent url(../pics/tt-reclama2.jpg) right center no-repeat; text-indent:-9000em; }                   

/***
ul#menu li a:hover {   
	background-color: #EAEEFF; 
}
***/
ul#menu li ul.sub-menu {
  	display: none;
}                 

ul#menu li ul.sub-menu li a {
	padding-left: 15px;
	color: maroon;
}




/**** Chat-online ****/

div#chat-online a img {position:absolute; top:-45px; right:25px; width:135px; height:30px;}

/*******************************************************************************
								RICH MIDIA
*******************************************************************************/

#richmedia {position:absolute; left:213px; top:172px; z-index:8;}


/*******************************************************************************
								NOTICIAS
*******************************************************************************/

h3.title {color:#006; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px;}
img.esquerdo {border:2px solid; margin:0 0 0 -130px;}


/* EVENT BAR */

#richnovo{background:url(../pics/bg-rich.png);height: 1202px;position: absolute;width: 100%;z-index: 99999;}
#event{height: 258px;margin: 200px auto;width: 640px;z-index: 90;}
#event_hide{cursor: pointer;margin: -25px 0 0 5px;position: absolute;}
#event_logo{margin: -30px 0 0;position: absolute;}
#event_logo img{float:left;}