/* Powered by | BRANDE DO BRASIL
   Otimização de Sites e Marketing em Internet
   Site: WWW.BRANE.COM.BR
   Tel: 3362-2375 / 3361-2162
*/
   
@charset "utf-8";
body           { font:11px Arial; }
h1             { padding:20px 0 0px 0; color:#FF3300; font-size: 17px; font-family: Arial; font-weight: bold;}
img			   { border:0;}
address        { color:#FFF; padding:5px; }
hr		       { width:535px; border:1px solid #618EE4; float:left; }
h2             { width:98%; padding:0 0 0 5px; font:Tahoma; font-size:13px; color:#666; background:#C6CACE; float:left;}


/* Estrutura do site -----------------------------------------------*/

#base, #geral, #top, #conteudo, #left, #right, #center, #footer { width:778px; float:left; position:relative; }

#base         { float:none; margin:auto; }
#geral		  { border:1px solid #333; }
#top		  { height:120px; background: url(../img-layout/bkg-logo.jpg); z-index:100;  }
#conteudo	  { background:#FFF; }
#left         { width:200px; height:auto; }
#center       { width:537px; height:auto; padding:20px; background:#FFF; }
#center .ob   { font-size:12px; text-align:center; padding-top:50px; color:#666; }
#right        { width:168px; height:250px; }
#footer	      { height: auto; background:#606060; margin: 100px 0 0 0; }

.box          { background:#990000; color:#FFF; font:bold 12px Arial; }
.saiba        { color:#f00;}
.saiba a:hover{ color:#666;}
4


.saiba-mais   { height:20px; background:url(../img-layout/bkg-saiba-mais.jpg) no-repeat center ; text-align:right;}



/* Lista de produtos */
.prod-list           { width:535px; height:auto; margin:0; padding:10px 0 0 0; float:left; position:relative;  }
.prod-list ul        { margin:0; padding:0; }
.prod-list li        { width:158px; height:auto; padding:6px 0 10px 0; background: url(img-layout/bkg-caixa-top.jpg) no-repeat; list-style:none; margin:10px; color:#777; display:inline; float:left;  }
.prod-list h2        { margin:4px 0; font:bold 12px Arial; text-transform:capitalize; }
.prod-list div 		 { width:148px; margin:0; padding:0 3px 0 5px; font:10px Arial; border:1px solid #ccc; border-top:0; text-align:left;  position:relative; float:left;}
.prod-list p         { margin:0; padding:0 0 20px 0;  }
.prod-list p a      { width:148px; height:60px; font:11px Arial; color:#000; text-decoration:none; text-transform:capitalize; background:url(img-layout/bkg-saiba-mais.jpg) no-repeat right bottom; float:left; }
.prod-list p a:hover{ color:#F00; }.



/*******   MENU   HORIZONTAL   *********/
/*Primeiro Grupo */

.menu	            { width:778px; height:500px; float:left; }
.menu ul            { z-index:200; margin:0; padding:0; }
.menu li            { list-style:none; display: inline;  position:relative; float:left; z-index:200; } /*float:left;  correção de bug I.6**/
.menu li a          { width:75px; font:11px Tahoma,Arial; font-weight:bold; color:#fff; line-height:40px; text-decoration:none; text-align:center; position:relative; float:left; display: block;}
.menu li a:hover    { background:url(../img-layout/bkg-menu-hover.jpg) repeat-x;}

/* Otultando os Subs menus */
.menu ul ul {margin:0px; padding:0px;  display:none; position:absolute; z-index:500; }

/* Segundo grupo */
.sub-menu            { width:160px; white-space:nowrap; left:0px; top:40px; position:relative; float:left;  z-index:300; display:inline;}
.sub-menu li         { background:#FFF; /*border:1px solid #8FABD6; */}
.sub-menu li a       { width:116px; height:20px; border:1px solid #8FABD6; padding-left:4px; margin:0px; line-height:20px;  color:#535F7B; text-align:left; display:block; }
.sub-menu li a:hover { background:#5681C0; color:#FFF; }

/* Terceiro grupo */
.sub-sub-menu            { width:160px; white-space:nowrap; left:121px; top:0px; position:absolute; float:left; /* Posição do menu */ z-index:500; }
.sub-sub-menu li         { background:#FFF; border:1px solid #8FABD6; }
.sub-sub-menu li a       { width:130px; height:20px; border:0px; padding-left:4px; margin:0px; line-height:20px; text-align:left; color:#535F7B; display:block; }
.sub-sub-menu li a:hover { background:#5681C0; color:#FFF;}

/* Aplicação de mostrar e ocultar os submenus */
div.menu li:hover{
cursor: default;
z-index:500;
}

div.menu li:hover ul ul,
div.menu li li:hover ul ul,
div.menu li li li:hover ul ul,
div.menu li li li li:hover ul ul
{display:none;}

div.menu li:hover ul,
div.menu li li:hover ul,
div.menu li li li:hover ul,
div.menu li li li li:hover ul
{display:block;}


/* produtos */

#prod-amostras, #galeria,#janelas      { width:537px; margin:0; position:relative; float:left; }
#prod-amostras p                       { margin:0; color:#666; }
#prod-amostras ul                      { width:507px; padding:15px; margin:0; float:left;  position:relative; }
#prod-amostras li                      { list-style:none; text-align:center; margin:0 15px 0 15px; display:inline; position:relative; float:left;}
#prod-amostras .lisas li               { margin: 0 44px 0 45px; }
#prod-amostras .especiais li           { margin: 0 25px 0 25px; }  


/*galeria */

#galeria ul                      { width:517px; padding:10px; margin:0; float:left;  position:relative; }
#galeria li                      { list-style:none; margin:0 4px 0 4px; display:inline; position:relative; float:left;}



/* bredcrumbs */

.bredcrumbs a                   { color:#666}
.bredcrumbs a:hover             { color:#FF0000;}

/* Formulário de Contato */

#formulario                                        { width:500px;}
#contato                                           { border: 1px solid #fff; padding: 5px;}
#contato p                                         { margin-bottom: 5px;}
#contato label                                     { float: left;width: 100px;}
#contato input, #contato textarea, #contato select { border: 1px solid #cac9b9;}
#contato #submit                                   { margin-left: 345px;}