@import url(reset.css);

/* 
	diegotavares.com.br
	arquivo css que contém todos estilos utilizados no site
	
	cores utilizadas
	#E6E5E2 #999 #666 #E0661C
	

 reset.css 
 fancybox.css 
 reset.css */
body {
background:			#E6E5E2 url(../imagens/bg-site.jpg) top left repeat-x;
font-family:		arial, Helvetica, georgia, serif;
color:				#666;
margin:				0;
padding:			0;
}

p {
font-size:			12px;
line-height:		15px;
color:				#666;
background-color:	transparent;

}

a {
color:				#666;
font-weight:		700;
padding-left:		4px;
text-decoration:	none
}
#geral{
position:			relative;
width:				975px;
height:				100%;
margin: 			0 auto;
}

#topo{
width:				975px;
height:				330px;
margin:				0 auto;
background:			#E6E5E2 url(../imagens/bg-topo.jpg) top center no-repeat;
position:			relative;
}

#nome-tel{
		
		display:block;
		left:155px;
		position:absolute;
		top:3px;
	}


#logo{
width:				104px;
height:				55px;
border:				0;
clear:				both;
padding-left:		46px;
}
#foto-slide{
width:				480px;
height:				276px;
padding:			0 0 0 38px;
background:			transparent;
float:				left;
position:			relative;
}
#foto-slide #slide{ top:-1px; position:absolute;}
#nav-menu{
	position:			relative;
	width:				442px;
	height:				120px;
	float:				left;
	padding-left: 		10px;
	
}
#nav-menu li{
font-size:			12px;
}
#nav-menu a{
border:				0;
background:			#E6E5E2 url(../imagens/marcador-menu.jpg) no-repeat scroll 0 0;
padding-left:		20px;
line-height:		15px;
}
#nav-menu a:hover{
background:			#E6E5E2 url(../imagens/marcador-menu.jpg) no-repeat scroll 0 -17px;
color:				#E0661C;
}
#linkhome{
	position:			absolute;
	display:			block;
	top:				-1px;
	left: 				42px;
}
#linkperfil{
	position:			absolute;
	display:			block;
	top:				-1px;
	left: 				122px;
}
#linkservicos{
	position:			absolute;
	display:			block;
	top:				-1px;
	left: 				202px;
}
#linkantesdepois{
	position:			absolute;
	display:			block;
	top:				39px;
	left: 				143px;
}
#linkobras{
	position:			absolute;
	display:			block;
	top:				39px;
	left: 				282px;
}
#linklocalizacao{
	position:			absolute;
	display:			block;
	top:				79px;
	left: 				222px;
}
#linkpremios{
	position:			absolute;
	display:			block;
	top:				99px;
	left: 				122px;
}
#linkfalecomigo{
	position:			absolute;
	display:			block;
	top:				79px;
	left: 				342px;
}
#linkprofissionais {
display:block;
left:343px;
position:absolute;
top:-1px;
}


#conteudo{
width:				476px;
height:				450px;
margin:				10px 0 20px 0;
padding:			0 0 0 38px;
float:				left;


}

#conteudo h1{
font-size:			20px;
color:				#E0661C;
border-bottom:		#E0661C solid 1px;
background:			transparent url(../imagens/marcador-menu.png) no-repeat scroll 0 -15px;
padding-left:		20px;
}

#foto-arquiteta{
position:			relative;
width:				384px;
float:				right;

}
#foto-arquiteta .cristina-zigoni{
position:			absolute;
width:				384px;
height:				587px;
left: 				0px;
top: 				-148px;
z-index: 			1;
}
#foto-arquiteta .lapis-papel{
position:			absolute;
width:				130px;
height:				95px;
left: 				-119px;
top: 				360px;
z-index: 			1;
}

#em-desenvolvimento, #lancamento{
margin:					20px 0;
width:					222px;
display:				table;
float:					left;
}

#lancamento{
padding-left:			30px;
}
#obras{
width:					475px;
height:					110px;
clear:					left;

}
#default{margin:20px 0 70px; }
#obras-galeria{
width:					475px;
display:				table;
clear:					left;
z-index:				2;
padding-top:			15px;

}

#em-desenvolvimento h2, #lancamento h2, #obras h2{
background:				transparent url(../imagens/marcador-menu.png) no-repeat scroll 0 3px;
border-bottom:			1px solid #666;
color:					#666;
font-size:				20px;
padding-left:			20px;
font-size:				14px;
line-height:			20px;
margin-bottom:			7px;

}
a.mais{
background:				transparent url(../imagens/obras/marcador-mais.gif) no-repeat scroll 0 1px;
color:					#999;
font-size:				12px;
line-height:			13px;
padding:				0 16px;
text-align:				right;
float:					right;
margin:					0;

}

a.mais:hover{
background:				transparent url(../imagens/obras/marcador-mais.gif) no-repeat scroll 0 -19px;
color:					#E0661C;

}


#obras ul, #obras-galeria ul, #lista_imagens_servicos{margin:0; padding:0;} 
#obras ul:after, #obras-galeria ul:after,
#lista_imagens_servicos:after{clear:both; content:"."; display:inline-block; height:0; visibility:hidden;} 

#obras ul li, #obras-galeria ul li,
#lista_imagens_servicos li{list-style-type:none; float:left; margin:0 10px 10px 0;  } 

