/*  
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) ; margin: 0 auto; color:#000; font-size:13px; font-family:Arial, "Trebuchet MS", Verdana; /**/ }
body a{text-decoration:none; color:#000; outline:none;}
body a:hover{text-decoration:underline;}
	
/* -------------------
Main Structure
------------------- */
.alinhamento {width:980px; margin:0 auto;}
#geral {width:980px; background:url(../img/bg/conteudo.png);  margin:0 auto;}	
#header {background:url(../img/bg/header.jpg) repeat-x bottom; height:87px; width:100%; padding:0px 0 0 0;} 

/* -------------------
Títulos
------------------- */
h1.logo {margin:20px 0 0 0; padding:0; float:left; width:112px;}
h1.logo a {background:url(../img/images/logo.gif) 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:18px; line-height:25px;}

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

ul.menu {float:right; margin:42px	 0 0 31px;}
ul.menu li {float:left;}
ul.menu li a {display:block; height:33px; margin:0 5px;}
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.menu li a.conheca-a-campanha {background:url(../img/menu/conheca-a-campanha.jpg) no-repeat; width:124px;}

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 {background:url(../img/bg/template-interno.png) bottom no-repeat;}
.template-home .video-destaque {width:386px; height:400px; padding:52px 0px 10px 60px; float:right; background:url(../img/bg/imagem-home.png) no-repeat;}
.template-home .cinto-home {float:right; clear:both; margin:50px 70px 0 0px; background:url(../img/images/cinto-seguranca.png) no-repeat; width:295px; height:192px;}


.template-interno {min-height:650px; _height:650px; padding:20px 0; background:url(../img/bg/template-interno.png) bottom no-repeat; margin:0;}
.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:155px; margin:-20px 0 0 555px; *margin:-0px 0 0 555px;}
.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;}

.menu-flash {display:block; width:330px; height:420px; position:absolute; margin:-419px 0 0 -2px; *margin:-419px 0 0 0; _margin:-419px 0 0 0; float:left; z-index:10000;}
.textos {float:right; width:610px; _width:600px; margin:0 40px 0 0; _margin:0 20px 0 0;}

.cinto-seguranca {float:right; margin:0 70px; background:url(../img/images/cinto-seguranca.png) no-repeat; width:295px; height:192px;}


.footer {clear:both;}
.footer ul.assinaturas {margin:15px auto 0 auto; width:980px; clear:both; }
.footer ul.assinaturas li {float:left; margin:0 15px 20px 0;}
.footer ul.assinaturas li.denatran {background:url(../img/images/denatran.png) no-repeat; width:61px; height:30px;}  
.footer ul.assinaturas li.governo-federal {background:url(../img/images/governo-federal.png) no-repeat; width:58px; height:30px;}
.footer ul.assinaturas li.ministerio-das-cidades {background:url(../img/images/ministerio-das-cidades.png) no-repeat; width:76px; height:30px;}

.footer ul.socialmidia {float:right; margin:-190px 0 0 940px; *margin:-180px 0 0 940px;}
.footer ul.socialmidia li {clear:both; height:40px; }
.footer ul.socialmidia li a {display:block; width:35px; height:34px; margin:0; padding:0;}
.footer ul.socialmidia li a.facebook {background:url(../img/botoes/facebook.png) no-repeat;}
.footer ul.socialmidia li a.orkut {background:url(../img/botoes/orkut.png) no-repeat;}
.footer ul.socialmidia li a.twitter {background:url(../img/botoes/twitter.png) no-repeat;}
.footer ul.socialmidia li a.youtube {background:url(../img/botoes/youtube.png) no-repeat;}

.sidebar {float:left; width:330px;}
.sidebar .video {margin:40px 0 0 35px; background:url(../img/bt/bt-video.png); width:259px; height:255px;}
.sidebar .video a {display:block; width:259px; height:255px;}



.redes {float:right; margin:5px 0 0 0;}
.redes li {float:left; margin:0 4px;}
.redes li img {width:25px;}