/*********************************************
Sistema: Detran
Autor: Prodesp
Versão:  2011.01.17
*********************************************/

/***********************
Geral
***********************/
* {margin: 0; padding: 0;}

html {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
}
body {
	background-color: #000;
	color: #FFF;
	font-size: 62.3%;
	width: 998px;
	margin: 0 auto !important;	
}

img {border: none; filter:gray;}

#global {margin:0 auto; width:978px; background-color:#000;}

/* Esconde texto de Acessibilidade */
.esconder {
	display: block;
	width: 1px;
	height: 1px;
	overflow: hidden;
	position: absolute;
	left: -999em;
}

/* Padronização de Links */
a:link    	{color: #FFF; font-weight: bold; }
a:visited 	{color: #e1e1e1; font-weight: bold; }
a:hover   	{color: #e1e1e1; text-decoration: none;}
a  			{outline: none;}

/* Link Botão Voltar */
a:link.voltar, a:visited.voltar, a:active.voltar {
	text-decoration: none;
	color: #FFF;
	float:none;
	clear:both;
	display:block;
	padding-top:10px;
	width:65px;
	font-weight:bold;
}

.centro	{text-align: center;}
.direita{text-align: right;}
.esquerda{text-align: left;}
.red	{color: #C00 !important;}

/***********************************
erros / avisos
************************************/
.aviso{
	background-color: #E5E5E5;
	padding: 10px;
}
/***********************
Header
***********************/
#header {
	min-height: 152px;
	height: auto;
	min-height: 152px;
	margin-bottom: 13px;
}
/* IE7 */
*+html #header {
	min-height: 100px;
	height: 150px;
}
#logo a {
	display: block;
	float:left;
	width: 626px;
	height: 64px;
	margin-top: 35px;
	margin-bottom: 5px;
	background: url(/DTRN/images/logoInvertido.gif) no-repeat left top;
	text-indent: -9000px;
}
/* IE7*/
*+html #logo a  {
	margin-bottom: 18px;
}

/* Ícones */
ul#toolbox {
	position:absolute;
	width:600px;
	float:left;
	text-align:left;
	margin:2px 0 0 0;
	font-size:14px;
}
/* IE7 */
*+html ul#toolbox {
	position:relative;
	display: block;
	float:left;
	margin-top: -113px;
}
ul#toolbox span 	{font-size:11px;}
ul#toolbox li 	{display:inline; padding-right:14px;}

ul#toolbox li a {
	color:#FFF;
	text-decoration:none;
	font-weight: normal;
	padding-left:18px;
}

ul#toolbox li.contrasteLink a 	{background: url(/DTRN/images/contraste.gif) left  center no-repeat;}
ul#toolbox li.fale a 		    {background: url(/DTRN/images/fale.gif) left  center no-repeat;}
ul#toolbox li.mapa a			{background: url(/DTRN/images/mapa.gif) left  center no-repeat;}

/*Redes sociais - Home*/
#redes-sociais{
	width:120px;
	font-size:11px;
	color: #FFF;
	margin-top: 4px;
	float: right;
	clear: right;
}
/* IE7 */
*+html #redes-sociais{
	margin-top: -113px;
	float: right;
	clear: right;
}
#redes-sociais ul li {display:inline;}

#redes-sociais ul li a{
	float: left;
	width: 18px;
	height: 18px;
	padding-right: 3px;
	text-indent: -9000px;
}
#redes-sociais span.titRed {
	float: left;
	padding-top: 2px;
	padding-right: 5px;
}
#redes-sociais ul li.item01 a {background: url(/DTRN/images/icon_twitter.gif) no-repeat;}
#redes-sociais ul li.item02 a {background: url(/DTRN/images/icon_youtube.gif) no-repeat;}
/*banner poupatempo*/
#banner {
	margin-top: 20px;
	width: 78x;
	height: 47px;
	float: right;
	clear: right;
	position: relative;
	top: 10px;
}
#banner div{
	float:left;
}
/* IE7 */
*+html #banner {
	float: right;
	clear: right;
	position: relative;
	margin-top: -95px;
}
/***********************
Abas
***********************/
ul#abas {
	height: 26px;
	position: absolute;
	width: 625px;
	clear: both !important;
	margin-top: 100px;
}
ul#abas li {background: url(/DTRN/images/abas_pb.gif) no-repeat;}

#nav01 {left: 0; width: 274px;}
#nav02 {left: 274px; width: 209px;}
#nav03 {left: 483px; width: 177px;}

/* IE7 */
*+html #nav01 {
	left: 0; 
	width: 274px; 
	margin-top:-8px;
	position:relative;
}
/* IE7 */
*+html #nav02  {
	left: 274px; 
	width: 209px;
	margin-top:-8px;
	position:relative;
}
/* IE7 */
*+html #nav03  {
	left: 483px; 
	width: 177px;
	margin-top:-8px;
	position:relative;
}

#cidadao ul#abas #nav01 {background-position: 0 -24px;}
#cidadao ul#abas #nav02 {background-position: -274px 0;}
#cidadao ul#abas #nav03 {background-position: -483px 0;}

#parceiros ul#abas #nav01 {background-position: 0 0;}
#parceiros ul#abas #nav02 {background-position: -274px -24px;}
#parceiros ul#abas #nav03 {background-position: -483px 0;}

#detran ul#abas #nav01 {background-position: 0 0;}
#detran ul#abas #nav02 {background-position: -274px 0;}
#detran ul#abas #nav03 {background-position: -483px -24px;}

ul#abas li {
	list-style: none;
	position: absolute;
	top: 0;
}
ul#abas li, ul#abas li a {
	height: 24px;
	display: block;
}

/* IE7 */
*+html ul#abas li, *+htmlul#abas li a {
	top: 2px;
}

ul#abas li a	{
	text-indent: -9999px; 
	text-decoration: none;
}

/*Search*/
#search {
	font-size:11px;
	width: 294px;
	height: 24px;
	float: right;
	position: relative;
	top: 32px;
}
/* IE7 */
*+html #search {											
	float: right;
	clear: right;
	position: relative;
	margin-top: -46px;
}
#search fieldset { width: 294px; border: none;}
#search input.busca { 
	width:200px;
}
#search input{
	padding:3px 0;
	margin-right:2px;
	font-size:11px;
	border:1px solid #333;
	vertical-align:top;
}
#search input:focus { 
	background-color:#EEE;
	border:1px solid #333;
}
/***********************
Navegação Superior
***********************/
#nav_main {
	width: 978px;
	height:27px;
	clear:both;
	position: absolute!important;
	margin-top: 124px;
	background-image: url(/DTRN/images/bg_nav_mainPb.gif);
}

/* IE7 */
*+html ul#abas, *+html #nav_main{
	position:relative;
	margin-top: -8px;
	clear:both;
}

#nav_main ul li {
	display: inline;
	margin: 0;
	padding: 0;
	text-align: center;
}
#nav_main ul li a {
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	display: block;
	float: left;
}
#nav_main div.tit_menu {
	float: left;
}

#nav_main div.tit_menu_cidadao_primeiro{
	padding-left:20px;
}
#nav_main div.tit_menu_cidadao{
	padding-left:20px;
	padding-right:20px;
}
#nav_main div.tit_menu_cidadao_ultimo{}

#nav_main div.tit_menu_parceiros_primeiro{

}
#nav_main div.tit_menu_parceiros{
	padding-left:100px;
	padding-right:100px;
}
#nav_main div.tit_menu_parceiros_ultimo{
	
}

#nav_main div.tit_menu_odetran_primeiro{}
#nav_main div.tit_menu_odetran{}
#nav_main div.tit_menu_odetran_ultimo{}



#nav_main div.tit_menu a.selected {
	text-decoration: underline;
}

#cidadao   #nav_main ul li a {
	padding: 7px 32px;
}
#parceiros #nav_main ul li a {
	padding: 7px 58px;
}
#detran    #nav_main ul li a {
	padding: 7px 50px;
}

#nav_main ul li a:hover {
	text-decoration: underline;
}

/* dropdown */
div.sub_nav {
	display: none;
	z-index: 0;
}

#nav_main div.sub_nav {
	float: left;
	position: absolute;
	margin-top: 27px;
	padding: 15px;
}
#nav_main div.cidadao_menu_1{
	margin-left: -20px;
}
#nav_main div.cidadao_menu_2{
	margin-left: -107px;
}
#nav_main div.cidadao_menu_3{
	margin-left: -102px;
}
#nav_main div.cidadao_menu_4{
	margin-left: -50px;
}
#nav_main div.cidadao_menu_5{
	margin-left: -535px;
}
#nav_main div.cidadao_menu_6{
	margin-left: -170px;
}

#nav_main div.parceiros_menu_1{
	margin-left: 0px;
}
#nav_main div.parceiros_menu_2{
	margin-left: 0px;
}
#nav_main div.parceiros_menu_3{
	margin-left: -130px;
}
#nav_main div.parceiros_menu_4{
	margin-left: -114px;
}
#nav_main div.parceiros_menu_5{}
#nav_main div.parceiros_menu_6{}

