@charset "utf-8";
/* CSS Document */
/*Givi Mobili
Criação: 22/04/08*/

* {
	margin:0;
	padding:0;
	border:0;
}

body {
	background:url(../img/layout/bg_geral.gif) repeat-y center top;
	text-align:center;/*centrlizando em quirks mode*/
}

.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

.clearBoth {	
	clear:both;
}

.displayOn {
	display:inline;
}

.displayOff {
	display:none;
}

a.linkOrange {
	font:12px Trebuchet,Arial, Helvetica, sans-serif;
	color:#ed5200;
	text-decoration:none;
}
a.linkOrange:hover {
	color:#ed5200;
	text-decoration:underline;
}

a.linkHistoria {
	background:url(../img/layout/setadown_off.gif) no-repeat center 20px;
	display:block;
	float:left;
	width:46px;
	height:44px;
	margin:0 40px 10px 0;
	color:#ed5200;
	text-decoration:none;
}
a.linkHistoria:hover {
	background:url(../img/layout/setadown_on.gif) no-repeat center bottom;
	display:block;
	width:46px;
	height:44px;
	color:#000;
	text-decoration:none;
}

a.linkMissao {
	background:url(../img/layout/setadown_off.gif) no-repeat center 20px;
	display:block;
	float:left;
	width:40px;
	height:44px;
	margin:0 40px 10px 0;
	color:#ed5200;
	text-decoration:none;
}
a.linkMissao:hover {
	background:url(../img/layout/setadown_on.gif) no-repeat center bottom;
	display:block;
	width:40px;
	height:44px;
	color:#000;
	text-decoration:none;
}

a.linkVisao {
	background:url(../img/layout/setadown_off.gif) no-repeat center 20px;
	display:block;
	float:left;
	width:32px;
	height:44px;
	margin:0 40px 10px 0;
	color:#ed5200;
	text-decoration:none;
}
a.linkVisao:hover {
	background:url(../img/layout/setadown_on.gif) no-repeat center bottom;
	display:block;
	width:32px;
	height:44px;
	color:#000;
	text-decoration:none;
}

a.linkValores {
	background:url(../img/layout/setadown_off.gif) no-repeat center 20px;
	display:block;
	float:left;
	width:42px;
	height:44px;
	margin:0 40px 10px 0;
	color:#ed5200;
	text-decoration:none;
}
a.linkValores:hover {
	background:url(../img/layout/setadown_on.gif) no-repeat center bottom;
	display:block;
	width:42px;
	height:44px;
	color:#000;
	text-decoration:none;
}

a.linkDeclaracao {
	background:url(../img/layout/setadown_off.gif) no-repeat center 20px;
	display:block;
	float:left;
	width:132px;
	height:44px;
	margin:0 40px 10px 0;
	color:#ed5200;
	text-decoration:none;
}
a.linkDeclaracao:hover {
	background:url(../img/layout/setadown_on.gif) no-repeat center bottom;
	display:block;
	width:132px;
	height:44px;
	color:#000;
	text-decoration:none;
}

/*====CONFIGURA MENU MARCAS====*/
a.linkSalice {
	background:url(../img/title/title_salice_off.gif) no-repeat 0 0;
	display:block;
	width:111px;
	height:13px;
	text-indent:-5000em;
}
a.linkSalice:hover {
	background:url(../img/title/title_salice_on.gif) no-repeat 0 0;
}

a.linkAdar {
	background:url(../img/title/title_adar_off.gif) no-repeat 0 0;
	display:block;
	width:111px;
	height:13px;
	text-indent:-5000em;
}
a.linkAdar:hover {
	background:url(../img/title/title_adar_on.gif) no-repeat 0 0;
}

a.linkCamar {
	background:url(../img/title/title_camar_off.gif) no-repeat 0 0;
	display:block;
	width:111px;
	height:13px;
	text-indent:-5000em;
}
a.linkCamar:hover {
	background:url(../img/title/title_camar_on.gif) no-repeat 0 0;
}

a.linkOmp {
	background:url(../img/title/title_ompporro_off.gif) no-repeat 0 0;
	display:block;
	width:111px;
	height:13px;
	text-indent:-5000em;
}
a.linkOmp:hover {
	background:url(../img/title/title_ompporro_on.gif) no-repeat 0 0;
}

