@charset "utf-8";
/* CSS Document */
/* Front-end: Fernando Souza - wwww.nandosouza.com */

/*Importando o CSS RESET*/
@import url("reset.css");

/* @group Regras para texto*/
.hidetext { text-indent:-4999px; }
p, strong, a, h1, h2, h3, h4, h5, input, textarea, label, li { font-family:"Trebuchet MS"; }
p, strong, a, label { color:#7fd1e9; font-size:13px; }
/* @end*/

/* @group Regras blocos estruturais */
body { background:url(../img/bg.jpg) top center no-repeat #000; padding-top:160px; }
#container { width:900px; margin:0 auto; position:relative; }
#footer { margin-bottom:65px; float:left; width:100%; clear:both; }
/* @end */

/* @group Regras para títulos */
h1 { height:53px; background:url(../img/nandosouza.jpg) no-repeat; }
h2, h3 { color:#45a1bc; font-size:16px; }
h2 { color:#45a1bc; }
h3 { color:#3b6875; }
/* @end */

/* @group About */
#about { width:900px; height:168px; background:url(../img/bg-about.jpg) top center no-repeat; padding-top:7px; margin-top:20px; margin-bottom:90px; }
#about p, #about img { float:left; }
#about p { padding-left:28px; padding-top:10px; width:670px; line-height:22px; }
/* @end */

/* @group Projetos */
.projeto { clear:both; margin-bottom:95px; position:relative; display: block; }
.iconAcesse { width:35px; height:37px; position:absolute; right:10px; top:80px; background:url(../img/acesse.png) no-repeat; }
.projeto h2 { text-transform:uppercase; margin-right:10px; }
.projeto h2, .projeto h3 { float:left; margin-bottom:-5px; font-size:28px; }
.projeto h4 { color:#b1b1b1; clear:both; font-size:12px; }
.projeto img { border:6px solid #3e3e3e; margin-top:5px; }
.projeto a { display:block; }
.case { padding:8px 0; display:block; }
/* @end */

/* @group Friends */
#friends { float:left; }
#friends ul { margin-top:10px; }
#friends ul li { padding:3px 0; }
#friends ul li a { color:#b1b1b1; font-size:13px; padding:0 0 0 15px; background:url(../img/marcador.gif) no-repeat 0 -14px; }
#friends ul li a:hover { background:url(../img/marcador.gif) no-repeat 0 4px; color:#36a0bf; }
#nincefriends { width:215px; height:25px; background:url(../img/tit_nicefriends.jpg) no-repeat }
/* @end */

/* @group Contato */
#contato { float:right; position:relative; }
#contato p { text-align:right; color:#b1b1b1; margin:13px 0; }
#entreemcontato { width:303px; height:25px; background:url(../img/tit_contato.jpg) no-repeat }
#contato form { margin-top:10px; }
#nome, #email, #mensagem { width:286px; border:0; clear:both; padding:7px 8px 8px 8px; text-transform:uppercase; font-size:11px; font-weight:bold; float:right; margin-bottom:5px; color:#36a0bf; }
#nome, #email { background:url(../img/bg_input_pequeno.jpg) repeat-x; }
#mensagem  { background:url(../img/bg_input_grande.jpg) repeat-x; }
.enviar { clear:both; float:right; }
label { display:block; width:300px; clear:both; font-weight:bold; color:#36a0bf; }
label.error { color:#69b9d1; background:url(../img/bg-erro.jpg) 100% 50% no-repeat; height:24px; padding-top:4px; padding-right:25px; clear:both; float:right; margin-top:-4px; margin-bottom:3px; position:absolute; margin-left:-330px; margin-top:4px; text-align:right; font-weight:normal; }

#erroNome, #erroEmail1, #erroEmail2, #erroMensagem { left:-340px; padding-top:5px;  position:absolute; text-align:right; color:#69b9d1; padding-right:30px; background:url(../img/bg-erro.jpg) 100% 50% no-repeat; height:24px; }
#erroNome { top:48px; }
#erroEmail1, #erroEmail2 { top:103px; }
#erroMensagem { top:152px; }

.validation { position:absolute; right:0; bottom:0; }
.confirm { position:absolute; bottom:-25px; font-weight:normal; }
.confirm, #resposta p { color:#7fd1e9; }
/* @end */