/*  
CSS Document 
by AURELIO ARANTES
www.toolinterativa.com.br 
aurelioarantes@toolinterativa.com.br
*/

html, body, h1, h2, h3, h4, h5, h6, dt, dd, dl, ul, li, ol, img, p {margin:0;	padding:0;	list-style:none; border:none;} 
* {list-style:none;margin:0;padding:0;border:none;}

body {background:url(../img/bg/body.jpg) top center no-repeat fixed; margin: 0 auto; color:#3a3a3a; font-size:16px; font-family:Arial, "Trebuchet MS", Verdana; /**/ }
body a{text-decoration:none; color:#3a3a3a; outline:none;}
body a:hover{text-decoration:underline;}
	
/* -------------------
Main Structure
------------------- */
.alinhamento {width:950px; margin:0 auto;}
#geral {width:100%; z-index:100;}	
#header {background:url(../img/bg/header.jpg) repeat-x top; height:93px; width:100%; padding:18px 0 0 0;} 

/* -------------------
Títulos
------------------- */
h1.logo {margin:0; padding:0;}
h1.logo a {background:url(../img/images/logo.jpg) no-repeat; width:112px; height:47px; display:block; float:left;}

h2 {border-bottom:1px solid #bdbbbc; border-top:1px solid #bdbbbc; padding:1px 0; margin:2px 0 20px 0;}
h3 {font-weight:bold; margin:15px 0 5px 0; font-size:25px; line-height:25px;}

/* -------------------
Classes 
------------------- */
.hide {display:none;}
.toLeft {float:left;}
.toRight {float:right;}
.toBoth {clear:both;}

ul.menu {clear:both; margin:0 0 0 31px;}
ul.menu li {float:left;}
ul.menu li a {display:block; height:33px; margin:0 15px;}
ul.menu li a.ciclista {background:url(../img/menu/ciclista.jpg) no-repeat; width:57px;}
ul.menu li a.dpvat {background:url(../img/menu/dpvat.jpg) no-repeat; width:44px;}
ul.menu li a.motociclista {background:url(../img/menu/motociclista.jpg) no-repeat; width:85px}
ul.menu li a.motorista {background:url(../img/menu/motorista.jpg) no-repeat; width:64px;}
ul.menu li a.pedestre {background:url(../img/menu/pedestre.jpg) no-repeat; width:60px;}
ul.menu li a.revisao-e-manutencao {background:url(../img/menu/revisao-e-manutencao.jpg) no-repeat; width:139px;}
ul.menu li a.transporte-de-criancas {background:url(../img/menu/transporte-de-criancas.jpg) no-repeat; width:147px;}
ul.menu li a.videos {background:url(../img/menu/videos.jpg) no-repeat; width:55px;}

ul.font-size {width:80px; float:right; text-align:right;}
ul.font-size li {float:right; margin:0 0 0 10px;}
ul.font-size li a {color:#FFF;}

ul.box-destaques-home {clear:both; margin:70px 0 0 0;}
ul.box-destaques-home li {float:left;  height:70px; width:255px; background:url(../img/bg/box-destaques-home.png) repeat; _background:#373939; margin:0 50px 50px 0 ; padding:15px 0 0 15px;}
ul.box-destaques-home li.right {float:right; margin:0 0px 50px 0 ; }
ul.box-destaques-home li h2 {border:none; padding:0; margin:0 0 0px 0;}

.template-home {min-height:600px; _height:600px;}
.template-interno {min-height:600px; _height:600px; background:url(../img/bg/template-interno.png) repeat; _background:#FFF; padding:40px 50px; width:850px;}
.template-interno a.tolTip {border-bottom:1px dashed #666; font-weight:bold;}
.template-interno a.tolTip:hover {text-decoration:none;}

.template-interno .voltar-para-home {position:absolute; top:185px; margin:0 0 0 819px;}
.template-interno .voltar-para-home a {width:32px; height:13px; display:block; background:url(../img/bt/home.gif) no-repeat;}

ul.sobre-o-transito {padding:20px}
ul.sobre-o-transito li {}
ul.sobre-o-transito li a {display:block; width:585px;}
ul.sobre-o-transito li a.codigo-brasileiro {background:url(../img/botoes/codigo-brasileiro.png) no-repeat top; height:82px;}
ul.sobre-o-transito li a.resolucoes-contran {background:url(../img/botoes/resolucoes-contran.png) no-repeat top; height:82px;}
ul.sobre-o-transito li a.lei-seca {background:url(../img/botoes/leiseca.png) no-repeat top; height:82px;}

ul#imageTabs {float:left; margin:20px 0 0 0;}
ul#imageTabs li {float:left; width:110px; height:70px; overflow:hidden; margin:0 11px 20px 0;}
ul#imageTabs li img {width:95px;}


/*
#font_size {font-size:10px; float:right; width:90px; text-align:right;}
#font_size a {color:#FFF; float:left; display:block; margin:0 10px 0 0;}


.tam1, .tam1 p, .tam1 li{ font-size: 80%}
.tam2, .tam2 p, .tam2 li{ font-size: 90%}
.tam3, .tam3 p, .tam3 li{ font-size: 95%}
.tam4, .tam4 p, .tam4 li{ font-size: 100%}
.tam5, .tam5 p, .tam5 li{ font-size: 105%}
.tam6, .tam6 p, .tam6 li{ font-size: 110%}
.tam7, .tam7 p, .tam7 li{ font-size: 120%}
.tam1 h1{font-size:21px;} 
.tam2 h1{font-size:22px;} 
.tam3 h1{font-size:23px;} 
.tam4 h1{font-size:24px;} 
.tam5 h1{font-size:25px;} 
.tam6 h1{font-size:26px;} 
.tam7 h1{font-size:27px;} 

.tam1 h2{font-size:17px;} 
.tam2 h2{font-size:18px;} 
.tam3 h2{font-size:19px;} 
.tam4 h2{font-size:20px;} 
.tam5 h2{font-size:21px;} 
.tam6 h2{font-size:22px;} 
.tam7 h2{font-size:23px;} 

.tam1 h3{font-size:15px;} 
.tam2 h3{font-size:16px;} 
.tam3 h3{font-size:17px;} 
.tam4 h3{font-size:18px;} 
.tam5 h3{font-size:19px;} 
.tam6 h3{font-size:20px;} 
.tam7 h3{font-size:21px;}