* {margin: 0px; padding: 0px; font: 0px;}
body {background: #000;}
a img {border: 0px;}
img {display: block;}

#geral {border-top: 1px solid #fff}

#top {background: #fff; width: 100%; float: left; padding-bottom: 50px; margin-bottom: 30px;}
.content-top {width: 950px; margin: 0 auto; padding-top: 50px;}
.content-top h1 {margin-bottom: 50px; clear: left;}
.content-top h2.inicio {background: url('desc.gif') no-repeat; width: 393px; height: 36px; text-indent: -10000px; margin-bottom: 10px;}
.content-top h2.sobre {background: url('apresentacao.gif') no-repeat; width: 313px; height: 85px; text-indent: -10000px; margin-bottom: 30px;}
.content-top h2.sobre-2 {background: url('entao.gif') no-repeat; width: 100px; height: 28px; text-indent: -10000px; margin-bottom: 30px; margin-top: 40px;}
.content-top h2.numerodois {background: url('numerodois.gif') no-repeat; width: 31px; height: 21px; text-indent: -10000px; margin-bottom: 40px; margin-top: 40px;}
.content-top h2.contato {background: url('fale.gif') no-repeat; width: 180px; height: 23px; text-indent: -10000px; margin-bottom: 40px; margin-top: 40px; text-indent: -10000}

#portfolio { margin: 0 auto; width: 950px; margin-top: 30px;}
#portfolio-2 { margin: 0 auto; width: 950px; margin-top: 30px;}

.first {margin-top: 0px;}

.me-description {font: 11px Arial; text-transform: uppercase;}
.color {color: #666; background: #333}

.plus {height: 19px; display: block; padding-left: 40px; font: 11px Arial; text-decoration: none; padding-top: 5px; margin-top: 30px; float: left;}
.plus:link , .plus:visited {background: url('plus.gif') no-repeat; color: #000;}
.plus:hover , .plus:visited:hover {background: url('plus.gif') no-repeat; color: #ccc; background-position: 0 -25px;}

h3 {font: 18px Arial; color: #fff; letter-spacing: -1px; margin-top: 30px;}

.content-top-left {float: left;}
.content-top-right {float: right; clear: right;}

.content-top-right ul {margin-top: 10px; display: block;}
.content-top-right ul li {float: left; list-style: none; font: 11px Arial; margin-left: 10px;}
.content-top-right a {color: #000; text-decoration: none;}
.content-top-right a:link, .content-top-right a:visited {background: none;}
.content-top-right a:hover, .content-top-right a:visited:hover {background: #000; color: #fff;}
.content-top-right p {font: 11px Arial; text-align: right; color: #000; clear: both;margin-top: 85px;}
.content-top-right p a {text-decoration: none; color: #000;}
.opt-site {background: #000;}
.opt-site a {color: #fff}

#portfolio img {margin-bottom: 1px;}
#portfolio p {font: 11px Arial; color: #fff; text-transform: uppercase; margin-bottom: 10px;}

#rodape {width: 950px; height: 50px; margin: 0px auto; clear: both;}
#rodape p {font: 11px Arial; color: #999; height: 50px; float: left; text-transform: lowercase;}
.index {padding-top: 40px;}

.links {margin-top: 20px;}
.links a {font: bold 11px Arial; text-transform: uppercase; text-decoration: none; margin-right: 10px}
.links a:link , .links a:visited {color: #333;}
.links a:hover , .links a:visited:hover {color: #fff; background: #000;}

.aqui {border-bottom: 1px dashed #000; color: #000; text-decoration: none;}


/* #2 */
#projeto-block {margin-top: 30px; padding-bottom: 30px; background: url('line.gif') repeat-x bottom; width: 773px; margin: 0 auto; float: left; margin-bottom: 50px;}
#projeto-block .img-principal {width: 520px; height: 337px; background: url('sombra.png') no-repeat bottom; float: left; clear: both; margin-right: 3px; text-align: left;}
#projeto-block .img-lateral {width: 250px; padding-bottom: 8px; float: left; margin-bottom: 6px; background: url('mini-sombra.png') no-repeat bottom;}
#projeto-block .img-principal img , #projeto-block .img-lateral img{display: block;}


#descricao-block {margin-top: 20px; float: left;}
#descricao-block p {font: 12px "Ms Sans Serif"; color: #fff; margin-bottom: 5px; width: 773px; text-align: justify;}
#descricao-block strong {font: bold 15px Arial;}
#descricao-block a {color: #fff;}
#descricao-block a:link , #descricao-block a:visited {text-decoration: none;}
#descricao-block a:hover , #descricao-block a:visited:hover {text-decoration: underline;}

#projeto-block h2 {font: 18px Arial; color: #fff; letter-spacing: -1px; text-transform: uppercase;}
.tecnologias-p img{padding-top: 20px; float: left; margin-right: 1px;}
.acessar {float: left; margin-bottom: 20px; width: 100%;}

.acessar {float: left; margin-bottom: 20px; width: 100%;}
.acessar h2 {float: left;}
.acessar a {float: right; font: 11px Arial; color: #fff; padding: 10px 0; background: url('seta.gif') no-repeat right; padding-right: 25px;}
.acessar a:link , .acessar a:visited {text-decoration: none;}
.acessar a:hover , .acessar a:visited:hover {text-decoration: underline;}

.desc-title {font: 11px Arial; text-transform: uppercase; color: #f4f4f4; clear: both; letter-spacing: 0px; text-align: left;}