html {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0px;
	padding: 0px;
	background: #f4efeb url(../img/bg_verde.jpg) center top repeat;
	color:#6d99a0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;

}

p {
	margin:0px;
	padding:0px;
	line-height:16px;
}

a {
	color:#6d99a0;
	text-decoration: none;
}


a:hover {

 color:#c3d63e; /* verde */
 text-decoration:none;
}

img {
 border: 0;
}

h1 {
padding:10px 0;
font-size:12px;
}

.verde {
background-color:#e3eca9;
text-align:center;
padding:5px 0;
color:#664522;
}

#principal {

	width: 900px;
	margin: 40px auto 0 auto;
	background-color:#e5f0f2;
	border:solid #fff 15px;
	
}


#logo {
	width:301px;
	height:169px;
	position:absolute;
	}



#menu {
	width: 550px;
	height:90px;
	padding:28px 0 30px 350px;
	background: #fff url(../img/barra.gif) right bottom repeat-x;
	z-index:1000;
		
}


#botao1 {float:left; width:89px; height:30px; overflow: hidden; background: url(../img/bt_home.gif) top left no-repeat; display: block; text-indent: 10000px; padding-left:6px;}


#botao1current {float:left; width:89px; height:30px; overflow: hidden; background: url(../img/bt_home.gif) top left no-repeat; display: block; text-indent: 10000px; padding-left:6px; background-position: bottom left;}


#botao2 {float:left; width:89px; height:30px; overflow: hidden; background: url(../img/bt_sites.gif) top left no-repeat; display: block; text-indent: 10000px; padding-left:6px;}
#botao2current {float:left; width:89px; height:30px; overflow: hidden; background: url(../img/bt_sites.gif) top left no-repeat; display: block; text-indent: 10000px; padding-left:6px; background-position: bottom left;}


#botao3 {float:left; width:102px; height:30px; overflow: hidden; background: url(../img/bt_cartoes.gif) top left no-repeat; display: block; text-indent: 10000px; padding-left:6px;}
#botao3current {float:left; width:102px; height:30px; overflow: hidden; background: url(../img/bt_cartoes.gif) top left no-repeat; display: block; text-indent: 10000px; padding-left:6px; background-position: bottom left;}


#botao4 {float:left; width:110px; height:30px; overflow: hidden; background: url(../img/bt_convites.gif) top left no-repeat; display: block; text-indent: 10000px; padding-left:6px;}
#botao4current {float:left; width:110px; height:30px; overflow: hidden; background: url(../img/bt_convites.gif) top left no-repeat; display: block; text-indent: 10000px; padding-left:6px; background-position: bottom left;}

#botao5 {float:left; width:77px; height:30px; overflow: hidden; background: url(../img/bt_tags.gif) top left no-repeat; display: block; text-indent: 10000px; padding-left:6px;}
#botao5current {float:left; width:77px; height:30px; overflow: hidden; background: url(../img/bt_tags.gif) top left no-repeat; display: block; text-indent: 10000px; padding-left:6px; background-position: bottom left;}


#botao6 {float:left; width:110px; height:30px; overflow: hidden; background: url(../img/bt_diversos.gif) top left no-repeat; display: block; text-indent: 10000px; padding-left:6px;}
#botao6current {float:left; width:110px; height:30px; overflow: hidden; background: url(../img/bt_diversos.gif) top left no-repeat; display: block; text-indent: 10000px; padding-left:6px; background-position: bottom left;}


#botao7 {float:left; width:102px; height:30px; overflow: hidden; background: url(../img/bt_contato.gif) top left no-repeat; display: block; text-indent: 10000px; padding-left:6px;}
#botao7current {float:left; width:102px; height:30px; overflow: hidden; background: url(../img/bt_contato.gif) top left no-repeat; display: block; text-indent: 10000px; padding-left:6px; background-position: bottom left;}

#botao8 {float:left; width:125px; height:30px; overflow: hidden; background: url(../img/bt_etiquetas.gif) top left no-repeat; display: block; text-indent: 10000px; padding-left:6px;}
#botao8current {float:left; width:125px; height:30px; overflow: hidden; background: url(../img/bt_etiquetas.gif) top left no-repeat; display: block; text-indent: 10000px; padding-left:6px; background-position: bottom left;}

