body
{
background: url(images/bg_malha.jpg);
margin: 0;
padding: 0;
font: 85% arial, hevetica, sans-serif;
text-align: center;
color: #505367;
background-color: black;
}
#container
{
position: relative;
margin: auto;
margin-top: 0;
width: 884px;
height: auto;
text-align: left;
background-color: black;
border: 1px solid black;
}
#header1
{
position: relative;
height: 100px;
width: 884px;
background-color: black;
}
#flash
{
float: left; height: 250px;
width: 884px;
background-color: red;
}
#menu
{
z-index: 1000;
float: left; height: auto;
//margin: 0 0 0 1px;
width: 884px;
background-color: black;
}
#separador
{
position: relative;
float: left;
width: 2px;
}
#um
{
float: left; height: 3px;
width: 3px;
background-color: transparent;
}
#m3part
{
position: relative;
float: left; 
height: 170px;
width: 884px;
background-color: black;
}
#part1
{
margin: 10px 12px;
float: left; height: 150px;
width: 280px;
background-color: black;
}
#part2
{
margin: 10px 0px;
float: left; height: 150px;
width: 280px;
background-color: black;
}
#part3
{
margin: 10px 10px;
float: left; height: 150px;
width: 280px;
background-color: black;
}

#titulo_sup {
position: absolute;
font: bold 110% arial, hevetica, sans-serif;
color: Black;
width: 850px;
float: left;
height:25px;
left: 0px;
line-height: 175%;
background-color: #879CAB;
}
#canto1 {
background-image: images/canto1.png;
_background-image: none; /* Essa é pra o IEca 6, pra ele não ler o PNG padrão */
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/canto1.png', sizingMethod='crop'); /* Essa coloca um filtro pra o IEca ler o PNG */
position: relative;
float: left;
height:15px;
background-color: black;
}
#canto2 {
position: absolute;
top: 0px;
left:835px;
height:15px;
background-color: black;
}
#canto3 {
position: absolute;
top: auto;
left:0px;
background-color: black;
}
#canto4 {
position: absolute;
top: auto;
left:835px;
background-color: black;
}
#rodape {
position: relative;
height:15px;
background-color: white;
}

#amarca {
position: relative;
float: left; 
width: 884px;
height: 234px;
}
#conteudo_marca {
position: relative;
float: left; 
top: 17px;
left: 17px;
width: 850px;
height: 200px;
background-color: white;
}

#simulador {
position: relative;
float: left; 
width: 522px;
height: 170px;
}
#int {
position: relative;
float: left; 
top: 50px;
left: 25px;
background: none;
}
#news {
position: relative;
background: url(images/news_fundo.png);
font: bold 100% arial, hevetica, sans-serif;
float: right; 
width: 328px;
height: 170px;
background-color: black;
}
#garinni {
margin: 1px;
}

#blog {
position: relative;
float: left; 
margin: 17px 0 0 0;
left: 17px;
width: 850px;
height: 110%;
font: 100% arial, hevetica, sans-serif, bold;
color: black;
background-color: white;
}
#conteudo_blog {
position: relative;
margin: 40px 15px 15px 15px;
}

#work {
z-index: 1;
position: relative;
float: left; 
margin: 17px 0 0 0;
left: 17px;
width: 850px;
height: 110%;
font: 100% arial, hevetica, sans-serif, bold;
color: black;
background-color: white;
}
#work_html {
position: relative;
margin: 40px 15px 15px 15px;
}
#work_html p {
font: 100% arial, hevetica, sans-serif, bold;
color: black;
line-height: 175%;
text-align: justify;
margin-left: 0px;
}
#work_html p.text_foto {
font: bold 95% arial, hevetica, sans-serif, bold;
color: black;
line-height: 120%;
text-align: justify;
margin: 0px;
}
#resultado {
z-index: 1;
position: relative;
float: left; 
margin: 0 0 0 0;
left: 0px;
width: 850px;
height: 110%;
font: 100% arial, hevetica, sans-serif, bold;
color: red;
background-color: black;
}
#text_foto1 {
position: relative;
float: left;
font: bold 95% arial, hevetica, sans-serif, bold;
color: black;
line-height: 120%;
text-align: left;
margin: 0px;
}
#text_foto1.tit {
position: relative;
float: left;
font: bold 120% arial, hevetica, sans-serif, bold;
color: green;
line-height: 120%;
text-align: left;
margin: 0px;
}
#text_foto2 {
position: absolute;
float: left;
left: 405px;
font: bold 95% arial, hevetica, sans-serif, bold;
color: black;
line-height: 120%;
text-align: left;
margin: 0px;
}
#work_html a {
font: bold 150% arial, hevetica, sans-serif;
color: red;
line-height: 120%;
text-align: justify;
}

