/* CSS Document (Estrutura) */
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend 
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* begin site*/
html { text-align: center; }
body { background: url(../img/bg.jpg) repeat-x #00260a; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 8px auto; text-align: center; }

#geral { width: 960px; margin: auto; }

/* Topo, menu */
#topo { width: 960px; height: 150px; margin: auto; }
#topo img { float: left; border: none; }
#topo h1 { color: #fff; font-size: 76px; padding: 20px 0 0 10px; width: 160px; float: left; height: 70px; }
#topo #interfaces { color: #fff; font-size: 46px; margin: 2px 0 0 35px; height: 40px; float: left; }
/*#topo ul { width: 520px; float: right; margin: 65px 0 0 0; } */
#menu { width: 840px; height: 90px; float: left; }
#menu li { float: left; padding: 0 6px; }

/* Imagem Destaque */
#destaque { margin: 22px 0 10px 0; }
#destaque img { border: solid 4px #fff; }

/* titulo inicial */
#titulo { float: left; margin: 15px 0 0 14px; height: 35px; width: 220px; }
#titulo h1 { color: #fff; float: left; margin: 5px 0 0 8px; font-size: 18px; font-style: italic; width: 800px; text-align: left; } 

/* Trabalhos da inicial - miniaturas */
#trabalhos { width: 950px; margin: auto; height: auto; clear: both; }
.recentes { height: 178px; width: 220px; background: #001e08; float: left; margin: 8px 0 0 8px; padding: 3px; }
.recentes:hover { background: #035403; }
.recentes img { margin: 3px 0 0 0; }
.recentes p { color: #fff; font-size: 10px; padding-top: 2px; line-height: 16px; text-decoration: none; }
.recentes a { color: #fff; text-decoration: underline; font-weight: bold; }
.recentes a:hover { text-decoration: none; }
#trabalhos h2 { color: #fff; float: left; margin: 5px 0 0 22px; font-size: 18px; font-style: italic; }
#trabalhos h3 { color: #fff; clear: both; float: left; margin: 8px 0 0 34px; font-size: 17px; font-style: italic; }


/* incase */
.incase { height: 160px; width: 220px; background: #001e08; float: left; margin: 8px 0 0 8px; padding: 3px; }
.incase:hover { background: #035403; }
.incase img { margin: 3px 0 0 0; }
.incase p { color: #fff; font-size: 10px; padding-top: 2px; line-height: 16px; text-decoration: none; }
.incase a { color: #fff; text-decoration: underline; font-weight: bold; }

/* rodape */
#rodape { width: 100%; clear: both; height: 430px; background: #001e08; margin-top: 80px; }
#meio { width: 940px; height: 430px; margin: auto; } 
#form { float: left; width: 290px; height: 350px; margin: 7px 0 0 25px; }
#form .aqui { clear: both; text-align: justify; float: left; line-height: 16px; font-size: 13px; width: 290px; height: 40px; } 
#form h1 { color: #fff; font-size: 18px; float: left; }
#form p { color: #fff; padding: 10px 0 5px 0; clear: both; text-align: left; font-size: 10px; }
#form input { clear: both; float: left; width: 280px; }
#form textarea { float: left; width: 280px; }
#form fieldset { margin-top: 15px; clear: both; }
#form #enviar{ width: 50px; height: 25px; font-size: 12px; float: right; margin: 5px 5px 0; }
#form #sub { clear: both; padding: 0; } 
#six { float: left; width: 400px; height: 350px; margin: 7px 0 0 140px; }
#six address { color: #fff; text-align: left; line-height: 16px; font-size: 13px; padding-top: 20px; clear: both; }
#six h1 { color: #fff; font-size: 18px; float: left } 
#six h2 { color: #fff; font-size: 13px; float: left; clear: both; margin-top: 8px; text-align: left; line-height: 16px; width:350px; }
#six img { float: right; margin: 14px 0 0 0;  }

.fix { position: fixed; bottom: 0; right: 0; width: 50px; height: 18px; color: #fff; background: #006600; }
.fix a { color: #fff; text-decoration: none; }

/* paginacao */
#paginacao { clear: both; padding: 10px 0 0 445px; }
#paginacao ul { list-style-type: none; }
#paginacao ul li{ width: 20px; float: left; margin: 0 1px 1px 5px; }
#paginacao a { font: bold 10px Verdana, Arial; text-align: center; line-height: 22px; background: #035403; color: #fff; text-decoration: none; display: block; }
#paginacao a:hover { background: #fff; color: #035403; }
#paginacao a.act { background: #fff; color: #035403; }

#down{ list-style:none; color:#fff; display:inline-block; float:left; z-index:1000; width: 520px; float: right; margin: 65px 0 0 0; }
#down a { color: #fff; text-decoration: none; font-size: 12px; }
#down > li { cursor: pointer; float:left; position:relative; padding: 0px 6px;}
#down > li a:hover { color: #B0D730; }

/* sub-downs*/
#down ul { padding:0px; margin:0px; display: block; display: inline; background: #001e08; line-height: 15px; }
#down li ul { position:absolute; left:4px; top:12px; width:105px; color:#0395CC; background: #001e08; /* for IE */ display:none; }
#down li:hover ul { display: block;}
#down li ul li{ display: block; margin: 3px 3px 0 0; padding: 3px 3px; float: left; clear: both; text-align: left; border-top: dotted 1px #606060; width: 100px; list-style-type:none; }
#down li ul li:first-child { border-top: none; }
#down li ul li a { display:block; color:#fff; font-size: 12px; }
#down li ul li a:hover { color: #B0D730; }

.desc { float: left; clear: both; color: #fff; text-align: left; margin: 5px 0 10px 34px; line-height: 16px; width: 700px; text-align: justify; }

/*  v-portifolio */
.texto { color: #fff; text-align: justify; line-height: 16px; }
.texto img { float: left; margin: 0 5px 5px 8px; border: solid 6px #001e08; }
.back { color: #fff; font-size: 13px; font-weight: bold; text-decoration: underline; }
.back:hover { color: #B0D730; }
.veja { color: #fff; font-size: 13px; padding-top: 15px; font-weight: bold; text-decoration: underline; }
.veja:hover { color: #B0D730; }

#descricao { width: 950px; float: left; }
#mesma_empresa { width: 950px; clear: both; float: left; }
#mesma_empresa h2 { width: 950px; text-align: left; font-size: 14px; font-style: normal; }
#outros { width: 950px; clear: both; height: 430px; } 
#outros h2 { width: 950px; text-align: left; margin-top: 10px; }

/* menu de baixo */
#menu-below { clear: both; margin: auto; }
#menu-below ul { list-style: none; padding-top: 30px; }
#menu-below ul li { margin: 0 0 0 25px; display: inline }
#menu-below ul li a { text-decoration: underline; font-size: 14px; color: #fff; font-weight: bold; }
#menu-below ul li a:hover { color: #B0D730; }

/* produtos */
#produtos { list-style: none; float: left; text-align: left; margin-top: 8px;  }
#produtos li { font-size: 17px; color: #fff; margin: 8px 0 0 25px; }
#prod_l { width: 380px; margin-top: 15px; float: left; }
#prod_l p { color: #fff; text-align: justify; clear: both; line-height: 16px; width: 530px; }
#prod_l h1 { color: #fff; font-size: 18px; float: left; font-style: italic; }
#prod_l ul { float: left; text-align: left; color: #fff; clear: both; }
#prod_l ul li { line-height: 16px; }
#prod_r { width: 500px; margin-left: 60px; margin-top: 15px; float: left; }
#prod_r p { color: #fff; margin-top: 5px; }
#prod_r h1 { color: #fff; font-size: 18px; float: left; font-style: italic; width: 490px; text-align: left; margin-left: 10px; }

/* sobre a six */
#sobre { width: 925px; float: left; }
#left { float: left; width: 560px; }
#left p { color: #fff; text-align: justify; clear: both; line-height: 16px; width: 530px; }
#left h2 { color: #fff; font-size: 16px; float: left; margin-top: 15px; height: 18px; margin-left: 20px; font-style: italic; }
#left ul { float: left; text-align: left; color: #fff; clear: both; }
#left ul li { line-height: 16px; }
#right { float: left; width: 360px; }
#right p { color: #fff; margin-top: 5px; }

/* produtos e servicos */
.prod { color: #fff; float: left; margin: 5px 0 0 20px; }
.prod p { float: left; clear: both; text-align: left; }
.prod p a { color: #fff; text-decoration: underline; font-size: 16px; }
.prod p a:hover { color: #B0D730; }

/* produtos e servicos */
.tbm { color: #fff; float: left; margin: 20px 0 0 20px; }
.tbm h2 { font-style: normal; margin: 5px 0 0 0; }
.tbm p { float: left; clear: both; text-align: left; margin: 10px 0 0 10px; }
.tbm p a { color: #fff; text-decoration: underline; font-size: 14px; }
.tbm p a:hover { color: #B0D730; }

#veja { clear: both; float: right; padding: 8px 40px 0 0; }
#veja a { color: #fff; text-decoration: underline; font-size: 13px; font-weight: bold; } 
#veja a:hover { color: #B0D730; }