a.linkForma {
	background:url(../img/title/title_formaefunzione_off.gif) no-repeat 0 0;
	display:block;
	width:111px;
	height:13px;
	text-indent:-5000em;
}
a.linkForma:hover {
	background:url(../img/title/title_formaefunzione_on.gif) no-repeat 0 0;
}

a.linkProfilati {
	background:url(../img/title/title_fbsprofilati_off.gif) no-repeat 0 0;
	display:block;
	width:111px;
	height:13px;
	text-indent:-5000em;
}
a.linkProfilati:hover {
	background:url(../img/title/title_fbsprofilati_on.gif) no-repeat 0 0;
}

a.linkVap {
	background:url(../img/title/title_vapsint_off.gif) no-repeat 0 0;
	display:block;
	width:111px;
	height:13px;
	text-indent:-5000em;
}
a.linkVap:hover {
	background:url(../img/title/title_vapsint_on.gif) no-repeat 0 0;
}

a.linkVauth {
	background:url(../img/title/title_vauthsagel_off.gif) no-repeat 0 0;
	display:block;
	width:111px;
	height:13px;
	text-indent:-5000em;
}
a.linkVauth:hover {
	background:url(../img/title/title_vauthsagel_on.gif) no-repeat 0 0;
}

a.linkEffegi {
	background:url(../img/title/title_effegibrevetti_off.gif) no-repeat 0 0;
	display:block;
	width:111px;
	height:13px;
	text-indent:-5000em;
}
a.linkEffegi:hover {
	background:url(../img/title/title_effegibrevetti_on.gif) no-repeat 0 0;
}

a.linkCinetto {
	background:url(../img/title/title_cinettodobrasil_off.gif) no-repeat 0 0;
	display:block;
	width:111px;
	height:13px;
	text-indent:-5000em;
}
a.linkCinetto:hover {
	background:url(../img/title/title_cinettodobrasil_on.gif) no-repeat 0 0;
}

/*====CONFIGURA TITULOS ITNERNOS====*/
h2.conhecaGivi {
	background:#CCC url(../img/title/title_conhecaagivi.gif) no-repeat 0 0;
	border-left:11px solid #ED5200;
	display:block;
	height:68px;
	text-indent:-5000em;
}

h2.faleConosco {
	background:#CCC url(../img/title/title_faleconosco.gif) no-repeat 0 0;
	border-left:11px solid #ED5200;
	display:block;
	height:68px;
	text-indent:-5000em;
}
h2.Animacoes {

	background:#CCC url(../img/title/title_manuais_tecnicos.gif) no-repeat 0 0;
	border-left:11px solid #ED5200;
	display:block;
	height:68px;
	text-indent:-5000em;
	
	background-position:left;
	
}

h2.cinettoBrasil {
	background:#CCC url(../img/title/title_cinettodobrasil.gif) no-repeat 0 0;
	border-left:11px solid #ED5200;
	display:block;
	height:68px;
	text-indent:-5000em;
}

h2.salice {
	background:#CCC url(../img/title/title_salice.gif) no-repeat 0 0;
	border-left:11px solid #ED5200;
	display:block;
	height:68px;
	text-indent:-5000em;
}

h2.adar {
	background:#CCC url(../img/title/title_adar.gif) no-repeat 0 0;
	border-left:11px solid #ED5200;
	display:block;
	height:68px;
	text-indent:-5000em;
}

h2.camar {
	background:#CCC url(../img/title/title_camar.gif) no-repeat 0 0;
	border-left:11px solid #ED5200;
	display:block;
	height:68px;
	text-indent:-5000em;
}

h2.ompPorro {
	background:#CCC url(../img/title/title_ompporro.gif) no-repeat 0 0;
	border-left:11px solid #ED5200;
	display:block;
	height:68px;
	text-indent:-5000em;
}

h2.formaFunzione {
	background:#CCC url(../img/title/title_formaefunzione.gif) no-repeat 0 0;
	border-left:11px solid #ED5200;
	display:block;
	height:68px;
	text-indent:-5000em;
}

