*{
	margin:0;
	padding:0;

}
/***************************************
GERAL
****************************************/
html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
#background{position:absolute; z-index:1; width:100%; height:100%;}
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;} 
#container {
	width:777px; 
	margin: 0 auto;
	margin-top:10px;
	margin-bottom:20px;
	background:#fff; 
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;	
}
/** CHAMADO ATENDIMENTO ONLINE **/
#chamado{	 
	width:350px;	
	height:300px; 
	border:3px solid #e8e8e8;
	background:#fff url(../imagens/splash-chat-bg.gif) bottom repeat-x; 
	opacity: 1;
	border-radius:8px; 	
	-moz-border-radius:8px; 
	-webkit-border-radius:8px;	
	z-index:30;
	top:-315px;	
	left:100px;  
	position:absolute;
	display:none;
}
#chatstatus-base{width:777px; margin:0 auto; margin-top:25px; clear:both; display:table;}
#chatstatus{
	width:100px;
	height:28px;
	padding-top:3px;
	margin-right:15px;	
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;	
	float:right;	
}
#chatstatus.online{background:#090 url(../imagens/ic_chat.png) no-repeat left; background-position:5px 2px; padding-left:35px;}
#chatstatus.offline{background:#d00d1d url(../imagens/ic_chatoff.png) no-repeat left; background-position:5px 2px; padding-left:35px;}
#chatstatus a, span{
	padding-top:5px;
	font:bold 12px Tahoma, Geneva, sans-serif;
	text-decoration:none;
	color:#fff;
}
#chatstatus:hover{
	box-shadow:0 0 8px rgba(76, 186, 74, 0.7);
	-moz-box-shadow:0 0 8px rgba(76, 186, 74, 0.7);
	-webkit-box-shadow:0 0 8px rgba(76, 186, 74, 0.7);
}
/***************************************
TOPO LOGO
****************************************/
#container #topo{
	width:100%;
	height:62px;
	background:url(../imagens/container_top.gif) no-repeat center top;
}

#container #topo h1 a{
	width:146px;
	height:41px;
	margin-left:15px;
	margin-top:15px;
	background:url(../imagens/yamaha.gif) no-repeat;
	text-indent:-9000px;
	overflow:hidden;
	float:left;
}

#container #topo h2.nomecli{
	margin-top:18px;
	margin-right:15px;
	font:bold 30px Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	line-height:30px;
	color:#d00d1d;
	float:right;
}

#container #topo div.logocli{	
	height:50px;
	margin-top:8px;
	margin-right:5px;
	float:right;
}
/***************************************
MENU -- NAV
****************************************/
#container #menu{
	width:771px;
	height:32px;
	margin:0 auto;
	background:url(../imagens/menu.gif) no-repeat;
	display:table;
}
#container #menu ul{
	width:730px;
	margin:0 auto;
	margin-top:10px;
	margin-left:25px;
}
#container #menu ul li{display:inline;}
#container #menu ul li a{
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	padding-left:5px;
	padding-right:5px;
	border-right:1px solid #744444;
	text-decoration:none;
	float:left;
}
#container #menu ul li a:hover{color:#000000;}
/***************************************
ANIMAÇÔES
****************************************/
#container #anima{
	width:775px;
	height:175px;
	margin-top:1px;
	margin-left:1px;
}
/***************************************
SLIDER INICIAL
****************************************/
div.over{
	width:213px; 
	height:165px; 
	background:url(../imagens/slider/over.png);
	margin-top:3px;
	position: relative; 
	z-index:99;
	right:1px;
	float:right;	
}
#slider{width:775px; height:225px; margin-top:3px; margin-left:1px; z-index:1; position:relative;}
#slider img{width:775px; height:225px; border:none;}
#navslider{
	float:left;
	margin-left:10px;
	margin-bottom:3px;
}
#navslider a{
	width:8px;
	height:8px;
	background:#666;
	margin-top:5px;
	margin-left:5px;
	text-indent:-9000px;
	overflow:hidden;
	float:left;
	position:relative;
	z-index:3;
	top:210px;
	
	opacity:0.65;
	-moz-opacity: 0.65;
	filter: alpha(opacity=65);
	
	-moz-border-radius:8px 8px 8px 8px;	
	-webkit-border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-khtml-border-top-right-radius: 8px;
	-khtml-border-top-left-radius: 8px;	
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-khtml-border-bottom-right-radius: 8px;
	-khtml-border-bottom-left-radius: 8px;

}
#navslider a.activeSlide {background: #333;}
/***************************************
ESCOLHA 0KM
****************************************/
#container h3.escolha0km{
	width:775px;
	height:35px;
	margin-top:3px;
	margin-left:1px;
	background:url(../imagens/titulo_linha0km.jpg) no-repeat;
	text-indent:-9000px;
	overflow:hidden;	
}
#container #escolhayama{	
	width:770px;
	height:120px;
	margin:0 auto;	
	margin-top:3px;
	border-bottom:1px solid #e8e8e8;
	display:table;
}
#container #escolhayama ul{height:77px;}
#container #escolhayama ul li{display:inline;}

