/*
////////////////////////////////////////////////////////////////////////////////

	IVECO - TRAKKER
	AUTOR: PLAN B
	CRIADO: 02/10/2008
	MODIFICADO:
	
////////////////////////////////////////////////////////////////////////////////
	Classes Genéricas
////////////////////////////////////////////////////////////////////////////////
*/

.left { float:left; }
.right { float:right; }
.escondido { display:none; }
.clear { clear:both; }
.formiguinha { font-size: 0.91em;}
.destacar { color: #dd6303; }

/*
////////////////////////////////////////////////////////////////////////////////
	Elementos Genéricos
////////////////////////////////////////////////////////////////////////////////
*/

a, a:hover  {
	color:#b35205;
	overflow:hidden;
	cursor: pointer;
	text-decoration:underline;
	}
	
a:focus { outline: none;}

h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}

h1 { font-size:2.4em; line-height:1.0em; }
h2 { font-size:1.4em; color:#dd6303; }
h3 { font-size:1.1em; }
h4 { font-size:1.0em; }

p { margin:1.0em 0; }

abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*padding to make the table readable*/
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
input, textarea, select {
	font: 1em/1.25em "Tahoma", Arial, Helvetica, sans-serif;
}

/*
////////////////////////////////////////////////////////////////////////////////
	Estrutura Global
////////////////////////////////////////////////////////////////////////////////
*/

html, body { height:100%; }

body {
	font:1em/1.25em "Tahoma", Arial, Helvetica, sans-serif;
	color:#9c9c9c;
	}
 
/* BLOCOS */

#containerGlobal {
	font-size:0.69em;
	text-align:center;
	position:relative;
	min-height:100%;
	background:url(../img/background_linha.png) center 88px repeat-x;
	}
#containerWraper { 
	width:1000px;
	margin:0 auto;
	text-align:left;
}
/************************************************************************
====================== CLASSES PARA FUNDO RANDÔMICO =====================
************************************************************************/
.bgWraper1{	background:url(../img/fundo_interna_01.jpg) center 120px no-repeat; }
.bgWraper2{	background:url(../img/fundo_interna_02.jpg) center 120px no-repeat; }
.bgWraper3{	background:url(../img/fundo_interna_03.jpg) center 120px no-repeat; }
.bgWraper4{	background:url(../img/fundo_interna_04.jpg) center 120px no-repeat; }
/***********************************************************************/

#containerHead {
	width:100%;
	height:110px;
	margin:0 auto;
	padding-top:1.0em;
	position:relative;
	background:url(../img/background_head.png) center top no-repeat;
	}

body#home #containerConteudo { min-width:1000px; }
body#home #containerWraper { 
	background:none !important;
	width:1000px !important;
}
body#home { 
	background:url(../img/fundo_home.jpg) center 120px no-repeat !important;
	height: 100%;
	min-height: 650px;
}
body#home #containerNavegacao { width: 1000px; }

#containerConteudo {
	width:100%;
	line-height:1.4em;
	min-height:520px;
	padding-bottom:92px;
	margin:0 auto;
	position:relative;
}

body.internas #containerConteudo { width:780px; }
html>body.internas #containerConteudo { display:table; }
body#Contato #containerConteudo #wraperConteudo, body#Intencao #containerConteudo #wraperConteudo { width:780px;}
body#Modelos #containerConteudo #wraperConteudo { width: 480px; }