h2.fbsProfilati {
	background:#CCC url(../img/title/title_fbsprofilati.gif) no-repeat 0 0;
	border-left:11px solid #ED5200;
	display:block;
	height:68px;
	text-indent:-5000em;
}

h2.vapSint {
	background:#CCC url(../img/title/title_vapsint.gif) no-repeat 0 0;
	border-left:11px solid #ED5200;
	display:block;
	height:68px;
	text-indent:-5000em;
}

h2.vauthSagel {
	background:#CCC url(../img/title/title_vauthsagel.gif) no-repeat 0 0;
	border-left:11px solid #ED5200;
	display:block;
	height:68px;
	text-indent:-5000em;
}

h2.effegiBrevetti {
	background:#CCC url(../img/title/title_effegibrevetti.gif) no-repeat 0 0;
	border-left:11px solid #ED5200;
	display:block;
	height:68px;
	text-indent:-5000em;
}

#container {
	width:704px;
	/*overflow:hidden;*/
	margin:0 auto;
	text-align:left;
}
	#colLeft {	
		width:285px;
	}
		#colLeft div#trabConosco {
			background:url(../img/layout/setacinza_grande.gif) no-repeat left bottom;	
			margin-left:20px;
			padding-bottom:3px;
			font:12px Trebuchet,Arial, Helvetica, sans-serif;
			color:#515e66;
			text-align:justify;
			line-height:20px;
		}
			#colLeft div#trabConosco h4 {
				font-size:12px;
			}
			#colLeft div#trabConosco a {
				margin-left:25px;
			}
						
	#colMarcas {	
		width:255px;
		overflow:hidden;
		background:#f1f1f1;
		padding:28px 15px;
		font:12px Trebuchet,Arial, Helvetica, sans-serif;
		color:#515e66;
	}
		#colMarcas span {
			width:95px;
			padding:3px 10px 0 0;
			line-height:20px;
		}
		#colMarcas div#info {	
			background:url(../img/layout/setacinza_grande.gif) no-repeat right top;
			width:95px;
			padding:3px 10px 0 0;
			line-height:20px;
		}
		#colMarcas ul#navMarcas {	
			list-style:none;
			float:right;
			width:115px;
		}
			#colMarcas ul#navMarcas li {
				background:url(../img/layout/pontilhado_navmarcas.gif) no-repeat 0 17px;
				height:22px;
				font-size:9px;
				width:111px;
			}
			#colMarcas ul#navMarcas li#last {
				background:none;
			}
		
	#txtHome {
		width:380px;
		color:#515e66;
		font:12px Trebuchet,Arial, Helvetica, sans-serif;
	}
		#txtHome h2 {
			background:url(../img/title/title_qualidadeemacessorios.gif) no-repeat 0 0;
			display:block;
			width:340px;
			height:51px;
			margin-top:25px;
			text-indent:-5000em;
		}
		#txtHome p {
			width:340px;
			margin-top:13px;
		}
		#txtHome img {	
			margin:34px 0 0 136px;
		}
	
	#txtInter {
		width:419px;
		font:12px Trebuchet,Arial, Helvetica, sans-serif;
		color:#515e66;
	}
	 	#txtInter a {
			margin-left:32px;
		}
		#txtInter p {
			line-height:20px;
			margin:5px 26px 25px 32px;
			text-align:justify;
			height:47px;
		}
		#txtInter ul {
			line-height:20px;
			margin:30px 26px 0 60px;
			text-align:left;
		}
		#txtInter h3 {
			font-size:18px;
			line-height:22px;
			margin:20px 0 25px 30px;
		}
		#txtInter ul#navLogos {
			list-style:none;
		}
			#txtInter ul#navLogos li {
				float:left;
				display:inline;
				margin:0 12px 10px;
				height:30px
			}
			#txtInter ul#navLogos li a {
				margin:0;
			}	
			
		#txtInter #fundo_animacoes{
			position:relative;
			background:url(../img/layout/imagem_fundo1_box.jpg) left top no-repeat;
			top:-1em;
			float:left;
			margin-left:0.5em;
			width:178px;
			height:135px;	
		}
			
		#txtInter  #anim{
			padding-top:1em;
			background:url(../img/layout/setalaranja_grande.gif) left top no-repeat;
			background-position:1px 14px;
			width:172px;
			height:43px;
			font:14px Trebuchet,Arial, Helvetica, sans-serif;
			font-weight:bold;
			color:#515e66;
			text-indent:2em;
			margin:-1em;
			margin-left:15px;
			margin-top:1em;
			
		}
				
			
		#txtInter   #anim_texto{
			
			padding-top:0em;
			font:12px Trebuchet,Arial, Helvetica, sans-serif;
			color:#515e66;
			font-weight:normal;
			text-indent:-30px;
			padding-bottom:10px;
			width:142px;
			text-align:left;
			margin-left:15px;
			margin-top:1em;
			/*margin:1em 26px 25px 32px;*/
			
			
		}
		#txtInter  #anim_texto a{
			
			font:12px Trebuchet,Arial, Helvetica, sans-serif;
			color:#515e66;
			text-decoration:none;
		}	
		
		#txtInter  #anim_texto a:hover{
			
			font:12px Trebuchet,Arial, Helvetica, sans-serif;
				color:#515e66;
				text-decoration:underline;
		}	
		
	#txtInter  #download{		
		background:url(../img/layout/setalaranja_grande.gif) left top no-repeat;
		width:172px;
		height:43px;
		font:14px Trebuchet,Arial, Helvetica, sans-serif;
		font-weight:bold;
		color:#515e66;
		text-indent:2em;
		/*margin:-1em;*/
		position:relative;
		margin-left:1.5em;
		top:0.5em;
		
		
	}			
			
	#txtInter  #download_texto{
		
		font:12px Trebuchet,Arial, Helvetica, sans-serif;
		color:#515e66;
		font-weight:normal;
		text-indent:-30px;
		padding-top:0em;
		padding-bottom:10px;
		padding-left:-20px;
		width:172px;
		margin-left:0px;
		margin-top:1em;  
		text-align:left;
		z-index:1;
	}	
	
	#txtInter #fundo_download{
			position:relative;
			background:url(../img/layout/imagem_fundo1_box.jpg) left top no-repeat;
			top:-1em;
			float:left;
			margin-left:0.5em;
			width:178px;
			height:135px;	
		}
	
	#txtInter  #download_texto a{
		
		font:12px Trebuchet,Arial, Helvetica, sans-serif;
		color:#515e66;
		text-align:left;
		text-decoration:none;
	}	
	
	#txtInter  #download_texto a:hover{
		
		font:12px Trebuchet,Arial, Helvetica, sans-serif;
			color:#515e66;
			text-decoration:underline;
	}			
			
	
	#mainContent {
		width:640px;
		margin-bottom:50px;
		padding:0 32px;
		font:12px Trebuchet,Arial, Helvetica, sans-serif;
		color:#515e66;
		line-height:20px;
		text-align:justify;
		overflow:hidden;
		position:relative;
	}
		#mainContent h2.fraseCinetto {
			width:600px;
			height:110px;
			float:right;
			display:block;
			font-size:18px;
		}
		#mainContent hr {
			color:#8e9396;
			background:#8e9396;
			height:1px;
		}
		#mainContent div#galeriaCinetto {
			position:absolute;
			top:24px;
			left:291px;
		}
		#mainContent div#galeria {
			position:absolute;
			top:20px;
			left:291px;
		}
		#mainContent span#boxCinetto {
			background:#ECEEEF;
			display:block;
			padding:18px;
		}
		#mainContent span#boxCinetto h3 {
			font-size:18px;
			line-height:22px;
		}
		#mainContent span#boxCinetto img {
			margin:0 0 10px 40px;
		}
		#mainContent ul#infoEmpresa {	
			list-style:none;
			margin:0 7px 18px;
			background:none;
		}
		#mainContent ul#infoEmpresa li {	
			float:left;
			display:inline;
			margin-right:40px;
		}
	
	#footer {
		background:url(../img/layout/bg_footer.gif) repeat-x 0 0;
		height:40px;
		padding:12px 0 0 30px;
		font:10px Trebuchet,Arial, Helvetica, sans-serif;
		color:#697a84
	}
		#footer a {	
			margin-left:40px;
		}