#botao9 {float:left; width:198px; height:30px; overflow: hidden; background: url(../img/bt_batizado.gif) top left no-repeat; display: block; text-indent: 10000px; padding-left:6px;}
#botao9current {float:left; width:198px; height:30px; overflow: hidden; background: url(../img/bt_batizado.gif) top left no-repeat; display: block; text-indent: 10000px; padding-left:6px; background-position: bottom left;}


#botao1:hover, #botao2:hover, #botao3:hover, #botao4:hover, #botao5:hover, #botao6:hover, #botao7:hover, #botao8:hover, #botao9:hover {background-position: bottom left;}



#menu a {
	text-decoration:none;
	font-size:1px;
}


#recomendar {
	display: none;
}


#engloba {
	width: 830px;
	padding:30px 40px;
	text-align:justify;
}


#engloba2 {
	padding:30px 40px;

	}


#dest {
	width: 830px;
	text-align:center;
	padding-bottom:30px;

	}

#menulateral {
	width: 160px;
	float:left;
	margin-left:10px;
	}




#menulateral a {
	padding: 5px 1px;
	display: block;
	width: 150px;
	color:#71afbd;
	text-decoration: none;
	border-bottom: 1px solid #d6e6e9;
	text-align:center;
	
	

	}

#menulateral a:hover {
	
	color:#834e27;
	width:160px;
	}







#conteudoportfolio {
	width: 620px;
	float:right;
	}






#thumb {
	width:180px;
	height:145px;
	float:left;
	padding:0 0 20px 12px;
	font-size:9px;
	}

#tag {
	width:194px;
	height:135px;
	float:left;
	padding:0 0 20px 12px;
	font-size:9px;
	text-align:center;
	}

#tag2 {
	width:135px;
	height:194px;
	float:left;
	padding:0 0 20px 12px;
	font-size:9px;
	text-align:center;
	}

#etq {
	width:194px;
	height:115px;
	float:left;
	padding:0 0 20px 12px;
	font-size:9px;
	text-align:center;
	}


#etq2 {
	width:250px;
	height:90px;
	float:left;
	padding:0 0 20px 12px;
	font-size:9px;
	text-align:center;
	}


#etq3 {
	width:194px;
	height:140px;
	float:left;
	padding:0 0 20px 12px;
	font-size:9px;
	text-align:center;
	}
	
#etq4 {
	width:142px;
	height:120px;
	float:left;
	padding:0 0 20px 12px;
	font-size:9px;
	text-align:center;
	}	


#cartao {
	width:90px;
	height:90px;
	float:left;
	padding:0 0 20px 12px;
	font-size:10px;
	text-align:center;
	line-height:20px;
	}

#cartaorel {
	width:180px;
	height:180px;
	float:left;
	padding:0 0 20px 12px;
	font-size:10px;
	text-align:center;
	line-height:20px;
	}



#convite {
	width:194px;
	height:194px;
	float:left;
	padding:0 0 20px 12px;
	font-size:9px;
	text-align:center;
	}




#mala {
	width:194px;
	height:205px;
	float:left;
	padding:0 0 20px 12px;
	text-align:center;
	font-size:9px;
	}



#colunaesquerda {
	width:400px ;
	float:left;
	padding:30px 40px;
	
}


#colunadireita {
	width:350px;
	float:right;
	padding:30px 0 0 0;

	}


#links {
	width:100px;
	height:80px;
	float:left;
	text-align:center;
}







#rodape {
	width:900px;
	height:55px;
	background: #fff url(../img/bg_rodape.gif) right top no-repeat;
}


#rodape a {
	padding:3px;
}

.desenvolvimento {
	font-size: 10px;

}

.hackfloat {
	clear: both;
	height: 0px;
	overflow: hidden;
}




/* FORMULÁRIO */
form {
	margin: 0px;
	padding: 0px;
}

#formulario {
	margin:0px;
	padding:0px;
	}

input {
	
	height: 16px;
	margin: 0px;
	padding: 6px;
	font-size: 11px;
	}

.texto {
	width:230px;
	border:1px solid #e3eca9; 
	margin: 0px;
	padding: 5px;
	font-size: 11px;
	color:#6d99a0;
	}

textarea {
	width: 230px;
	margin: 0px;
	padding: 5px;
	font-size: 11px;
	border:1px solid #e3eca9; 
	color:#6d99a0;
	}

.enviar {
	width:63px;
	height:32px;
	border: none;
	text-align:center;
	}



.vermelho {
color:#c3d63e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;

}