html, body {
	height:100%;
	font: normal 12px verdana;
} 

*{
	margin: 0;
	padding: 0;
	border: 0;
}
body{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	min-width: 800px;
	background-color:#E6E6E6;
}

.img{
	border:0;
}

A:link {text-decoration:none;color:#FFFFFF;}
A:visited {text-decoration:none;color:#FFFFFF;}
A:active {text-decoration:none;color:#FFFFFF;}
A:hover {text-decoration:underline;color:#FFFFFF;}



/* ---------- MENU -----------*/

.header{
	position: static;
	width: 100%;
	height: 150px;
	border: 0;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	background-image:url(../img/main/bg_header.gif);
	background-repeat:repeat-x;
}

.menu_htm{
	position:static;
	margin-left:auto;
	margin-right:auto;
	width:772px;
	height:150px;
}

.logo{
	float:left;
	width:281px;
	height:54px;
	margin-top:85px;
}

.logo h1{
	font: normal 18px verdana;
	color: #fff;
	height: 30px;
}

.logo h1 span{
	display: none;
}

.botoes{
	display:block;
	float:right;
	width:354px;
	height:78px;
	border: 0;
	margin-top:54px;
}

#home {	
  	display: inline-block;
	position:relative; 
	text-indent: -9999px;
  	float:left;
  	width:69px;
  	height:78px;
  	background: url(../img/main/btn_01.gif) no-repeat;
}

#home span {
	position:absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(../img/main/btn_01.gif) no-repeat;
	background-position: 0 -78px;
}

#perfil {	
  	display: inline-block;
	position:relative;
	text-indent: -9999px;
  	float:left;
  	width:86px;
  	height:78px;
  	background: url(../img/main/btn_02.gif) no-repeat;
	background-position: 0 2px;
}

#perfil span {
	position:absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(../img/main/btn_02.gif) no-repeat;
	background-position: 0 -77px;
}

#trabalhos {	
  	display: inline-block;
	position:relative; 
	text-indent: -9999px;
  	float:left;
  	width:115px;
  	height:78px;
  	background: url(../img/main/btn_03.gif) no-repeat;
}

#trabalhos span {
	position:absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(../img/main/btn_03.gif) no-repeat;
	background-position: 0 -78px;
}

#contato {	
  	display: inline-block;
	position:relative; 
	text-indent: -9999px;
  	float:left;
  	width:84px;
  	height:78px;
  	background: url(../img/main/btn_04.gif) no-repeat;
}

#contato span {
	position:absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(../img/main/btn_04.gif) no-repeat;
	background-position: 0 -78px;
}

/* ---------------------*/


.main {
	position:static;
	width:772px;
	height:600px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	margin-top:45px;
}

.geral{
	position: static;
	width: 100%;
	min-width:900px;
	min-height:600px;
	border:0px;
	vertical-align:bottom;
	margin: 0 auto 0 auto;
	background-color:#FFF;
}

.backtop span {
	position:absolute;
	display:none;
}

.cont_folio{
	position: static;
	display: table;
	width: 800px;
	height: auto;
	border: 0;
	margin: 0 auto 25px auto;
	padding: 0 0 0 0;
	min-width:800px;
}

.fb-like {
	float:right;
	width:auto;
	margin-top:5px;
}

/* ---------- TXT MAIN -----------*/

.txt_main{
	float: left;
	width:330px;
	margin:40px auto 0 0;
}

.txt_main p {
	font: normal 11px verdana;
	color: #999;
	text-align: left;
	line-height:16px;
	margin-top:16px;
}

.txt_main p a{
	font: normal 11px verdana;
	color: #999;
	text-align: left;
	line-height:16px;
	margin-top:16px;
}


.txt_main h1{
	font: normal 18px verdana;
	color: #fff;
	height: 30px;
}

.txt_main h1 span{
	display: none;
}

/* ---------- TXT MAIN B -----------*/

.txt_main_b{
	float: right;
	width:366px;
	margin:40px auto 0 10px;
}

.txt_main_b p{
	font: normal 11px verdana;
	color: #999;
	text-align: left;
	line-height:18px;
	margin-top:10px;
	margin-bottom:25px;
}

.txt_main_b h1{
	font: normal 18px verdana;
	color: #fff;
	height: 30px;
	margin-top:5px;
}

.txt_main_b h1 span{
	display: none;
}

/* ---------- TXT MAIN C -----------*/

.txt_main_c{
	float: left;
	width:330px;
	margin:30px auto 0 0px;
}

.txt_main_c p{
	font: normal 11px verdana;
	color: #999;
	text-align: left;
	line-height:18px;
	margin-top:10px;
	margin-bottom:25px;
}

.txt_main_c h1{
	font: normal 18px verdana;
	color: #fff;
	height: 30px;
	margin-top:5px;
}

.txt_main_c h1 span{
	display: none;
}

.separador{
	width:7px;
	float:left;
	margin:50px 0 0 35px;
}


/* ---------- ICONES REDES SOCIAIS -----------*/

.social_thumbs{
	position: static;
	width: 330px;
	margin: 20px 0 0 0;
	padding: 0 0 0 0;
}

.social_thumbs ul{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: table;
}

.social_thumbs ul li{ 
	position: static;
	list-style: none; 
	float: left; 
	margin: 0 8px 45px 0;
	height: 30px;
}

/* ---------- TXT PERFIL -----------*/


.sobreHeader{
	position: static;
	margin-top:70px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:45px;
	width:405px;
	height:96px;
}

.mainSobre {
	position:static;
	width:772px;
	height:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
}

.txtSobre{
	position:static;
	width:772px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	margin-bottom:50px;
}

.txtSobre p{
	font: normal 11px verdana;
	color:#999;
	text-align:left;
	line-height:18px;
}

