/* Powered by | BRANDE DO BRASIL - Serviços de Internet
   Site: WWW.BRANE.COM.BR
   Tel: 3362-2375 / 3361-2162
*/

body		 	{ color:#666; background:#FFF url('img-layout/img-background.jpg') repeat-x; margin:0px; padding:0px; font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:Verdana }
h1 , h2  		{ font:bold 15px "Century Gothic"; } 
p    			{ line-height:16px;}
img  			{ border:0; }
input, textarea { border:1px solid #BBB; background:#FFF; }

#geral, #borda-topo, #borda-conteudo, #borda-left, #borda-centro, #borda-rodape { width:894px; height:auto; float:left; position:relative; }
#geral           { padding:18px 23px 0px 23px; margin:0 auto; float:none; }
#borda-left      { width:192px; height:auto; }
#borda-centro    { width:702px; height:auto; padding:22px 0 0 0; }
#borda-rodape    { height:20px; padding-top:20px; text-align:center; }

/* Topo do site*/
.menu-topo, .logo-topo { width:784px; height:144px; float:left; position:relative; }
.logo-topo             { width:110px; }

/*Caixa de Noticias */
.noticias, .not-top, .not-center, .not-down { width:192px; color:#415965; float:left; position:relative; }
.not-top    { height:34px; background:url('img-layout/noticia-top.jpg'); }
.not-center { width:170px; padding:0 10px 10px 10px; height:auto !important; min-height:248px; height:248px; border-left:1px solid #EEE; border-right:1px solid #EEE; background:#E9E9E9 url('img-layout/noticia-center.jpg') repeat-x; border-top:0px none; border-bottom:0px none; }
.not-down   { height:20px; margin-bottom:10px; background:url('img-layout/noticia-down.jpg'); }

/* Rodape do site */
.rod-left, .rod-center, .rod-right { height:18px; font-size:9px; color:#999; float:left; position:relative; }
.rod-left   { width:192px; }
.rod-center { width:546px; }
.rod-right  { width:156px; }

/* Assinatura powered by */
.assinatura a, .assinatura a:visited { color:#999; text-decoration:none;}
.assinatura a:hover					 { color:#555; text-decoration:underline;}	
/*-----------------------*/


/* Menu Primeiro Grupo */
.menu	         { width:80px; height:auto; background:#fff; position:relative; float:left; }
.menu ul         { list-style-type:none; margin:0; padding:0; z-index:200;}
.menu li         { position:relative; float:left; z-index:200; } /*float:left;  correção de bug I.6**/
.menu li a       { width:80px; background:url('img-layout/bot-menu.jpg') no-repeat left center; color:#415965; line-height:22px; padding-left:200px; text-decoration:none; display:block; font:bold 12px Verdana; line-height:22px; }
.menu li a:hover { background:url('img-layout/bot-menu-hover.gif') no-repeat left center; text-decoration:underline }

/* Otultando os Subs menus */
.menu ul ul {margin:0px; padding:0px;  display:none; position:absolute; z-index:500; z-index:200; }


/* Menu Segundo Grupo */
.sub-menu              { width:163px; height:auto; left:280px; top:0px; float:left; position:relative; }
.sub-menu li           { display:inline; z-index:200; } 
.sub-menu li a         { width:70px; background:url('img-layout/men-marcador-2.jpg') no-repeat left center; line-height:22px; padding-left:10px; float:left; display:block }
.sub-menu li a:hover   { background:url('img-layout/men-marcador-2hover.jpg') no-repeat left center; text-decoration:underline }


/* Menu Terceiro grupo */
.sub-sub-menu            { width:400px; white-space:nowrap; left:0px; top:22px; position:absolute; float:left; z-index:500; }
.sub-sub-menu li         { background:none; }
.sub-sub-menu li a       { width:auto; padding-left:10px; padding-right:10px; background:url('img-layout/men-marcador-2.jpg') no-repeat left center; height:30px; line-height:30px; color:#415965; font-weight:normal; display:block }
.sub-sub-menu li a:hover { background:url('img-layout/men-marcador-2hover.jpg') no-repeat left center; text-decoration:underline}
/* Fim formatação do menu */


div.menu li:hover
{cursor:default; z-index:100; }
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;}
/* End of non-anchor hover selectors */




/* Galeria de Fotos dos produtos */
.galeria              { width:688px; height:335px; position:relative; float:right;}
.primeiro a           { width:450px; height:316px; position:absolute; left:0px; top:0px;  border:1px solid #E9E9E9; text-align:center; background:#FFF; z-index:0; }
.bordaGal             { width:204px; height:auto; position: relative;  float:right; }
.bordaGal a           { width:100px; height:77px; border:1px solid #E9E9E9; background:#FFF; text-align:center; display:block; float:right;}
.bordaGal a:hover     { border:1px solid #F60;}
.bordaGal a div       { display: none; z-index:5; }
.bordaGal a:hover div { width:450px; height:316px; position:absolute; left:-484px; top:0px; border:1px solid #E9E9E9;  background:#FFF; display:block; }


#conteudoEsq { width:425px; height:auto !important; min-height:284px; height:284px; margin:0 0 0 5px; padding:10px; background:#FFF;  border:1px solid #EEE; float:left; position:relative; }
#conteudoDir { width:200px; margin:0; padding:10px; text-align:center; background:#FFF none repeat; border:1px solid #EEE; float:right; position:relative; }


/* PRODUCT LIST */
.productList 		   { width:697px; float:left; Margin:0px; padding:22px 0 0 0; text-align:left; }
.productList li 	   { width:206px; margin:0 0 35px 24px; display:inline; float:left;}
.productList div 	   { border:1px solid #EEE; background:#FFF; text-align: center; }
.productList div a 	   { padding:0; background:none; }
.productList a 		   { color:#666; font:11px "Century Gothic"; background:url(img-layout/prod-marcador.jpg) left no-repeat; padding:0 0 0 15px; text-decoration:none; }
.productList a:hover   { text-decoration:underline; }
.productList div:hover { border:1px solid #f60; text-align: center; }
/* OUTROS  */

.assinatura a, .assinatura a:visited { color:#999999; text-decoration:none; }
.assinatura a:hover { color:#555555; text-decoration:underline; }



.img-projetos    { margin:0; padding:0;  text-align:center; float:right; }
.img-projetos li { display:inline;}
.img-projetos a  { width:318px; margin:10px; border:1px solid #333; text-decoration:none; float:left;  }