#nav_main div.odetran_menu_1{
	margin-left: 0px;
}
#nav_main div.odetran_menu_2{
	margin-left: -67px;
}
#nav_main div.odetran_menu_3{
	margin-left: -27px;
}
#nav_main div.odetran_menu_4{
	margin-left: -80px;
}
#nav_main div.odetran_menu_5{
	margin-left: -141px;
}
#nav_main div.odetran_menu_6{}

#nav_main ul li:hover div.sub_nav {
	display: block;
	background-color: #FFF;
	border: 3px solid #000!important;
	z-index: 99;
}

#nav_main div.sub_nav dl {
	width: 290px;
	display: block;
	float: left;
	text-align: left;
}
*+html #nav_main div.sub_nav dl {
	padding-left:10px;
}

#nav_main dl dt a, #nav_main dl dt {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	padding: 0 !important;
	display: block;
	float: none;
	line-height: 24px;
}

#nav_main dl dt {
	margin-top: 10px;
}

#nav_main dl dt.first {
	margin-top: 0;
}

#nav_main dl dd a {
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	padding: 0 0 0 15px !important;
	display: block;
	float: none;
	line-height: 24px;
}


#nav_main dl dt a:hover {
	color: #000000;
	text-decoration:underline;
}


/* IE7 */
/* dropdown */
*+html div.sub_nav{display:none;}

*+html #nav_main div.sub_nav{
	float: left;
	position: absolute;
	margin-top: 27px;
	margin-left: 0px;
	padding-left: 0px;
	margin-left: -250px;
}
*+html #nav_main div.sub_nav div.coluna {
	width:335px;
}

/*
O último item dos menus (cidadão, parceiros, detran) deverá ter apenas 1 coluna de submenu
Se for necessário ter 2 colunas futuramente, criar um estilo para ultimo item para cada aba
*/



*+html #nav_main div.cidadao_menu_1{
	margin-left: -247px;
}
*+html #nav_main div.cidadao_menu_2{
	margin-left: -297px;
}
*+html #nav_main div.cidadao_menu_3{
	margin-left: -197px;
}
*+html #nav_main div.cidadao_menu_4{
	margin-left: -270px;
}
*+html #nav_main div.cidadao_menu_5{
	margin-left: -695px;
}
*+html #nav_main div.cidadao_menu_6{
	margin-left: -300px;
}

*+html #nav_main div.parceiros_menu_1{
	margin-left: -240px;
}
*+html #nav_main div.parceiros_menu_2{
	margin-left: -327px;
}
*+html #nav_main div.parceiros_menu_3{
	margin-left: -333px;
}
*+html #nav_main div.parceiros_menu_4{
	margin-left: -287px;
}
*+html #nav_main div.parceiros_menu_5{}
*+html #nav_main div.parceiros_menu_6{}

*+html #nav_main div.odetran_menu_1{
	margin-left: -201px;
}
*+html #nav_main div.odetran_menu_2{
	margin-left: -257px;
}
*+html #nav_main div.odetran_menu_3{
	margin-left: -277px;
}
*+html #nav_main div.odetran_menu_4{
	margin-left: -237px;
}
*+html #nav_main div.odetran_menu_5{
	margin-left: -308px;
}
*+html #nav_main div.odetran_menu_6{}

*+html #nav_main ul li:hover div.sub_nav{
	display: block;
	background-color: #FFF;
	border: 3px solid #007DC5;
	/*width: 500px;*/
	z-index: 99;
}

*+html #nav_main div.sub_nav ul.sub_col{	
	width: 235px;
	float: left;
	margin-right: 10px;
	list-style-type:none;
}
*+html #nav_main div.sub_nav_ultima ul.sub_col{	
	width: 235px;
	float: left;
	margin-right: 10px;
	list-style-type:none;
}

*+html #nav_main div.sub_nav ul.sub_col_esq{margin-left: 10px;}

*+html #nav_main div.sub_nav ul.sub_col li {
	text-align:left;
	float: left;
}

*+html #nav_main div.sub_nav ul.sub_col li a{
	background:url(/DTRN/images/bullet_preto.gif) 0px 8px no-repeat;
	padding: 5px 0 5px 12px !important;
	font-weight:normal;	
	color:#333;
	height: auto !important;
	width: 219px;
	display: block;
	border-bottom:1px dotted #D8D8D8;
}

*+html #nav_main div.sub_nav ul li a:hover {
	color:#007DC5;
	text-decoration:none;
}

*+html #nav_main div.sub_nav ul li.last a{border-bottom:none;}
/***********************
Conteúdo
***********************/
#content{
	width:100%;
	float:left;
	padding:0;
	min-height: 330px;
	height: auto !important;
	height: 330px;
	margin-bottom:20px;
	font-size:1.2em;
}
#content h2.servicos {	
	color: #FFF;
	border-bottom: 1px solid #FFF;
	font-size: 1.4em!important;
}
/* IE7
*+html #content{
	width:100%!important;
	font-size:1.2em;
	margin-bottom:0px;
}*/ 
.contentHomeCidadao{width:100%;}
.contentHomeParceiros{width:100%;}
.contentHomeDetran{width:100%;}
.contentInterno{width:550px; margin-left:10px;}
.contentInterno ul{text-indent:10px;}
.contentInterno ol{text-indent:25px;}

/* IE7 */
*+html .contentInterno ul{
	text-indent:10px;
}
/* IE7 */
*+html .contentInterno ol{
	text-indent:10px;
	padding-left:20px;
}

/*IE8 */
.contentInterno ul{
	text-indent /*\**/:0px;
	padding-left/*\**/:5px;
}
/*IE8 */
.contentInterno ol{
	text-indent /*\**/:0px;
	padding-left/*\**/:7px;
	margin-left/*\**/:-4px;
}

/* IE8+9  */
.contentInterno ol{
	padding-left: 15px\0/;
	margin-left: 1px\0/;
}

.contentInterno ul, x:default {padding-left:15px;}
.contentInterno ol, x:default {padding-left:15px;}

.contentInternoSemMenu{width:100%;}
/* IE7 */
*+html .contentInternoSemMenu{
	width:100%;
}
/* IE7 */
*+html .contentInterno{
	width:540px;
	float:left;
	margin-left:10px;
	position: relative;
	display: inline;
}
/* IE7 */
*+html .contentInternoSemMenu{
	width:100%;
	float:left;
	margin-left:10px;
	position: relative;
	display: inline;
}

/* IE7 */
*+html .content  {
	width:710px;
	margin-left:20px!important;
	position: relative;
}

/* Tipografia */
#content h1 {
	margin-bottom: 10px;
	font-size: 1.4em;
	color: #FFF!important;
	font-weight: bold;
}

/* IE7*/ 
*+html #contentInterno h1   {
	margin-bottom: 10px;
	font-size: 1.5em;
	color: #FFF!important;
	font-weight: bold;
	margin-left: 0px;
}
#content h2 {
	font-size: 12px;
	color: #FFF;
	margin-bottom: 5px;
	border-bottom: 1px solid #FFF;
}
#content h3 {
	margin-bottom: 10px;
	font-size: 1.5em;
	color: #FFF;
	margin-bottom: 20px;
	font-style: normal;
	font-weight: bold;
}
#content h5 {
	margin-bottom: 10px;
	font-size: 1.2em;
	color: #FFF;
	margin-top: 30px;
	font-style: normal;
	font-weight: bold;
}
#content p {
	font-size: 1.0em;
	color: #FFF;
	margin-bottom: 10px;
}

#content p.bemvindo {
	color: #FFF;
	font-size: 1.1em;
}
#content ul{
	padding-left:10px;
	line-height:18px;
	margin:10px 0;
}
#content ul li a{
	text-decoration:underline;
	font-weight:bold;
	color:#FFF;
}
#content ul li a:hover{
	color:#FFF;
	text-decoration:none;
}

#content ul li a.interno{
	text-decoration:none;
}
/* IE7 */
*+html #parceiros #content ul{
	text-indent:0;
}
#contentMP ul li a{
	background:url(/DTRN/images/bullet_seta_Cinza.gif) 0px 4px no-repeat;
	display: inline-block;
	list-style-type: none;
	padding-left:12px;
	margin-left: -5px;
	color:#FFF;
	font-weight: bold;
	text-decoration:none;
}
#contentMP ul li a:hover{
	color:#FFF;
	text-decoration:none;
}
/* box info */
.info {
	width: 400px;
	border: 1px solid #999;
	background-color: #E0E0E0;
	padding: 5px;
	margin: 0 auto;
	margin-top: 30px;
}

.info h6{
	text-align: center;
	font-size: 1.1em;
	color: #FFF;
	margin-bottom: 10px;
}

.sit_ok, .msg_sucesso {font-weight: bold;color: #FFF;}
.sit_naook, .msg_erro{font-weight: bold;color: #FFF;}

/***********************
Box de Acesso Rápido
***********************/
#box1, #box2, #box3, #box4, #box5, #box6 {
	width: 218px;
	height: 200px;
	float: left;
	margin-bottom: 15px;
	font-size: 1.2em!important;
}
/* IE7 */
*+html #box1, *+html #box2, *+html #box3, *+html #box4, *+html #box5, *+html #box6{
	width: 218px;
	height: 219px;
	margin-top: 10px;
	float:left;
	padding-right:0px;
	font-size: 1.0em!important;
}
/* IE7 */
*+html #box3, *+html #box6{
	float:right;
}
#box1, #box2, #box4, #box5{margin-right: 10px;}

