* {
list-style:none;
border:none;
margin:0;
padding:0
}

a { font-weight:normal;color:#fff;text-decoration:none }
a:hover { text-decoration:underline;cursor:pointer }

h1 { color:#DF6E00;font:800 12px Verdana, sans-serif;margin-bottom:7px }

#clientes dt { margin-bottom:3px }
#clientes dl ul li { list-style:disc inside;margin-left:6px }

legend { display:none }


#footer a { text-decoration:none }

/*	permite o footer fixo	*/
body { position:relative }

/*		*/
body#projetos, body#home { background:none;background-color:#000}/* #020100 url(lib/img/bg-home-2.jpg) center 66px no-repeat  bg-home left 36px */

#bg-home {
margin:0 auto;
margin-top:-20px;
width:802px
}


/*	bg geral	*/
body { background:url(lib/img/bg-body.jpg) }
/*	div bg		*/
#bg { height:290px }
/*	img do div bg de cada seção	*/
#bg { background:#020100 url(lib/img/bg-default.jpg) center 0 no-repeat }


#contato #bg { background:#020100 url(lib/img/bg-contato.jpg) center -20px no-repeat }
#projetos  #content { background:#020100 url(lib/img/bg-projetos.jpg) right bottom no-repeat }

/*	retirando o padding para o #adorno pegar toda a horiontal	*/
#content.roll  { background:url(lib/img/adorno.jpg) 0 0 repeat-x;padding:13px 0 0 }

/*	div com width definada e centralizada	*/
#main { width:878px; margin:0 auto }

#main strong { color:#FFD100 }
#main a { text-decoration:underline }
#main a:hover { text-decoration:none  }

/*	arquitetos	*/
#main h2 { padding:26px 0 0 22px;font-size:15px;margin-bottom:-14px }

#contato form { padding-top:49px }

body#projetos #content, body#home #content { height:530px }


button { 
background:url(lib/img/bt-m-contato.jpg) 0 0 no-repeat;
cursor:pointer;
display:block;
height:27px;
margin-left:275px;
width:49px
}
button:hover { border:1px solid #2F2F2F }

#content  { font:12px Verdana, sans-serif;padding:30px 20px 0 }

#projetos #content ul#projetos-lista {
margin:0 auto;
padding-left:5px;
width:81%
}

#projetos #content ul#projetos-lista li:hover  { cursor:pointer }

#projetos #content ul#projetos-lista li:hover img { border-color:#fff }
#projetos #content ul#projetos-lista li:hover  img.cor { display:none }
#projetos #content ul#projetos-lista li:hover span { color:#fff }

#projetos #content ul#projetos-lista li img { border:3px solid #333;display:block; }

/*#projetos #content ul li  a {*/
#projetos #content ul#projetos-lista li  h2 { position:relative;display:block }

/*#projetos #content ul li span {*/
#projetos #content ul#projetos-lista li img { left:8px;position:relative }

#projetos #content ul#projetos-lista li img.cor {
left:8px;
position:absolute;
top:0
}

#projetos #content ul#projetos-lista li {
background-color:#1b1b1b;
float:left;
height:112px;
margin:0 1px 1px 0;
overflow:hidden;
padding-top:8px;
width:196px
}
#projetos #content ul#projetos-lista li span {
background-color:#2E2E2E;
color:#6F6F6F;
display:block;
height:12px;
margin-top:8px;
text-indent:10px
}
#projetos h2 {
background:#2E2E2E;
background-color:#1b1b1b;
font:9px Tahoma
}

#content { color:#ccc }

textarea, input {
background-color:#202020;
border:1px solid #484848;
color:#484848;
display:block;
font:11px Verdana;
margin-bottom:6px;
padding:4px;
width:314px
}

#javascript { display:none }

textarea { height:68px }

