@charset "utf-8";
/* ------------------- GERAL ------------------------ */

/*html, body {
	margin:0 auto;
	text-align:center;
	background:#0D749D;
}*/
html, body {
    margin:0 auto;
	text-align:center;
}

body {
    font-family:arial;
    font-size:12px;
    color:#fff;
    background:#368ED6 url('../img/body_bg.jpg') repeat-x top left;
}

#topo {
	background:#0D749D;
	height:0px;
}

#faixa_logo {	
	background:url(../img/header_bg.jpg) repeat-x center top;
	/*background: #ffffff top center repeat-y;*/	
	height:108px;
}

#corpo {
	/*background:#3661BD;*/
	height:696px;       
}

#rodape {
	background:#0D749D;
	width:100%;
    padding-top:10px;
	/*height:14px;*/
    height:25px;
}

#rodapeDadosVeiculos {
	background:#0D749D;
	width:100%;
    padding-top:10px;
	/*height:14px;*/
    height:25px;}

#rodapeMapa {
	background:#0D749D;
	width:100%;
    padding-top:10px;
	/*height:14px;*/
    height:25px;
}

#rodapeMapaLocalFixo {
	background:#0D749D;
	width:100%;
    padding-top:10px;
	/*height:14px;*/
    height:25px;
}

#rodapeCalendario {
	background:#0D749D;
	width:100%;
    padding-top:10px;
	/*height:14px;*/
    height:25px;
}

#rodapeComprovante {
	background:#0D749D;
	width:100%;
    padding-top:10px;
	/*height:14px;*/
    height:25px;
}

/* ------------------- conteudo do principal ------------------------ */

#div_online {
	width:740px;
	margin:0 auto;
}

#div_menu_superior {
	width:740px;
	height:92px;
	margin:0 auto;
	text-align:left;
}

#logo_topo {
	height:46px;
	width:210px;
	position:relative;
	top:50px;
}

.texto_copyright {
	text-align:center;
	color:#FFFFFF;
	font-family:Arial, Helvetica;
	font-size:9px;
	height:14px;
	padding-top:3px;
}

.cyn_crontrol {
	color:#00FFFF;
	text-align:center;
	font-family:Arial, Helvetica;
	font-size:9px;
	height:14px;
	padding-top:3px;
}

.texto_online {
	text-align:right;
	color:#FFFFFF;
	font-family:Arial, Helvetica;
	font-size:9px;
	height:0px;
	padding-top:0px;
}

a.texto_online:link { 
	text-decoration:none;
	font-weight:normal;
	color:#FFFFFF;
	text-align:right;
	font-family:Arial, Helvetica;
	font-size:9px;
}
a.texto_online:visited { text-decoration:none; font-weight:normal; color:#FFFFFF;}
a.texto_online:hover { text-decoration:none;  font-weight:normal; color:#00FFFF; }
a.texto_online:active { text-decoration:none;  font-weight:normal; color:#FFFFFF;}


/* ------------------- divs das tabelas ------------------------ */

.altura_min { height:8px; font-size:9px;}

#tabela_agenda01 {
	margin:0 auto;
	padding-top:14px;
	width:590px;
}

#tabela_agenda02 {
	margin:0 auto;
	padding-top:14px;
	width:650px;
}

#tabela_agenda_lst_ctr02 {
	margin:0 auto;
	padding-top:14px;
	width:850px;
}

#tabela_agenda_mapa_02 {
	margin:0 auto;
	padding-top:14px;
	width:900px;
}

.txt_tabelas {
	font-family:Arial, Helvetica, Tahoma;
	font-size:12px;
	text-align:left;
	color:#FFFFFF;
	font-weight:normal;
}