#box3, #box6 {margin-right: 0;}

#box1 h3, #box2 h3, #box3 h3, #box4 h3, #box5 h3, #box6 h3{border-bottom: 1px solid #FFF;}

#box1 h3 a, #box2 h3 a, #box3 h3 a, #box4 h3 a, #box5 h3 a, #box6 h3 a{
	display: block;
	height: 46px;
	text-indent: -9000px;
	margin-bottom: 0;
}

#box1 h3 a{	background: url(/DTRN/images/tit_carteira_pb.gif) no-repeat center top;}
#box2 h3 a{	background: url(/DTRN/images/tit_veiculos_pb.gif) no-repeat center top;}
#box3 h3 a{	background: url(/DTRN/images/tit_infracoes_pb.gif) no-repeat center top;}
#box4 h3 a{	background: url(/DTRN/images/tit_educacao_pb.gif) no-repeat center top;}
#box5 h3 a{	background: url(/DTRN/images/tit_informa_pb.gif) no-repeat center top;}
#box6 h3 a{	background: url(/DTRN/images/tit_duvida_pb.gif) no-repeat center top;}

#box1 h3 a.parceiros{	background: url(/DTRN/images/tit_medicos.gif) no-repeat center top;}
#box2 h3 a.parceiros{	background: url(/DTRN/images/tit_cfcs.gif) no-repeat center top;}
#box3 h3 a.parceiros{	background: url(/DTRN/images/tit_despachantes.gif) no-repeat center top;}


#box1 ul, #box2 ul, #box3 ul, #box4 ul, #box5 ul, #box6 ul{
	display: block;
	list-style-type: none;
	padding: 8px 0; 	
	height: auto;
	margin-top:0px;
	padding-top:0px;
}
#box1 ul li a, #box2 ul li a, #box3 ul li a, #box4 ul li a, #box5 ul li a, #box6 ul li a{
	background: url(/DTRN/images/bullet_seta_azul.gif) 0px 4px no-repeat;
	padding-left:8px;
	margin-left: 0px;
	text-decoration: none;
	color: #FFF;
	font-weight: normal;
	display: inline-block;
	line-height: 16px;
	font-size: 0.9em;
}
p.vermais a, p.maisnoticias a, p.maisVideos a {
	background: url(/DTRN/images/mais_pequenoCinza.gif) 148px 3px no-repeat;
	float: right;
	color: #FFF;
	font-size: 1.0em;
	width: 85px;
	text-align: right;
	margin-bottom: 5px;
}
p.vermais a      {background: url(/DTRN/images/mais_pequenoCinza.gif) 26px 3px no-repeat;	padding-right: 6px;}
p.maisnoticias a {background: url(/DTRN/images/mais_pequenoCinza.gif) 1px 3px no-repeat;}
p.maisVideos a {background: url(/DTRN/images/mais_pequenoCinza.gif) 7px 3px no-repeat; padding-right: 6px;}
.noticiaGrd{ width:100%; float:left;}
/***********************
Notícias Cidadão
***********************/
#noticias{	width: 100%!important; float: left;}
#noticiasHome{	
	margin-top:70px;
	width: 460px;
}

*+html #noticiasHome h1{
	color: #FFF;
	margin-top: 0px;
}

#noticiasHome h1{
	background-image: url(/DTRN/images/bg_noticiasPb.gif);
	height: 20px;
	padding: 4px 0 0 10px;
	color: #FFF;
	font-style: normal;
	font-size: 14px;
}
#noticias h1{
	background-image: url(/DTRN/images/bg_noticiasPb.gif);
	height: 20px;
	padding: 4px 0 0 6px;
	color: #FFF;
	font-style: normal;
	font-size: 1.2em;
}
#noticiasHome h2,#noticias h2{
	border-top: 1px solid #FFF;
	border-bottom: none;
	padding-top: 4px;
	font-size: 1.2em;
	margin-bottom: 4px;
}
#noticiasHome h2 a{
	color: #FFF;
	text-decoration:none;
}
#noticias h3 , #noticiasHome h3{
	color: #FFF;
	border-top: 1px solid #036;
	padding-top: 4px;
	font-size: 1.1em;
	margin-bottom: 2px;
}
#noticias h4, #noticiasHome h4{
	background-color: #000;
	width: 66px;
	height: 14px;
	padding: 0 10px 3px 0;
	color: #FFF;
	font-size: 1.0em;
}
/***********************
Notícias Detran
***********************/
#noticiasDetran {
	width: 700px;
	margin-bottom: 20px;
	float: left;
}
#noticiasDetran h2{
	font-size: 1.3em;
	font-weight: bold;
	border: none;
	margin-bottom: 10px;
}
#noticias h2 a, #noticias h3 a, #noticiasDetran h2 a{text-decoration: none; color:#FFF; font-size:1.2em}
/* IE7 */
*+html #noticias h2 a, #noticias h3 a, #noticiasDetran h2 a{text-decoration: none; color:#FFF; font-size:1.0em}

/* A foto deve ter 200px de largura */
#noticias p.foto, #noticiasDetran p.foto {
	float: left;
	margin: 0 10px 0 0;
	background-color: #E8E8E8;
	border: 1px solid #DDD;
}
#noticiasHome p.foto, #noticiasDetranHome p.foto {
	float: left;
	margin: 0 10px 0 0;
	background-color: #E8E8E8;
	border: 1px solid #DDD;	
}
#noticias p.foto img, #noticiasDetran p.foto img {clear: both;}
#noticiasHome p.foto img, #noticiasDetranHome p.foto img {clear: both;}

#noticias p.foto span, #noticias p.foto span, #noticiasDetran p.foto span {
	display: block;
	width: 194px;
	font-size: 1.0em;
    line-height: 12px;
	margin: 3px;
}
#noticiasHome p.foto span, #noticiasHome p.foto span, #noticiasDetranHome p.foto span {
	display: block;
	width: 194px;
	font-size: 1.0em;
    line-height: 12px;
	margin: 3px;
}
.legenda{
	font-size: 0.8em!important;
	color:#444;
}

/***********************
Campanha Cidadão
***********************/
#campanha {	width: 220px; float:left; margin-left: 20px; background-color: #444;}
/* IE7 */
*+html #campanha{
	margin-right: 20px;
}
#campanha h1{
	background-image: url(/DTRN/images/bg_campanhaPb.gif); 
	height: 20px;
	padding: 4px 0 0 10px;
	color: #FFF;
	font-style: normal;
	font-size: 14px;
}
#campanha div{
	margin: 10px;
	padding:5px;
	border-bottom: 2px dotted #FFF; 
	overflow: hidden;
}
#campanha h2{
	float: left; 
	width: 110px; 
	height: 60px; 
	border: none; 
	color: #FFF; 
	margin-right:10px;
	line-height: 18px;
}
#campanha h2 a{border: none; color:#FFF; text-decoration:none;}

p.fotocampanha a {float:right; width: 70px; text-align: right; clear: right; color:#FFF;}
/* IE7 */
*+html p.fotocampanha a {float:left; width: 60px; text-align: left; clear: right;}
a.fotocampanha:link {
	color: #FFF;
	text-decoration:none;
	font-weight:normal;	
}
a.fotocampanha:visited {
	color: #FFF; 
}
a.fotocampanha:hover {
	color: #FFF; 
}
/***********************
Comunicados
***********************/
#comunicados{	width: 460px; float: left;}
/* IE7 */
*+html #comunicados{
	float: none;
}
*+html #comunicados h1{
	color: #FFF;
}
#comunicados h1{
	background-image: url(/DTRN/images/bg_comunicadosPb.gif);
	height: 20px;
	padding: 4px 0 0 10px;
	color: #FFF;
	font-style: normal;
	font-size: 14px;
}

#comunicados .comunicado01, #comunicados .comunicado02{
	width: 460px;
	position:relative;
}
#comunicados .comunicado01{margin-right: 10px; margin-left:10px}

#comunicados h4{
	background-color:#686868;
	width: 80px;
	height: 14px;
	padding: 2px;
	color: #FFF;
	font-size: 1.0em;
	margin: 0;
}
#comunicados h3{
	color: #FFF;
	border-top: 1px solid #444;
	padding-top: 4px;
	font-size: 1.2em;
	margin-bottom: 10px;
}
#comunicados h3 a{text-decoration: none; color: #FFF;}

#OutrosComunicados{
	font-size:12px;
	margin-top: 10px;
}
#OutrosComunicados span{
	font-size:13px;
	color: #FFF;
}
#OutrosComunicados ul{
	/*display: block;*/
	list-style-type: none;
	padding: 0 0; 
	
}
#OutrosComunicados ul li {font-size: 12px;}

#OutrosComunicados ul li a:link,#OutrosCamunicados ul li a:visited{
	background: url(/DTRN/images/seta_pequena.gif) 0px 6px no-repeat;
	padding:0 10px;
	margin-left: 5px;
	text-decoration: none;
	font-size:12px;
	color: #FFF;	
	font-weight: normal;
}
#OutrosComunicados ul li a:hover{color:#FFF;text-decoration: underline;}