textarea.input_focus, input.input_focus, textarea:focus, input:focus { border:1px solid #cfcfcf;color:#cfcfcf }
textarea:hover, input:hover { border:1px solid #afafaf;color:#cfcfcf }
select { height:22px;padding:2px }
option { font-size:11px;padding:2px 6px }

fieldset { display:inline;margin:0;padding:0 }

#header { background:url(lib/img/header.jpg) 0 0 repeat;height:70px }

#menu {
background:url(lib/img/mnu.jpg) 0 0 no-repeat;
height:70px;
margin:0
}

#menu li { float:left }

#menu li a {
border-right:1px solid #cfaa4f;
color:#fff;
display:block;
font:10px Verdana;
height:20px;
margin-top:7px;
padding-top:9px;
text-align:center;
width:115px;
}


#menu li ul { display:none }

li a#abrasil { border-width:0;height:30px;margin:7px 35px 0 35px;text-indent:-9999px }

#menu li a.li-last { border-width:0 }

#contato #footer { overflow:hidden }

#section {
bottom:66px;
color:#DFAD37;
height:45px;
left:20px;
overflow:hidden;
position:fixed
}

/*	infos		*/
#infos h1 { color:#DF6E00;font:800 15px tahoma, verdana, sans-serif }


/*	dls 	*/
dl { margin:30px 0 0 24px }

dt { clear:both;color:#DF6E00;font:800 13px tahoma, verdana, sans-serif }

dd li { line-height:17px }
dd { margin-bottom:15px }

#escritorio dt { border-top:1px solid #333;padding:12px 0 }
#clientes dd { margin-bottom:25px }
#escritorio dd { height:200px }



/*	footer  - seções home e projetos -  contém a navegação e um projeto randômico	*/
#footer ul ul {
padding-top:2px;
background:none;
left:-7px;
position:relative;
text-indent:3px;
top:13px;
width:200px
}

#footer ul ul li {
background:none;
color:#ccc;
height:17px;
padding:0;
width:200px
}

#footer ul ul li a {
color:#ccc;
display:block;
font:10px Arial, serif;
height:15px
}
#footer ul ul li a:hover { background-color:#666;color:#000 }

#footer li.li-last { /*	último li, direita do footer, apenas decorativo	*/
height:140px;
padding:0;
width:8px;
}

	/*	img com listras na lateral da navegação	*/
#footer ul #tarja { background:none;padding:0;width:20px }


#footer ul {
background:none;
bottom:20px;
height:135px;
overflow:hidden;
position:absolute;
right:0;
width:660px
}

#footer li { 
background-image:url(lib/img/bg-footer-nav-2.png);
color:#8f8f8f;
display:block;
float:left;
font:10px Tahoma, sans-serif;
height:116px;/*140*/
margin-left:3px;
padding:11px 13px;
width:180px
}

#footer li:hover { background:#191919;color:#DFDFDF }
#footer li span { font-weight:800 }

/* projeto random no footer */

#destaque-projeto span.img:hover { border-color:#fff;cursor:pointer }

#destaque-projeto span.img { border:2px solid #333;display:block;height:62px;overflow:hidden;width:175px }
#destaque-projeto p span { display:block }
#destaque-projeto p { padding-left:2px }

#footer li#mnu-sec:hover { color:#fff }

#footer li#mnu-sec {
background:url(lib/img/bg-footer-nav.jpg) 0 0 no-repeat;
color:#9D9D9D;
font:800 9px Tahoma, Verdana, serif;
height:140px;
overflow:hidden;
padding:9px 0 0 17px;
width:180px;
}


#quadro { color:#fff;font:11px Verdana, sans-serif;position:relative;top:15px }

#img_maior { border:2px solid #fff }

#projetos #content ul#projetos-lista li img.tarja_new {
border:0;
height:52px;
position:absolute;
top:-8px;
left:125px;
width:73px
}

#projetos #content ul#paginacao { clear:both;padding-top:5px }

#projetos #content ul#paginacao li a { display:block;font:9px Arial;padding:3px 6px;text-decoration:none }

