/* bkg-shadow => base
   bkg-shadow-left => geral
   bkg-shadow-right => aux */


/* Padrão */

body {margin: 0; margin-bottom:15px; font:11px arial; color:#303C7B; background-color: #B4A2C8; /* background-image: url(/resources/images/bkg-body.jpg); */ background-repeat: repeat-x;}

h1 { font:bold 17px arial; color:#E54702; }
h2 { font:bold 12px arial; color:#444; margin:0; padding:0; }
h1 b { font-size:11px; color:#9991AD; }
font { font:bold 11px Arial; color:#9991AD; }
t1 { font: 11px Arial; color:#ffffff; }
img { border:0; } 
a, a:visited { color:#616064; text-decoration:none; }
a:hover { color:#F00; }


/*Estrutura*/

#base { width:830px; margin:auto; overflow:hidden; *overflow:visible; position:relative; background:url(/resources/images/bkg-shadow.jpg) repeat-y; }
#geral { width:770px; padding:0 30px; background:url(/resources/images/bkg-shadow-left.jpg) no-repeat; z-index:10; float:left; }
#aux { float:left; background:url(/resources/images/bkg-shadow-right.jpg) top right no-repeat; }
#topo { height:171px; }
#conteudo { background:url(/resources/images/bkg-conteudo.jpg) repeat-y; float:left;}
#center { width:740px; height:auto; position:relative; padding:0 10px 0 20px; background:url(/resources/images/bkg-center.jpg) no-repeat; float:left;}
#footer { width:830px; height:136px; margin-bottom:10px; *margin-bottom:0; position:relative; float:left; clear:both; float:left; *overflow:visible; background:url(/resources/images/bkg-shadow-footer.jpg) bottom no-repeat; }


/*Media Flash Topo*/

#flashTopoL { width:175px; height:121px; background:url(/resources/images/bkg-flash-topo-left.jpg) no-repeat; float:left; }
#flashTopoR { width:575px; height:113px; padding:8px 0 0 20px; background:url(/resources/images/bkg-flash-topo-right.jpg) no-repeat; float:left; }


/*Menu Topo Superior*/

#menuTopoS { height:26px; background: url(/resources/images/bkg-menu-topo-superior.jpg) no-repeat; }
#menuTopoS ul { margin:0; margin-right:20px; padding:0; float:right; }
#menuTopoS li { height:19px; margin-top:1px; padding:0 10px; float:left; display:inline; list-style:none; background:url(/resources/images/img-sep-menu-topo-sup.jpg) top right no-repeat; }
#menuTopoS a { float:left; font:bold 10px arial; color:#220d4f; line-height:18px; text-decoration:none; }
#menuTopoS a:hover { color:#70569c; }

#sub-menu { width:190px; white-space:nowrap; left:0px; top:22px; position:absolute; float:left; /* Posição do menu */ border:solid 1px #ccc; border-top:0; z-index:3000; }
#sub-menu li { }
#sub-menu li a { width:180px; height:22px; padding:0; padding-left:10px; display:block; font:normal 10px arial; line-height:22px; color:#636182; text-align:left; background:#f3f3f3; }
#sub-menu li a:hover { background:#777; color:#fff; filter:alpha(opacity=100); opacity:10; -moz-opacity:10; -khtml-opacity:10;  }


/*Menu Topo Inferior*/

#menuTopoI {  width:770px; padding:0; margin:0; bottom repeat-y; float:left; position:relative; z-index:100; }
#menuTopoI ul { width:736px; height:21px; padding:0;  margin:0; padding:0; z-index:200; position:relative; float:left; background:url(/resources/images/bkg-menu-produtos-center.jpg); }
#menuTopoI li { background:url(/resources/images/bkg-divisor-menu-produtos.jpg) top right no-repeat;  display:inline; float:left; position:relative; list-style:none; z-index:200; text-align:center; } /*float:left;  correção de bug I.6**/

#menuTopoI li a { padding:0 15px; float:left; display:block; font:bold 11px arial; color:#542d10; line-height:22px; text-decoration:none; }
#menuTopoI li a:hover { opacity:.3; filter: alpha(Opacity=30); -khtml-opacity:.3;}
#menuTopoI ul ul { margin:0px; padding:0px; display:none; position:absolute; z-index:1000; }

#menuTopoI .sub-menu { width:190px; white-space:nowrap; height:auto; left:-1px; top:20px; position:absolute; float:left; border:solid 1px #d8d8d8; border-top:0; background:#f3f3f3; z-index:300; }
#menuTopoI .sub-menu li { margin:0; padding:0; float:left; display:block; list-style:none; background:none; }
#menuTopoI .sub-menu a { width:180px; height:22px; padding:0; padding-left:10px; display:block; font:normal 10px arial; line-height:22px; color:#636182; text-align:left; background:#f3f3f3;}
#menuTopoI .sub-menu a:hover { background:#888; color:#eee; opacity:10; filter: alpha(Opacity=100); -khtml-opacity:10; }

div#menuTopoI ul ul { margin:0px; padding:0px; display:none; position:absolute; z-index:500; }
div#menuTopoI li:hover { cursor:default; z-index:200; }

div#menuTopoI li:hover ul ul, div#menuTopoI li li:hover ul ul, div#menuTopoI li li li:hover ul ul, div#menuTopoI li li li li:hover ul ul {display:none;}

div#menuTopoI li:hover ul, div#menuTopoI li li:hover ul, div#menuTopoI li li li:hover ul, div#menuTopoI li li li li:hover ul {display:block;}


/*Estrutura Produtos*/

.areaTexto { width:260px; padding:5px 15px; _padding-top:15px; float:left; }
.areaTexto h1 { margin-top:0; }
.areaFotosRight { width:435px; margin:15px 15px 0 0; margin-right:0; padding:0; float:left; position:relative; }
.grayBoxFotos { width:auto; height:auto; float:right; position:relative; padding:12px; _padding-bottom:0; background:#eee url(/resources/images/img-curva-top-left.jpg) no-repeat; margin-bottom: 10px;}  
.areaFotosRight ul { width:70px; margin:0; margin-left:10px; padding:0; float:left; }
.areaFotosRight li { margin-bottom:3px; overflow:hidden; display:block; text-decoration:none; }
.subAreaFotoGrande { float:left; }
.areaFotosBottom { width:98%; cursor:pointer; height:auto; text-align:center; padding: 15px 0 0 50px; float:left; }
.areaFotosBottom ul { margin:0; margin-left:15px; cursor:pointer; padding:0; }
.areaFotosBottom li { display:inline; list-style:none; cursor:pointer; }
.areaFotosBottom  a { cursor:pointer;}
/*.areaFotosBottom div img{ float:left; padding:2px 1px 0 1px; }*/
#video { position:absolute; left:12px; top:12px; }


/*Estrutura Home*/

.caixa { padding:14px 0 10px 0; float:left; position:relative;}
.caixaInferior { height:260px; background:url(/resources/images/bkg-caixa-home-inf.jpg) repeat-y; clear:both; }
.caixaMeio { clear:both; }
.caixaLeft { width:335px; padding:0 0 0 15px; float:left; }
.caixaRight { width:385px; padding:0 15px 0 0; text-align:right; float:left; } 

/*Outros*/
.indicativo { margin:20px 5px; }
.botOrcamento { margin-top:12px; float:left; }
.botDepoimentos { width:87px; height:27px; margin-top:10px; float:left; clear:both; background:url(/resources/images/img-depoimento-off.jpg) no-repeat; }
.botDepoimentos:hover { background:url(/resources/images/img-depoimento-on.jpg) no-repeat; }
.imagemBottom { position:relative; bottom:0; left:0px; }
.cTR, .cBL, .cBR { position:absolute; clear:both; }
.cTR { top:0; right:0; }
.cBL { bottom:0; _bottom:-1px; left:0; }
.cBR { bottom:0; _bottom:-1px; right:0; }
.mailto color: #251350; }


.cx1-faleC { width:330px; height:195px; clear:both; background:#f7e4f8 url(/resources/images/curva-cx-2.jpg) bottom no-repeat; padding:2px 0 2px 13px; margin-bottom:8px; }
.cx1-faleC { width:330px; height:195px; clear:both; background:#f7e4f8 url(/resources/images/curva-cx-2.jpg) bottom no-repeat; padding:2px 0 2px 13px; margin-bottom:8px; }

.cx2-faleC { width:330px; height:148px; clear:both; background:#e6def5 url(/resources/images/curva-cx-4.jpg) bottom no-repeat; padding:2px 0 2px 13px; margin-bottom:8px; }

.cx3-faleC { width:330px; height:100px; clear:both; background:#dcddef url(/resources/images/curva-cx-6.jpg) bottom no-repeat; padding:2px 0 2px 13px; margin-bottom:8px; }

.boldp { font-weight:bold; margin:0; padding:0; padding:5px 0px 5px 0px; }
.linkDesigner { font:bold 10px arial; color:#483366; position:absolute; left:35px; bottom:-8px; z-index:10;  }
.linkDesigner:hover { color:#664e85; }
.linkBrane { position:absolute; right:35px; bottom:-10px; overflow:hidden; z-index:1000; }
.gambff { width:830px; height:10px; position:absolute; bottom:-10px; _bottom:-14px; background:#B4A2C8; z-index:0; }
.linkDesignerHome { font:bold 10px arial; color:#483366; position:absolute; left:30px; bottom:0; z-index:10; }
.linkDesignerHome:hover { color:#664e85; }
.linkBraneHome { position:absolute; right:30px; bottom:0; z-index:10; }
.gambffHome { width:830px; height:10px; position:absolute; left::0; bottom:0; *bottom:-55px; background:#B4A2C8; z-index:0; }


/* Galeria Infláveis */

.galeriaInflaveis {position: relative; float: left; width: 100px; height: 100px; padding-top: 0px;}
.galeriaInflaveis a {float: left; margin-right: 10px; width: 100px; height: 100px; display: block; }
.galeriaInflaveis a div {display: none; z-index: 5; position: absolute; top: 25px; right: 25px; background-color: #CCCCCC;}
.galeriaInflaveis a:hover div {position: absolute; width: 625px; height: 450px; display: block; margin-top: 0px; display: block; z-index: 10; border: 2px solid #333333;}


.prodList {float: left; margin: 0 3px 0 3px; text-align: center;}


.catDesc {float: left; width: 360px; margin: 10px 0 20px 0; }


/* Feiras e Eventos */

#feiraEventoDesc {float:left; width: 280px;}
.areaTexto              { width:260px; padding:5px 15px; _padding-top:15px; float: left; }
.areaTexto h1           { margin-top:0; }
.areaFotosRight         { width:435px; margin:15px 15px 0 0; margin-right:0; padding:0; float:left; position:relative; }
.grayBoxFotos           { width:auto; height:auto; float:right; position:relative; padding:12px; _padding-bottom:0; background:#cec1dd url(img-layout/img-curva-top-left.jpg) no-repeat; }  
.areaFotosRight ul      { width:70px; margin:0; margin-left:10px; padding:0; float:left; }
.areaFotosRight li      { margin-bottom:3px; overflow:hidden; display:block; text-decoration:none; }
.subAreaFotoGrande      { float:left; }
.areaFotosBottom        { width:98%; cursor:pointer; height:auto; text-align:center; padding-top:15px; float:left; }
.areaFotosBottom ul     { margin:0; margin-left:15px; cursor:pointer; padding:0; }
.areaFotosBottom li     { display:inline; list-style:none; cursor:pointer; }
.areaFotosBottom  a     { cursor:pointer;}
/*.areaFotosBottom div img{ float:left; padding:2px 1px 0 1px; }*/
#video                  { position:absolute; left:12px; top:12px; }
/*Estrutura Home*/
.caixa                  { padding:14px 0 10px 0; float:left; position:relative;}
.caixaInferior          { height:190px; background:url(img-layout/bkg-caixa-home-inf.jpg) repeat-y; clear:both; }
.caixaMeio              { clear:both; }
.caixaLeft              { width:335px; padding:0 0 0 15px; float:left; }
.caixaRight             { width:385px; padding:0 15px 0 0; text-align:right; float:left; }