#containerConteudo #wraperConteudo {
	left: 35px;
	padding-top:200px;
	position: relative;
	width:430px;
	margin-bottom: 50px;
}
#containerConteudo #wraperGaleria {
	width:300px;
	min-height:300px;
	padding-top:230px;
	background:url(../img/background_galeria.gif) 0 220px no-repeat;
}
#containerConteudo #wraperAplicacoes {
	width:230px;
	min-height:300px;
	padding-top:230px;
}
#containerConteudo #wraperAplicacoes .aplicacoes{ background:url(../img/fundo_aplicacoes.gif) 0 0 no-repeat; padding: 10px 15px 0;}
#containerConteudo #wraperAplicacoes .especificacoes {
	background:url(../img/fundo_especificacoes.gif) 0 0 no-repeat;
	height: 150px;
	padding: 10px 10px 0 15px;
}
#containerConteudo #wraperAplicacoes #principais-modelos { margin-top: 40px; margin-bottom: 60px;}
#containerConteudo #wraperAplicacoes h2 { margin: 0 0 10px 15px; font-size: 16px;}
#containerConteudo #wraperAplicacoes .especificacoes h2 { margin: 0;}
#containerConteudo #wraperAplicacoes .especificacoes p{ padding-left: 70px;}

/* Cantos arredondados da galeria */

.boxRedondo{
	background:#141414;
	/*margin:1.0em 3.6em;*/
	margin-bottom: 0.19em;
}

.boxRedondo .conteudo { /*padding:1.0em;*/ padding: 0 0.75em;}
.boxRedondo.Maior .conteudo { min-height:180px;}
.boxRedondo .conteudo.paginacao { color: #767676; }

span.bt, span.bt span, span.bb, span.bb span {
	display:block; height:15px; font-size:1%;
	position:relative;
	clear:both;
}	

span.cinza, span.cinza span { background:url(../img/box_fundo_cinza.gif) no-repeat; }
span.preto, span.preto span { background:url(../img/box_fundo_preto.gif) no-repeat; }

span.bt { top:0; left:0; }

span.bt span { background-position:100% -15px; left: 0 }

span.bb { background-position:0 -30px; top:0; left: 0; }

span.bb span { background-position:100% -45px; left: 0; }

/* Box Redondo Inline */
.boxInline {
	background: #0d0d0d url(../img/fundo_box_inline.gif) no-repeat -15px 0;
	display: block;
	height: 16px;
	padding: 7px 15px;
	position: relative;
}
.boxInline span{
	background: #0d0d0d url(../img/fundo_box_inline.gif) no-repeat 0 0;
	display: block;
	height: 30px;
	position: absolute;
	right: 0;
	top: 0;
	width: 14px;
}
.boxInline.canalIveco { width: 254px;}
.boxInline.especTecnicas { width: 322px; margin: 20px 0 0 20px;}

html>body .boxAtencao {
	background-image: url(../img/fundo_boxBranco.png);
}
.boxAtencao {
	background-repeat: no-repeat;
	display: block;
	height: 40px;
	margin: 15px 0 40px;
	padding: 5px 90px 0 70px;
	width: 545px;
}
.boxAtencao p{ color: #fff; margin: 0; padding:0;}

/* Box Paginação */
.boxPaginacao {
	background: #141414 url(../img/fundo_box_paginacao.gif) no-repeat -15px 0;
	display: block;
	height: 27px;
	padding: 11px 15px 0;
	position: relative;
}
.boxPaginacao .cantinhos{
	background: #141414 url(../img/fundo_box_paginacao.gif) no-repeat 0 0;
	display: block;
	height: 38px;
	position: absolute;
	right: 0;
	top: 0;
	width: 14px;
}

/* Galeria */
.galeriaConteudo {
	margin: 0 auto;
	width: 230px;
}
ul.galeria {
	margin:0;
	padding:0;
}
ul.galeria li {
	margin:0 0.9em 0.9em 0;
	display:inline;
	float:left;
}

ul.galeria li.semMargem { margin-right:0; }

.ampliar {
	background: url(../img/ico-zoom.gif) no-repeat right bottom;
	color: #454545;
	display: block;
	float: right;
	font-size: 10px;
	height: 17px;
	padding-right: 23px;
}

.boxPaginacao a {
	background-image: url(../img/ico_paginacao.gif);
	display: block;
	float: left;
	height: 20px;
	margin-left: 3px;
	text-indent: -9999px;
	width: 20px;
}
.boxPaginacao a.anterior {
	background-position: top left;
}
.boxPaginacao a.proxima {
	background-position: top right;
}

/* Download do Press Release */
#download-release {
	background: url(../img/fundo_download.gif) no-repeat top left;
	display: block; 
	height: 42px;
	padding: 10px 0 0 70px;
	margin: 0 0 20px auto;
	width: 190px;
}

/* HEADER */

#containerHead h1 a{
	width:266px;
	height:71px;
	margin:0 auto;
	background:url(../img/trakker_logo.png) no-repeat;
	text-indent:-9000px;
	display: block;
}