#container #escolhayama ul li a{
	width:110px;	
	text-align:center;
	text-decoration:none;
	font:10px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color:#000;
	padding-top:73px;
	float:left;
}
#container #escolhayama ul li a:hover{color:#FF0000;}
#container #escolhayama ul li a.neocvt{background: url(../imagens/motos/preview/neo-cvt.jpg) no-repeat;}
#container #escolhayama ul li a.ybr125k{background: url(../imagens/motos/preview/ybr125k.jpg) no-repeat; }
#container #escolhayama ul li a.ybr125be{background: url(../imagens/motos/preview/ybr125be.jpg) no-repeat; }
#container #escolhayama ul li a.crypton{background: url(../imagens/motos/preview/crypton.jpg) no-repeat; }
#container #escolhayama ul li a.ys250fazer{background: url(../imagens/motos/preview/ys250fazer_11.jpg) no-repeat; }
#container #escolhayama ul li a.xj6n{background: url(../imagens/motos/preview/xj6n.jpg) no-repeat; }
#container #escolhayama ul li a.xj6f{background: url(../imagens/motos/preview/xj6f.jpg) no-repeat; font-weight:bold;}
#container #escolhayama ul li a.xt660r{background: url(../imagens/motos/preview/xt660.jpg) no-repeat;}
#container #escolhayama ul li a.xvs950{background: url(../imagens/motos/preview/xvs950.jpg) no-repeat;}
#container #escolhayama ul li a.yzfr1{background: url(../imagens/motos/preview/yzfr1.jpg) no-repeat;}
#container #escolhayama ul li a.tenere250{background: url(../imagens/motos/preview/tenere250.jpg) no-repeat;}
#container #escolhayama ul li a.tenere1200{background: url(../imagens/motos/preview/tenere1200.jpg) no-repeat;}

#container #escolhayama a.btoutrosmodelos{
	width:146px;
	height:24px;
	margin-top:5px;
	margin-left:320px;	
	background:url(../imagens/bt_outrosmodelos.gif) no-repeat;
	text-indent:-9000px;
	overflow:hidden;
	float:left;
}
/***************************************
DESTAQUES HOME
****************************************/
#container #destaques{
	width:770px;
	height:250px;
	margin:0 auto;	
	margin-top:1px;
	background:url(../imagens/bg_home.gif) repeat-x;	
	display:table;
}
#container #destaques div.box{
	width:188px;
	height:230px;
	margin-top:5px;
	margin-left:3px;
	float:left;
}
#container #destaques div.box a{
	width:188px;
	height:230px;
	text-indent:-9000px;
	overflow:hidden;
	float:left;
}
#container #destaques div.box a.consorcio{ background:url(../imagens/home_consorcio.jpg) no-repeat; }
#container #destaques div.box a.financiamento{ background:url(../imagens/home_financiamento.jpg) no-repeat; }
#container #destaques div.box a.acessorios{ background:url(../imagens/home_acessorios.jpg) no-repeat; }
#container #destaques div.box a.oficina{ background:url(../imagens/home_oficina.jpg) no-repeat; }
#container #destaques div.box a.atvs{ background:url(../imagens/home_atvs.jpg) no-repeat; }
/***************************************
PUBLICIDADE
****************************************/
#container div.boxcza{
	width:753px;	
	margin:0 auto;
	margin-bottom:10px;
	border:1px solid #dedede;
	display:table;
	clear:left;
}
#container div.boxcza_inner{
	width:741px;
	padding:3px;
	border:3px solid #fff;
	background:#f0f0f0;
	display:table;
}

#container div.banner{
	width:180px;
	height:120px;
	margin-top:5px;
	margin-left:3px;
	margin-bottom:5px;	
	float:left;
}
#container div.banner img{width:180px; height:120px; border:1px solid #dedede;}
/***************************************
SIGN UP / NOTICIAS
****************************************/
#container div.lastnews{
	width:350px;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:10px;
	float:left;
}
#container div.lastnews p.noticia{
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	color:#FF6600;
}
#container div.lastnews p span{
	font-size:9px;
	font-weight:normal;	
	color:#666666;
}
#container div.lastnews a{
	font:bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color:#FF6600;
	text-decoration:none;
}
#container div.lastnews a:hover{color:#000000; text-decoration:underline;}

#container div.signup{
	width:350px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
	padding-left:10px;
	border-left:1px dotted #c0c0c0;
	float:right;
}
#container div.signup fieldset{
	width:100%;
	margin-top:15px;
	border:none;
}