/***********************
 Videos
 ***********************/
#videos {
	width: 220px;
	float: left;
	background-color:#686868;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-top: 70px;
	/*IE 8*/
	margin-left /*\**/: 20px\9;
	
}
*+html #videos{
	margin-top:40px;
	margin-left: 20px;
	margin-right: 10px;
	position: relative;
}
*+html #videos h1{
	color: #FFF;
	margin-top:0px;
	font-size: 12px;
}
#videos h1 {
	background-image: url(/DTRN/images/bg_comunicadosPb.gif);
	height: 20px;
	padding: 4px 0 0 10px;
	color: #FFF;
	font-style: normal;
	font-size: 14px;
}
#videos .video01, #videos .video02 {
	width: 180px;
	margin: 10px auto;
	text-align: center;
}
#videos .video01 {
	border-bottom: 1px dotted #666;
}
#videos h3 {
	font-size: 1.2em;
	text-align: left;
	margin-bottom: 0;
	margin-top: 10px;
}
#videos h3 a {
	text-decoration: none;
	color: #FFF;
}

#videos p.tb_video {
	margin-bottom: 0;
	padding-top: 10px;
}
#videos p.desc_video {
	margin-top: 0;
	text-align: left;
}
#videos .video02 h3 a span .icon_video{
	border:1px solid red;
	background-image: url(/DTRN/images/icon_video.gif);
}
/* usado na pagina de detalhes do video*/
iframe.youtube {
	margin-bottom: 20px;
}
/* usado na pagina de indice de videos */
#video_indice {
	margin-top: 20px;
}
#video_indice dl {
	float: left;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
/* foto do video */
#video_indice dt {
	width: 120px;
	margin-right: 10px;
	float: left;
}
/* titulo e descri??o do video */
#video_indice dd {
	width: 570px;
	float: right;
}
#video_indice h2 {
	border-bottom: 1px solid #FFF;
}
#video_indice h2 a {
	color: #FFF;
	text-decoration: none;
}
#video_indice p {
	margin-bottom: 2px;
}
#video_indice small {
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
}

/***********************
Estatísticas
***********************/
#estatisticas{	width: 460px; float: left;}
*+html #estatisticas{margin-top: 10px;}
#estatisticas h1{
	background-image: url(/DTRN/images/bg_tit_estatisticaPb.gif);
	height: 20px;
	padding: 4px 0 0 10px;
	color: #FFF;
	font-style: normal;
	font-size: 14px;
	margin-bottom: 0;
}
#estatisticas div{
	height: 172px;
	background-image: url(/DTRN/images/bg_estatistica_pb.gif);	
}
#estatisticas p.est_chamada {
	font-size: 0.9em;
	font-weight: bold;
	padding: 10px;
}
#estatisticas ul{
	margin-left: 10px;
	margin-bottom: 22px;	
	list-style: none;
	font-size: 1.2em;
	line-height: 22px;
}

#estatisticas ul li a{text-decoration: none; font-weight:bold; color:#FFF;}
#estatisticas ul li a {
	background:url(/DTRN/images/bullet_grafico_pb.gif) center left no-repeat;
	padding-left:34px;
	height:23px;
	color: #FFF;
}

/***********************
Home Parceiros
***********************/
.contentHomeParceiros h1 a {
	text-decoration: none;
	color: #FFF;
	font-size: 0.9em;
}
#saude, #cfc, #capacitacao, #despachante {
	width: 334px;
	float: left;
	margin-bottom: 30px;
}
#cfc, #despachante {margin-left: 20px;}

#saude, #capacitacao {clear: left; }

#saude ul, #cfc ul, #capacitacao ul, #despachante ul{
	width: 307px;
	margin-left:15px;
	margin: 0 5px;
	list-style: none;
	font-size: 1.1em;
	line-height: 30px;
}
#saude ul li, #cfc ul li, #capacitacao ul li, #despachante ul li{border-bottom: 1px dotted #CCC;}
#saude ul li.first, #cfc ul li.first, #capacitacao ul li.first, #despachante ul li.first{border-top: 1px dotted #FFF;}
#saude ul li a, #cfc ul li a, #capacitacao ul li a, #despachante ul li a{
	background:url(/DTRN/images/bullet_seta_Cinza.gif) center left no-repeat;
	padding-left:16px;
	text-decoration: none;
	font-weight:normal;
	display: inline-block;
}
#saude h3 a, #cfc h3 a, #capacitacao h3 a, #despachante h3 a {
	text-decoration: none;
	font-size: 0.8em;
	display: block;
	height: 48px;
}
#saude h3 a{background: url(/DTRN/images/tit_medicos_pb.gif) no-repeat center top;}
#cfc h3 a{background: url(/DTRN/images/tit_cfcs_pb.gif) no-repeat center top;}
#capacitacao h3 a{background: url(/DTRN/images/tit_parceiros_pb.gif) no-repeat center top;}
#despachante h3 a{background: url(/DTRN/images/tit_despachantes_pb.gif) no-repeat center top;}

#HomeParceirosArea {
	width: 334px;
	float: left;
	margin-bottom: 50px;
	margin-right: 17px;
	margin-left: 0; 
	clear: left;
}
#HomeParceirosArea ul{
	list-style: none;
	font-size: 1.1em;
	line-height: 30px;
	display:block;
}
#HomeParceirosArea ul li a{
	text-decoration: none;
	font-weight:bold;
	background:url(/DTRN/images/bullet_seta_Cinza.gif) center left no-repeat;
	padding-left:16px;
}
#HomeParceirosArea h1 {
	font-size: 1.4em;
	color: #FFF;
}
#HomeParceirosArea h3 a{
	text-decoration: none;
	font-size: 0.8em;
	display: block;
	height: 90px;
	padding-right: 10px;
	color:#FFF;
}
p.fotoParceiros {
	float: left;
	margin: 0 10px 0 0;
}
.first {border-top: 1px dotted #FFF;}
p.fotoParceiros img {clear: both;}

/***********************
Menu
***********************/
#menu{
	width: 218px;
	margin-top: 4px;
	margin-bottom: 15px;
	border: 1px solid #999;
	margin-right:15px;
}
/* IE7 */
*+html #menu{
	margin-top:11px!important;
}
#menu h1{
	background-color:#666;
	color:#FFF;
	font-size:1.4em;
	padding: 5px 3px;
}

#menu h2 {
	font-size: 12px;
	color: #333;
	border-top: 1px solid #FFF;	
	border-bottom: 1px solid #FFF;	
	padding: 3px;
	background-image: url(/DTRN/images/bg_tit_box.gif);
	clear:both;
}
#menu h2.first {
	border-top:none;
}

/*MENU TIRA-DUVIDAS*/
#menu span a{
	padding:0px;
	padding-right: 20px;
	margin-left: 5px;
	text-decoration: none;
	color: #FFF;
	font-weight: normal;
	display: inline-block;
	line-height: 20px;
	font-size:1.1em;
	border-bottom:1px dotted #CCC;
	width: 175px;
	padding-left:15px; 
	_padding-left:0px;
}
#menu span a:hover,#menu span a.active,#menu span a.selected{color:#CCC;}

#menu ul{
	/*display: block;*/
	list-style-type: none;
	padding: 10px 0; 
}

#menu ul{
	/*display: block;*/
	list-style-type: none;
	padding: 10px 0; 
}
#menu ul li a{
	background: url(/DTRN/images/seta_pequenaCinza.gif) 0px 6px no-repeat;
	padding:0 10px;
	margin-left: 5px;
	text-decoration: none;
	color: #FFF;
	font-weight: normal;
	display: inline-block;
	line-height: 20px;
	font-size:1.1em;
}
#menu ul li		{border-bottom:1px dotted #FFF;}
#menu ul li.last	{border-bottom:none;}
#menu ul li a:hover	,#menu ul li a.active,#menu ul li a.selected{color:#CCC;}

/***********************
 Usado em Tira-Duvidas
 ***********************/
*+html  dl.lista_def{
	font-size: 12px !Important;
 }
dl.lista_def {
	width: 330px;
	margin-bottom: 15px;
	display: block;
	float: left;
	margin-bottom: 30px;
}

dl.colEsq {
	margin-right: 30px;
}

dl.lista_def dt {
	border-bottom: 1px solid #FFF;
	color: #FFF;
	font-weight: bold;
	font-size: 1.3em;
	padding-bottom: 2px;
}

dl.lista_def dd {
	margin-left: 20px;
	border-bottom: 1px solid #CCC;
	line-height: 26px;
	padding-top: 2px;
}

dl.lista_def dd:hover {
	background-color: #EEE;
	color: #000;
}

dl.lista_def dd a {
	text-decoration: none;
	font-size: 1.0em;
	padding-left: 12px;
	background: url(/DTRN/images/bullet_preto.gif) 0 4px no-repeat;
	color: #FFF;
}