#containerHead #iveco{
	width:130px;
	height:39px;
	position:absolute;
	top:30px;
	right:30px;
	background:url(../img/iveco_logo.png) no-repeat;
	text-indent:-9000px;
}

/* Navegação Principal */

#containerNavegacao {
	width:1000px;
	height:31px;
	position:absolute;
	bottom:2px;
	background:url(../img/background_navegacao.png) left top no-repeat;
	margin: 0 auto;
}
ul#navegacaoGlobal {
	width:715px;
	margin:0 auto;
}

ul#navegacaoGlobal li {
	float:left;
	list-style-type:none;
	text-indent:-9000px;
}
ul#navegacaoGlobal li a {
	display:block;
	height:31px;
	text-decoration:none;
	outline: none !important;
}

html>body ul#navegacaoGlobal li a { background-image:url(../img/navegacao.png);	}

/* Menu OffRoad */
ul#navegacaoGlobal li.mnOffRoad a {	width:193px; background-position:-35px 0; }
ul#navegacaoGlobal li.mnOffRoad a:hover { background-position:-35px -31px; }
body#OffRoad ul#navegacaoGlobal li.mnOffRoad a { background-position:-35px -62px; cursor: default;}

/* Menu Modelos */
ul#navegacaoGlobal li.mnModelos a {	width:119px; background-position:-228px 0; }
ul#navegacaoGlobal li.mnModelos a:hover { background-position:-228px -31px; }
body#Modelos ul#navegacaoGlobal li.mnModelos a { background-position:-228px -62px; cursor: default; }

/* Menu Diferenciais */
ul#navegacaoGlobal li.mnDiferenciais a {	width:143px; background-position:-347px 0; }
ul#navegacaoGlobal li.mnDiferenciais a:hover { background-position:-347px -31px; }
body#Diferenciais ul#navegacaoGlobal li.mnDiferenciais a { background-position:-347px -62px; cursor: default; }

/* Menu Meu Iveco */
ul#navegacaoGlobal li.mnMeuIveco a { width:131px; background-position:-490px 0; }
ul#navegacaoGlobal li.mnMeuIveco a:hover { background-position:-490px -31px; }
body#MeuIveco ul#navegacaoGlobal li.mnMeuIveco a { background-position:-490px -62px; cursor: default; }

/* Menu Contato */
ul#navegacaoGlobal li.mnContato a {	width:125px; background-position:-621px 0; }
ul#navegacaoGlobal li.mnContato a:hover { background-position:-621px -31px; }
body#Contato ul#navegacaoGlobal li.mnContato a { background-position:-621px -62px; cursor: default; }

/* CONTEÚDO */

/* Destaques e Chamadas da Home */

.destaque {
	display: block;
	text-indent: -9999px;
	position:absolute;
	bottom:170px;
}

.destaque h2, .destaque p { display: none }

.destaque h2 {
	font-size:1.1em !important;
	height:1.3em !important;
	margin-top:30px;
}

.sIFR-hasFlash .destaque h2 { visibility: hidden; }

.destaque p {
	font-size:1.00em;
	margin-top:0;
	line-height:1.1em;
	}

