*          { margin:0; padding:0; font-family:Segoe UI, Arial Narrow, Verdana, Tahoma; }
html, body { margin:0; padding:0; overflow:hidden; width:10000px; color:#666; text-align:center; font-size:12px; background:url(../img/bg_body.gif) repeat-x; }
table      { border:none; }
img        { border:none; }
a          { color:#99b502; outline:none; text-decoration:none; } a:hover { color:#999; }
p          { text-align:justify; }
input      { padding:3px; border:none; font-size:15px; background:#cae000; color:#fff; }
button     { padding:3px 8px; background:#879600; border:none; font-size:13px; font-weight:bold; color:#fff; cursor:pointer; } button:hover { background:#cae000; }
select     { padding:3px; border:none; font-size:15px; background:#cae000; color:#fff; }
textarea   { padding:3px; border:none; font-size:15px; background:#cae000; color:#fff; }
fieldset   { border:none; padding:0; }
iframe     { border:1px solid #999; }

.container { float:left; display:block; width:2000px; position:relative; z-index:0 !important; }
.main { float:left; width:974px; padding:20px; text-align:justify; }
.main h1 a { float:left; display:block; width:151px; height:59px; text-indent:-9999em; background:url(../img/logo_vivaz.gif) no-repeat; } /* Logomarca Vivaz */

.nav { width:261px; height:175px; position:relative; margin:130px 0 180px 0; #margin:110px 0 160px 0; _margin-bottom:140px;  }
	.nav ul { list-style-type:none; }
	.nav ul li { position:; }
	.nav ul li a { display:block; height:48px; text-indent:-9999em; cursor:pointer; }
		.b1 { left:0; width:261px; height:51px; background:url(../img/b_agencia.gif) top left no-repeat; } #b1 a:hover, #b1 a.active { background:url(../img/menu1.gif) no-repeat 0px -35px; } /* Agência */
		.b2 { left:0; width:261px; height:43px; background:url(../img/b_equipe.gif) top left no-repeat; } #b2 a:hover, #b2 a.active { background:url(../img/menu1.gif) no-repeat -112px -35px; } /* Equipe */
		.b3 { left:0; width:261px; height:43px; background:url(../img/b_trabalhos.gif) top left no-repeat; } #b3 a:hover, #b3 a.active { background:url(../img/menu1.gif) no-repeat -203px -35px; } /* Trabalhos */
		.b4 { left:0; width:261px; height:40px; background:url(../img/b_contato.gif) top left no-repeat; } #b4 a:hover, #b4 a.active { background:url(../img/menu1.gif) no-repeat -304px -35px; } /* Contato */

.content { float:right; }
.content h2 { font-weight:bold; font-size:20px; text-transform:uppercase; text-align:right; color:#99b502; margin:10px 0; }
.content h3 { font-weight:bold; font-size:13px; text-align:right; color:#666; margin:10px 0; }
.content p { text-align:right; }

.footer { clear:both; }
.footer p { font-size:13px; text-align:center; }

/* HOME */
#home {}
#home .nav { float:right; clear:both; }
	#home .b1 { background:url(../img/b_agencia.gif) top right no-repeat; }
	#home .b2 { background:url(../img/b_equipe.gif) top right no-repeat; }
	#home .b3 { background:url(../img/b_trabalhos.gif) top right no-repeat; }
	#home .b4 { background:url(../img/b_contato.gif) top right no-repeat; }

/* AGÊNCIA */
#agencia {}
#agencia .content { width:430px; padding:15px 240px 0 0; background:url(../img/b_agencia.gif) no-repeat 481px 160px ; }
#agencia .nav { float:left; clear:both; }
	#agencia .nav .b1 { background:none; }

.slideshow { width:430px; height:234px; }
.slideshow img { border:1px dotted #ccc; }

/* EQUIPE */
#equipe {}
#equipe .content {  width:455px; padding:100px 205px 0 0; background:url(../img/b_equipe.gif) no-repeat 502px 211px ; }
#equipe .nav { float:left; clear:both; }
	#equipe .nav .b2 { background:none; }
.showequipe img { border:1px dotted #ccc; }


/* TRABALHOS */
#trabalhos { background:#cae000; height:1500px; }
#trabalhos .main h1 a { background:url(../img/logo_vivaz2.gif) no-repeat; }
#trabalhos .content {  width:690px; padding-top:40px; margin-top:-60px; #margin-top:-80px; background:url(../img/b_trabalhos2.gif) no-repeat 429px 0 ; }
#trabalhos h2 { clear:both; }
#trabalhos .footer p { color:#fff; }
#trabalhos .nav { float:left; clear:both; }
	#trabalhos .b1 { background:url(../img/b_agencia2.gif) top left no-repeat; } 
	#trabalhos .b2 { background:url(../img/b_equipe2.gif) top left no-repeat; }
	#trabalhos .b3 { background:none; }
	#trabalhos .b4 { background:url(../img/b_contato2.gif) top left no-repeat; }

	#cases p { font-size:15px; font-weight:bold; color:#fff; }
	#cases a { color:#fff; } #cases a:hover { color:#f9ffc5; }
	#cases span { margin:0 10px; }
		
	#marcas { margin-bottom:10px; }
	#marcas, #marcas li { overflow:hidden; position:relative; width:690px; height:80px; }
	#marcas li { background:#fff; }	
	#marcas ul, #marcas li { margin:0; padding:0; list-style:none; }
	#marcas img { margin:10px 18px 0 18px; float:left; }
	
	#pecas { margin-bottom:10px; }
	#pecas, #pecas li { width:705px; height:188px; overflow:hidden; position:relative; }	
	#pecas ul, #pecas li { margin:0; padding:0; list-style:none; }
		#pecas .miniatura_peca     { float:left; overflow:hidden; padding:3px; margin-right:15px; margin-bottom:10px; list-style:none; background:#fff; }
		#pecas .miniatura_peca a   { display:block; position:relative; overflow:hidden; width:214px; height:50px; text-decoration:none; }
		#pecas .miniatura_peca .p1 { margin-top:12px; }
		#pecas .miniatura_peca p   { width:208px; height:13px; padding:0 3px; overflow:hidden; text-align:center; color:#000; font-size:11px; }
		#pecas .miniatura_peca img { position:absolute; top:0; left:0; width:214px; height:50px; border:none; background:#fff; }
	
	/* Slide */
	span#prevBtn a, span#prevBtn2 a { float:left;  padding:3px 7px 5px 7px; margin-bottom:10px; color:#99b502; font-weight:bold; text-transform:lowercase; background:#fff; font-size:13px; }
	span#nextBtn a, span#nextBtn2 a { float:right; padding:3px 7px 5px 7px; margin-bottom:10px; color:#99b502; font-weight:bold; text-transform:lowercase; background:#fff; font-size:13px; }
	p#controls, p#controls2{ margin:0; position:relative; }

/* CONTATO */
#contato {}
#contato .content { width:430px; padding:80px 240px 0 0; #padding:60px 240px 0 0; background:url(../img/b_contato.gif) no-repeat 468px 268px ; }
#contato .nav { float:left; clear:both; }
	#contato .nav .b4 { background:none; }
#contato .content form      { width:440px; }
#contato .content input     { width:389px; margin-bottom:5px; }
#contato .content #nome     { margin-left:9px; }
#contato .content #fone     { margin-left:16px; }
#contato .content #email    { margin-left:8px; }
#contato .content #cidade   { margin-left:5px; margin-right:10px; width:298px; }
#contato .content #uf       { margin-left:3px; }
#contato .content #mensagem { width:434px; margin-bottom:5px; }
#contato .content button    { float:right; }
#contato .content .msg_aviso { padding:3px; background:#99b502; color:#fff; font-weight:bold; text-align:center; margin-bottom:10px; }