#moto_cita1 {
position: relative;
padding: 0 0 0 155px;
}

#produto {
position: relative;
float: left; 
margin: 17px 0 0 0;
left: 17px;
width: 850px;
height: 750px;
font: 100% arial, hevetica, sans-serif, bold;
color: black;
}
#conteudo_prod {
position: relative;
margin: 40px 15px 15px 15px;
}

#prod_sup {
position: absolute;
font: bold 110% arial, hevetica, sans-serif;
color: Black;
width: 850px;
float: left;
height:auto;
line-height: 175%;
}
#prod1 {
position: relative;
float: left;
top:10px;
height:15px;
background-color: black;
}
#vid{
z-index: 100;
}
#titulo_vid{
font: bold 110% arial, hevetica, sans-serif;
text-align: left;
bottom: -580px;
position: relative;
left: 0px;
top: 0px;
background-color: #222;
width: 250px;
height: 30px;
border-bottom: 10px solid black; 
display:block;
}

#vid_1{
position: relative;
top: -27px;
left: 130px;
font: bold 110% arial, hevetica, sans-serif;
color: white;
text-align: center;
line-height: 135%;
background-color: black;
width: 24px;
height: 24px;
margin: 0;
padding: 0;
}
#vid_2{
position: relative;
top: -51px;
left: 160px;
font: bold 110% arial, hevetica, sans-serif;
color: white;
text-align: center;
line-height: 135%;
background-color: black;
width: 24px;
height: 24px;
margin: 0;
padding: 0;
}
#vid_3{
position: relative;
top: -75px;
left: 190px;
font: bold 110% arial, hevetica, sans-serif;
color: white;
text-align: center;
line-height: 135%;
background-color: black;
width: 24px;
height: 24px;
margin: 0;
padding: 0;
}
#vid_4{
position: relative;
top: -99px;
left: 220px;
font: bold 110% arial, hevetica, sans-serif;
color: white;
text-align: center;
line-height: 135%;
background-color: black;
width: 24px;
height: 24px;
margin: 0;
padding: 0;
}
#vid_1:hover, #vid_2:hover, #vid_3:hover, #vid_4:hover{
font: bold 110% arial, hevetica, sans-serif;
line-height: 115%;
background: #993333; 
color: white;
} 

#cadastro {
margin: 20px;
width: 600px;
height: 100%;
font: bold 100% arial, hevetica, sans-serif, bold;
color: white;
text-align: left;
}
#tit_cad {
height: 10%;
font: bold 150% arial, hevetica, sans-serif, bold;
color: red;
text-align: left;
}
#text_cont {
height: 10%;
font: bold 100% arial, hevetica, sans-serif, bold;
color: white;
text-align: left;
}
#text_cont a{
height: 10%;
font: bold 100% arial, hevetica, sans-serif, bold;
color: white;
text-align: left;
}
#text_cont a:hover{
color: red;
}