.txtTks{
	position:static;
	width:772px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	margin-bottom:50px;
}

.txtTks p{
	font: normal 11px verdana;
	color:#999;
	text-align:left;
	line-height:18px;
}


/* --------- SUBMENU FOLIO ----------*/

.submenu{
	position: static;
	width: 772px;
	height: 36px;
	border: 0;
	margin: 40px auto 0 auto;
	padding: 0 0 0 0;
	background:url(../img/folio/bg1_submenu.gif) 0 0 no-repeat;
}

.submenu:hover{
	position: static;
	width: 772px;
	height: 36px;
	border: 0;
	margin: 40px auto 0 auto;
	padding: 0 0 0 0;
	background:url(../img/folio/bg1_submenu.gif) 0 -36px no-repeat;
}

.submenu_b{
	position: static;
	width: 772px;
	height: 36px;
	border: 0;
	margin: 0 auto 35px auto;
	padding: 0 0 0 0;
	background:url(../img/folio/bg2_submenu.gif) 0 0 no-repeat;
}

.submenu_b:hover{
	position: static;
	width: 772px;
	height: 36px;
	border: 0;
	margin: 0 auto 35px auto;
	padding: 0 0 0 0;
	background:url(../img/folio/bg2_submenu.gif) 0 -36px no-repeat;
}

/*------------ LINKS SUBMENU  -----------*/

.colsub{
	position: absolute;
	width: 700px;
	border: 0;
	margin: 12px auto 0 20px;
	padding: 0 0 0 0;
}

.colsub ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.colsub ul li{ 
	position: static; 
	float: left; 
	margin: 0 26px auto 0;
	display: inline;
}

.colsub h1{
	font: bold 12px verdana;
	color: #FFF;
}

.colsub h2{
	font: 11px verdana;
	color: #FFF;
}


/*------- TITULOS --------*/

.tit{
	position: static;
	width: 772px;
	height: 32px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	padding: 0 0 0 0;
}

.tit p{
	font: normal 11px/15px verdana;
	color: #999;
	text-align: left;
	line-height:18px;
	margin-top:18px;
}

.tit h1{
	font: normal 18px/30px verdana;
	color: #fff;
	height: 30px;
}

.tit h1 span{
	display: none;
}

/*--------- THUMBS ----------*/


.boxes{
	position: static;
	width: 800px;
	margin: 20px 0 0 20px;
	padding: 0 0 0 0;
}

.boxes ul{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: table;
}

.boxes ul li{ 
	position: static;
	list-style: none; 
	float: left; 
	margin: 0 22px 50px 0;
	height: 130px;
}

.boxes img{
	margin-bottom:4px;
}
	
.txt_folio {
	font: bold 9px verdana;
	color:#009999;
	line-height:14px;
	margin-left:3px;
}

.txt_folio span{
	font: normal 9px verdana;
	color:#999;
}



/*--------- RODAPE ----------*/

.rodape {
	position: relative;
	width:100%;
	margin: 0 0 0 0;
	height:80px;
	text-align:center;
	background-color:#E6E6E6;
	border-top:1px solid; 
	border-top-color:#CCC;
}

.txtrodape	{
	font-family: Verdana;
	font-size:11px;
	color: #999;
	text-decoration:none;
	text-align:center;
	padding-top: 20px;
	padding-bottom:20px;
}

.voltar	{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.txtContato {
	position:static;
	width:772px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#999;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	line-height:18px;
}

.divForm {
	margin-top:100px;
	margin-bottom: 100px;
	margin-left:auto; 
	margin-right:auto; 
	width:auto; 
	height:auto;
}

.form {
	width: 434px;
	height: 33px;
	margin-bottom: 16px;
	margin-left:auto; 
	margin-right:auto;
}

.btnEnvia {
	width: 182px;
	height: 31px;
	margin-top:15px;
	margin-bottom: 16px;
	margin-right:auto;
	margin-left:auto;
}

.formMsg {
	border:#CCC solid 1px;
	width:434px;
	height:130px;
	background: url(../img/contato/input_msg.gif) no-repeat;
	font: normal 15px Verdana;
	color:#666;
	padding-left:5px;
	padding-top:8px;
	text-indent: 95px;
}

.formMsg:hover {
	border:#00adad solid 1px;
}

.formNome {
	border:#CCC solid 1px;
	width:434px;
	height:33px;
	background: url(../img/contato/input_nome.gif) 0 0 no-repeat;
	font: normal 15px Verdana;
	color:#666;
	padding-left:5px;
	text-indent:55px;
}

.formNome:hover {
	border:#00adad solid 1px;
}

.formEmail {
	border:#CCC solid 1px;
	width:434px;
	height:33px;
	background: url(../img/contato/input_email.gif) repeat-x;
	font: normal 15px Verdana;
	color:#666;
	padding-left:5px;
	text-indent:55px;
}

.formEmail:hover {
	border:#00adad solid 1px;
}

.formAssunto {
	border:#CCC solid 1px;
	width:434px;
	height:33px;
	background: url(../img/contato/input_assunto.gif) repeat-x;
	font: normal 15px Verdana;
	color:#666;
	padding-left:5px;
	text-indent:70px;
}

.formAssunto:hover {
	border:#00adad solid 1px;
}

.manutencao {
	position:relative;
	width:276px;
	height:350px;
	margin-left:auto;
	margin-right:auto;
	margin-top:100px;
	margin-bottom:130px;
}

.enviado {
	position:relative;
	width:296px;
	height:143px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
	margin-top:100px;
}

.voltar_home {
	position:relative;
	width:213px;
	height:20px;
	margin-left:auto;
	margin-right:auto;
}

.main_enviado {
	position:static;
	width:772px;
	height:460px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
}