#container div.signup p{
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	color:#666666;
}
#container .label{text-indent:-9000px; overflow:hidden;}
#container .label.ultimasnoticias{
	width:105px;
	height:19px;
	margin-bottom:3px;
	background:url(../imagens/label_ultimasnoticias.gif) no-repeat;

}
#container .label.promocoes{
	width:164px;
	height:19px;
	background: url(../imagens/label_promocoes.gif) no-repeat;
}
#container .label.nome{
	width:30px;
	height:10px;
	background: url(../imagens/label_nome.gif) no-repeat;
}
#container .label.email{
	width:32px;
	height:10px;
	background: url(../imagens/label_email.gif) no-repeat;
}
#container .btcadastrar{
	width:126px;
	height:36px;
	margin-left:10px;
	background: url(../imagens/bt_cadastrar.gif) no-repeat;
	text-indent:-9000px; 
	overflow:hidden;
	float:left;
}
#container .input.txt{
	width:170px;
	font:11px Arial, Helvetica, sans-serif;
	text-transform:capitalize;
	color:#000000;
	border:1px solid #c0c0c0;
	padding:3px;
}
#container .input.txt.mail{text-transform:lowercase;}

#container div.loading{
	width:150px;
	margin:10px auto;
	height:20px;
	background:url(../imagens/progressbar.gif) no-repeat left;
	font:12px Arial, Helvetica, sans-serif;
	color:#FF0000;
	display: none;
}
#container div.result{
	width:350px;
	margin:10px auto;	
	display: none;
}
#container div.result p span{color:#F00; font-weight:bold;}
/***************************************
FOOTER ADDRRESS
****************************************/
#container #address{
	width:450px;
	height:70px;
	margin-top:10px;
	display:table;
}
#container #address div.enderecos{
	width:190px;
	margin-left:5px;
	margin-bottom:10px;
	float: left;
	text-align:center;
}
#container #address div.enderecos p{
	font:11px Arial, Helvetica, sans-serif;
	color:#000000;
}
#container #address div.enderecos span{font-size:16px; font-weight:bold; color:#FF0000;}

#address a{text-decoration:none; color:#000;}
#address a:hover{color:#F00;}

#container #selos{
	width:232px;
	margin-top:10px;
	margin-right:10px;
	float:right;
	display: table;
}
#container #selos ul{width:232px; float:right; margin-bottom:5px;}
#container #selos ul li{	
	display:inline;
	height:50px;
	float:left;	
}
#container #selos ul li.ibama{
	width:57px;
	background: url(../imagens/selo_ibama.png) no-repeat;	
	text-indent:-9000px;
	overflow:hidden;	
}
#container #selos ul li.usecapacete{
	width:64px;
	height:49px;
	background: url(../imagens/selo_usecapacete.png) no-repeat;	
	text-indent:-9000px;
	overflow:hidden;	
}
#container #selos ul li a.webpav{
	width:66px;
	height:50px;
	cursor:hand;
	text-indent:-9000px;
	overflow:hidden;
	background: url(../imagens/selo_webpav.png) no-repeat;	
	float:left;
}
#container #selos p{
	font:10px Arial, Helvetica, sans-serif;
	color:#c0c0c0;
	text-align:center;
}
#container #selos a{
	font:10px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#container #selos a.creditos{color:#c0c0c0;}
#container #selos a.creditos:hover{text-decoration:underline; color:#000000;}
/** LINKS OCULTOS **/
#container p.oculto{
	margin-top:5px; 
	text-align:right;
	margin-right:5px;
	clear:both;
}
#container a.oculto{
	font:10px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFFFFF;
}
#container a.oculto:hover{color:#FF0000;}

/**************************************
CSS3 Buttons
***************************************/

.button, .button:visited {
	background: #222  url(../imagens/buttonoverlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	border-radius:6px;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
 
.button:hover							{ background-color: #111; color: #fff; }
.button:active							{ top: 1px; }
.small.button, .small.button:visited	{ font-size: 11px}
.button, .button:visited,
.medium.button, .medium.button:visited	{ font-size: 13px; 
										  font-weight: bold; 
										  line-height: 1; 
										  text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
										  }
											  
.large.button, .large.button:visited 	 { font-size: 14px; padding: 8px 14px 9px; }
												  
.super.button, .super.button:visited 	 { font-size: 34px; padding: 8px 14px 9px; }

.pink.button, .magenta.button:visited		{ background-color: #e22092; }
.pink.button:hover							{ background-color: #c81e82; }
.green.button, .green.button:visited		{ background-color: #91bd09; }
.green.button:hover						    { background-color: #749a02; }
.red.button, .red.button:visited			{ background-color: #e62727; }
.red.button:hover							{ background-color: #cf2525; }
.orange.button, .orange.button:visited		{ background-color: #ff5c00; }
.orange.button:hover						{ background-color: #d45500; }
.blue.button, .blue.button:visited		    { background-color: #2981e4; }
.blue.button:hover							{ background-color: #2575cf; }
.yellow.button, .yellow.button:visited		{ background-color: #ffb515; }
.yellow.button:hover						{ background-color: #fc9200; }