dl.lista_def dd a:hover {
	color: #000;
}
/***********************
SideBar
***********************/
#sidebar .servicos {
	width: 238px;
	height:auto;
	margin-left:15px;
	float: right;
	padding: 0 12px 0 0;
	text-align:left;
	font-size: 1.2em;
	margin-bottom:20px;
	overflow: hidden;
	background-color: #F1F1F1;
}
#sidebar ul{list-style: none;}
#sidebar ul li a {
	background:url(/DTRN/images/bullet_seta_Cinza.gif) 0px 2px no-repeat;
	padding-left:12px;
	height:23px;
	font-size:0.9em;
	font-style:normal;
	line-height:22px;
	text-decoration: none;
	color: #000;
	font-weight:bold;
}
#sidebar ul li a:hover {
	color: #004F77;
}
/* IE7 */
*+html #sidebar{
	float:right;
}

#sidebar h2{
	width: 250px;
	background-image: url(/DTRN/images/bg_title_servicesPb.gif);
	height: 16px;
	color: #FFF;
	padding: 4px 0 4px 10px;
	font-size: 14px;
	margin-bottom: 10px;
}
/* Redes Sociais */
#redesSociais{	margin-bottom: 15px;}
#redesSociais a{	margin-left: 5px;}


/* Fale Conosco */
#faleconosco{	margin-bottom: 15px;}
#faleconosco p {	margin: 0 10px;}


#faleconosco a{
	background-color: #F1F1F1;
	font-size:0.9em;
	color:#000;
	font-weight:normal;
	text-decoration: none;
	display: inline-block;
	padding: 10px;
}
#faleconoscoInterno a{
	font-size:0.9em;
	color:#FFF;
	font-weight:normal;
	padding:0 10px;
	text-decoration:none;
}

/***************************
Serviços Novo
****************************/
#menu_servicos_eletronicos h2{
	float:right;
	width: 240px;
	background-image: url(/DTRN/images/bg_title_servicesPb.gif);
	height: 16px;
	color: #FFF;
	padding: 4px 0 4px 10px;
	font-size: 14px;
	margin-bottom: 0px;
}
#menu_servicos_eletronicos h3{
	float:right;
	width: 240px;
	color: #FFF;
	height:12px;
	padding-right:10px;
	display:block;
	background:#000;
	margin-bottom: 20px;
	margin-top: 0px;
	
}

#menu_servicos_eletronicos ul li a{
	color: #000000;
	text-decoration: none;
}

#menu_servicos_eletronicos ul li a:hover{
	color: #000000;
	text-decoration: underline;
}

#menu_serv {
	float:right;
	width: 248px;
	background: #F1F1F1;
	border-left: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8;
	margin-bottom: 0px;
	
}

#menu_serv ul{
	display: block;
	list-style-type: none; 
}
#menu_serv span a{
	padding: 5px 10px;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	display: block;
	font-size:12px;
	border-bottom: 1px solid #D8D8D8; 
}
#menu_serv span a:hover {
	background-color : #000;
	color: #fff;
	text-decoration: none;
}

#menu_serv span.tit_serv {
	background-color: #CCC;
	display: block;
	padding: 5px 10px;
	font-weight: bold;
	color: #000;
}

#menu_serv b.novo_serv{
	vertical-align: text-bottom;
	background: url(/DTRN/images/btn_Novo.gif) no-repeat;
	width: 40px;
	padding-right:20px;
	padding-left:20px;
	margin-left:3px;
}

#menu_serv p.menu_mais {
	text-align: right;
	padding: 5px;
}
#menu_serv p.menu_mais a {
	background: url(/DTRN/images/mais_pequeno.gif) 0px 4px no-repeat;
	padding-left: 11px;
	color: #000;
	text-decoration: none;
}
/***********************
SideBar das Pags. Internas
***********************/
#sidebarInterno .servicos{
	width:162px;
	height:auto;
	margin-left: -10px;
	float:right;
	padding: 0 12px 0 0;
	font-size: 1.2em;
	margin-top: 4px;
	margin-bottom: 20px;
	background-color: #F1F1F1;
}
#sidebarInterno h2{
	width:160px;
	background-image: url(/DTRN/images/bg_title_servicesInternoPb.gif);
	height: 16px;
	color: #FFF;
	padding: 4px;
	font-size: 14px;
	margin-bottom: 5px;
	padding-left: 10px;
}
#sidebarInterno ul{list-style: none;}
#sidebarInterno ul li a {
	background:url(/DTRN/images/bullet_seta_Cinza.gif) 0px 2px no-repeat;
	padding-left:12px;
	height:23px;
	text-decoration: none;
	font-size:0.9em;
	font-style:normal;
	line-height:22px;
	text-decoration: none;
	color: #000;
	font-weight:bold;
}
#sidebarInterno ul li a:hover{
	color: #a7a7a7;
}
/* Endereços */
#sidebarInterno.servicos{margin-bottom: 15px; background-color: #F1F1F1;}
#sidebarInterno.servicos {margin-left: 15px;}

/* sidebarInterno  */
#sidebarInterno {
	background:url(/DTRN/images/bullet_seta_Cinza.gif) 0px 4px no-repeat;
	padding-left:12px;
	margin-left: 5px;
	line-height: 18px;
	color: #FFF;
}
#sidebarInterno:link {color: #FFF; font-weight: bold; text-decoration: underline;}
#sidebarInterno:hover{color: #FFF; text-decoration: none;}
/***********************
SideApoio - coluna auxiliar na Home O Detran
***********************/
#sideapoio, #sideapoio2 {
	width: 220px;
	font-size: 1.2em;
	margin:0 0 11px 10px;
	margin-right: 10px;
	float: right;
}
/* IE7 */
*+html #sideapoio, *+html #sideapoio2{
	float:left;
}

#sideapoio h1, #sideapoio2 h1{
	height: 16px;
	color: #FFF!important;
	padding: 4px 4px 4px 10px;
	font-size: 14px;
	margin-bottom: 10px;
	background-image: url(/DTRN/images/bg_campanhaPb.gif);
}
#sideapoio ul, #sideapoio2 ul{
	padding:0 5px 0 10px;
	margin-bottom: 22px;	
	list-style: none;
}
#sideapoio li , #sideapoio2 li{
	font-size: 0.9em;
	line-height: 22px;
}
#sideapoio li a, #sideapoio2 li a{text-decoration: none;}

#sideapoio ul li a , #sideapoio2 ul li a{
	font-size: 1.1em;
	background:url(/DTRN/images/bullet_sideapoioPb.gif) center left no-repeat;
	padding-left:12px;
	height:23px;
}
/* IE7 */
*+html #sideapoio2 ul li a{
	background:url(/DTRN/images/bullet_sideapoio.gif) 0px 2px no-repeat;
	height:auto;
}
#unidades, #legislacao{
	width: 220px;
	background-color: #444;
	margin: 0;
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-left: -3px;
}
*+html #unidades, *+html #legislacao{
	margin-left: 11px;
}
/* Unidades */
#unidades{width: 220px;}
#unidades div{
	margin: 10px;
	padding:5px;
	border-bottom: 2px dotted #FFF; 
	overflow: hidden;
}
#unidades p{padding:5px; font-size: 0.9em;}

/* Legislação */
#legislacao{width: 220px;}
#legislacao div{
	margin: 10px;
	padding:5px;
	border-bottom: 2px dotted #FFF; 
	overflow: hidden;
}
#unidades ul li a, #legislacao ul li a{font-weight:bold; color:#FFF; font-size: 1.0em; text-decoration:none; display:inline-block;height:auto;}
#unidades ul li a:hover, #legislacao ul li a:hover{font-weight:bold; color:#FFF; font-size: 1.0em; text-decoration:none; display:inline-block;}
/* Enquete */
#enquete {
	width: 205px;
	height: 245px;
	float: left;
	background-color: #E8E8E8;
}
#enquete fieldset {
	width: 190px;
	border: none;
	position:relative;
	left:50%;
	margin-left: -95px;
	margin-top: 10px;	
	line-height: 24px;
}
#enquete legend {
	color: #036;
	font-size: 1.5em;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 10px;
}
#enquete label {
	font-weight: bold;
	font-size: 1.1em;
	line-height: 16px;
}
/***********************
Rodapé
***********************/
#mapa{
	width:938px;
	color: #FFF;
	display:inline-block;
	clear:both;
	padding:10px;
	padding-left: 30px;
	overflow: hidden;
	margin-top:20px;
	background:#000;
	margin-bottom:-20px;
}

#mapa ul {
	font-size:1.1em;
	font-weight: bold;
	line-height: 22px;
	float: left;
	width:209px;
	height:auto;
	position:relative;
	margin-right:15px;
	color: #FFF;
}
/* IE7 */
*+html #mapa ul{
	text-indent:10px!important;
}
#mapa ul li a , #mapa ul li a:hover{
	font-size:1.0em;
	list-style: disc;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
}

*+html #mapa ul li a ,*+html #mapa ul li a:hover{
	font-size: 0.8em;
}
#mapa ul li.titMap {
	list-style: none;
	font-size: 1.4em;
	margin-left: -14px;
	color: #FFF;
}
*+html  #mapa ul li.titMap {
	font-size: 1.2em;
}
#footer{
	background-color:#D9D9D9;
	color: #000;
	height:26px;
	display:block;
	font-size:11px;
	text-align:center;
	padding-top:10px;
	position:relative;
	clear:both;
}
/***********************
Botões
***********************/
/* Botao centralizado */
p.botao {
	clear: left;
	float: none;
	text-align: center;
	padding: 10px 0;
}
/***********************
Processos de 1ª Habilitação
***********************/

