@charset "utf-8";

body           { font:12px Arial; margin:0; color:#333; }
h1             { font:20px "Arial"; margin:0; }
h2			   { padding:0; font:12px Arial; }
h3			   { font-size:12px; color:#666;}
h2.destaque    { height:24px; padding:0 0 0 14px; background:url(img-layout/ind-destaque.jpg) no-repeat; font:bold 12px Arial; line-height:24px; color:#222; border-top:1px solid #000;}
img            { border:0 }
input,textarea { border:1px solid #AAA; }
/* Estrutura do site -----------------------------------------------*/
#base, #geral, #top, #flash, #conteudo, #left, #center, #footer 
{ width:762px; height:auto; float:left; position:relative;} 

#base		  { width:778px; float:none; margin:auto; }
#geral		  { padding:0 7px; background:#FFF url(img-layout/bkg-geral.jpg) right top no-repeat; border:1px solid #666; border-top:0px; border-bottom:3px #000; }
#top		  { height:86px; }
#conteudo	  { padding:14px 0; }
#left         { width:189px; padding:0 0 10px 13px; text-align:left;  background:#ECECEC url(img-layout/bkg-menu-left-bottom.jpg) left bottom no-repeat; }
#center       { width:69%; padding:0 10px 20px 20px; background:url(img-layout/bkg-conteudo-cato-top.jpg) right top no-repeat; }
#footer	      { width:742px; height:116px; padding:20px 10px 0 10px; background:#7C8C9B url(img-layout/bkg-footer.jpg) top no-repeat; }


/* Menus  -----------------------------------------------*/

/* top */
#menu-top            { /*width:368px;*/ width:268px; height:33px; margin:0; padding:15px 0 0 0;  background:#99CC67 url(img-layout/bkg-menu-top.jpg) left bottom no-repeat; float:right; position:relative;}
#menu-top li         { list-style:none; display:inline; }
#menu-top a			 { background:#99CC67 url(img-layout/bot-separador.jpg) no-repeat right; padding:0 14px; float:left; }

/* Serviços top*/
#destaque         	 { width:762px; height:92px; margin:0; padding:8px 0 0 0; background:#56646F url(img-layout/bkg-servicos.jpg) bottom no-repeat; float:left; position:relative; }
#destaque li      	 { list-style:none; display:inline;  }
#destaque a       	 { padding:0 22px; background:url(img-layout/bkg-servicos-serparador.jpg) left no-repeat; float:left; }

/* left */ 
#menu-left           { width:189px; height:auto; margin:0; padding:5px 0 25px 0; font-weight:bold; color:#000; background:url(img-layout/bkg-menu-left-top.jpg) right top no-repeat; float:right; position:relative; }
#menu-left ul        { width:176px; margin:0; padding:12px 0; border-bottom:1px solid #666; float:left; }
#menu-left li        { list-style:none; white-space:nowrap; float:left; position:relative; } 
#menu-left a         { width:166px; height:20px; padding:0 0 0 10px; background:url(img-layout/menu-left-marcador-black.jpg) left center no-repeat; line-height:20px; text-decoration:none; font-weight:normal; color:#000; display:block; float:left; position:relative; }
#menu-left a:hover   { color:#333; text-decoration:underline; }
#nossos-servicos a   { background:url(img-layout/menu-left-marcador-green.jpg) left center no-repeat; }
#servicos-uteis  a   { background:url(img-layout/menu-left-marcador-blue.jpg) left center no-repeat;}


/*Lista de produtos */
.produtos           { width:100%; height:auto; text-align:center; list-style:none; overflow:hidden; margin:0; padding:0; display:block;  }
.produtos li        { width:33%; height:150px;  font:bold 10px Arial; text-transform:lowercase; border-bottom:1px dotted #C9C9C9; padding:30px 0; float:left;  position:relative; }
.produtos p         { width:150px; margin:0 auto; padding:0 0 0 15px; text-align:left; }
.produtos img	    { margin:10px 0;}
.produtos a      	{ text-decoration:none; color:#333; }
.produtos a:hover	{ color:#06C; }


.detalhe-prod       { width:530px; height:auto; margin:0; padding:10px 0; border-top:3px solid #F60; text-align:right;  float:left; position:relative; } 
.detalhe-prod p     { width:160px; padding:0 50px 0 10px; text-align:left; float:left; position:relative;  }
.detalhe-prod ul	{ margin:0; padding:0;}
.detalhe-prod li    { width:308px; padding:30px 0 0 0; background:url(img-layout/bkg-detalhe-prod.jpg) repeat-x; text-align:center; list-style:none; float:left; position:relative; }
.detalhe-txt        { width:530px; float:left; position:relative; }

#prod-lampadas ul li   {width:530px; height:auto; padding:0 0 10px 0; position:relative; float:left;}
#prod-lampadas p       {width:530px; text-align:left; text-transform:capitalize; font:11px Arial; }

/* Fique por dentro---------------------------------------*/
.fique-por-dentro		  { width:494px; margin:0 0 0 12px; padding:8px; background:#ECECEC; float:left; position:relative; }
.fique-por-dentro li	  { width:354px; padding:4px 0; list-style:none; font:11px Arial; }
.fique-por-dentro a 	  { padding:0 0 0 6px; border-left:4px solid #99CC00; color:#333; } 
.fique-por-dentro a:hover { color:#F60}


/* Outros  -----------------------------------------------*/
.logo, .atendimento  { height:auto; float:left; position:relative; }
.logo				 { width:108px; padding:10px 0 0 0; }
.atendimento		 { width:166px; height:52px; padding:4px 0 0 0; background:#666 url(img-layout/bkg-atendimento.jpg) left bottom no-repeat; text-align:right; float:right }

.endereco, .selos 	 { font:11px Arial; color:#FFF;  float:left; position:relative;  }
.endereco            { width:187px; padding:0 0 4px 0; background:#9BA7B3 url(img-layout/bkg-footer-caixa-atendimento-bottom.jpg) bottom no-repeat;}
.endereco p	      	 { width:180px; height:82px; border:1px solid #BCC4CC; padding:6px 0 0 5px; margin:0; border-bottom:0; border-top:0; font-family:Tahoma; float:left; position:relative; }
.selos			  	 { width:554px; margin:0;  padding-top:66px; text-align:right; }
.breadcrumbs		 { font:11px Arial; color:#222; padding:0 0 10px 0; }
.breadcrumbs a       { color:#06C; }
.breadcrumbs a:hover { color:#000; }


/* Images loader */
#loader_container  {text-align:center; position:relative; float:left;}
#loader 		   { width:135px; font:10px Tahoma; font-size:10px; color:#000; background:#FFF; padding:10px 0 16px 0; margin:0 auto; display:block; border:1px solid #6A6A6A; text-align:left; z-index:255; position:absolute; left:0; }

#loader_bg 		   { width:113px; height:7px;font-size:1px; background:#EBEBE4; margin:auto; top:8px;left:8px; }
#progress 		   { width:1px; height:5px; font-size:1px; position:relative; top:1px; left:10px; background:#9D9D94; }

.title_h2 		   { font:bold 11px Arial; margin:0 0 10px 0; background:#000; white-space:nowrap; text-align:center; padding:3px; color:#FFF;}
.border_preview    { padding:8px; position:absolute; background:#FFF; border: 1px solid #333; z-index:100; }
.preview_temp_load { vertical-align:middle; text-align:center; }

h1 a           { font:20px "Arial"; margin:0; color:#FFF; }
h1 a:hover           { font:20px "Arial"; margin:0; color:#ccc; }