html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration:none;
}

body {
	line-height: 1;
	font-size:100%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*inicio do css*/

*{border:0;margin:0;padding:0;}
li{list-style:none;}
h1 a{color:#fff;}
body{background:#fff;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	font-variant:normal;font-weight:normal; font-style:normal;}


/*TOPO*/

#geral{	background:#FFF;width:100%;	}
	
#topo{margin:auto;width:1015px;;padding-top:30px;}	
	
#logo{padding-left:3%;}	
	
h1 span{display:none;}	
	
/*Menu*/	

.menu_position{margin: 0 auto;width: 1015px; display: block;}

#menu p{font-size:24px;display:block;text-align:right;padding:2px 30px 2px 0;text-decoration: none; cursor:pointer;	}
#menu p:hover{	font-size:24px;display:block;text-align:right;padding:2px 30px 2px 0;text-decoration: none; cursor:pointer;color:#fff; background: #342f2f; color:#fff;}

#menu a { color:#342f2f;}
#menu a:hover {color:#fff;}

#menu p:hover a {color:#fff}	
	
.liportfolio {	background-color:#FFF;}
.lisobre {	background-color: #f2f2f2;}
.licontato {background-color: #e8e8e8;}




/*CONTEUDO*/

#informacao{	background:#d9d9d9;	padding:10px 0;	}
#informacao a { color: #6b6767;}
#informacao p{	color:#a1a1a1;	width:1015px;	margin: 0 auto;	font-size:17px;	padding-top: 15px; line-height: 130%;}
#informacao h2{	color: #fff;	font-size:72px;	width:1015px;	margin: 0 auto;	padding-top:70px;	padding-bottom:30px;	}	
	
#projetos{	margin: 0 auto;	 background: #F2F2F2; width: 100%; }	
	
	
/*PROJETOS*/	
	
.first{	background:#f2f2f2;	overflow:hidden;padding-bottom: 70px;	}	
.firstline{	width:1015px;	margin: 0 auto;	padding-top: 70px;	}
.firstline img{	float: left;	height: 188px; width: 311px; border: 1px solid #E8E8E8;	}
.firstline img:hover{ border: 1px solid #342F2F;}
	
/*informacoes img*/	
	
.infoimg {	float:left;	padding-left:16px; padding-right:16px;	padding-top:10px; width: 160px;}		
.infoimg h3{	color:#342f2f;	font-size:15px;	}	
.infoimg h3 span{	clear:both;	font-size:11px;	color:#a1a1a1;	display:block;	}	
.infoimg p{	 color:#342f2f;	 font-size:12px;	 padding: 15px 0;	 max-width:150px;	}
.infoimg li{ color:#a1a1a1;	font-size:11px;	}
.infoimg a{ color:#342f2f; text-decoration: none; font-size:11px; font-weight:bold;}	

	
	
	
/*SECONDLINE*/

.second{	background:#e8e8e8;	overflow:hidden; padding-bottom: 70px;}	
.secondline{	width:1015px;	margin: 0 auto;	padding: 70px;	}	
.secondline img{	float: left;	height: 188px; width: 311px; border: 1px solid #F2F2F2;}
.secondline img:hover{ border: 1px solid #342F2F;}

	

	
/*GALERIA DE FOTOS*/

.gallery{ margin: 0 auto;}
#galeria { margin-top: 40px;}


/*CONTATO*/
#formulario { width: 1000px; margin: 0 auto; color: #342F2F; margin-bottom: 30px; height: 600px; padding-top:80px;}
#formulario h1 { font-size: 36px; margin-bottom: 30px; margin-top:30px;}
#formulario input { color: #666; border: 2px solid #999; width: 400px; height: 40px; font-size: 24px; float: left; margin-bottom:30px;}

#formulario #mensagem { height: 300px;}
#formulario #enviar { background:#999; color:#FFF; margin-bottom: 60px;}
#formulario #enviar:hover { background: #342f2f;	color:#fff; border: #342f2f;}

#contato { width: 500px; height:auto; display:block; float:left; }

#informacoes-contato { padding-left: 50px;}
#informacoes-contato h2{ font-size:30px; margin-bottom: 10px;}
#informacoes-contato p { margin-bottom:20px; color:#666;}



/*RODAPE*/

#rodape { text-align:center; background: #342F2F; width: 100%;  color:#FFFFFF; bottom: 0; position:fixed; padding: 5px 0 5px;}
#rodape a { text-decoration:none; color:#FFFFFF; }
#rodape p{ padding: 3px; font-size:12px;}