/* ::::::::::::::::::::::| Estrutura |:::::::::::::::: */
body{
margin: 0;
padding: 0;
background-color: #C4C4C4; }

div#geral{
background: #D6E8CF url(images/bg.jpg) repeat 50%;
margin : 0 auto;
width : 762px;}

div#menu {
clear: both;
width : 173px;
float : left;
padding: 0px;}

div#rodape{clear: both;}

#mecanica_rak h1{margin-bottom: 0;}
#mecanica_rak li{margin-bottom: 6px;}
*html body #mecanica_rak li{margin-bottom: 20px;}

#df h1{margin-bottom: 0;}
#df li{margin-bottom: 6px;}
*html body #df li{margin-bottom: 20px;}

#submenu{
	display: none;
	z-index: 1;
	position: relative;
	top: -140px;
	left: 323px;
	margin-top: -40px;
	width: 150px;
	background: #6CA655;
	border: 2px solid #FFFFFF;}
	
*html body #submenu{left: 308px;}	

#df_p h1{
margin-top: -4px;
margin-bottom: 0;}
#df_p li{margin-bottom: 20px;}
*html body #df_p li{margin-bottom: 20px;}

#ps h1{margin-bottom: 0;}
#ps li{margin-bottom: 6px;}
*html body #ps li{margin-bottom: 20px;}

* html body Div#pagina{
width: 560px;
z-index: 0;}

div#pagina{
	z-index: 0;
	text-align: left;
	margin: 0 0 0 173px;
	padding: 20px;
	width: 550px;
	background-image: 
	background-repeat: no-repeat;
	background-position:bottom;
}

ul{
padding-top: 5px;}

li{
padding: 2px;
margin: 0;}


label, dt, fieldset {display: block;}

dd, dt {
padding-top: 5px;
padding-bottom: 5px;}

fieldset {
	z-index: 0;
	float: left;
	padding: 8px;
	border: 1px solid #393;
	margin: 0 0 15px 0;}
	
fieldset legend{display:none;}

label{padding: 5px 5px 0 5px;}