#projetos #content ul#paginacao li a.off:hover { cursor:default }
#projetos #content ul#paginacao li a.off { background:#1B1B1B }
#projetos #content ul#paginacao li a:hover { background:#1B1B1B }

#projetos #content ul#paginacao li { background:#2E2E2E;display:block;float:left;margin-right:1px }

#projetos #content ul#paginacao { margin:0 auto;padding-left:5px;width:81% }

#infos, #footer form { float:left;padding-top:40px  }



/*	conteudo principal in #content #main	*/
#infos { margin-left:30px;width:730px }
#infos p { margin-bottom:12px;line-height:18px }
#contato #infos { width:300px }


#content-sec #infos a { margin-left:0;text-decoration:underline }
#content-sec #infos a:hover { text-decoration:none }
#contato #infos a { margin-bottom:2px;margin-left:0 }



#content-sec p.telefone { font:600 12px Verdana, sans-serif;letter-spacing:-1px;margin-bottom:57px }

#content-sec a { display:inline; font:800 12px Verdana;color:#fff;margin-bottom:17px; margin:0; padding:0 }
#contato #content-sec a { display:block }
#content-sec a:hover { text-decoration:underline }
#content-sec { color:#6F6F6F;font:12px Verdana;margin:0 auto;width:80% }
#infos { padding-left:32px;position:relative }
#infos img.tarja { left:0;position:absolute;top:42px;width:20px }/*	igual a #infos, #footer form padding-top:30px	*/

#infos img.arquiteto { border:3px solid #333;float:right;height:150px;width:150px	}

#footer { background:url(lib/img/contato-footer-bg.jpg) 0 0 repeat-x;bottom:0;height:220px;padding-bottom:20px;position:fixed;width:100% }
#home #footer, #projetos #footer { background:url(lib/img/fnd-footer.jpg) 0 18px repeat-x;height:13px }


/*   contato - respota */
#resposta {font-family:Verdana, sans-serif;margin-left:12px;padding-top:12px}


/*	opções do mnu qnd ativas	*/
#home a#mnu-item-home,
#escritorio a#mnu-item-escritorio,
#contato a#mnu-item-contato,
#maquetes a#mnu-item-maquetes,
#clientes a#mnu-item-clientes,
#projetos a#mnu-item-projetos { color:#fff;text-decoration:none }

#menu li a:hover { color:#fff }
#menu li a { color:#FFD100;text-decoration:none }


/*	área de conteúdo principal	*/
#main { color:#C3C3C3 }

/*	maquetes	*/
#maquetes #main ul { width:770px }
#maquetes #main ul li { display:inline;padding-right:3px  }
#maquetes #main ul li img:hover { border-color:#fff }
#maquetes #main ul li img { border:3px solid #333 }


/*	view - visualização dos projetos sem javascript	*/
#projetos.view #section {
display:none;
}

#projetos.view h1 {
font:normal 24px Tahoma, Verdana, sans-serif;
color:#fff
}
#img-view  {
margin:22px 0;
padding-bottom:25px
}
#img-view img {
border:2px solid #333;
display:block;
margin-bottom:22px
}
#projetos  #content { background-image:none }
#img-view  {  background:#020100 url(lib/img/bg-projetos.jpg) right bottom no-repeat;  }
.menu_projetos{ color:#999999; font-size:24px; font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif}
.menu_projetos:hover{ text-decoration:none; color:#FFFFFF}
/*	creditos 	*/
#creditos a, #creditos { color:#666;font:10px Arial }
#creditos { clear:both;display:block;margin-left:12px;padding:15px 0 15px 0 }
#home #creditos, #projetos #creditos { bottom:15px;margin-left:0;padding-left:12px;position:relative;width:165px }
#contato #creditos { width:160px }
#creditos:hover { color:#fff; cursor:default }
#creditos:hover a { color:#fff;text-decoration:underline }
p#creditos a:hover { color:#FFC12F;cursor:pointer }