/* Blocos Principais */
div.etapa {
	overflow: hidden;
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
}
div.numero {
	width: 60px;
	float: left;
	font-size: 2.0em;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	color: #FFF;
}
div.processo {
	width: 630px;
	float: left;
	min-height: 40px;
	height: auto !important;
	height: 40px;
	padding: 5px;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;
}
div.tick {
	width: 60px;
	float: left;
	text-align: center;
	padding-top: 18px;
}

/* Detalhamento */
h4{
	background-color: #FFF;
	font-size: 1.2em;
	padding: 5px;
	margin-top: 15px;
}
.concluido{font-weight: bold;color: #FFF;}
.pendente{font-weight: bold;color: #FFF;}
.processo p {margin-bottom: 4px !important;}

p.situacao{
	width: 316px;
	float: left;
}
p.valor{
	padding-top: 15px;
	padding-bottom: 15px;
	font-weight: bold;
}
p.consulta_aula{
	background:url(/DTRN/images/listaaulas.gif) 0px 0px no-repeat;
	padding-left: 20px;
	padding-bottom: 10px;
}
p.consulta_aula a{
	color: #FFF;
}
p.saibamais{
	width: 100px;
	float: left;
	text-align: right;
}
.saibamais a {
	background:url(/DTRN/images/mais_pequenoCinza.gif) 0px 3px no-repeat;
	color: #FFF;
	font-size: 0.9em;
	padding-left: 12px;
}
div.destaque{border: 3px solid #FFF;}
div.destaque div.numero{width: 58px;color:#FFF;}
div.destaque div.tick{width: 58px;}

#saibamais1, #saibamais2, #saibamais3, #saibamais4, #saibamais5, #saibamais6, #saibamais7, #saibamais8, #saibamais9, #saibamais10, #saibamais11, #saibamais12, #saibamais13 {
	border: 1px solid #FFF;
	padding: 5px;
	clear: left;
}

.btnfechar{text-align: right;}

.btnfechar a {
	background:url(/DTRN/images/menos_pequeno.gif) 0px 3px no-repeat;
	color: #FFF;
	font-size: 0.9em;
	padding-left: 1.2em;
}

/***********************
ABAS 
***********************/
h5.titulo_abas{
	margin-bottom:10px;
	color: #FFF;
	border-bottom: 1px solid #FFF;
	font-size: 1.2em;
}
/* formata a aparência do "fieldset" */
div.aba {
	  border: 1px solid #FFF;
	  padding: 10px;
	  padding-top: 10px;
	  margin-bottom: 10px;
	  clear: left;   
	  height: auto !important;
}

/* formata as abas, estas estão dentro do jquery.aba.js  Abas Serviços Verificar se vai ser usada mesmo
#nav {
	font-size: 12px;
	margin:0;
	padding:3px 0;
	border-bottom:1px solid #DDD;
}
#nav li {
	list-style:none;
	margin-right:6px;
	display:inline;
}
#nav li a {
	padding:3px 6px;
	border:1px solid #DDD;
	border-bottom:none;
	background:#C0D6DF;
	color:#333;
	text-decoration:none;
}
#nav li a:hover {
	color:#FFF;
	background:#44688A;
	border-color:#DDD;
}
#nav li a.corrente {
	background:#fff;
	border-bottom:1px solid #fff;
	color: #333;
}
*/
/***********************
Tabela
***********************/
table.tabela{
	border-collapse: collapse;
	border: 1px solid #FFF;
	color: #FFF;
	background: #FFF;
	font-size: 1.0em;
	width: 100%;
	clear:both;
	margin-top:5px;
}
table.tabela td, table.tabela th {
	border: 1px solid #FFF;
	padding: 5px;
	font-size:1.1em;
}
table.tabela th {
	font-weight: bold;
	background: #FFF;
	text-align:center;
}
table.tabela tr:hover	 {background:#FFF;}
table.tabela tr.odd:hover{background:#FFF;}
table.tabela tr.odd	 	 {background:#FFF;}

table.noHover tr:hover	 {background:none;}

table.tabela td.centro {text-align: center;}

/*Customizado*/
table.tabela2{
	border-collapse: collapse;
	border: 1px solid #FFF;
	color: #FFF;
	background: #FFF;
	font-size:0.9em;
	width: 100%;
	clear:both;
	margin-top:5px;
}
table.tabela2 td, table.tabela2 th {
	border: 1px solid #FFF;
	padding: 5px;
	font-size:0.9em;
}
table.tabela2 th {
	font-weight: bold;
	background: #FFF;
	text-align:center;
}
table.tabela2 tr:hover	 {background:#FFF;}
table.tabela2 tr.odd:hover{background:#FFF;}
table.tabela2 tr.odd	 	 {background:#FFF;}

table.noHover tr:hover	 {background:none;}

table.tabela2 td.centro {text-align: center;}

/***********************
Formulários
***********************/
form p {
	clear: both;
	text-align: left;
	overflow: hidden;
}

form label {
	/*display: block;
	float: left;*/
	text-align: right;
	margin-right: 4px;
}

form textarea, input, select {
	font-size: 1.1em;
	color: #000;
	/*border: 1px #FFF solid;*/
}
p.sideduplo{
	float: left;
	clear: none;
	width: 50%;
}
/* Formulário do Cadastramento */
form.cadastramento{
	width:700px;
	margin:20px auto;
	padding:10px 0;
	overflow: hidden;
}

form.cadastramento p.nolabel{
	margin: 50px;
}

form.cadastramento p label{
	font-weight:bold;
	width: 125px;
}

form.cadastramento p label.c200{
	font-weight:bold;
	width: 200px;
}
/* Formulário do Fale Conosco */
.faleConosco{
	width:765px;
	background-color:#444;
	margin:20px auto;
	padding:10px 0;
	overflow: hidden;
}
form.faleConosco p label{
	font-weight:bold;
	width: 100px;
}
.campo{
	font-size:0.9em;
	font-weight:bold;
	color:#FFF;
	padding-right:5px;
}
form input.btnEnviarForm{
	width:49px;
	height:17px;
	cursor:pointer;
	border:0;
}
.dadosform {
	width: 400px;
	margin: 0 auto;
	margin-top: 15px;
}
/*
 * SimpleModal Basic Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2010 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: basic.css 257 2010-07-27 23:06:56Z emartin24 $
 */

#basic-modal-content-teorico, #basic-modal-content-pratico {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:300px; width:500px; color:#bbb; background-color:#FFF; border:2px solid #FFF; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container a.modalCloseImg {background:url(/DTRN/images/x.png) no-repeat; width:24px; height:24px; display:inline; z-index:3200; position:absolute; top:3px; right:3px; cursor:pointer;}
#simplemodal-container p {font-size: 1.2em; color: #333;}
#simplemodal-container p.situacao{width: 100%;margin-bottom: 15px;}



/* Resultado Busca */

.dataBusca{
	padding: 2px;
	background-color: #5d5d5d;
	color: #FFF;
	font-weight: bold;
}

a.titBusca{
	font-size: 1.2em;
	color: #004F77;
	margin-left: 5px;
}

hr.busca{
	margin: 10px 0;
	background-color: #CCC;
	height: 1px;
	border: 0;
}

/* Paginação */
#paginacao{
	clear: both;
	width: 100%;
	height: 50px;
	font-size: 11px;
	margin-top: -10px;
	
}
#paginacao span{
	display: inline-block;
	border: 1px solid #CCC;	
	margin-top: 10px; 
	margin-left: 2px;
	margin-right:2px;
	line-height: 25px; 
	color: #CCC; 
	width: 25px; 
	font-weight: bold;
	text-align:center;
	
}
#paginacao a span.ativo{
	cursor:hand;
	_cursor:pointer;
	text-decoration: none;
	background:#FFF!important;
	font-size: 11px;
	color: #000;
}
#paginacao a span.Proximo{
	margin-right: -5px;
	margin-left: -5px;
}
#paginacao a span.Ultimo {
	margin-left: -2px;
}
#paginacao a span.Primeiro{
	margin-right: -2px;
}
#paginacao a span.Anterior{
	margin-right: -5px;
	margin-left: -5px;
}
#paginacao span.inativoAnterior{
	margin-right: 5px;
}
#paginacao span.inativoProximo{
	margin-left: 5px;
}
#paginacao a{
	margin-left: 5px;
	margin-right: 5px;
	text-decoration: underline;
}

/***********************************
Classes e Div's customizadas
************************************/
.layoutRow{
	width: 100%;
	height:auto;
}
.component-control {
	width:100%;
	height:auto;
	margin: 0 !important;
	padding: 0 !important;
}
.iconeEdit{
	list-style: none!important;
	padding-left: 5px;
}
.iconeAdd {
	width: 13px;
	height: 13px;
	padding-top: 10px;
	padding-right: 10px;
	float: right;
}
#cidadaoMapaSite, #parceirosMapaSite, #detranMapaSite{width:97%; height:15px; background-color:#666666; padding:5px 10px 10px 10px; margin:0  0 10px 0;}
.mapaSiteGeral{
	font-size:1.3em;
	color: #FFF;
	font-weight: bold;
}
#mapaGeral ul li a{
	background: url(/DTRN/images/bullet_quadradoCinza.gif) 0px 6px no-repeat;
	padding:0 10px;
	margin-left: 5px;
	text-decoration: none;
	color: #FFF;
	font-weight: normal;
	display: inline-block;
	line-height: 20px;
	font-size:1.1em;
}
#cptMp1,#cptMp2{width:315px; float:left; position:relative; margin-right:10px;}
#cptMp3,#cptMp4{width:315px; float:right; position:relative; margin-right:10px;}
/*****BreadCrumbs****/
/*#crumbs ul, li  {
	list-style-type:none;
	padding:0;
	margin:0;
	}	*/