table {float:left;
	z-index: 0;
	padding: 2px;
	background-color: #FFFFFF;
	border: 1px solid #000000;}
	
td{padding: 3px;}

.tab_grande {width: 540px;}

.tdl{
padding-left: 10px;
text-align:left;}

.tdr{text-align:right;}

.tab_dest{
	background-color: #000000;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;}
	
.tab_tit{
	background-color: #FFCCCC;
	color: #990000;}
	
.tab_2{background-color: #FFEFDF;}

span {display:none;}

.aparecer{
position: relative;
left: -5px;
width: 136px;
background-color: #ff6600;
display:block;}

.aparecer:hover{display:block;}

* html body #arremate {
position: relative;
left: -294px;
}

#arremate{
clear:both;
background: url(images/vis_18.jpg) no-repeat;
height: 50px;
width: 173px;
display: block;}

.andromeda {
font-size: 11px;
color: #003300;}

.andromeda:hover {
font-size: 11px;
color: #FFFFFF;}

.andromeda:visited {
font-size: 11px;
color: #003300;}

/* ::::::::::::::::::::::| FIM Estrutura |:::::::::::::::: */

/* ::::::::::::::::::::::| Setup Texto |:::::::::::::::: */

a, a:hover, a:visited, p, h1, h2, h3, h4, h5, h6, ul, ol, td, legend, label, dt, dd, .andromeda {font-family: Verdana, Arial, Helvetica, sans-serif;}
a, a:hover, a:visited, p, h1, ul, ol, td, legend, label, dd{font-size: 12px;}
p, h1, h3, h5, ul, ol, legend, label, dt, dd, .contato {color: #006600;}
h2, h4, h6{color: #333333;}
a {color: #CC0000;}
a:hover {color: #FF6600;}
a:visited {color: #FF0000;}
a, a:hover, a:visited{text-decoration: none;}
dt, h1, h2, legend {font-weight: bold;}
h2, dt {font-size: 14px;}
h3, h4 {font-size: 16px;}
body, h4, td {text-align: center;}
h5, h6 {font-size: 20px;}
p, dd{text-align: justify;}
.rod {
text-align: center;
font-weight:bold;
font-size:10px;}

/* ::::::::::::::::::::::| FIM Setup Texto |:::::::::::::::: */

/* ::::::::::::::::::::::| Setup Formulátio |:::::::::::::::: */
.but{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #003300;
	background-color: #C4C4C4;
	border: 1px solid #003300;}
	
.txt{
	width: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #003300;
	background-color: #FFFFFF;
	border: 1px solid #003300;}
	
textarea {
	float:left;
	height: 150px;
	width: 250px;
}

/* ::::::::::::::::::::::| FIM Setup Formulátio |:::::::::::::::: */

/* ::::::::::::::::::::::| Testeira |:::::::::::::::: */

div#top_1, #top_2, #top_3, #top_4, #top_5, #top_6, #top_7, #top_8, #top_9 {float: left;}
div#top_1, #top_2, #top_3, #top_4, #top_5 {height: 99px;}
div#top_6, #top_7, #top_8, #top_9 {height: 71px;}

div#top_1{
background: url(images/vis_01.jpg);
width: 39px;}
div#top_2 {
background: url(images/vis_02.jpg);
width: 134px;}
div#top_3 {
background: url(images/vis_03.jpg);
width: 247px;}
div#top_4 {
background: url(images/vis_04.jpg);
width: 275px;}
div#top_5 {
background: url(images/vis_05.jpg);
width: 67px;}
div#top_6 {
background: url(images/vis_06.jpg);
width: 173px;}
div#top_7 {
background: url(images/vis_07.jpg);
width: 247px;}
div#top_8 {
background: url(images/vis_08.jpg);
width: 275px;}
div#top_9 {
background: url(images/vis_09.jpg);
width: 67px;}


/* ::::::::::::::::::::::| FIM Testeira |:::::::::::::::: */

/* ::::::::::::::::::::::| Menu |:::::::::::::::: */

a.link1, .link2, .link3, .link4, .link5, .link6, .link7{width: 173px; display: block;}

a.link1{
background: url(images/vis_10.jpg);
height: 46px;}
a.link2{
background: url(images/vis_13.jpg);
height: 42px;}  
a.link3{
background: url(images/vis_14.jpg);
height: 42px;}
a.link4{
background: url(images/vis_15.jpg);
height: 40px;}
a.link5{
background: url(images/vis_15_2.jpg);
height: 40px;}
a.link6{
background: url(images/vis_15_3.jpg);
height: 40px;}
a.link7{
background: url(images/vis_16.jpg);
height: 50px;}

.menu {
position: relative;
margin: 0px;
padding: 0px;
float: left;}

.menu dt{padding:0 }

* html body .menu dd{
	z-index: 1;
}

.menu dd {
	display: none;
	z-index: 1;
	position: absolute;
	left: 130px;
	margin-top: -40px;
	width: 150px;
	background: #6CA655;
	border: 2px solid #FFFFFF;}

.menu ul {padding: 2px 0 0 0;}

* html .menu ul{position: relative; left: -40px;}


.menu li{	
	list-style-type: none;
	text-align: left;
	padding-left: 15px;
	padding-bottom: 3px;
	}

#menu2 a{color: #FFFFFF;}

#menu2 a:hover{color: #000000;}

/* ::::::::::::::::::::::| FIM Menu |:::::::::::::::: */

/* ::::::::::::::::::::::| Titulos |:::::::::::::::: */

Div#dicas, #sinalizacao, #materias, #index, #simulado, #lic, #correcao, #quem, #habilitacao, #despachante, #duvidas, #infracao, #lembrador, #links, #contato{
float: left;
height: 50px;
width: 550px;
_width: 530px;
display: block;}
Div#sinalizacao{background: url(images/tit/sinalizacao.jpg) no-repeat;}
Div#materias{background: url(images/tit/materias.jpg) no-repeat;}
Div#index{background: url(images/tit/index.jpg) no-repeat;}
Div#correcao{background: url(images/tit/correcao.jpg) no-repeat;}
Div#simulado{background: url(images/tit/simulado.jpg) no-repeat;}
Div#dicas{background: url(images/tit/dicas.jpg) no-repeat;}
Div#lic{background: url(images/tit/lic.jpg) no-repeat;}
Div#quem{background: url(images/tit/quem.jpg) no-repeat;}
Div#habilitacao{background: url(images/tit/habilitacao.jpg) no-repeat;}
Div#despachante{background: url(images/tit/despachante.jpg) no-repeat;}
Div#duvidas{background: url(images/tit/duvidas.jpg) no-repeat;}
Div#infracao{background: url(images/tit/infracao.jpg) no-repeat;}
Div#lembrador{background: url(images/tit/lembrador.jpg) no-repeat;}
Div#links{background: url(images/tit/links.jpg) no-repeat;}
Div#contato{background: url(images/tit/contato.jpg) no-repeat;}
Div#lembrador{background: url(images/tit/lembrador.jpg) no-repeat;}
/* ::::::::::::::::::::::| FIM Titulos |:::::::::::::::: */

Div#fachada {
margin: 5px 5px 20px 5px;
background: url(images/fachada.jpg) no-repeat;
float:left;
height: 199px;
width: 520px;
display: block;}

Div#fachada1 {
margin: 5px 5px 20px 5px;
background: url(images/fachada1.jpg) no-repeat;
background-position:center;
float:left;
height: 199px;
width: 520px;
display: block;}

/* ::::::::::::::::::::::| Simulado |:::::::::::::::: */

.simulado fieldset{width: 520px;}

/* ::::::::::::::::::::::| FIM Simulado |:::::::::::::::: */

/* ::::::::::::::::::::::| Mensagem |:::::::::::::::: */

.contato table {
float:left;
	z-index: 0;
	padding: 2px;
	background-color: #D6E8CF;
	border: 0px;}
	
.lembrador table {
	width: 520px;
	float:left;
	z-index: 0;
	padding: 2px;
	background-color: #D6E8CF;
	border: 0px;}

.contato fieldset{
position:relative;
left: 110px;
width: 200px;
text-align: center;}

.lembrador fieldset{width: 200px;}

.contato td{
color: #006600;
width:50%;}

.lembrador td{
color: #006600;
width: 50%;}

#ok, #no {
	float: left;
	width: 540px;
	display: block;
	height: 280px;}
	