a.link:hover {
font:bold 100%/330% arial,helvetica,sans-serif;
margin: 0 5px 0 0;
padding: 0 0 0 5px;
width: 245px;
height: 30px;
list-style-type: none;
line-height:150%;
background: #993333; 
color: white;
display:block;
}
a.link {
margin: 0 5px 0 5px;
line-height:180%;
color: #999;
width: 250px;
height: 30px;
display:block;
}
button.bot:hover, button.bot:visited, button.bot:active  {
padding-bottom: 5px;
width: 250px;
height: 30px;
line-height:250%;
background: #993333; 
color: white;
}
button.bot {
padding-left: 3px;
color: #999;
width: 250px;
height: 30px;
display:block;
font: bold 100% arial, hevetica, sans-serif;
text-align: left;
line-height: 200%;
bottom: -580px;
position: relative;
left: 0px;
top: 0px;
background-color: #222;
width: 250px;
height: 30px;
margin: 0;
}
button.amp:hover, button.amp:visited, button.amp:active {
background: transparent; 
}
button.amp {
background-color: transparent;
border: 0;
}
button.det:hover, button.det:visited, button.det:active  {
background: transparent; 
}
button.det {
background-color: transparent;
margin: 1px;
border: 0;
width: 66px;
height: 88px;
}

#prod2 {
position: absolute;
left: 267px;
width: 100%;
height: 100%;
background-color: transparent;
}
#link_prod2
{
position: relative;
float: left; width: 580px;
height: 475px;
background-color: transparent;
}
#detalhes {
position: absolute;
top: 387px;
left: 280px;
width: auto;
height: 94px;
}
#detalhes_atv {
position: absolute;
top: 387px;
left: 280px;
width: auto;
height: 94px;
}
#detalhes_st125 {
position: absolute;
top: 387px;
left: 150px;
width: auto;
height: 94px;
}
#detalhes_125z {
position: absolute;
top: 387px;
left: 0px;
width: auto;
height: 94px;
}
#detalhes_150st {
position: absolute;
top: 387px;
left: 0px;
width: auto;
height: 94px;
}
#detalhes_gr125s {
position: absolute;
top: 387px;
left: 220px;
width: auto;
height: 94px;
}
#detalhes_pi {
position: absolute;
top: 387px;
left: 0px;
width: auto;
height: 94px;
}
#detalhes_ti {
position: absolute;
top: 387px;
left: 0px;
width: auto;
height: 94px;
}
#detalhes_tina {
position: absolute;
top: 387px;
left: -140px;
width: auto;
height: 94px;
}
#detalhes_t3 {
position: absolute;
top: 387px;
left: -140px;
width: auto;
height: 94px;
}
#detalhes_250 {
position: absolute;
top: 387px;
left: -270px;
width: auto;
height: 94px;
}

#titulo_prod{
font: bold 110% arial, hevetica, sans-serif;
color: white;
text-align: center;
line-height: 200%;
bottom: -580px;
left:0px;
background-color: #993333;
width: 150px;
height: 30px;
margin: 0;
padding: 0;
}
#fundo_prod3 {
position: absolute;
bottom: -680px;
left:0px;
background-color: #222;
width: 150px;
height:auto;
}
#prod3 {
position: relative;
left: 10px;
padding: 10px 0 10px 0;
}

#prod4 {
position: absolute;
bottom: -600px;
right: -850px;
background-color: transparent;
width: 670px;
height: 150px;
}

#titulo {
position: relative;
float: left;
font: bold 250% arial, hevetica, sans-serif;
color: #993333;
}
#corpo {
position: absolute;
float: left;
top: 40px;
left: 0px;
font: bold 130% arial, hevetica, sans-serif;
color: white;
}
#descreve p {
position: relative;
float: right;
top: 30px;
width: 300px;
height: 150px;
font: bold 110% arial, hevetica, sans-serif;
text-align: left;
color: #aaa;
}
#descreve_1 p {
position: relative;
float: right;
top: 30px;
width: 380px;
height: 150px;
font: bold 110% arial, hevetica, sans-serif;
text-align: left;
color: #aaa;
}

#prod_rodape {
position: relative;
float: left;
height:auto;
background-color: white;
}

#footer {
position: relative;
clear: both;
top: 15px;
height: 15px;
margin: 0;
padding: 0;
background-color: white;
font: 75% arial, hevetica, sans-serif, bold;
color: white;
text-align: center;
}
a{
color: black; text-decoration: none;
}
a.txt{
color: white;
}
a.txt:link, a.txt:visited, a.txt:active {
text-decoration: none;
}
a.txt:hover {
text-decoration:none; background:red; color: white;
}

