/* Reset */
* { margin:0; padding:0 }
ul, li { list-style-type:none }
img { border:none }
hr, form br { display:none }
form label br { display:block }

/* Fonte Base */
html { font-size:100% }
body { font-size:62.5% }
body, input, select, textarea { font-family:"Trebuchet MS", Tahoma, Arial, sans-serif }
#ct-conteiner, table, table td, input, select, textarea { font-size:1em }

/* Headings */
h1 { font:2.3em; padding-top:80px; margin:0 auto; color:#000; text-align:center }
h2 { font-size:1.8em; color:#2e2e2e; text-align:center }
h3 { font-size:1.8em; margin:1em 0 1em; color:#2e2e2e }
h4 { font-size:1.6em; margin:2em 0 1.5em; font-weight:bold }

a { color: #333; text-decoration:none }
a:hover { text-decoration:underline; color:#1d1d1d }

/* Textos */
p, dl, ol, ul, table { font-size:1.3em; line-height:1.5em }
ul ul, ul p { font-size:1.2em; line-height:1.5em }

/* Misc Classes */
.center { text-align:center }
.clear { clear:both }
.hide { display:none }
.importante { padding:10px; background:#FFC000; border:5px solid #d9a60c }
.legenda { font-size:0.9em }
.mensagem, .vazio { color:#000; text-align:center }
.obs { padding:5px; background:#F1F1F1; font-size:1em }
.separador { display:none !important }

#ct-atencao { padding:0 8px 8px; color:#FFF; text-align:center }
#ct-atencao strong { font-size:1em }
#ct-atencao dt { padding:6px 0 2px; font-weight:bold }
/* Estrutura */
body { text-align:center; background:url(/_images/bg_fundo.gif) repeat-x 0 400px #000   }

#ct-superior { background:url(/_images/logo.gif) no-repeat center #000; position:relative; height:258px; width:958px; text-align:center;  margin:0 auto }

#conteudo { background:url(/_images/bg_conteudo.jpg) no-repeat top center; position:relative; width:958px; height:775px; text-align:left; margin:0 auto }

.logo { margin-left:120px; padding-right:600px; padding-bottom:258px; color:#000; text-indent:-9999px; }
.logo:hover { color:#000 }

#contato { float:right; width:104px; height:32px; margin:20px 40px 0 0; text-indent:-9999px; background:url(../../_images/contato.gif) no-repeat }

#rodape { position:absolute; bottom:6em; left:20em; width:562px; height:12px; }
#rodape p { text-indent:-9999px; background:url(../../_images/rodape.jpg) no-repeat; }/* Inicial */

h1 { width:851px; height:26px; text-indent:-9999px; background:url(../../_images/titulos/tit-sub.jpg) no-repeat center }

#web { float:left; }
#web h2 { width:248px; height:55px; text-indent:-9999px; background:url(../../_images/titulos/web.gif) no-repeat 2px }

#flash { float:left; margin-top:9px; background:#FFF; width:458; height:260px }

#tecnologia { float:left; margin-top:2px }
#tecnologia h2 { width:252px; height:54px; text-indent:-9999px; background:url(../../_images/titulos/tecnologia.gif) no-repeat; }

#descricao { clear:both; width:440px; height:250px; margin:0 auto; overflow:hidden }
#servicos { clear:both; width:440px; height:250px; margin:0 auto; overflow:hidden }

ul { margin:30px 0 0 30px; width:200px; color: #333 }
ul li { margin-bottom:10px }

ul.tipo1 { margin: 20px 0 0 10px; width:400px; color: #333 }
ul.tipo1 li { margin-bottom:8px }

a.on { font-size:1.4em; color:#151515 }

#descricao div { display:none }
#descricao div.mostrar { display:block }

p.solicite { margin-top:35px }
p.site { margin-top:1em }
p.solicite a, p.site a { text-decoration:underline }

#todos-trabalhos { float:left; margin-top:9px; width:458px; height:400px; background:url(/_images/bg-sub.gif) no-repeat top }
#todos-trabalhos h2 { margin-top:10px; height:20px }
ul.bloco { margin:50px auto; float:left; width:458px }
ul.bloco li { float:left; width:228px; height:174px; background:none; text-indent:-9999px }
ul.bloco li a { display:block; margin:0 auto; width:195px; height:174px; text-indent:-9999px; overflow:hidden }
	#trd3 a { background:url(/_images/todos-trabalhos/trd3.png) no-repeat  }
	#croasonho a { background:url(/_images/todos-trabalhos/croasonho.png) no-repeat  }
	#fatima-saude a { background:url(/_images/todos-trabalhos/fatima-saude.png) no-repeat  }
	#virvi-ramos a { background:url(/_images/todos-trabalhos/virvi.png) no-repeat  }

	#duroline a { background:url(/_images/todos-trabalhos/duroline.png) no-repeat  }
	#duroline-blog a { background:url(/_images/todos-trabalhos/blog-duroline.png) no-repeat  }
	#mamis-e-mimos a { background:url(/_images/todos-trabalhos/mamis.png) no-repeat  }
	#caxias a { background:url(/_images/todos-trabalhos/caxias.png) no-repeat  }
	
	#fatima-educacao a { background:url(/_images/todos-trabalhos/fatima-educacao.png) no-repeat  }
	#express a { background:url(/_images/todos-trabalhos/express.png) no-repeat  }
	#express-intranet { background:url(/_images/todos-trabalhos/express-intranet.png) no-repeat  }
	#express-chat { background:url(/_images/todos-trabalhos/spark.png) no-repeat  }

	#cic a { background:url(/_images/todos-trabalhos/cic.png) no-repeat  }
	#cdl a { background:url(/_images/todos-trabalhos/cdl.png) no-repeat  }
	#simecs a { background:url(/_images/todos-trabalhos/SIMECS.png) no-repeat  }
	#simecs-indicadores { background:url(/_images/todos-trabalhos/simecs-indicadores.png) no-repeat  }

	#domus a { background:url(/_images/todos-trabalhos/domus.png) no-repeat  }
	#instituto a { background:url(/_images/todos-trabalhos/ines.png) no-repeat  }
	#tele-informacoes a { background:url(/_images/todos-trabalhos/tele.png) no-repeat  }
	#eiffel a { background:url(/_images/todos-trabalhos/citroen.png) no-repeat  }

	#revela a { background:url(/_images/todos-trabalhos/revela.png) no-repeat  }
	#bortolini a { background:url(/_images/todos-trabalhos/bortolini.png) no-repeat  }
	#doparke a { background:url(/_images/todos-trabalhos/doparke.png) no-repeat  }
	#flash-scalco a { background:url(/_images/todos-trabalhos/flash.png) no-repeat  }

	#radicci a { background:url(/_images/todos-trabalhos/radicci.png) no-repeat  }
	#madia a { background:url(/_images/todos-trabalhos/madiabb.png) no-repeat  }
	#clip a { background:url(/_images/todos-trabalhos/clipmed.png) no-repeat  }
	#sindigraf a { background:url(/_images/todos-trabalhos/sindigraf.png) no-repeat  }

	#microempa a { background:url(/_images/todos-trabalhos/microempa.png) no-repeat  }
	#sescon a { background:url(/_images/todos-trabalhos/sescon.png) no-repeat  }
	#topdown a { background:url(/_images/todos-trabalhos/topdown.png) no-repeat  }
	#studio-scalco a { background:url(/_images/todos-trabalhos/studio-scalco.png) no-repeat  }

	#eletropecas a { background:url(/_images/todos-trabalhos/eletropecas.png) no-repeat  }
	#dicosul a { background:url(/_images/todos-trabalhos/dicosul.png) no-repeat  }
	#buzin a { background:url(/_images/todos-trabalhos/buzin.png) no-repeat  }
	#branco-miele a { background:url(/_images/todos-trabalhos/branco-miele.png) no-repeat  }

	#bortoncello a { background:url(/_images/todos-trabalhos/bortoncello.png) no-repeat  }
	#anay a { background:url(/_images/todos-trabalhos/anay.png) no-repeat  }
	#nankin a { background:url(/_images/todos-trabalhos/nankin.png) no-repeat  }
	#bs a { background:url(/_images/todos-trabalhos/bs-info.png) no-repeat  }

	#kybernetics a { background:url(/_images/todos-trabalhos/kybernetics.png) no-repeat  }
	#lumifluor a { background:url(/_images/todos-trabalhos/lumifluor.png) no-repeat  }
	#zevir a { background:url(/_images/todos-trabalhos/zevir.png) no-repeat  }
	#automalink a { background:url(/_images/todos-trabalhos/automalink.png) no-repeat  }

	#ieco a { background:url(/_images/todos-trabalhos/ieco.png) no-repeat  }
	#cipnet a { background:url(/_images/todos-trabalhos/cipnet.png) no-repeat  }
	#cromofix a { background:url(/_images/todos-trabalhos/cromofix.png) no-repeat  }
	#arte-quadros a { background:url(/_images/todos-trabalhos/artequadros.png) no-repeat  }

	#topdb a { background:url(/_images/todos-trabalhos/topdb.png) no-repeat  }
	#dalpai a { background:url(/_images/todos-trabalhos/dal-pai.png) no-repeat  }
	#excelsior a { background:url(/_images/todos-trabalhos/excelsior.png) no-repeat  }
	#iotty a { background:url(/_images/todos-trabalhos/iottiflyfishing.png) no-repeat  }

.nav { width:100px; position:absolute; bottom:150px; left:450px }
.nav a.prev { display:block; float:left; margin-right:10px; width:10px; height:15px; background:url(/_images/botoes/anterior.gif); text-indent:-9999px; overflow:hidden }
#paginacao { float:left; width:35px}
#paginacao a { font-size:1.2em; margin:0 12px;  display:none; padding:0; margin:0 }
#paginacao a.highlight { font-weight:bold; display:block; text-align:center }
.nav a.next { display:block; float:left; margin-left:10px; width:10px; height:15px; background:url(/_images/botoes/proximo.gif); text-indent:-9999px; overflow:hidden }