ul#crumbs {
	margin-top:-7px;
	margin-bottom:7px;
	}
/* IE7 */
*+html ul#crumbs {
	margin:0 0 10px 0;
}
/* IE7 */
*+html #menu, *+html #contentInterno, *+html #sidebarInterno, *+html #sidebar {
	margin-top:7px;
}
#crumbs {
	height:2.3em;
	border:1px solid #dedede;
	}
#crumbs li {
	float:left;
	line-height:2.3em;
	color:#D9D9D9;
	padding-left:.75em;
	}		
#crumbs li a {
	background:url(/DTRN/images/crumbsPB.png) no-repeat right center;
	display:block;
	padding:0 15px 0 0;
	}							
#crumbs li a:link,
#crumbs li a:visited {
	color:#FFF;
	text-decoration:none;
	}	
a:link, a:visited,	
#crumbs li a:hover,
#crumbs li a:focus {
	color:#D9D9D9;
	}
.corrente	{font-weight:bold;}
/***** MenuLogin*****/
#memuLogin{
	display: block;
    text-align: left;
    font-size:1.0em;
    text-decoration: none;
}
#menuLogin ul {
	width:100%;
    height: 34px;
	padding: 0;
	line-height: 34px; 
	text-decoration: none;
    background: url(/DTRN/images/menu_bg.jpg) repeat-x left top;
}
/*Left Corner*/
#menuLogin ul li.left{
	display: block;
	float: left;
	clear: left;
	width: 30px;
	height: 34px;
    background: url(/DTRN/images/menu_l.jpg) no-repeat left top;
}
/*Right Corner*/
#menuLogin ul li.right {
	display: block;
	float: right;
	clear: right;
	width: 30px;
	height: 34px;
    background: url(/DTRN/images/menu_r.jpg) no-repeat right top;
}
#menuLogin ul li{ 
	display: inline;
	float: left;
	list-style: none;
	text-decoration: none;
}			
#menuLogin ul li a{ 
	display: block;
	text-decoration: none;
	text-transform: inherit;
	padding: 0 15px;
	color: #FFF;
}
#menuLogin l li em {
	display: block;
	float: left;
	width: 2px;
	height: 34px;
    background: url(/DTRN/images/menu_sep.jpg) no-repeat left top;
}
/*last separator*/
#menuLogin ul li.sep {
	width: 2px;
    background: url(/DTRN/images/menu_sep.jpg) no-repeat left top;
}	  
#menuLogin ul li a:hover, #menuLogin ul li a.active { 
	background: transparent url(/DTRN/images/menu_over.jpg) repeat-x center top;
	text-decoration: none;
	Color: #FFF;
}
#menuLogin ul li a.active {
	font-weight: bold;
	cursor: pointer;
}
/*CNH Notificadas*/
#box7, #box8, #box9 {
	position: relative;
	width: 525px;
	height: auto;
	/*float: left;*/
	padding:10px;
	border: 1px solid #FFF;
    font-size: 1.2em;
	text-decoration: none;
}
/* IE7 */
*+html #box7, *+html #box8, *+html #box9{
	width: 500px;
}
#box7{
	background-color:#e8e8e8;
	height: auto;
	font-weight: bold;
}
a.link2:link , a.link2:visited , a.link2:hover , a.link2:active {
	color: #FFF;
	text-decoration: none;
}
a.link3:link , a.link3:visited , a.link3:hover , a.link3:active {
	text-decoration: none;
}
.listaVazia{
	list-style-type:none;
}
.fontCaixaAlta{
	text-transform: uppercase; 
}
.identar25{
	text-indent:25px;
}
.titulo3{
	color: #FFF;
	font-size: 1.2em;
	font-weight: bold;
}
.data{
	font-size: 1.2em;
	font-weight: bold;
	color: #FFF;
	margin-bottom: 2px;
}
a:link.data, a:visited.data, a:active.data {
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
}
a:hover.data, a:visited.data, a:active.data {
	text-decoration: none;
}
.teste1 ul li a, .selected ul li a, .teste1 ul li a.selected, .teste1 ul li a.active{
	color:#FFF!important;
}
#nav_main ul li a .selected ul li a, .teste1 ul li a.selected, .teste1 ul li a.active{
	color:#FFF;
}
#barraAdm{
	width: 300px;
	float: right;
	display:inline;
	margin:0;
	padding:10px;
}
/*SlideBox*/
#features {
	position: relative;
	overflow: hidden;
	width: 700px;
	height: 129px;
	margin-bottom:10px;
}
#mapaSite ul li a{
	list-style-type: none;
}
/* IE7 */
*+html #features {
	margin-bottom:0px;
}	
.jshowoff {
	width: 700px;
	margin: 0;
}
.jshowoff div {	
	width: 700px;
	height: 129px;
}
.jshowoff p {
	margin: -46px 3px 0 28px;
	position: absolute;
	float: left;
}
/* IE7 */
*+html .jshowoff p {
	margin: -36px 3px 0 28px;
}	
.jshowoff-slidelinks{
	float: right;
}
.jshowoff-slidelinks a {
	display: block;
	padding: 0 5px 5px 5px;
	margin: 10px 3px 0 0px;
	float: left;
	text-decoration: none;
	outline: none;
	font-size: 11px;
	line-height: 14px;
	background-image: url(/DTRN/images/neutro_cinza.png);
	background-repeat:no-repeat;
	color: #000;
}
.jshowoff-controls a{
	float:left;
	color: #000;
}
.jshowoff-slidelinks a:hover, .jshowoff-controls a:hover {
	color: #000;
}
.jshowoff-slidelinks a.jshowoff-active, .jshowoff-slidelinks a.jshowoff-active:hover {
	background-image: url(/DTRN/images/neutro_blue.png);
	background-repeat:no-repeat;
	color: #000;
}
p.jshowoff-controls {
	margin: -41px 20px 15px 0px;
	float:right;
	position: relative;
}
/* IE7 */
*+html p.jshowoff-controls{
	margin: -31px 20px 15px 0px;
}	
.jshowoff-controls a {
	font-size: 12px;
	line-height: 15px;
	position:relative;
	color:#000;
}
.jshowoff-play,.jshowoff-paused  {
	width:16px;
	height:16px;
	background-image: url(/DTRN/images/control_pause.png);
	background-repeat:no-repeat;
	border:0;
	margin: 0;
	}
.jshowoff-paused {
	background-image: url(/DTRN/images/control_play.png);
	background-repeat:no-repeat;
}


/* breadcrumbs */
ul#breadcrumbs {
	color: #FFF;
	margin: 0 0 10px;
	padding: 0;
	font-size: 0.9em;
}
ul#breadcrumbs li {
	padding: 0;
	display: inline;
	background: none;
}
ul#breadcrumbs li a {
	display: block;
	padding-right: 12px;
	margin-right: 5px;
	background: url(/DTRN/images/bullet-right_dupla.gif) no-repeat right center;
	float: left;
	color: #FFF;
	font-weight: normal;
}


/***********************
Login Logado
***********************/
#login, #logado{
	background-image: url(/DTRN/images/bg_login.gif);
	width: 250px;
	margin-bottom: 15px;
	color: #000000;
}
span.login_borda_top,span.logado_borda_top {
	height: 15px; 
	display: block; 
	background: url(/DTRN/images/bg_login_top.gif) top left no-repeat;
}
span.login_borda_bottom,span.logado_borda_bottom  {
	height: 15px; 
	display: block; 
	background: url(/DTRN/images/bg_login_bottom.gif) top left no-repeat; 
}

/* login */
#login h1{
	color: #000000!important;
	font-weight: bold;
	font-size: 13px;
	padding-left: 20px;

}

#login form{
	padding-left: 20px;
	margin-top: 15px;
	font-size: 11px;
	line-height: 18px;
	color: #000000;
}
#login label {
	/*display: block;*/
	/*float: left;*/
	/*font-weight: bold;*/
	/*width: 70px;*/
	color: #000000;
	margin-right: 5px;
	font-size: 11px;
}
#login p{margin-bottom: 5px;}
#login p.tp_pessoa{margin-bottom: 10px;}
#login p.tp_pessoa input{vertical-align: text-bottom;}
img.bt_ok{vertical-align: middle;}
.entrar{text-align: center; margin-left: -20px; margin-top: 10px;}