p {
font: 100% arial, hevetica, sans-serif, bold;
color: black;
text-align: justify;
line-height:200%;
margin: 15px 0  15px 0;
}

#scrollup {
		position: relative;
		overflow: hidden;
		top: 50px;
		left: 35px;
		border: 0px;
		height: 100px;
		width: 260px
	 }
.headline {
		position: absolute;
		color: black;
		height: 100px;
		width: 260px;
 }
 

 
#page {
font-family:verdana;
}
div.overlay {
position:relative;
padding:0px;
left:0px;
width:960px;
display:none;
}
/* the overlayed element */ 
div.overlay { 
     
    /* growing background image */ 
         
    /* dimensions after the growing animation finishes  */ 
    width:600px; 
    height:470px;         
     
    /* initially overlay is hidden */ 
    display:none; 
     
    /* some padding to layout nested elements nicely  */ 
    padding:55px; 
} 
 
/* default close button positioned on upper right corner */ 
div.overlay div.close { 
    background-image:url(image/close.png); 
    position:absolute; 
    right:5px; 
    top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

#cita {
position: relative;
padding: 0 30px 0 30px;
float: right;
width: 200px;
height: auto;
font: bold 150% arial, hevetica, sans-serif;
text-align: left;
color: red;
}
#logo_cita {
position: relative;
padding: 10px;
float: left;
width: 120px;
height: 120px;
text-align: left;
color: red;
z-index: 1000;
background-color: transparent;
}
#work_menu {
position: relative;
float: left;
height:auto;
background-color: transparent;
padding: 0px 15px 15px 0px;
z-index: 2;
}
#fundo_menu_lat {
position: relative;
bottom: 0px;
left:0px;
background-color: #eee;
width: 140px;
height:auto;
z-index: 100;
}
#menu_lat {
position: relative;
padding: 10px 5px 10px 5px;
z-index: 100;
}

#scooter_menu {
z-index: 1;
position: relative;
float: left;
height:auto;
background-color: transparent;
padding: 0 15px 0 0;
margin: 0 15px 0 0;
z-index: 100;
}
#fundo_menu_scooter {
z-index: 1;
position: relative;
bottom: 0px;
left: 0px;
background-color: #eee;
width: 200px;
height:auto;
z-index: 100;
}
#menu_scooter {
z-index: 1;
position: relative;
padding: 10px 5px 10px 5px;
}
#moto_cita1 li{
z-index: 1;
font: 100% arial, hevetica, sans-serif;
text-align: justify;
line-height: 200%;
padding: 10px 0 10px 0;
margin-left: 10px;
}