#destaquePerformace { left:45px; width:305px; height:108px;} html>body #destaquePerformace { background:url(../img/destaque_performace.png) no-repeat; }
#destaqueRobustez { left:355px; width:315px; height:102px;} html>body #destaqueRobustez { background:url(../img/destaque_robustez.png) no-repeat; }
#destaquePosVenda { left:680px; width:284px; height:119px;} html>body #destaquePosVenda { background:url(../img/destaque_posvenda.png) no-repeat;}

#boxChamada {
	display:none;
	width:268px;
	height:84px;
	position:absolute;
	right:50px;
	top:180px;
}

#boxChamada * { text-indent:-9000px; }

html>body #boxChamada { background:url(../img/mote_campanha.png) no-repeat; }

/* Formulários*/
.formularios legend {display: none;}
.formularios ul { margin: 0; padding: 0;}
.formularios ul li { display: inline; float: left; list-style: none; margin: 0 20px 15px 0; position: relative; width: 100%;}
.formularios ul li label { color: #dd6303; display: block; padding-left: 10px;}
.formularios ul li label .exemplo { color: #454545; font-size: 10px; position: absolute; right: 0;}
.formularios ul li input { border: 0; background: transparent; color: #aaa; width: 100%;}
.formularios ul li select { border: 1px solid #aaa; background: #313030; color: #aaa; width: 100%}
.campos {
	background: #313030 url(../img/fundo_campos.gif) no-repeat -5px 0;
	height: 19px; position: relative;
	padding: 3px 0 0 10px;
}
.campos span {
	background: url(../img/fundo_campos.gif) no-repeat 0 0;
	display: block;
	height: 22px;
	position: absolute;
	top: 0;
	right: 0;
	width: 4px;
}
.campos.select {
	background: #313030 url(../img/fundo_select.gif) no-repeat -5px 0;
	height: 22px; position: relative;
	padding: 3px 5px 0;
}
.campos.select span {
	background: url(../img/fundo_select.gif) no-repeat 0 0;
	display: block;
	height: 25px;
	position: absolute;
	top: 0;
	right: 0;
	width: 4px;
}
.campos.mensagem {
	background: #313030 url(../img/fundo_campos-mensagem.gif) no-repeat -5px 0;
	height: 99px; position: relative;
	padding: 3px 5px 0 10px;
}
.campos.mensagem span {
	background: url(../img/fundo_campos-mensagem.gif) no-repeat 0 0;
	height: 102px;
	position: absolute;
	top: 0;
	right: 0;
	width: 4px;
}
.formularios ul li textarea {
	background: transparent;
	border: 0;
	color: #ababab;
	margin: 0;
	width: 100%;
	height: 93px;
}
.observacao { float: right; position: absolute; right: 90px; top: 0;}
/* Formulário de Contato*/

#formContato ul #campo-mensagem { width: 690px;}
#formContato ul #campo-nome, #formContato ul #campo-bairro{ width: 440px;}
#formContato ul #campo-segmento, #formContato ul #campo-estado, #formContato ul #campo-assunto{ width: 230px;}
#formContato ul #campo-email, #formContato ul #campo-endereco{ width: 335px;}
#formContato ul #campo-numero, #formContato ul #campo-cep{ width: 70px;}
#formContato ul #campo-complemento{ width: 140px;}
#formContato ul #campo-cidade{ width: 350px;}
#formContato ul #campo-veiculo{ width: 300px;}
#formContato ul .campo-telefone{ width: 176px;}
#formContato ul .campos label { padding-left: 0 !important;}
#formContato ul .campos.ddd { float: left; margin-right: 1px; width: 40px;}
#formContato ul .checkbox { float: left; margin: 5px 10px 0 0; color: #ababab;}
#formContato ul .checkbox input { width: auto; margin: 0 5px 0 0;}
#formContato ul .campos.telefone { float: left; width:  115px;}
#formContato ul #enviar { height: 27px; width: 80px;}
#formContato ul #campo-segmento, #formContato ul #campo-bairro { margin-right: 0;}

/* Formulário de Intenção de Compras */
#formIntencao ul #campo-mensagem { width: 690px;}
#formIntencao ul #campo-concessionaria, #formIntencao ul #campo-email { width: 690px;}
#formIntencao ul #campo-modelo, #formIntencao ul #campo-cor, #formIntencao ul #campo-estado { width: 215px;}
#formIntencao ul #campo-nome, #formIntencao ul #campo-empresa, #formIntencao ul #campo-ramo, #formIntencao ul #campo-tipo-equipamento { width: 335px;}
#formIntencao ul .campo-telefone{ width: 176px;}
#formIntencao ul .campos label { padding-left: 0 !important;}
#formIntencao ul .campos.ddd { float: left; margin-right: 1px; width: 40px;}
#formIntencao ul .campos.telefone { float: left; width:  115px;}


/* Tabelas */

.tbGeral { border-collapse: separate; border-spacing: 1px; margin: 0 auto 15px; width: 403px;}
.tbGeral thead tr th { height: 31px; padding: 0;}
.tbGeral thead tr th.esq { background: #212121 url(../img/thead_cantinhos.gif) no-repeat left top;}
.tbGeral thead tr th.dir { background: #212121 url(../img/thead_cantinhos.gif) no-repeat right bottom;}
.tbGeral tbody tr td { height: 41px; text-align: center;}
.tbGeral tbody tr td.esq { background: #191919 url(../img/tbody_cantinhos.gif) no-repeat left top;}
.tbGeral tbody tr td.dir { background: #191919 url(../img/tbody_cantinhos.gif) no-repeat right bottom;}

/* Mostra-esconde */

.mostraEsconde { padding: 0; margin: 0;}
.mostraEsconde li { list-style: none;}
.mostraEsconde li .content { background:url(../img/fundo_pontilhado.gif) repeat-x bottom; padding: 3px 0 5px; }
.mostraEsconde li .content h2 {
	background: url(../img/marcador_aberto.gif) no-repeat 0 2px;
	padding-left: 25px;
	color: #959595;
	cursor: pointer;
	font-weight: normal;
	height: 17px;
}
.mostraEsconde li.aberto .content h2 { background: url(../img/marcador_fechado.gif) no-repeat 0 2px; color: #dd6303; cursor: pointer;}

.box-mostraEsconde { background: #111; margin: 15px 0;}
.box-mostraEsconde .middle { color: #b8b8b8; padding: 0 15px;}
span.top, span.top span, span.bottom, span.bottom span {
	background:url(../img/mostraesconde_cantinhos.gif) no-repeat;
	display:block; height:4px; font-size:1%;
	position:relative;
	clear:both;
}
span.top { top:0; left:0; }
span.top span { background-position:100% -5px; left: 0 }
span.bottom { background-position:0 -15px; top:0; left: 0; }
span.bottom span { background-position:100% -10px; left: 0; }

.box-mostraEsconde .middle ul li, .lista li{ background: none; list-style: url(../img/bullet_lista.gif); padding: 0;}

/* Internas */

.sIFR-hasFlash #wraperConteudo h1 { visibility:hidden; }
body.internas h2 {  font-size:1.00em; color:#fff; }

.sIFR-hasFlash .sifr { visibility:hidden; }
body.internas #wraperAplicacoes .sifr { font-size: 0.94em; height: 18px;}
body#MeuIveco #containerConteudo #wraperConteudo .subtitulo { font-size: 1.19em; height: 22px;}
body#Modelos #containerConteudo #wraperConteudo .subtitulo { font-size: 15px;}

.diferenciais-tecnicos {
	background: url(../img/fundo_diferenciais-tecnicos.gif) no-repeat 0 0;
	margin: 30px 0 0;
	padding: 90px 20px 0;
	width: 445px;
}
.diferenciais-tecnicos .trakker { padding-right: 190px; padding-top: 15px;}

.video {
	background: url(../img/fundo_video.gif) no-repeat;
	padding: 10px;
	margin-bottom: 10px;
}

#assinatura-planb {
	background: url(../img/assinatura_planb.gif) no-repeat;
	bottom: 80px;
	display: block;
	height: 16px;
	right: 40px;
	text-indent: -9999px;
	position: absolute;
	width: 46px;
}

/* FOOTER */

#containerFooter {
	font-size:0.63em;
	color:#8b8b8b;
	width:100%;
	margin-top:-72px;
	position:relative;
	background-color:#1a1a1a;
}

#footer {
	width:1000px;
	height:72px;
	margin:0 auto;
	position:relative;
	background:url(../img/background_footer.png) bottom center no-repeat;
}

#footer address { display:inline; }

#footer span.copyright {
	width:11px;
	height:11px;
	margin:0 0.4em 0 1.0em;
	display:block;
	text-indent:-9000px;
	position:relative;
	top:0.3em;
	background:url(../img/icone_copyright.png) left center no-repeat;
}

#footer .logos-rodape img {
	margin-right: 25px;
}

/* Outros Sites Iveco */

#sitesIveco {
	width:180px;
	position:absolute;
	top:1.5em;
	right:30px;
}

#sitesIveco label {
	display:block;
	margin-bottom:0.2em;
}

#sitesIveco fieldset { margin:0; }

#sitesIveco select#sites { background: #929292; border: none; color: #fff; font-size: 11px; width: 180px; }

/* para página de diferenciais */
body#Diferenciais #containerConteudo #wraperConteudo { width:780px;}
#diferenciaisConteudo{
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../img/fundo_degrade_diferenciais.gif);
	background-repeat: no-repeat;
	background-position: center 177px;
}
html>body #diferenciaisConteudo{ overflow: auto; }
#diferenciaisConteudo div{
	display: block;
	float: left
}
#diferenciaisConteudo div h2{
	display: block;
	height: 289px;
	text-indent: -999999px;
	margin-bottom: 20px;
}
#diferenciaisConteudo #altaPerformance{	width: 263px; }
#diferenciaisConteudo #robustez{ width: 254px; }
#diferenciaisConteudo #posVenda{ width: 263px; }

#diferenciaisConteudo #altaPerformance h2{
	width: 263px;	
	background: url(../img/tt_alta_performance.png) top left no-repeat;
}
#diferenciaisConteudo #robustez h2{
	width: 254px;
	background: url(../img/tt_robustez.png) top left no-repeat;
}
#diferenciaisConteudo #posVenda h2{
	width: 263px;
	background: url(../img/tt_pos_venda.png) top left no-repeat;	
}
#diferenciaisConteudo div p{
	width: 205px;
	margin: 9px auto;
}

/* para página de meu iveco */
body#MeuIveco #containerConteudo #wraperConteudo { width:780px;}
#garantia{
	display: block;
	width: 290px;
	height: 100%;
	padding: 40px 0 0 160px;
	background: url(../img/ico_garantia_meuiveco.gif) top left no-repeat;
	background-position: left 20px;
	float: left;
}
#servicos{
	display: block;
	width: 290px;
	height: 100%;
	padding: 18px 0 0 160px;
	background: url(../img/ico_servicos_meuiveco.gif) top left no-repeat;
	float: left;
}
#intencao-compra{
	display: block;
	width: 290px;
	height: 140px;
	padding: 25px 0 0 160px;
	background: url(../img/ico_intencaodecompra_meuiveco.jpg) 0 10px no-repeat;
	float: left;
}
#rede{
	width: 246px;
	height: 100%;
	float: right;
	margin-top: -340px;
	padding: 0 14px 0 24px;
	background: url(../img/bg_degrade_mapa.png) no-repeat;
	background-position: right 48px;
}
#rede h2{
	display: block;
	width: 134px;
	height: 30px;
	background: url(../img/tt_rede_de_concessionarias.png) top left no-repeat;
	text-indent: -99999px;
	margin: 0 auto 30px;
}