a.txt_tabelas:link { 
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
}
a.txt_tabelas:visited { text-decoration:none; font-weight:bold; color:#FFFFFF;}
a.txt_tabelas:hover { text-decoration:none;  font-weight:bold; color:#1F323F; }
a.txt_tabelas:active { text-decoration:none;  font-weight:bold; color:#FFFFFF;}


.txt_tabelas_dados_veic {
	font-family:Arial, Helvetica, Tahoma;
	font-size:12px;
	text-align:left;
	color:#FFFFFF;
	font-weight:bold;
	text-transform:uppercase;
}

.txt_tabelas_amarelo {
	font-family:Arial, Helvetica, Tahoma;
	font-size:12px;
	text-align:left;
	color:#FFF200;
	font-weight:bold;
}
.txt_tabelas_laranja {
	font-family:Arial, Helvetica, Tahoma;
	font-size:12px;
	text-align:left;
	color:#ff9800;
	font-weight:bold;
}

.txt_tab_situacao {
	font-family:Arial, Helvetica, Tahoma;
	font-size:12px;
	text-align:center;
	color:#FFFFFF;
}

.txt_tab_situacao_legal {
	font-family:Arial, Helvetica, Tahoma;
	font-size:12px;
	text-align:center;
	color:#FFFFFF;
}

.txt_tab_situacao_erro {
	font-family:Arial, Helvetica, Tahoma;
	font-size:12px;
	text-align:center;
	color:#FFF200;
	text-transform:uppercase;
}

.txt_field_padrao {
	background:#FFFFFF;
	border: #11415A solid 1px;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	padding-left:5px;
	text-transform:uppercase;
	color: #1F323F;
	float:left;
}
.txt_link_imagem {
	font-family:Arial, Helvetica, Tahoma;
	font-size:9px;
	text-align:left;
	color:#FFFFFF;
	font-weight:normal;
}

a.txt_link_imagem:link { 
	text-decoration:underline;
	font-weight:normal;
	color:#FFFFFF;
	text-align:right;
	font-family:Arial, Helvetica;
	font-size:9px;
}
a.txt_link_imagem:visited { text-decoration:underline; font-weight:normal; color:#FFFFFF;}
a.txt_link_imagem:hover { text-decoration:underline;  font-weight:normal; color:#00FFFF; }
a.txt_link_imagem:active { text-decoration:underline;  font-weight:normal; color:#FFFFFF;}

.txt_titulo_lista {
	font-family:Arial, Helvetica, Tahoma;
	font-size:12px;
	text-align:left;
	color:#FFFFFF;
	font-weight:bold;
}

.txt_lista {
	font-family:Arial, Helvetica, Tahoma;
	font-size:12px;
	text-align:left;
	color:#FFFFFF;
	font-weight:normal;
}

.fundo_listas {
	height:50px;
	background-image: url(../img/titulos_paginas/fundo_listas.gif);
}

#listagem_cis {
	overflow:auto;
	height:320px;
}

/* ------------------- tabelas de meses ------------------------ */

.fundo_calendario {
	height:174px;
	width:220px;
	text-align:center;
	background:url(../img/titulos_paginas/meses_calendario/fundo_calendario.gif) no-repeat;
}

.fundo_legenda_cal {
	height:174px;
	width:220px;
	text-align:center;
	background:url(../img/titulos_paginas/meses_calendario/fundo_legenda.gif) no-repeat;
}

.fundo_horarios {
	height:350px;
	width:190px;
	text-align:center;
	background:url(../img/titulos_paginas/meses_calendario/fundo_horarios.gif) no-repeat;
}

.data_calendario {
	font-family:Arial, Helvetica, Tahoma;
	font-size:12px;
	text-align:center;
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:bold;
}

a.data_calendario:link { text-decoration:none; color:#FFFFFF; font-weight:bold; display:inline-block;}
a.data_calendario:visited { text-decoration:none; color:#FFFFFF; font-weight:bold; display:block;}
a.data_calendario:hover { text-decoration:none; color:#FFFFFF; font-weight:bold; display:block;}
a.data_calendario:active { text-decoration:none; color:#FFFFFF; font-weight:bold; display:block;}

.data_disponivel {
        cursor:pointer;
	font-family:Arial, Helvetica, Tahoma;
	font-size:12px;
	text-align:center;
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:bold;
	background: url(../img/titulos_paginas/meses_calendario/azul.gif) repeat-x;
}

.data_selecionada {
	font-family:Arial, Helvetica, Tahoma;
	font-size:12px;
	text-align:center;
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:bold;
	background: url(../img/titulos_paginas/meses_calendario/amarelo.gif) repeat-x;
}

.data_ndisponivel {
	font-family:Arial, Helvetica, Tahoma;
	font-size:12px;
	text-align:center;
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:bold;
	background: url(../img/titulos_paginas/meses_calendario/cinza.gif) repeat-x;
}

.data_fora_prazo_reinspecao {
        cursor:pointer;
	font-family:Arial, Helvetica, Tahoma;
	font-size:12px;
	text-align:center;
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:bold;
	background: url(../img/titulos_paginas/meses_calendario/verde.gif) repeat-x;
}

.data_fora_prazo {
        cursor:pointer;
	font-family:Arial, Helvetica, Tahoma;
	font-size:12px;
	text-align:center;
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:bold;
	background: url(../img/titulos_paginas/meses_calendario/vermelho.gif) repeat-x;
}

.data_calendario_ndisponivel {
	font-family:Arial, Helvetica, Tahoma;
	font-size:12px;
	text-align:center;
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:bold;
	background: url(../img/titulos_paginas/meses_calendario/marrom.gif) repeat-x;
}

.txt_legendas {
	font-family:Arial, Helvetica, Tahoma;
	font-size:10px;
	text-align:left;
	color:#FFFFFF;
	font-weight:normal;
}

.txt_hora_disponivel {
	font-family:Arial, Helvetica, Tahoma;
	font-size:12px;
	text-align:center;
	color:#FFFFFF;
	font-weight:normal;
}

.horarios_validos {
	width:80px;
	font-family:Arial, Helvetica, Tahoma;
	font-size:12px;
	color:#000000;
	text-align:left;
	border:#6699CC solid 1px;
}

/* ------------------- comprovante ------------------------ */

.fundo_comprovante {
	height:295px;
	width:545px;
	text-align:center;
	background:url(../img/titulos_paginas/fundo_comprovante.gif) no-repeat;
}

.txt_comprovante_normal {
	font-family:Arial, Helvetica, Tahoma;
	font-size:12px;
	text-align:left;
	color:#000000;
	font-weight:lighter;
}
.txt_comprovante_bold {
	font-family:Arial, Helvetica, Tahoma;
	font-size:13px;
	text-align:left;
	color:#000000;
	font-weight:bold;
}

.txt_comprovante_peq {
	font-family:Arial, Helvetica, Tahoma;
	font-size:9px;
	text-align:center;
	color:#000000;
	font-weight:lighter;
}

/*
Alpha PNG support for IE
------------------------------
Aviso, este c?digo abaixo funciona apenas para visualiza??o na tela. Quando este documento for impresso, o bug voltar?.
O Hack Abaixo faz o c?digo rodar apenas no IE. Sendo que os outros browsers como, Firefox, Opera e Safari j? tem a transparencia de PNG nativo.
\*/* html img,input/**/ {
    filter:expression(
      this.alphaxLoaded ? "" : (
        ( this.src.indexOf(".png")>0 && this.src.indexOf("google")<0 )
        ?
        (
        (!this.complete)
        ? "" :
          this.runtimeStyle.filter=
          ("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.src.substring(0, this.src.indexOf(".png")+4 )+"')")+
          (this.onbeforeprint="this.runtimeStyle.filter='';this.src='"+this.src.substring(0, this.src.indexOf(".png")+4 )+"'").substr(0,0)+
          String(this.alphaxLoaded=true).substr(0,0)+(this.src="img/transparent.gif").substr(0,0)
        )
        :
        this.runtimeStyle.filter=""
      )
    );
}
#div_mascara{
    margin:0px;
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    visibility:hidden;
    background-color:#cccccc;
    opacity: .7;/*Mozilla*/
    filter: alpha(opacity=70);/*IE*/
}
#div_mensagem1{
    position:absolute;
    left:33%;
    top:10%;
    width:500px;
    height:550px;
    display: none;
    background-color: #0D749D;
    border-color: #C3D9FF;
    border-width: 1px;
    border-style: solid;
    font-family: Arial,Helvetica,sans-serif;
}
#div_mensagem2{
    position:absolute;
    left:33%;
    top:10%;
    width:500px;
    height:510px;
    display: none;
    background-color: #0D749D;
    border-color: #C3D9FF;
    border-width: 1px;
    border-style: solid;
    font-family: Arial,Helvetica,sans-serif;
}
#div_mensagem3{
    position:absolute;
    left:33%;
    top:20%;
    width:500px;
    height:460px;
    display: none;
    background-color: #0D749D;
    border-color: #C3D9FF;
    border-width: 1px;
    border-style: solid;
    font-family: Arial,Helvetica,sans-serif;
}
#div_mensagem4{
    position:absolute;
    left:33%;
    top:10%;
    width:500px;
    height:510px;
    display: none;
    background-color: #0D749D;
    border-color: #C3D9FF;
    border-width: 1px;
    border-style: solid;
    font-family: Arial,Helvetica,sans-serif;
}
#div_mensagem_mapa{
    position:absolute;
    left:33%;
    top:20%;
    width:450px;
    height:300px;
    visibility:hidden;
    background-color: #0D749D;
    border-color: #C3D9FF;
    border-width: 1px;
    border-style: solid;
    font-family: Arial,Helvetica,sans-serif;
}
#div_mensagem_moto{
    position:absolute;
    left:33%;
    top:20%;
    width:450px;
    height:300px;
    display: none;
    background-color: #0D749D;
    border-color: #C3D9FF;
    border-width: 1px;
    border-style: solid;
    font-family: Arial,Helvetica,sans-serif;
}
#carregando{
    margin:0px;
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    visibility:hidden;
    background-color:#cccccc;
    opacity: .7;/*Mozilla*/
    filter: alpha(opacity=70);/*IE*/
    background-image: url(../img/load-info.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

.txt_tab_situacao_mensagem_2009 {
	font-family:Arial, Helvetica, Tahoma;
	font-size:11px;
	text-align:left;
	color:#FFFFFF;
}

.imgSugerirCIVA {
	position: relative;
	top: 240px;
	left: 56px;
	z-index: 4;
	border: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	vertical-align: middle;
	text-align:left;
	width:180px;
	cursor:pointer;
}

.imgSugerirCIVA a#lblDataProximaAgenda, .imgSugerirCIVA a:link#lblDataProximaAgenda, .imgSugerirCIVA a:active#lblDataProximaAgenda, .imgSugerirCIVA a:visited#lblDataProximaAgenda {
	font-family: verdana, helvetica;
	color: #990000;
	font-size: 8pt;
	font-weight: bold;
	padding: 12px 0px 0px 42px;
	height: 40px;
	vertical-align: middle;
	border: 0px;
	cursor:pointer;
}