/* Powered by | BRANE DO BRASIL
   Otimização de Sites e Marketing em Internet
   Site: WWW.BRANE.COM.BR
   Tel: 3362-2375 / 3361-2162 
*/
@charset "utf-8";
/*--------------------------------|
|            PADRÂO               |
|---------------------------------*/
body                     { margin:0;  background:#fff; font:12px Tahoma;}
img                      { border:0;}
h1                       { font:bold 12px Tahoma;  margin:0; padding:0; color:#ff7f00; margin-bottom:10px; }
h2                       { font:bold 11px Tahoma; margin:10px 0; padding:0; color:#64666b; }
h3                       { font:bold 10px Tahoma; margin:10px 0 ; padding:0; color:#777;}
p                        { font:11px Tahoma; color:#585a5e; line-height:16px;}
a                        { outline:none; text-decoration:none; color:#666;}
a:hover                  { color:#999;}

#geral, #topo, #conteudo, #left, #center,  #footer {width:768px; float:left; position:relative;}

/*--------------------------------|
|            ESTRUTURA            |
|---------------------------------*/
#geral                   { margin:auto; float:none; width:768px; background:#fff;}
#topo                    { height:60px; background:#fff url(img-layout/bkg-header-right.jpg) right no-repeat;}
#conteudo                { width:766px; height:auto; border:1px solid #ccc; background:#ff7f00; clear:both; }
#left                    { width:160px; height:auto; padding:50px 0 0 0; background:#ff7f00 url(img-layout/ind-menu.jpg) top no-repeat;}
#base-center             { width:586px; height:auto; background:#fff; float:left; padding:10px;}
#center                  { width:558px; height:auto; padding:10px;border:1px solid #ccc; float:left; background:#fff;}
#top-center              { width:606px; height:49px; border-bottom:1px solid #fff; background:#ff7f00; float:right;}
#footer                  { width:748px; height:55px; padding: 10px; background:#fff;}

.lista-produtos                    { margin:0; padding:0 10px; list-style:none;}
.lista-produtos li                 { margin:0; padding:5px 0 0 0;}

.galeria-de-fotos                  { margin:0; padding:0 10px; list-style:none;}
.galeria-de-fotos  li              { height:90px; width:110px; float:left; display:inline; margin:10px; text-align:center;}

#topo img 	{ float:left; }
.telefone	{ display:block; float:right; position:relative; top:20px; color:#777; cursor:default; font-size:14px; text-align:right; }

/***** menu do topo */
#menu 			{ width:auto; height:auto; position:relative; display:block; float:right; color:#fff; top:13px; right:10px; }
#menu ul		{ margin:0; padding:0; }
#menu ul li 	{ position:relative; display:inline; }
#menu ul li a, #menu ul li a:link { color:#fff; font-weight:bold; font-family:Tahoma; font-size:12px; }
#menu ul li a:hover { color:#ffdbb8; text-decoration:underline; }


.menu-left             { list-style:url(img-layout/menu-left-marcador.jpg); margin:0; padding:10px 0 10px 22px; font:bold 10px Verdana; color:#fff;}
.menu-left li          { margin-bottom:10px; }
.menu-left a           { color:#fff; text-decoration:}
.menu-left a:hover     { text-decoration:underline; color:#fff;}
.menu-left li ul li    { margin-bottom:0;}
.redondo               { list-style:url(img-layout/marcador-menu-redondo.jpg); margin:0; }

#footer img { display:block; float:left; }
#footer p 	{ height:55px; display:block; width:100%; margin:0; padding:0 10px; text-align:center; }

.boxa 	 { width:200px; height:185px; border:1px solid #ccc; float:left; position:relative; margin:20px 0 0 0; }
.boxa img { margin:auto; width:190px; display:block; }
.boxa h2, .boxb h2 { margin:0 0 5px 0; padding:0; position:relative; display:block; }
.boxa h2, .boxa h2 a, .boxa h2 a:link, .boxa h2 a:hover, .boxb h2 a, .boxb h2 a:link, .boxb h2 a:hover { color:#fff; background:#ff7f00; height:25px; line-height:25px; text-align:left; font-weight:normal; text-transform:uppercase; letter-spacing:1px; display:block; padding:0 10px 0 10px;}

.boxb 	 { width:340px; height:185px; border:1px solid #ccc; display:block; float:right; margin-top:20px; }

.boxa p, .boxb p { padding:0; margin:5px; line-height:16px; }
.boxb p a, .boxb p a:link { font-weight:bold; text-decoration:underline; }
/*--------------------------------|
|            Contato              |
|---------------------------------*/
#formulario { width:500px;}
#contato { 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;}