/*
---
ÍNDICE DE CORES
---
laranja:      #F37B19
verde claro:  #E7EED8
*/

* { margin:0; padding:0; }

body { font:76%/1.5 Arial, sans-serif; color:#6D6F71; border-top:10px solid #F37B19; background:#fff url(../img/tema/body-bg.gif) repeat-x; }
#colors { width:650px; height:10px; margin:-10px auto 0 auto; background:url(../img/tema/cores.gif) no-repeat right top; }

a { color:#F37A18; text-decoration:none; }
a img { border:0; }

ul { list-style:none; }

hr { visibility:hidden; }

/*-- box clearing --*/
#login form:after, #corpo:after, .thumbnails:after, #cabecalho:after, #nav:after, #detalhes:after, #box-home:after
{ display:block; content:"."; height:0; visibility:hidden; clear:both; }

#container { text-align:center; }

/*-- CONTAINER --*/
#cabecalho { width:650px; height:300px; margin:0 auto 20px auto; position:relative; text-align:left; }

#corpo { margin:0 auto 30px auto; width:650px; text-align:left;}

#rodape { position:relative; text-align:left; clear:both; }


/*-- CABECALHO --*/

#logo { margin: 0 0 10px 20px; }
#logo a { color:#fff;}
#logo img { display:block; margin:20px 0 10px 0; }

#slogan { width:175px; height:70px; position:absolute; top:20px; right:0px;  background:url('../img/tema/banner-box-cadastre-se.gif') no-repeat; }
#slogan .btn-cad { width:175px; height:24px; text-indent:-99999px; display:block; }
#slogan a.btn-cad:link, #slogan a.btn-cad:visited { background-image:url('../img/tema/btn-cadastre-se.gif'); }
#slogan a.btn-cad:hover, #slogan a.btn-cad:active { background-image:url('../img/tema/btn-cadastre-se-over.gif'); }

#cab-foto, #cab-foto-home { text-align:center; background:#E7EED8;} 
#cab-foto-home { height:300px;}
#cab-foto object, #cab-foto img { display:block; }

#flash-home { width:100%; height:300px; top:130px;  position:absolute; background:#E7EED8; }

#nav { float:right; margin:0 0 18px 0;}
#nav li { display:inline; }
#nav a, #nav strong { float:left; width:109px; height:45px; text-indent:-2000px; border-left:1px solid #E7EED8; background: 9px 10px no-repeat; overflow:hidden; }
#nav strong { background-color:#E7EED8; }
#nav a strong { border:0; }
#nav a:hover { background-color:#FFEEE6; }

#m-empresa a, #m-empresa strong { background-image:url(../img/tema/m-empresa.gif); }
#m-tecnologia a, #m-tecnologia strong { background-image:url(../img/tema/m-tecnologia.gif); }
#m-portfolio a, #m-portfolio strong { background-image:url(../img/tema/m-portfolio.gif); }
#m-cases a, #m-cases strong { background-image:url(../img/tema/m-cases.gif); width:99px; }

#contato a, #contato strong { text-indent:-2000px; float:left; width:109px; height:45px; background:url(../img/tema/m-contato.gif) 9px 10px no-repeat; border-left:1px solid #E7EED8; overflow:hidden; }
#contato a:hover { background-color:#FFEEE6; }
#contato strong { background-color:#E7EED8; }


/*-- CORPO --*/
#fotos { margin:30px 0 0 -10px; }

.thumbnails { margin:0 0 30px -10px; }
.thumbnails li { display:inline; }
.thumbnails a { float:left; margin-left:10px; padding: 5px 0; border-top:1px solid #E7EED8; }
.thumbnails a:hover { background:#FEDBCC; }
.thumbnails a:hover img { filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
.thumbnails img { display:block; }

/*-- tipos de layout --*/
.area { position:relative; }
.area h1 { float:left; width:220px; margin:18px 0 0 0; text-indent:-2000px; background:no-repeat; height:40px; }
.area #side-premio { position:absolute; top:85px; left:0; width:150px; margin: 0px 0 0 0; }
.area #intro { width:430px; float:left; margin:15px 0 1em 0; }
.area #intro p { margin-bottom:1em; }

.item #principal { width:430px; float:right; }
.item #extras { width:210px; float:left; }
.item h1 { font:2em Arial, sans-serif; margin-bottom:.3em; position:relative; letter-spacing: -5px; }
.item h1 span { position:absolute; top:0; left:0; background:#fff; }
.item p { margin-bottom:1em; }
.item #principal .list { margin:0 0 1em 0; }
.item #principal .list li { padding:0 0 0 10px; background:url(../img/tema/bullet-list.gif) no-repeat 0 7px;}

.item .snav { margin:36px 0 0 0;}
.item .snav a { display:block; padding-left:10px; }
.item .snav strong { display:block; padding-left:10px; background:url(../img/tema/seta-verde-dir.gif) 0 50% no-repeat; font-weight:normal; color:#000; }
.item .snav a:hover { background-color:#E7EED8; }
.item .snav li { display:inline; }
.item dl.snav dt { margin-top:.5em; font-weight:bold; color:#A7A9AC; padding-left:5px; border-left:5px solid #E7EED8; }



/*-- RODAPE --*/

#logo-3m { width:650px; margin:0 auto 25px auto; text-align:right; }
#logo-3m img { display:block; margin:0 0 0 auto; }

#num-tel { text-indent:-2000px; width:180px; height:50px; position:absolute; top:73px; left:48%; background:url(../img/tema/telefone.gif) no-repeat; margin-left:175px; }

#login { height:70px; background:#E0E1E2 url(../img/tema/rod-sombra.gif) repeat-x; padding:15px 0; }
#login form { width:650px; margin:0 auto; }
#login h2 { width:142px; height:23px; text-indent:-2000px; background:url(../img/tema/t-envio-arquivos.gif) no-repeat; }
#login div { float:left; margin-right:10px; }
#login div label { display:block; font-size:.8em; text-transform:uppercase; }
#l-login, #l-senha { background:#eee; }
#login .botao { padding-top:1.2em; }

#copyright { color:#ccc; padding:1em 0 2em; font-size:.9em; background:#4C4D4F;  }
#copyright span { display:block; width:650px; margin:0 auto; }
#copyright a { float:right; }


/*-- definições por página --*/

#pag-home {/* background-image:url(../img/capa/body-bg.gif); */}
#pag-home #corpo { padding:1em 0 0 0; clear:both; }
#pag-home #corpo img { display:block; }

#pag-home #box-home { height:220px; clear:left; position:relative; margin:0 0 30px 0; background:url(../img/capa/border-line-box.gif) no-repeat 0 39px; }
#pag-home #box-home dt { position:absolute; }
#pag-home #box-home dt.dois { left:220px; }
#pag-home #box-home dt.tres { left:440px; }

#pag-home #box-home dt a span { display:none; }
#pag-home #box-home dt a img { display:block; vertical-align:middle; hieght:34px;}
#pag-home #box-home dt a, #pag-home #box-home dt a.atual { width:188px; line-height:34px; height:34px; padding:0 10px; display:block; border-left:1px solid #E0E1E2; border-right:1px solid #E0E1E2; }
#pag-home #box-home dt a:link, #pag-home #box-home dt a:visited { color:#000; border-top:6px solid #E7EED8; background:#E7EED8; }
#pag-home #box-home dt a:hover, #pag-home #box-home dt a:active, #pag-home #box-home dt a.atual { color:#D6DB00; border-top:6px solid #D6DB00; background:#fff; }
#pag-home #box-home dt.middle { margin:0 10px; }

#pag-home #box-home dd { width:648px; height:180px; position:absolute; top:40px; display:block; border-bottom:1px solid #E0E1E2; border-left:1px solid #E0E1E2; border-right:1px solid #E0E1E2; background:#fff; }
#pag-home #box-home dd div { width:190px; margin:0 0 0 10px; padding:10px; float:left; display:inline; }
#pag-home #box-home dd span { width:420px; height:160px; text-align:center;  overflow:hidden; display:block; float:left; margin:10px 0; }

#pag-home #principal { width:320px; float:left; background:#eee; }
#pag-home #extras { width:210px; float:right; }
#pag-home #extras h2 { font:1.5em Arial, sans-serif; margin-bottom:.5em; color:#4B8497; padding-left:5px; border-left:5px solid #FB5104; }
#pag-home #extras p { text-align: right; }

#pag-empresa h1 { background-image:url(../img/tema/t-empresa.gif); }

#pag-tecnologia h1 { background-image:url(../img/tema/t-tecnologia.gif); }
#pag-tecnologia .servicos { float:left; width:320px; }
#pag-tecnologia .servicos .item { float:left; width:320px; padding-top:10px; border-top:1px solid #E7EED8; }
#pag-tecnologia .servicos h2 { font:1.5em Arial, sans-serif; margin-bottom:.5em; color:#A7A9AC; padding-left:5px; border-left:5px solid #F37B19; }
#pag-tecnologia #col-1 { clear:left; }
#pag-tecnologia #col-2 { margin-left:10px; }

#pag-tecnologia-item #foto { margin-bottom:1em; }
#pag-tecnologia-item #detalhes { margin:0 0 30px 0; }
#pag-tecnologia-item #detalhes dt { float:left; clear:left; font-weight:bold; color:#000; width: 110px; padding-top:.3em; border-top:1px solid #DCE7EB; margin-bottom:.3em; }
#pag-tecnologia-item #detalhes dd { float:left; width:320px; padding-top:.3em; border-top:1px solid #DCE7EB; margin-bottom:.3em; }


#pag-portfolio h1 { background-image:url(../img/tema/t-portfolio.gif); }

#pag-cases h1 { background-image:url(../img/tema/t-cases.gif); }

#pag-cases-item #foto { margin-bottom:1em; }

#pag-contato h1 { background-image:url(../img/tema/t-contato.gif); margin-bottom:1em; }
#pag-contato h2 { font:1.3em Arial, sans-serif; margin-bottom:.5em; color:#A7A9AC; padding-bottom:5px; border-bottom:1px solid #DCE7EB; }
#pag-contato form h2 { color:#000; }
#pag-contato p, #pag-contato ul { margin-bottom:1em; }
#pag-contato p.sb { margin-bottom:2em; }
#pag-contato #endereco { width:210px; float:left; clear:left; }

#pag-contato .ok {width:390px; float:right; padding:5px 10px; margin:-60px 0 10px 0; font-weight:bold; font-variant:small-caps; background:#F7F8CC; color:#000; border:1px solid #D6DB00; }
#pag-contato .erro { width:390px; float:right; padding:5px 10px; margin:-60px 0 10px 0; font-weight:bold; font-variant:small-caps; background:#FDE5D1; color:#000; border:1px solid #F37B19; }

#pag-contato #formulario { width:410px; float:right; padding-top:30px; background:#E7EED8; }
#pag-contato #formulario div,#pag-contato #formulario .inPd { margin-bottom:.5em; padding:0 20px; }     
#pag-contato #formulario .box-cad {margin:0 10px 1em 10px; color:#000; font-weight:bold; font-variant:small-caps; padding:5px 10px; background:#D6DB00; }
#pag-contato #formulario .sr { margin-left: 80px; }
#pag-contato #formulario .brd { border:1px solid #ddd; }
#pag-contato #formulario .bl { display:block; }
#pag-contato #formulario .fl { float:left; }
#pag-contato #formulario .sb { margin-bottom:10px; }
#pag-contato #formulario div label { float:left; width: 80px; font-weight:bold; font-variant:small-caps; color:#000; }
#pag-contato #formulario ul li label span { padding-left:20px; display:block; }
#pag-contato #formulario div .txt { float:left; width: 280px; padding:5px 0; }
#pag-contato #formulario div .ddd { float:left; width: 30px; padding:5px 0; margin:0 8px 0 0; display:inline; }
#pag-contato #formulario div .tel { float:left; width: 120px; padding:5px 0; }
#pag-contato #formulario div { clear:left; margin:0 0 9px 0; overflow:hidden; }
#pag-contato #formulario .botao { text-align:center; background:#BAC79E; margin:30px 0 0 0; padding:10px 0; }
#pag-contato #formulario .botao input { font-size:1.5em; }
#pag-contato #f-msg { width:98%; }

#pag-contato #login h2 { margin:0; padding:0;} 


#pag-brindes h1 { background-image:url(../img/tema/t-brindes.gif); }
#pag-brindes #wallpapers { margin-left:-10px; }
#pag-brindes #wallpapers li { text-align:center; width:210px; float:left; margin: 0 0 10px 10px; }