#login  ul.serv_login{
	display: block;
	list-style-type: none;
	padding: 0 10px; 
	font-size: 11px;
	margin-top: 15px;
	overflow: hidden;
}
#login ul.serv_login li.cad{
	width: 90px;
	float: left;
}
#login ul.serv_login li.esq{
	width: 120px;
	float: left;
}
#login ul.serv_login li a{
	background:url(/DTRN/images/bullet_preto.gif) 0px 4px no-repeat;
	padding-left:9px;
	text-decoration: underline;
	color:#000;
	font-weight: normal;
	display: block;
}
#login ul.serv_login li a:hover{text-decoration: none;}

/* logado */
#logado p.boasvindas {padding-left: 20px; margin-bottom: 15px;}
#logado span.user_logado{
	color: #000000;
	font-weight: bold;
}
#logado p.btn_logado{
	text-align: center;
	margin-bottom: 5px;
}
#logado p.nao_user{
	text-align: center;
	color: #000000;
	font-size: 11px;
	margin-top: 15px;
}

#logado p.nao_user a{
	color: #000000;
	font-weight: normal;
}

/***********************
Serviços Boas Vindas Logado
***********************/
#boasvindas{
	width: 710px;
	background: url(../images/bg_boasvindas.jpg) top right no-repeat;
}

#serv_logado{
	background-image: url(../images/bg_logado.gif);
	width: 417px;
}
span.bemVindo_borda_top {
	height: 10px; 
	display: block; 
	background: url(../images/bg_logado_top.gif) top left no-repeat;
}
span.bemVindo_borda_bottom  {
	height: 10px; 
	display: block; 
	background: url(../images/bg_logado_bottom.gif) top left no-repeat; 
	margin-bottom: 20px;
}

#serv_logado ul {list-style-type: none;padding: 0;}
#serv_logado ul li{
	width: 188px;
	display:inline;
	margin-left: 15px;
	line-height: 30px;
}

#alerta_logado{
	background: #CCCCCC url(../images/placa_exclamacao.png) 10px 8px no-repeat; 
	margin-bottom: 20px;
	width: 95%;
}
#alerta_logado p{color:#000000;	padding: 15px 20px 15px 92px;}

/* Notícias da Tela de Logado */
#noticias_logado{width: 710px; float: left;}

#noticias_logado h1{
	background-image: url(../images/bg_tit_noticlogado.gif);
	height: 20px;
	padding: 4px 0 0 10px;
	color: #FFF;
	font-style: normal;
	font-size: 1.2em;
}
#noticias_logado h4{
	background-color: #FFF;
	width: 66px;
	height: 14px;
	padding: 2px;
	color: #004F77;
	font-size: 1.0em;
}
#noticias_logado h2{
	border-top: 1px solid #004F77;
	border-bottom: none;
	padding-top: 4px;
	font-size: 1.2em;
	margin-bottom: 4px;
}
#noticias_logado h2 a{color: #007DC5; text-decoration: none;}

#loginServ {
	float:right;
}

.errorMessage {
    background-image: url(../images/icon_erro2.png);
    background-repeat: no-repeat;
    padding-top: 0px;
	padding-left: 20px;
	color: red;
	font-family: Arial; 
	font-size: 12px;
}

.errorMessage td {
	padding-left: 20px;
}

.infoMessage {
    background-image: url(../images/icon_ok2.png);
    background-repeat: no-repeat;
    padding-top: 0px;
    padding-left: 20px;
	color: green;
	font-family: Arial; 
	font-size: 12px;
}

.infoMessage td {
	padding-left: 20px;
}



/***********************
Usado nas pags index dos submenus
***********************/
dl.lista_def2{
	margin-bottom:20px;
	line-height:18px;
}
dl.lista_def2 dt{
	font-weight:bold;
	padding-left:10px;
	background:url(/DTRN/images/bullet_branco.gif) left center no-repeat!important;
}
dl.lista_def2 dd{
	margin-bottom:10px;
}
dl.lista_def2 dt.botao{
	font-weight:bold;
	padding-left:0;
	background:none;
	margin:20px 0 10px 0;
}
dl.lista_def2 dt.botao a{
	font-size:1.3em;	
	color:#FFF;
	padding:5px 10px 5px 18px;
	text-decoration:none;
	border:1px solid #CCC;
	font-weight:bold;
	background:#000 url(/DTRN/images/bullet_branco.gif) 7px center no-repeat!important;	
}
dl.lista_def2 dt.botao a:hover{
	background-color:#004F77;
}

/***********************
Usado nas pags index
***********************/
dl.lista_def3{
	line-height:26px!important;
	margin-bottom:20px!important;
}
dl.lista_def3 dt{
	margin-top:10px!important;
}
dl.lista_def3 dt a{
	font-size:14px!important;
	color:#FFF!important;
	text-decoration:none!important;
	background:url(/DTRN/images/bullet_branco.gif) left center no-repeat !important;
	padding-left:12px!important;
	display:block!important;
}
dl.lista_def3 dd{
	margin-left:20px!important;
	border-bottom:1px solid #CCC!important;	
}
dl.lista_def3 dd a{
	text-decoration:none!important;
	background:url(/DTRN/images/bullet_branco.gif) left center no-repeat !important;
	padding-left:12px!important;
	display:block!important;
	color: #FFF!important;
}
dl.lista_def3 dd a:hover, dl.lista_def3 dt a:hover{	
	background-color:#EEE!important;
	color:#000!important;
}

/* IE7 */
*+html dl.lista_def3 dt a{
	font-size:14px!important;
}
/* IE7 */
*+html dl.lista_def3 dd a{
	font-size:12px!important;
}

/***********************
Serviços eletrônicos - Página Interna
***********************/
#serv_cnh, #serv_veiculos, #serv_infracoes{
	background-image: url(/DTRN/images/bg_servicos.gif);
	width: 222px;
	float: left;
	margin-right: 15px;
}
#serv_infracoes{margin-right: 0;}
#serv_cnh span.borda_bottom, #serv_veiculos span.borda_bottom, #serv_infracoes span.borda_bottom {
	height: 15px; 
	display: block; 
	padding: 0;
	clear: both;
	background: url(/DTRN/images/bg_servico_bottom.gif) top left no-repeat;
}
h3.borda_top {
	height: 75px; 
	display: block; 
	border: none;	
	text-indent: -9000px;
}
#serv_cnh       h3.borda_top{background: url(/DTRN/images/bg_cnh.gif) top left no-repeat;}
#serv_veiculos  h3.borda_top{background: url(/DTRN/images/bg_veiculo.gif) top left no-repeat;}
#serv_infracoes h3.borda_top{background: url(/DTRN/images/bg_infracao.gif) top left no-repeat;}

#serv_cnh ul, #serv_veiculos ul, #serv_infracoes ul{
	min-height: 260px;
	height: auto !important;
	height: 260px;
	display: block;
	list-style-type: none;
	padding: 0 15px;
}

#serv_cnh ul li a, #serv_veiculos ul li a, #serv_infracoes ul li a{
	background:url(/DTRN/images/bullet_preto.gif) 0px 7px no-repeat;
	text-decoration: none;
	color:#000;
	font-weight: bold;
	display: block;
	border-bottom: 1px dotted #999;
	padding: 3px 0 3px 11px;
}
#serv_cnh ul li a:hover, #serv_veiculos ul li a:hover, #serv_infracoes ul li a:hover{
	color: #000000;
	text-decoration: underline;
}
p.como_utilizar{
	margin-top: 20px;
	float: left;
	width: 100%;
}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {
  width:375px; 
  height:203px;
  padding:10px;
  background-color:#ffffff;
}

#boxes #dialog b,#boxes #dialog h1,#boxes #dialog a{
	color: #000;
}

.close{display:block; text-align:right;}


/***************************
Serviços Novo
****************************/
#menu_servicos_eletronicos h2{
	float:right;
	width: 240px;
	background-image: #000000;
	height: 16px;
	color: #FFF;
	padding: 4px 0 4px 10px;
	font-size: 14px;
	margin-bottom: 0px;
}
#menu_servicos_eletronicos h3{
	float:right;
	width: 240px;
	color: #FFF;
	height:12px;
	padding-right:10px;
	display:block;
	background-image: #000000;
	margin-bottom: 20px;
	margin-top: 0px;
	
}
#menu_serv {
	float:right;
	width: 248px;
	background: #F1F1F1;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	margin-bottom: 0px;
	
}

#menu_serv ul{
	display: block;
	list-style-type: none; 
}
#menu_serv span a{
	padding: 5px 10px;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	display: block;
	font-size:12px;
	border-bottom: 1px solid #000000; 
}
#menu_serv span a:hover {
	background-color : #CCCCCC;
	color: #000000;
	text-decoration: underline;
}

#menu_serv span.tit_serv {
	background-color: #CCCCCC;
	display: block;
	padding: 5px 10px;
	font-weight: bold;
	color: #000000;
}

#menu_serv b.novo_serv{
	vertical-align: text-bottom;
	background: url(/DTRN/images/btn_Novo.gif) no-repeat;
	width: 40px;
	padding-right:20px;
	padding-left:20px;
	margin-left:3px;
}

#menu_serv p.menu_mais {
	text-align: right;
	padding: 5px;
}
#menu_serv p.menu_mais a {
	background: url(/DTRN/images/mais_pequeno.gif) 0px 4px no-repeat;
	padding-left: 11px;
	color: #000000;
	text-decoration: none;
}

#content table.bem_vindo td{
 padding-left:10px;
}