#ok{background: url(images/ok.jpg) no-repeat center center;}	
#no {background: url(images/no.jpg) no-repeat center center;}


/* ::::::::::::::::::::::| FIM Mensagem |:::::::::::::::: */

.leve, .media, .grave, .gravissima {
font-weight: bold;
text-align: center;
}

.leve {
color: #FFFFFF;
background: #79C593;}

.media {
background: #FCDC9B;}

.grave {
color: #FFFFFF;
background: #FDA163;}

.gravissima {
color: #FFFFFF;
background: #DB7171;}

/* ::::::::::::::::::::::| Licenciamento |:::::::::::::::: */

.lic {position:relative;
	left: 130px;	
	width: 250px;}
	
.lic td {
	padding-left: 15px;
	padding-right: 10px;
	text-align: center;}
	

/* ::::::::::::::::::::::| FIM Licenciamento |:::::::::::::::: */

/* ::::::::::::::::::::::| Rodapé |:::::::::::::::: */

div#rod_1, #rod_2, #rod_3, #rod_4 {
float: left;
height: 27px;
display: block;}
div#rod_1 {
background: url(images/vis_19.jpg);
width: 30px;}
div#rod_2 {
background: url(images/vis_20.jpg);
width: 122px;}
div#rod_3 {
background: url(images/vis_21.jpg);
width: 21px;}
div#rod_4 {
background: url(images/vis_22.jpg);
width: 589px;}

/* ::::::::::::::::::::::| FIM Rodapé |:::::::::::::::: */