#estilos_work {
position: relative;
float: left; 
margin: 17px 0 0 0;
left: 17px;
width: 850px;
height: 1500px;
font: 100% arial, hevetica, sans-serif, bold;
color: black;
}
#estilos_menu {
position: relative;
float: left;
height:auto;
background-color: white;
}
#fundo_estilos {
position: relative;
bottom: 0px;
left:0px;
background-color: #222;
width: 180px;
height:auto;
}
#estilos {
position: relative;
padding: 10px;
}
#titulo_estilos{
font: bold 110% arial, hevetica, sans-serif;
color: white;
text-align: center;
line-height: 200%;
bottom: -580px;
left:0px;
background-color: #993333;
width: 240px;
height: 30px;
margin: 0;
padding: 0;
}
#est_texto {
position: absolute;
width: 610px;
height:auto;
background-color: #993333;
left: 220px;
float: left;
height:auto;
padding: 0 10px 0 10px;
}
#est_texto p {
font: 16px/140% arial, hevetica, sans-serif;
color: white;
}
#est_fotos1 {
position: absolute;
float: left; 
left: 220px;
top: 500px;
background-color: #222;
padding: 10px 10px 10px 5px;
width: 266px;
height:200px;
font: bold 100% arial, hevetica, sans-serif, bold;
text-align: center;
}
#est_fotos2 {
position: absolute;
float: left; 
left: 570px;
top: 500px;
background-color: #222;
padding: 10px 10px 10px 5px;
width: 266px;
height:200px;
font: bold 100% arial, hevetica, sans-serif, bold;
text-align: center;
}
#est_fotos3 {
position: absolute;
float: left; 
left: 220px;
top: 750px;
background-color: #222;
padding: 10px 10px 10px 5px;
width: 266px;
height:200px;
font: bold 100% arial, hevetica, sans-serif, bold;
text-align: center;
}
#est_fotos4 {
position: absolute;
float: left; 
left: 570px;
top: 750px;
background-color: #222;
padding: 10px 10px 10px 5px;
width: 266px;
height:200px;
font: bold 100% arial, hevetica, sans-serif, bold;
text-align: center;
}
#est_fotos5 {
position: absolute;
float: left; 
left: 220px;
top: 1000px;
background-color: #222;
padding: 10px 10px 10px 5px;
width: 266px;
height:200px;
font: bold 100% arial, hevetica, sans-serif, bold;
text-align: center;
}
#est_fotos6 {
position: absolute;
float: left; 
left: 570px;
top: 1000px;
background-color: #222;
padding: 10px 10px 10px 5px;
width: 266px;
height:200px;
font: bold 100% arial, hevetica, sans-serif, bold;
text-align: center;
}
#est_fotos7 {
position: absolute;
float: left; 
left: 220px;
top: 1250px;
background-color: #222;
padding: 10px 10px 10px 5px;
width: 266px;
height:200px;
font: bold 100% arial, hevetica, sans-serif, bold;
text-align: center;
}



#cub_work {
position: relative;
float: left; 
margin: 17px 0 0 0;
left: 17px;
width: 850px;
height: 500px;
font: 100% arial, hevetica, sans-serif, bold;
color: black;
}
#fundo_cub {
position: relative;
bottom: 0px;
left:0px;
background-color: #222;
width: 150px;
height:auto;
}
#cub {
position: relative;
left: 10px;
padding: 10px 0 10px 0;
}
#cub_menu {
position: relative;
float: left;
height:auto;
background-color: white;
}
#cub_fotos1 {
position: absolute;
float: left; 
left: 220px;
background-color: #222;
padding: 10px 10px 10px 5px;
width: 266px;
height:200px;
font: bold 100% arial, hevetica, sans-serif, bold;
text-align: center;
}
#cub_fotos2 {
position: absolute;
float: left; 
left: 570px;
background-color: #222;
padding: 10px 10px 10px 5px;
width: 266px;
height:200px;
font: bold 100% arial, hevetica, sans-serif, bold;
text-align: center;
}
#cub_fotos3 {
position: absolute;
float: left; 
left: 220px;
top: 250px;
background-color: #222;
padding: 10px 10px 10px 5px;
width: 266px;
height:200px;
font: bold 100% arial, hevetica, sans-serif, bold;
text-align: center;
}
#cub_fotos4 {
position: absolute;
float: left; 
left: 570px;
top: 250px;
background-color: #222;
padding: 10px 10px 10px 5px;
width: 266px;
height:200px;
font: bold 100% arial, hevetica, sans-serif, bold;
text-align: center;
}
#cub_fotos5 {
position: absolute;
float: left; 
left: 220px;
top: 500px;
background-color: #222;
padding: 10px 10px 10px 5px;
width: 266px;
height:200px;
font: bold 100% arial, hevetica, sans-serif, bold;
text-align: center;
}
#cub_fotos6 {
position: absolute;
float: left; 
left: 570px;
top: 500px;
background-color: #222;
padding: 10px 10px 10px 5px;
width: 266px;
height:200px;
font: bold 100% arial, hevetica, sans-serif, bold;
text-align: center;
}
#cub_fotos7 {
position: absolute;
float: left; 
left: 220px;
top: 750px;
background-color: #222;
padding: 10px 10px 10px 5px;
width: 266px;
height:200px;
font: bold 100% arial, hevetica, sans-serif, bold;
text-align: center;
}
#cub_fotos8 {
position: absolute;
float: left; 
left: 570px;
top: 750px;
background-color: #222;
padding: 10px 10px 10px 5px;
width: 266px;
height:200px;
font: bold 100% arial, hevetica, sans-serif, bold;
text-align: center;
}

