/* CSS Document */
/*estrutura*/
* { padding: 0; font:1.0em arial, sans-serif;color:#fff }
#outer { width: 100%; background:#000; text-align: center; height: 120px}
#header { width: 940px; margin-left: auto; margin-right: auto; background:#000;}

/* links */
a, a:visited{text-decoration: none}

/* Trabalho 1 */
.fundo1{display:block; clear:both; width: 100%; height:880px; padding-top:20px;}
.fundo_grafico{display:block; clear:both; width: 100%; height:820px; padding-top:20px;}

/* Info */
.info1 {width: 700px; height: 50px; margin-left: auto; margin-right: auto;}
.titulo, .descricao {text-align:left; font-family:Arial, Helvetica, sans-serif;}
.titulo {padding-top:0px;  text-align:left; color:#9d9a15; font-size:14px; font-weight:bold}
.titulo a {padding-top:0px;  text-align:left; color:#9d9a15; font-size:14px; font-weight:bold}
.titulo a:hover {color:#c2be1e;}
.descricao {padding-top:00px; text-align:left;color:#dadada; font-size:10px}

/* Trabalhos - imagem */
.fundo_imagem1 {width: 700px; height: 775px; margin-left: auto; margin-right: auto; background:#121212; margin-top: 2px; padding-top: 10px;}
.fundo_imagem_grafico {width: 700px; height: 710px; margin-left: auto; margin-right: auto; background:#121212; margin-top: 2px; padding-top: 10px;}

#trabalho1_1{width: 678px; height: 510px; margin-right: auto; background:#000;  margin-left: 10px; background-image:url(img/sites/deriks/versao1/1.jpg)}
#trabalho1_2{width: 334px; height: 243px; margin-right: auto; margin-top: 10px; float: left; background:#000;  margin-left: 10px; background-image:url(img/sites/deriks/versao1/2.jpg)}
#trabalho1_3{width: 334px; height: 243px; margin-right: auto; margin-top: 10px; float: left; background:#000;  margin-left: 10px; background-image:url(img/sites/deriks/versao1/3.jpg)}
#trabalho2_1{width: 678px; height: 510px; margin-right: auto; background:#000;  margin-left: 10px; background-image:url(img/sites/animalia/1.jpg)}
#trabalho2_2{width: 334px; height: 243px; margin-right: auto; margin-top: 10px; float: left; background:#000;  margin-left: 10px; background-image:url(img/sites/animalia/2.jpg)}
#trabalho2_3{width: 334px; height: 243px; margin-right: auto; margin-top: 10px; float: left; background:#000;  margin-left: 10px; background-image:url(img/sites/animalia/3.jpg)}
#trabalho3_1{width: 678px; height: 510px; margin-right: auto; background:#000;  margin-left: 10px; background-image:url(img/sites/bebe/1.jpg)}
#trabalho3_2{width: 334px; height: 243px; margin-right: auto; margin-top: 10px; float: left; background:#000;  margin-left: 10px; background-image:url(img/sites/bebe/2.jpg)}
#trabalho3_3{width: 334px; height: 243px; margin-right: auto; margin-top: 10px; float: left; background:#000;  margin-left: 10px; background-image:url(img/sites/bebe/3.jpg)}
#trabalho4_1{width: 678px; height: 510px; margin-right: auto; float: left; background:#000;  margin-left: 10px; background-image:url(img/sites/km/1.jpg)}
#trabalho4_2{width: 334px; height: 243px; margin-right: auto; margin-top: 10px; float: left; background:#000;  margin-left: 10px; background-image:url(img/sites/km/2.jpg)}
#trabalho4_3{width: 334px; height: 243px; margin-right: auto; margin-top: 10px; float: left; background:#000;  margin-left: 10px; background-image:url(img/sites/km/3.jpg)}
#trabalho5_1{width: 678px; height: 510px; margin-right: auto; background:#000;  margin-left: 10px; background-image:url(img/sites/inutil/1.jpg)}
#trabalho5_2{width: 334px; height: 243px; margin-right: auto; margin-top: 10px; float: left; background:#000;  margin-left: 10px; background-image:url(img/sites/inutil/2.jpg)}
#trabalho5_3{width: 334px; height: 243px; margin-right: auto; margin-top: 10px; float: left; background:#000;  margin-left: 10px; background-image:url(img/sites/inutil/3.jpg)}
#trabalho6_1{width: 678px; height: 510px; margin-right: auto; background:#000;  margin-left: 10px; background-image:url(img/sites/personalizacao/1.jpg)}
#trabalho6_2{width: 334px; height: 243px; margin-right: auto; margin-top: 10px; float: left; background:#000;  margin-left: 10px; background-image:url(img/sites/personalizacao/2.jpg)}
#trabalho6_3{width: 334px; height: 243px; margin-right: auto; margin-top: 10px; float: left; background:#000;  margin-left: 10px; background-image:url(img/sites/personalizacao/3.jpg)}
#trabalho7_1{width: 678px; height: 510px; margin-right: auto; background:#000;  margin-left: 10px; background-image:url(img/sites/adeliamendonca/1.jpg)}
#trabalho7_2{width: 334px; height: 243px; margin-right: auto; margin-top: 10px; float: left; background:#000;  margin-left: 10px; background-image:url(img/sites/adeliamendonca/2.jpg)}
#trabalho7_3{width: 334px; height: 243px; margin-right: auto; margin-top: 10px; float: left; background:#000;  margin-left: 10px; background-image:url(img/sites/adeliamendonca/3.jpg)}
#trabalho8_1{width: 678px; height: 510px; margin-right: auto; background:#000;  margin-left: 10px; background-image:url(img/sites/blog/1.jpg)}
#trabalho8_2{width: 334px; height: 243px; margin-right: auto; margin-top: 10px; float: left; background:#000;  margin-left: 10px; background-image:url(img/sites/blog/2.jpg)}
#trabalho8_3{width: 334px; height: 243px; margin-right: auto; margin-top: 10px; float: left; background:#000;  margin-left: 10px; background-image:url(img/sites/blog/3.jpg)}
#trabalho9_1{width: 678px; height: 510px; margin-right: auto; background:#000;  margin-left: 10px; background-image:url(img/sites/portfolio/1.jpg)}
#trabalho9_2{width: 334px; height: 243px; margin-right: auto; margin-top: 10px; float: left; background:#000;  margin-left: 10px; background-image:url(img/sites/portfolio/2.jpg)}
#trabalho9_3{width: 334px; height: 243px; margin-right: auto; margin-top: 10px; float: left; background:#000;  margin-left: 10px; background-image:url(img/sites/portfolio/3.jpg)}
#trabalho10_1{width: 678px; height: 510px; margin-right: auto; background:#000;  margin-left: 10px; background-image:url(img/sites/quartelsaojoao/1.jpg)}
#trabalho10_2{width: 334px; height: 243px; margin-right: auto; margin-top: 10px; float: left; background:#000;  margin-left: 10px; background-image:url(img/sites/quartelsaojoao/2.jpg)}
#trabalho10_3{width: 334px; height: 243px; margin-right: auto; margin-top: 10px; float: left; background:#000;  margin-left: 10px; background-image:url(img/sites/quartelsaojoao/3.jpg)}
#trabalho11_1{width: 678px; height: 510px; margin-right: auto; background:#000;  margin-left: 10px; background-image:url(img/sites/expodores/1.jpg)}
#trabalho11_2{width: 334px; height: 243px; margin-right: auto; margin-top: 10px; float: left; background:#000;  margin-left: 10px; background-image:url(img/sites/expodores/2.jpg)}
#trabalho11_3{width: 334px; height: 243px; margin-right: auto; margin-top: 10px; float: left; background:#000;  margin-left: 10px; background-image:url(img/sites/expodores/3.jpg)}
#trabalho12_1{width: 678px; height: 510px; margin-right: auto; background:#000;  margin-left: 10px; background-image:url(img/sites/deriks/versao2/1.jpg)}
#trabalho12_2{width: 334px; height: 243px; margin-right: auto; margin-top: 10px; float: left; background:#000;  margin-left: 10px; background-image:url(img/sites/deriks/versao2/2.jpg)}
#trabalho12_3{width: 334px; height: 243px; margin-right: auto; margin-top: 10px; float: left; background:#000;  margin-left: 10px; background-image:url(img/sites/deriks/versao2/3.jpg)}
#trabalho13_1{width: 678px; height: 510px; margin-right: auto; background:#000;  margin-left: 10px; background-image:url(img/sites/constantino/1.jpg)}
#trabalho13_2{width: 334px; height: 243px; margin-right: auto; margin-top: 10px; float: left; background:#000;  margin-left: 10px; background-image:url(img/sites/constantino/2.jpg)}
#trabalho13_3{width: 334px; height: 243px; margin-right: auto; margin-top: 10px; float: left; background:#000;  margin-left: 10px; background-image:url(img/sites/constantino/3.jpg)}
#trabalho14_1{width: 678px; height: 510px; margin-right: auto; background:#000;  margin-left: 10px; background-image:url(img/sites/expodores/2008/1.jpg)}
#trabalho14_2{width: 334px; height: 243px; margin-right: auto; margin-top: 10px; float: left; background:#000;  margin-left: 10px; background-image:url(img/sites/expodores/2008/2.jpg)}
#trabalho14_3{width: 334px; height: 243px; margin-right: auto; margin-top: 10px; float: left; background:#000;  margin-left: 10px; background-image:url(img/sites/expodores/2008/3.jpg)}
#trabalho15_1{width: 678px; height: 700px; margin-right: auto; background:#000;  margin-left: 10px; background-image:url(img/grafico/amc/feriasseguras08.jpg)}
#trabalho16_1{width: 678px; height: 700px; margin-right: auto; background:#000;  margin-left: 10px; background-image:url(img/grafico/amc/diadasmaes08.jpg)}
#trabalho17_1{width: 678px; height: 700px; margin-right: auto; background:#000;  margin-left: 10px; background-image:url(img/grafico/amc/natal2007.jpg)}
#trabalho18_1{width: 678px; height: 700px; margin-right: auto; background:#000;  margin-left: 10px; background-image:url(img/grafico/amc/revista_nouvelles_stopsun.jpg)}
#trabalho19_1{width: 678px; height: 700px; margin-right: auto; background:#000;  margin-left: 10px; background-image:url(img/grafico/amc/revista_nouvelles_erres.jpg)}
#trabalho20_1{width: 678px; height: 700px; margin-right: auto; background:#000;  margin-left: 10px; background-image:url(img/grafico/amc/revista_nouvelles_linhaprai.jpg)}
#trabalho21_1{width: 678px; height: 700px; margin-right: auto; background:#000;  margin-left: 10px; background-image:url(img/grafico/amc/banner_standsp_08_01.jpg)}
#trabalho22_1{width: 678px; height: 700px; margin-right: auto; background:#000;  margin-left: 10px; background-image:url(img/grafico/amc/revista_nouvelles_radiance.jpg)}
#trabalho23_1{width: 678px; height: 700px; margin-right: auto; background:#000;  margin-left: 10px; background-image:url(img/grafico/amc/banner_standsp_08_02.jpg)}
#trabalho24_1{width: 678px; height: 700px; margin-right: auto; background:#000;  margin-left: 10px; background-image:url(img/grafico/amc/sacolaamc08.jpg)}