#obras ul li a, #obras ul li a img, #obras-galeria ul li a, #obras-galeria ul li a img,
#lista_imagens_servicos li a, #lista_imagens_servicos li a img{float:left; overflow:hidden;  }

#obras ul li a, #obras-galeria ul li a,
#lista_imagens_servicos li a{border: #FFF 4px solid;}

#obras ul li a img, #obras-galeria ul li a img, #lista_imagens_servicos li a img{margin:-4px}

#obras ul li a:hover, #obras-galeria ul li a:hover, #lista_imagens_servicos li a:hover {border:4px solid #E0661C;} 

#obras ul li a:hover img, #obras-galeria ul li a:hover img, #lista_imagens_servicos li a:hover img {margin:-4px}  

#lista_imagens_servicos{padding:20px 0 0; border-top: 3px solid #E0661C; width:475px; margin: 0;}

#em-desenvolvimento p, #lancamento p{
padding-left: 			20px;
line-height:			16px;
font-size:				12px;
}



#rodape{
width:					935px;
padding-left:			40px;
margin:					0;
height:					30px;
clear:					both;
display:				inline;
}
#rodape address{
font-size:				11px;
line-height:			13px;
font-style:				normal;		
width:					545px;
float:					left;
}
#producao{
width:					82px;
height:					29px;
float:					right;
padding-right:			20px;
}

/*PAGINAS ADICIONADAS */

#mapa, #premios, #clientes{
margin:					10px 0;
width:					100%;
display:				table;
}

#mapa {
	overflow:hidden;}
#mapa iframe{
background-color:		transparent;
margin-top:				-33px;
}

#mapa label{
display:none;
}

#mapa small{
font-size:				11px;
text-align:				right;
display:				block;
}

#mapa small a:hover{
color:					#E0661C;
}

#premios dl, #clientes dl{ padding:10px 0;}
#clientes dl{ width:50%; float:left}

#premios dl dt, #clientes dl dt{
background:				transparent url(../imagens/icon-marcador.png) no-repeat scroll 0 10px;
padding-left:			26px;
color:					#E0661C;
font-size:				24px;
line-height:			25px;
margin:					15px 0 5px 0;
vertical-align:			bottom;
}

#clientes dl dt{
background:				transparent url(../imagens/icon-marcador.png) no-repeat scroll 0 4px;
}

#premios dl dd, #clientes dl dd{
padding-left:			25px;
color:					#666;
font-size:				17px;
line-height:			20px;
margin-bottom:			5px;
}
#clientes dl dd{
font-size:				14px;
line-height:			18px;
padding-left:			28px;
width:					230px;
}

#perfil, #falecomigo{
margin:					10px 0;
}
#perfil p, #falecomigo p{
margin:					0 0 8px 0;
}
#perfil span, #default span{
color:					#E0661C;
}

#servicos{
}
#servicos p{
    margin-top: 10px;
    text-align: justify;   
    
}

#servicos ul{
    padding:10px 0;
    margin:15px auto 0;}

#lista_servicos{display:inline-block; margin:15px auto 15px 30px;}

#lista_servicos li{
padding-left:			25px;
color:					#666;
font-size:				14px;
line-height:			18px;
margin-bottom:			5px;
vertical-align:			bottom;
background:				transparent url(../imagens/icon-marcador.png) no-repeat scroll 0 5px;


}
#lista_imagens_servicos li{
color:#666666;
font-size:17px;
line-height:20px;
margin-bottom:13px;
padding-left:0;
vertical-align:bottom;
}


#form_falecomigo {margin: 0; padding:0; position:relative}

#form_falecomigo label{
display:				block;
margin-top:				18px;
color:					#666;
font-size:				13px;
font-weight:			700;
}

#form_falecomigo .input{
width:					300px;
color:					#666;
border: 				#CCC 1px solid;
padding:				2px 1px;
}

#form_falecomigo .input:hover{
border: 				#E0661C 1px solid;
}

#form_falecomigo label.error {
margin-top:				23px;
position:				absolute;
color:					#E0661C;
display:				block;
font-size:				12px;
font-weight:			700;
border:					0;
z-index:				10;
left:					0;
display:				inline;
background-color:		transparent

}

#form_falecomigo label:hover{
color:					#E0661C;
}


#form_falecomigo .textarea{
width:					300px;
color:					#666;
height:					100px;
float:					left;
border: 				#CCC 1px solid;
padding:				1px;
}

#form_falecomigo .textarea:hover{
border: 				#E0661C 1px solid;
}

#form_falecomigo .botao{
background-color:		#666;
border:					0 none;
color:					#FFF;
float:					left;
font-size:				15px;
margin:					18px 0;
padding:				3px;
width:					60px;
font-weight:			700;
clear:					both;

}

#form_falecomigo .botao:hover{
background-color:		#E0661C;
}


#enviando, #mensagem{
float:					left;
padding-left:			20px;
width:					250px;
margin-top:				17px;
}


#nome_cris{
background-color:#B6B5B3;
display:block;
height:99px;
left:20px;
position:absolute;
top:-1px;
width:19px;
	}

#paginacao{
	width:370px;
	font-size:12px;
	clear:both;
	}
#paginacao a{
	font-size:12px;
	
	}

#paginacao a:hover, #paginacao span.paginaoff{
	color:#E0661C;
	font-weight:bold;
	}