#mundo_work {
position: relative;
float: left; 
margin: 17px 0 0 0;
left: 17px;
width: 850px;
height: 1000px;
font: 100% arial, hevetica, sans-serif, bold;
color: black;
}
#mundo_fotos1 {
position: absolute;
float: left; 
left: 220px;
background-color: #222;
padding: 10px 10px 10px 5px;
width: 266px;
height:200px;
font: bold 100% arial, hevetica, sans-serif, bold;
text-align: center;
}
#mundo_fotos2 {
position: absolute;
float: left; 
left: 570px;
background-color: #222;
padding: 10px 10px 10px 5px;
width: 266px;
height:200px;
font: bold 100% arial, hevetica, sans-serif, bold;
text-align: center;
}
#mundo_fotos3 {
position: absolute;
float: left; 
left: 220px;
top: 250px;
background-color: #222;
padding: 10px 10px 10px 5px;
width: 266px;
height:200px;
font: bold 100% arial, hevetica, sans-serif, bold;
text-align: center;
}
#mundo_fotos4 {
position: absolute;
float: left; 
left: 570px;
top: 250px;
background-color: #222;
padding: 10px 10px 10px 5px;
width: 266px;
height:200px;
font: bold 100% arial, hevetica, sans-serif, bold;
text-align: center;
}
#mundo_fotos5 {
position: absolute;
float: left; 
left: 220px;
top: 500px;
background-color: #222;
padding: 10px 10px 10px 5px;
width: 266px;
height:200px;
font: bold 100% arial, hevetica, sans-serif, bold;
text-align: center;
}
#mundo_fotos6 {
position: absolute;
float: left; 
left: 570px;
top: 500px;
background-color: #222;
padding: 10px 10px 10px 5px;
width: 266px;
height:200px;
font: bold 100% arial, hevetica, sans-serif, bold;
text-align: center;
}
#mundo_fotos7 {
position: absolute;
float: left; 
left: 220px;
top: 750px;
background-color: #222;
padding: 10px 10px 10px 5px;
width: 266px;
height:200px;
font: bold 100% arial, hevetica, sans-serif, bold;
text-align: center;
}
#mundo_fotos8 {
position: absolute;
float: left; 
left: 570px;
top: 750px;
background-color: #222;
padding: 10px 10px 10px 5px;
width: 266px;
height:200px;
font: bold 100% arial, hevetica, sans-serif, bold;
text-align: center;
}

a.cub:hover  {
background: #993333; 
border: 0;
color: white;
}
a.cub {
color: #ccc;
background-color: transparent;
margin: 0;
border: 0;
width: 256px;
height: 192px;
}
#cub_titulo{
color: #ccc;
background-color: transparent;
margin-left: 8px;
padding-left: -8px;
width: 250px;
height: 15px;
display:block;
line-height: 100%;
}
#cub_titulo:hover{
color: white;
background-color: #993333;
margin-left: 8px;
padding-left: -8px;
width: 250px;
height: 15px;
display:block;
line-height: 90%;
}
#scooter_work {
position: relative;
float: left; 
margin: 17px 0 0 0;
left: 17px;
width: 850px;
height: 750px;
font: 100% arial, hevetica, sans-serif, bold;
color: black;
}
#scooter_work1 {
position: relative;
float: left; 
margin: 17px 0 0 0;
left: 17px;
width: 850px;
height: 1000px;
font: 100% arial, hevetica, sans-serif, bold;
color: black;
}

#mapa {
position: absolute;
top: 450px;
right: 20px;
margin: 0;
padding: 0;
background: url(index_r2_c2.png) top center;
width: 175px;
height: 32px;
}

#mapa:hover {
margin: 0;
padding: 0;
background: url(index_r2_c2_hover.png) top center;
width: 175px;
height: 32px;
}