@charset "utf-8";
/* CSS Document */

/*##################################################################################################
main layout
###################################################################################################*/

.clearfix:after {content:"."; display:block; height: 0;	clear:both;	visibility: hidden;}
/* Hides form IE-mac \*/
*html .clearfix {height: 1%;}
/* end hide from Ie-mac */

* {text-decoration: none; margin: 0; padding: 0; list-style: none; vertical-align: middle; border: none;}

html {background: #FFF url(../imagens/bkg1.jpg) repeat-x top left;}

#container {margin:0px auto;padding: 0; width: 1024px; background: #FFF url(../imagens/bkg.jpg) no-repeat top center; min-height: 768px;}
.container {background: #FFF url(../imagens/bkg.jpg) no-repeat top center;}
#content {width: 710px; margin:0px auto; padding: 18px 0 0 0; min-height: 760px;}

#navigation {width: 706px; height: 70px; margin: 0px auto 5px auto; padding:0;}
#navigation ul#empresa, #navigation ul#qualidade; #navigation ul#produto {display: inline-block; width: 704px; height:21px; float: left; margin: 0;}
#navigation ul li a{ display: block; width: 120px; height:21px; float: left; font: normal 11px "Arial"; color:#000; margin: 0 0 0 30px; }
#navigation ul li a:hover {color: #9DC10A}
#navigation ul li a span{ font: normal 12px "Arial Black";}
#navigation ul li ul{ display:block; height:20px; float: left;  margin: 0; border-bottom: 1px dotted #9DC10A}
#navigation ul li ul li{ display: block; width: 90px; height:20px; float: left;}
#navigation ul li ul#qualidadeLista li{ width: 125px;}
#navigation ul li ul li a{ height:28px; font: normal 11px "Arial"; color: #1B1464; background: url(../imagens/bkgMenu.gif) no-repeat bottom left; margin: 0 0 0 15px;}
#navigation ul li ul li a:hover{ color: #80844D; font-weight: bold; background: url(../imagens/bkgMenu.gif) no-repeat bottom left }
#navigation ul#qualidade, #navigation ul#produto {clear: both}
#navigation ul#qualidade li ul li a:hover {background: url(../imagens/bkgMenu.gif) no-repeat bottom left}


#mainContent {width: 706px; height: 485px; margin: 0px auto; padding:0; background: url(../imagens/bkg2.jpg) repeat-y top center}

#mainTop {width: 704px; height: 34px; margin: 0px auto; padding:0;}
#mainTop div.topLeft {display: block; background: url(../imagens/cantosJuntos.jpg) top left no-repeat; width: 17px; height: 17px; margin: 0 0 0 -1px}
#mainTop div.topRight {display: block; background: url(../imagens/cantosJuntos.jpg) top right no-repeat; width: 17px; height: 17px; margin: 0 0 0 689px}
#mainTop ul{ display: inline-block; width: 492px; height:32px; float: right; margin: -17px 0 0 0;}
#mainTop ul li { display: block; width:78px; height:24px; float: right;}
#mainTop ul li a{ display: block; clear:both; height:24px; color:#FFFFFF; font: normal 12px "Arial"; vertical-align:middle; text-align: right; padding:8px 5px 0 0;}
#mainTop ul li a:hover{background: url(../imagens/canto.png) top right no-repeat;}
#mainTop ul li ul {display: none; width:90px; height: 70px; border-bottom: 5px solid #A3A39F; background: #3B3835; position: absolute; z-index:10000000; margin: 0 0 0 0; padding:10px 0 0 0; opacity: 0.9 }
#mainTop ul li ul li{ display: block; width:80px; height: 14px; float: left;}
#mainTop ul li ul li a{ display: block; height: 14px; clear:both; color: #9DC10A; font: normal 10px "Arial"; text-align: right; padding: 0; margin:0}
#mainTop ul li ul li a:hover{background: none; color: #E7F2A5;}
#mainTop ul li ul#linhaMultiuso {margin: 0 0 0 -11px}
#main {width: 704px; height: 419px; margin: 0px auto; padding:0; background:#3B3734;}

#mainMenu {width: 212px; height: 320px; float: left; margin: 0; padding:10px 0 0 0;}
#mainMenu ul {width: 198px; height: 235px; display: block; float: right;}
#mainMenu ul li {float: right; clear: both}
#mainMenu ul li a{display: block; width: 131px; height: 46px; font: bold 20px "Arial Narrow"; color:#FFF; text-align:right; padding: 0 72px 0 0; background-image:url(../imagens/bkgMenuUP.jpg);background-repeat:no-repeat;}
#mainMenu ul li a span{font: normal 10px "Arial Narrow"; color:#FFF; float: right; clear:both}
#mainMenu ul li a span.bigger{font: bold 15px "Arial Narrow"; color:#FFF; float: right; width: 120px}
#mainMenu ul li a:hover{background-image:url(../imagens/bkgMenuOVER.jpg);background-repeat:no-repeat; background-color: #766E68; height: 45px; border-bottom: 1px solid #57514d}

div#pageTitle {width: 198px; height: 93px; float: left; position: absolute; margin:348px 0 0 17px;}
div#pageTitle h1, h2, h3 {display:none}
div#pageTitle.titBemVindo {background: url(../imagens/titulos/bemVindo.png) top left no-repeat;}
div#pageTitle.titSolucoesCasa {background: url(../imagens/titulos/solucoesCasa.png) top left no-repeat;}
div#pageTitle.titMDP {background: url(../imagens/titulos/oqeMDP.png) top left no-repeat;}
div#pageTitle.titModulacoes {background: url(../imagens/titulos/nossasModulacoes.png) top left no-repeat;}
div#pageTitle.titSobreEmpresa {background: url(../imagens/titulos/sobreEmpresa.png) top left no-repeat;}
div#pageTitle.titDiferencial {background: url(../imagens/titulos/diferencial.png) top left no-repeat;}
div#pageTitle.titNoites {background: url(../imagens/titulos/noitesRelaxantes.png) top left no-repeat;}
div#pageTitle.titEntretenimento {background: url(../imagens/titulos/seuEntretenimento.png) top left no-repeat;}
div#pageTitle.titIdeias {background: url(../imagens/titulos/suasIdeias.png) top left no-repeat;}
div#pageTitle.titTudo {background: url(../imagens/titulos/tudo.png) top left no-repeat;}

a#relaxantes { background-position: 0px 0px; }
a#entretenimento { background-position: 0px -50px}
a#bemestar { background-position: 0px -95px}
a#ideias { background-position: 0px -140px}
a#tudo { background-position: 0px -185px}

#mainAd, #mainAd2, #mainAd3 {width: 492px; height: 330px; float: left; clear:right; margin: 0; padding:0}
#mainAd img { top:  0; left: 0; border-right: 2px solid #3b3734} 
.slideMenu {list-style: none; position: relative; margin: 0; padding: 0;}
.slideMenu li{display: block; overflow: hidden; padding: 0;	cursor: pointer;}
#mainAd2  .slideMenu li{float: left; width: 120px; height: 327px; margin-right: 3px;}
#mainAd2  #slideMenu1 {background: url(../imagens/linhaMercure.jpg)}
#mainAd2  #slideMenu2 {background: url(../imagens/linhaMaster.jpg)}
#mainAd2  #slideMenu3 {background: url(../imagens/linhaTeen.jpg)}
#mainAd2  #slideMenu4 {background: url(../imagens/linhaPratice.jpg); margin-right: none;}
#mainAd2  #slideMenu5 {background: url(../imagens/linhaEssencial.jpg);}
#mainAd2  #slideMenu5a {background: url(../imagens/linhaEssencial2.jpg);}
#mainAd2  #slideMenu5b {background: url(../imagens/linhaEssencial3.jpg);}
#mainAd2  #slideMenu5c {background: url(../imagens/linhaYoung.jpg);}
#mainAd2  #slideMenu6 {background: url(../imagens/linhaOfficer.jpg);}
#mainAd2  #slideMenu6a {background: url(../imagens/linhaOfficer2.jpg);}
#mainAd2  #slideMenu6b {background: url(../imagens/linhaOfficer3.jpg);}
#mainAd2  #slideMenu6c {background: url(../imagens/linhaOfficer4.jpg);}
#mainAd2  #slideMenu7 {background: url(../imagens/linhaSpace.jpg);}
#mainAd2  #slideMenu7a {background: url(../imagens/linhaSpace2.jpg);}
#mainAd2  #slideMenu7b {background: url(../imagens/linhaSpace3.jpg);}
#mainAd2  #slideMenu7c {background: url(../imagens/linhaSpace4.jpg);}
#mainAd2  #slideMenu8 {background: url(../imagens/linhaEssencial4.jpg);}
#mainAd2  #slideMenu8a {background: url(../imagens/linhaEssencial4a.jpg);}
#mainAd2  #slideMenu8b {background: url(../imagens/linhaEssencial4b.jpg);}
#mainAd2  #slideMenu8c {background: url(../imagens/linhaEssencial4c.jpg);}
#mainAd2  .slideMenu li a{display: block; width: 400px; height: 327px; text-indent: -5000em; overflow: hidden;}


#mainAbsolute {position: absolute; left: 0; top: 458px; width:100%; max-width:1280px ; height:89px; background:#1B1464; z-index:100;}
#conteudoAbsoluto {width: 700px; margin: 0px 0px 0px auto; padding: 0 105px 0 0} 
h6#logo a { display: block; padding: 0; text-indent: -5000em; overflow: hidden; height: 89px; width: 133px; background: url(../imagens/logo.jpg) no-repeat top left; float: right}
h6#logo a:hover span.tip { display: block}

div#conteudoAbsoluto h4 {position:absolute; display: block; padding: 0; text-indent: -5000em; overflow: hidden; height: 88px; width: 360px; margin: 0 0 0 300px}
h4.titQuarto {background: url(../imagens/titulos/titQuarto.png) no-repeat top left;}
h4.titSala {background: url(../imagens/titulos/titSala.png) no-repeat top left;}
h4.titEscritorio {background: url(../imagens/titulos/titEscritorio.png) no-repeat top left;}
h4.titMultiuso {background: url(../imagens/titulos/titMultiuso.png) no-repeat top left;}
h4.titEcologica {background: url(../imagens/titulos/titEcologica.png) no-repeat top left;}
h4.titAdaptavel {background: url(../imagens/titulos/titAdaptavel.png) no-repeat top left;}
/*################################LINHAS######################################################################################################################################*/
.iconDestaque{display: block; padding: 0; text-indent: -5000em; overflow: hidden; height: 70px; width: 63px; float: left; cursor:pointer}
a#teen {background: url(../imagens/iconTeen.gif) no-repeat top left;}
/*a:hover#teen{background: url(../imagens/iconTeen.gif) no-repeat top left;}*/
div#mainAbsolute.teen {background: #9C4C62; overflow:hidden}
h6#logo a.teen { background: url(../imagens/logoTeen.jpg) no-repeat top left;}
div#conteudoAparece {position: absolute; left: 0; top: 277px; width:100%; max-width:1280px ; height:270px; background:#9C4C62; z-index:90; opacity: 0.8; filter:alpha(opacity=80); display:none}
div#conteudoAparece.teen {background:#9C4C62;}
a.fechar {display: block; padding: 0; text-indent: -5000em; overflow: hidden; height: 29px; width: 29px; float: right; background: url(../imagens/botaoFechar.png) top left no-repeat; cursor:pointer; margin: 5px }
a:hover.fechar {background: url(../imagens/botaoFechar.png) bottom left no-repeat}
a.download {display: block; padding: 0; text-indent: -5000em; overflow: hidden; height: 55px; width: 248px; float: right; background: url(../imagens/botaoDownload.png) top left no-repeat; cursor:pointer; margin: 5px }
#conteudoApareceAbsoluto { width: 700px; height: 181px; margin: 0px 0px 0px auto; padding: 0 130px 0 0; display:block;}
#produtos {width: 425px; height: 177px; display:block;float: left; margin: 0; padding: 0}
#info {float: left; margin: 0 20px 0 0}
div#produtos p {width: 190px; height: 60px; font: normal 9px "Arial"; color:#FFF; text-align: right; padding: 2px 4px 0px 2px}
div#produtos p span {font: normal 13px "Verdana"; line-height: 13px}
div#produtos p#atpb200 {background: url(../linhas/produtos/teen/ATPB200.png) 30px 0px no-repeat}
div#produtos p#pbox200 {background: url(../linhas/produtos/teen/PBOX200.png) 30px 5px no-repeat}
div#produtos p#bbox200 {background: url(../linhas/produtos/teen/BBOX200.png) 30px 5px no-repeat}
#informacaoLinha {width: 260px; height: 177px; display:block; float: right; margin: 0; padding: 0 }
p#infoLinha {width: 210px; height: 105px; font: normal 10px "Arial"; color:#FFF; text-align: left; line-height: 10px; margin: 5px 0 0 0; float:right;}
p#infoLinha span{width: 192px; height: 60px; display: block; padding: 5px 0 0 0; text-indent: -5000em; overflow: hidden; margin: 0}
p#infoLinha span.teen{ background: url(../linhas/produtos/teen/titLinhaTeen.png) top left no-repeat;}
div#padroesCor, div#acabamento {display: block; width: 144px; height: 79px; color: #FFF; float: left; margin: 3px 0 5px 0}
div#padroesCor span, div#acabamento span {display: block; font: bold 11px "Verdana"; line-height: 12px; height: 18px}
div#padroesCor p, div#acabamento p {display: block; width: 64px; height: 18px; float: left; font: normal 9px "Arial"; color:#FFF; text-align: left }

/*################################LINHAS MERCURE###########################################################################################################################*/
a#mercure {background: url(../imagens/iconMercure.gif) no-repeat top left;}
/*a:hover#mercure{background: url(../imagens/iconMercure.gif) no-repeat top left;}*/
div#mainAbsolute.mercure {background: #600420; overflow:hidden}
h6#logo a.mercure { background: url(../imagens/logoMercure.jpg) no-repeat top left;}
p#infoLinha span.mercure{ background: url(../linhas/produtos/mercure/titLinhaMercure.png) top left no-repeat; width: 245px; height: 60px; margin: 5px 0 0 -40px;}
div#conteudoAparece.mercure {background:#600420;}
div#produtos p#a6pb {background: url(../linhas/produtos/mercure/A6PB.png) 30px 0px no-repeat; height: 50px; padding: 1px 4px 0px 2px}
div#produtos p#pcme {background: url(../linhas/produtos/mercure/PCME.png) 30px 5px no-repeat; height: 50px; padding: 1px 4px 0px 2px}
div#produtos p#merc200 {background: url(../linhas/produtos/mercure/MERC200.png) 30px 5px no-repeat; height: 50px; padding: 1px 4px 0px 2px}
div#produtos p#mmrc200 {background: url(../linhas/produtos/mercure/MMRC200.png) 30px 5px no-repeat; height: 50px; padding: 1px 4px 0px 2px}

/*################################LINHAS MASTER###########################################################################################################################*/
a#master {background: url(../imagens/iconMaster.gif) no-repeat top left; height:45px}
/*a:hover#master{background: url(../imagens/iconMaster.gif) no-repeat bottom left;}*/
div#mainAbsolute.master {background: #230D16; overflow:hidden}
h6#logo a.master { background: url(../imagens/logoMaster.jpg) no-repeat top left;}
p#infoLinha span.master{ background: url(../linhas/produtos/master/titLinhaMaster.png) top left no-repeat; width: 245px; height: 60px; margin: 5px 0 0 -40px;}
div#conteudoAparece.master {background:#230D16;}
div#produtos p#a3pc {background: url(../linhas/produtos/master/A3PC.png) 30px 0px no-repeat; height: 50px; padding: 1px 4px 0px 2px}
div#produtos p#pmt0 {background: url(../linhas/produtos/master/PMT0.png) 30px 5px no-repeat; height: 50px; padding: 1px 4px 0px 2px}
div#produtos p#mmt2200 {background: url(../linhas/produtos/master/MMT2200.png) 30px 5px no-repeat; height: 50px; padding: 1px 4px 0px 2px}
div#produtos p#mmt3200 {background: url(../linhas/produtos/master/MMT3200.png) 30px 5px no-repeat; height: 50px; padding: 1px 4px 0px 2px}

/*################################LINHAS PRATICE###########################################################################################################################*/
a#pratice {background: url(../imagens/iconPratice.gif) no-repeat top left; height:45px}
/*a:hover#pratice{background: url(../imagens/iconPratice.gif) no-repeat bottom left;}*/
div#mainAbsolute.pratice {background: #951B1F; overflow:hidden}
h6#logo a.pratice { background: url(../imagens/logoPratice.jpg) no-repeat top left;}
p#infoLinha span.pratice{ background: url(../linhas/produtos/pratice/titLinhaPratice.png) top left no-repeat; width: 245px; height: 60px; margin: 5px 0 0 -40px;}
div#conteudoAparece.pratice {background:#951B1F;}
div#produtos p#a6pb110 {background: url(../linhas/produtos/pratice/A6PB110.png) 30px 0px no-repeat; height: 50px; padding: 1px 4px 0px 2px}
div#produtos p#pprt140 {background: url(../linhas/produtos/pratice/PPRT140.png) 30px 5px no-repeat; height: 50px; padding: 1px 4px 0px 2px}
div#produtos p#mprc200 {background: url(../linhas/produtos/pratice/MPRC200.png) 30px 5px no-repeat; height: 50px; padding: 1px 4px 0px 2px}
div#produtos p#mprt200 {background: url(../linhas/produtos/pratice/MPRT200.png) 30px 5px no-repeat; height: 50px; padding: 1px 4px 0px 2px}

/*################################LINHAS ESSECIAL###########################################################################################################################*/
a#essencial {background: url(../imagens/iconEssencial.gif) no-repeat top left; height:59px}
/*a:hover#essencial{background: url(../imagens/iconEssencial.gif) no-repeat bottom left;}*/
div#mainAbsolute.essencial {background: #004900; overflow:hidden}
h6#logo a.essencial { background: url(../imagens/logoEssencial.jpg) no-repeat top left;}
p#infoLinha span.essencial{ background: url(../linhas/produtos/essencial/titLinhaEssencial.png) top left no-repeat; width: 300px; height: 60px; margin: -5px 0 0 -40px;}
div#conteudoAparece.essencial {background:#004900;}
div#produtos p#bess003 {background: url(../linhas/produtos/essencial/BESS003.png) 30px 0px no-repeat; height: 50px; padding: 1px 4px 0px 2px}
div#produtos p#qess060 {background: url(../linhas/produtos/essencial/QESS060.png) 30px 5px no-repeat; height: 50px; padding: 1px 4px 0px 2px}
div#produtos p#qess100 {background: url(../linhas/produtos/essencial/QESS100.png) 30px 5px no-repeat; height: 50px; padding: 1px 4px 0px 2px}
div#produtos p#mess004 {background: url(../linhas/produtos/essencial/MESS004.png) 30px 0px no-repeat; height: 50px; padding: 1px 4px 50px 2px}

/*################################LINHAS YOUNG###########################################################################################################################*/
a#young {background: url(../imagens/iconYoung.gif) no-repeat top left; height:51px}
/*a:hover#young{background: url(../imagens/iconYoung.gif) no-repeat bottom left;}*/
div#mainAbsolute.young {background: #9D8362; overflow:hidden}
h6#logo a.young { background: url(../imagens/logoYoung.jpg) no-repeat top left;}
p#infoLinha span.young{ background: url(../linhas/produtos/young/titLinhaYoung.png) top left no-repeat; width: 300px; height: 65px; margin: -5px 0 0 -40px;}
div#conteudoAparece.young {background:#9D8362;}
div#produtos p#qyou200 {background: url(../linhas/produtos/young/QYOU200.png) 30px 0px no-repeat; height: 50px; padding: 1px 4px 0px 2px}
div#produtos p#ryou200 {background: url(../linhas/produtos/young/RYOU200.png) 30px 5px no-repeat; height: 50px; padding: 1px 4px 0px 2px}
div#produtos p#myou200 {background: url(../linhas/produtos/young/MYOU200.png) 30px 5px no-repeat; height: 50px; padding: 1px 4px 0px 2px}

/*################################LINHAS OFFICER###########################################################################################################################*/
a#officer {background: url(../imagens/iconOfficer.gif) no-repeat top left; height:51px}
/*a:hover#officer{background: url(../imagens/iconOfficer.gif) no-repeat bottom left;}*/
div#mainAbsolute.officer {background: #D3B72B; overflow:hidden}
h6#logo a.officer { background: url(../imagens/logoOfficer.jpg) no-repeat top left;}
p#infoLinha span.officer{ background: url(../linhas/produtos/officer/titLinhaOfficer.png) top left no-repeat; width: 245px; height: 50px; margin: 0 0 0 -40px;}
div#conteudoAparece.officer {background:#D3B72B; opacity: 0.85; filter:alpha(opacity=85);}
div#produtos p#maof201 {background: url(../linhas/produtos/officer/MAOF201.png) 30px 0px no-repeat; height: 50px; padding: 1px 4px 0px 2px}
div#produtos p#maof202 {background: url(../linhas/produtos/officer/MAOF202.png) 30px 5px no-repeat; height: 50px; padding: 1px 4px 0px 2px}
div#produtos p#maof200 {background: url(../linhas/produtos/officer/MAOF200.png) 30px 5px no-repeat; height: 50px; padding: 1px 4px 0px 2px}
div#produtos p#qaof200 {background: url(../linhas/produtos/officer/QAOF200.png) 30px 5px no-repeat; height: 50px; padding: 1px 4px 0px 2px}

/*################################LINHAS Space  ###########################################################################################################################*/
a#space {background: url(../imagens/iconSpace.gif) no-repeat top left; height:51px}
/*a:hover#space {background: url(../imagens/iconSpace.gif) no-repeat bottom left;}*/
div#mainAbsolute.space {background: #C88956; overflow:hidden}
h6#logo a.space { background: url(../imagens/logoSpace.jpg) no-repeat top left;}
p#infoLinha span.space { background: url(../linhas/produtos/space/titLinhaSpace.png) top left no-repeat; width: 245px; height: 50px; margin: 0 0 0 -40px;}
div#conteudoAparece.space {background:#C88956; opacity: 0.85; filter:alpha(opacity=85);}
div#produtos p#qspa200 {background: url(../linhas/produtos/space/QSPA200.png) 30px 0px no-repeat; height: 50px; padding: 1px 4px 0px 2px}
div#produtos p#myou201 {background: url(../linhas/produtos/space/MYOU201.png) 30px 5px no-repeat; height: 50px; padding: 1px 4px 0px 2px}


#texto {width: 272px; height: 286px; position: relative; float: left; background-color:#FFFFFF; margin: 18px 5px 0px 5px; padding: 9px}
#texto2 {width: 460px; height: 286px; position: relative; float: left; background:url(../imagens/bravos.jpg) top right no-repeat #FFFFFF; margin: 18px 5px 0px 5px; padding: 9px}
#texto3 {width: 460px; height: 286px; position: relative; float: left; background: url(../imagens/mapa.jpg) top right no-repeat #FFFFFF; margin: 18px 5px 0px 5px; padding: 9px}
#texto4 {width: 460px; height: 286px; position: relative; float: left; background: url(../imagens/fundoEmail.jpg) top right no-repeat #FFFFFF; margin: 18px 5px 0px 5px; padding: 9px}
#text {width: 272px; height: 274px;}
#text2 {width: 210px; height: 274px;}
.bkgModulacao {background: url(../imagens/imgModulacao.jpg) bottom right no-repeat}
#text p, #text2 p, .toolTipBox p {font: normal 10px "Arial"; color:#000; float: left; margin: 0;}
#text p span, #text2 p span {font: normal 18px "Arial Black"; color:#000; float: left; margin: 0 10px 0 3px; line-height: 23px}
#text p strong, #text2 p strong, #text p a, #text2 p a{color: #427D06}
#mainText div.topLeft{position: absolute; background: url(../imagens/cantosBox.png) top left no-repeat;width: 17px; height: 17px; margin: -10px 0 0 -10px}
#mainText div.topRight{position: absolute; background: url(../imagens/cantosBox.png) top right no-repeat; width: 17px; height: 17px; margin: 0 0 0 275px}
#mainText div.bottomLeft{position: absolute; background: url(../imagens/cantosBox.png) bottom left no-repeat;width: 17px; height: 17px; margin: 5px 0 0 -10px}
#mainText div.bottomRight{position: absolute; background: url(../imagens/cantosBox.png) bottom right no-repeat; width: 17px; height: 17px; margin: 5px 0 0 265px;}
#imgTexto {width: 152px; height: 287px; position: relative; float: left; margin: 8px 0px 0px 0px;}

#menuSobreBravo {width: 254px; height: 45px; position:absolute; margin: -186px 0 0 211px}
#menuSobreBravo ul {display: inline-block; width: 254px; height: 45px; float: left; margin: 0}
#menuSobreBravo ul li {float: left}
#menuSobreBravo ul li a{ display: block; width: 70px; height:20px; font: normal 11px "Arial"; text-align: right; color:#000; background: url(../imagens/aba.png) 0px 5px no-repeat; padding: 5px;}
#menuSobreBravo ul li a:hover {color: #9DC10A; background: url(../imagens/aba.png) 0px -3px no-repeat;}
#menuSobreBravo ul li a.atual {color: #9DC10A; background: url(../imagens/aba.png) 0px -3px no-repeat;}

.blocoTexto {font: normal 11px "Arial"; color:#FFF; float: left; margin: 10px 0 0 0; position: absolute}
.itens {color: #999999}

#mainFoot {width: 704px; height: 30px; margin: 0px auto; padding:0}
#mainFoot div.bottomLeft {display: block; background: url(../imagens/cantosJuntos.jpg) bottom left no-repeat; width: 17px; height: 17px; margin: 15px 0 0 -1px}
#mainFoot div.bottomRight {display: block; background: url(../imagens/cantosJuntos.jpg) bottom right no-repeat; width: 17px; height: 17px; margin: 0px 0 0 689px}
div.notaRodape {width: 640px; font: normal 11px "Arial"; color:#FFF; float: left; margin: -23px 0 0 28px; position: absolute;}
div.notaRodape a { color: #FFF;}
div.notaRodape a:hover {color: #9DC10A;}
#contato {margin: 0 0 0 310px}

address {display: block; width: 360px; margin: 10px 0 0 30px; color: #58595B; font: normal 11px "Arial";}
address a{color: #1b1464}
address a:hover{color: #9DC10A; font-weight:bold}

.hotSpots {position:relative; z-index:10; opacity:0.6; cursor:pointer; filter:alpha(opacity=50); display: block}
img#bordasABS {margin:-120px 0 0 170px;}
img#pesAjustaveis {margin: -58px 0 0 329px;}
img#montagem {margin: -158px 0 0 350px;}
img#estrutura {margin: 125px 0 0 240px;}
img#metalico {margin: -40px 0 0 45px;}
img#gavetas{margin: -70px 0 0 400px;}
img#fundos{margin: -80px 0 0 420px;}
img#modulacoes{margin: -70px 0 0 255px;}
img#map1{margin: -70px 0 0 130px;}
img#map2{margin: 150px 0 0 130px;}

.toolTipBox {width: 211px; height: 106px; background: url(../imagens/bkgToolTip.png) top left no-repeat; position:absolute; z-index:100; padding: 5px;}
.toolTipBox img{float: left; margin: 0 3px 0 0}
.toolTipBox p strong {font: normal 13px "Arial Black";color: #427d06;}
#tipBordasABS { margin: 85px 0 0 170px;}
#tipPesNiveladores { margin: 85px 0 0 240px;}
#tipMontagem { margin: -85px 0 0 240px;}
#tipEstrutura { margin: 20px 0 0 100px;}
#tipMetalico { margin: 10px 0 0 10px;}
#tipGavetas { margin: 10px 0 0 160px;}
#tipFundos { margin: 10px 0 0 160px;}
#tipModulacoes { margin: -70px 0 0 10px;}

#noWay {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 750px; background: url(../imagens/bkgNoWay.jpg) no-repeat top center #FFFFFF; z-index:20000; border-top: 10px solid #1B1464; padding: 469px 0 0 0 }
#noWay h3, #noWay p {display: none}
.browser {display: block; padding: 0; text-indent: -5000em; overflow: hidden; height: 42px; width: 156px; cursor:pointer; float:left}
a#firefox {background: url(../imagens/firefox.png) top left no-repeat; margin: auto}
a#explorer{background: url(../imagens/explorer.png) top left no-repeat;}
a:hover#firefox, a:hover#explorer { background-position: bottom left}
#linksDownload {margin: 0 20%}

.imgExemplo { display: none; position: absolute; z-index: 2000; margin: 40px 0 0 14px}
strong.pict {cursor: pointer}

/**#############################################tool tip*/
div.htmltooltip{
position: absolute; z-index: 5000; left: -1000px; top: -1000px; width: 106px; height: 15px; font: normal 11px "Arial"; color:#1B1464; float: right; text-align: right }

/*FORMULARIO*/
label {font: bold 11px "Arial"; color: #1B1464; }
input[type="text"] {font: normal 10px "Arial"; color:#333333; width: 193px; height: 15px; border: 1px solid #999999; padding: 3px}
input[type="text"]:hover, textarea:hover {background:#E9E9E9}
textarea {font: normal 10px "Arial"; color:#333333; width: 193px; height: 90px; border: 1px solid #999999; padding: 3px}
input[type="submit"] {font: bold 10px "Arial"; color:#FFF; width: 62px; height: 20px; border: 1px solid #999999; background-color: #3b3734}
input[type="submit"]:hover {color:#9dc10a; border: 1px solid #9dc10a; background-color: #69625D}

div#menuSobreBravo p {width: 200px; height: 60px; font: normal 9px "Arial"; color:#FFF; text-align: right; padding: 2px 1px 0px 18px}
div#menuSobreBravo p span {font: normal 13px "Verdana"; line-height: 14px}
div#menuSobreBravo p a {float: left; color: #9dc10a}

div#success, div#bademail, div#badserver { display: none; width: 180px; height: 62px; background-color: #ECECE5; border-top: 1px solid #9dc10a; border-right: 5px solid #9dc10a; border-bottom: 1px solid #9dc10a;border-left: none; padding: 10px; font: normal 10px "Arial"; color:#000; position: relative; margin: -89px 0 5px 5px}
div#success span, div#bademail span, div#badserver span { font: bold 12px "Arial"; color:#000;}
		
div#bademail, div#badserver{border-top: 1px solid #BF0C0C; border-right: 5px solid #BF0C0C; border-bottom: 1px solid #BF0C0C;border-left: none;}