body,
html {
	height: 100%;
}

body {
	margin: 0;
	font-size: 11px;
	background: #036;
	overflow: hidden;
}

	/* GLOBAL */
	#home,
	#portfolio,
	#about {
		min-height: 600px;
		height: 100%;
		min-width: 950px;
		position: relative;
	}

	
	/* HOME */
	#home { color: #464646;	background: #fffbf0 url(../imagens/bg-centro.png) top left repeat-x; z-index: 0;	}	
	#home .logo { height: 74px; width: 240px; background: url(../imagens/logo.png) no-repeat top left; z-index: 35; position: absolute; left: 30px; top: 40px; }
	#home .ceu { background: url(../imagens/ceu-centro.png) no-repeat; height: 268px; width: 100%; position: absolute; top: 0; left: 0; z-index: 5;   }
	#home .top { height: 268px; width: 100%; position: absolute; top: 0; left: 0; z-index: 45;   }
	#home .content { height: 200px; width: 100%; position: absolute; left: 0; top: 45%; margin-top: -100px; z-index: 155; }
	#home .content a { display: block; background: url(../imagens/texto-central.png) left center no-repeat; width: 473px; height: 161px; margin-left: 30px; z-index: 156; }
	#home .bottom0 { height: 600px; width: 100%; background: url(../imagens/centro-bg00.png) no-repeat 1200px bottom; position: absolute; z-index: 5; left: 0; bottom: 0; padding: 0; 	}
	#home .bottom { height: 600px; width: 100%; background: url(../imagens/centro-bg0.png) no-repeat left bottom; position: absolute; z-index: 5; left: 0; bottom: 0; padding: 0; 	}
	#home .bottoma { height: 600px; width: 100%; background: url(../imagens/centro-bg1.png) no-repeat left bottom; position: absolute; z-index: 5; left: 0; bottom: 0; padding: 0; 	}
	#home .bottomb { height: 600px; width: 100%; background: url(../imagens/centro-bg2.png) no-repeat left bottom; position: absolute; z-index: 5; left: 0; bottom: 0; padding: 0; 	}
	#home .pipa { height: 435px; width: 349px ; background: url(../imagens/pipa.png) no-repeat left bottom; position: absolute; z-index: 5; left: 1015px; bottom: 70px; padding: 0; }
	
	/* ABOUT */
	#about { }
	.raiz { color: #ffffff; background: #4a2e00 url(../imagens/contato-topo.png) top left repeat-x; z-index: 2; width: 100%; height: 100% }
	#about .logo { height: 157px; width: 650px; background: url(../imagens/logo-portifolio.png) no-repeat top left; z-index: 55; position: absolute; left: 0; top: 0; }
	#about .top { height: 50%; z-index: 40; position: absolute; top: 0; left: 0; width: 100%; }
	#about .teto { height: 65%; z-index: 35; position: absolute; top: 26%; left: 0; width: 100%; background: #e6f4fc url(../imagens/teto-estacao.png) top left repeat-x; }
	#about .content { background: url(../imagens/contato-Bt.png) no-repeat; height: 373px; z-index: 45; width: 100%;  position: absolute; left: 0; bottom: 20px; padding: 0;  }
	#about .botton { background: #3e3e3e; height: 60px; width: 100%; z-index: 5;  bottom: 0; left: 0; position: absolute; }		
	#about .formulario { z-index: 55; position: absolute; left: 5px; bottom: 5px; display: block; background:  #f5f6f7; width: 283px; height: 141px;  padding: 5px; }
	#about .formulario input, #about .formulario textarea { width: 280px; background: #fff; height: 20px; border: none; margin-bottom: 3px; font-size: 11px; padding-left: 3px; }
	#about .formulario label { display: none; }
	#about .formulario textarea { height: 65px; }
	#about .formulario .enviar { z-index: 65; position: absolute; left: 230px; top: 110px; background: none; border: none; width: 79px; height: 49px; }
	#about .formulario .enviar input{ background: none; border: none; background: url(../imagens/bt-enviar.png) no-repeat; width: 79px; height: 49px; }
	.form { width:304px; height:228px; background: #fff; position: absolute; left: 290px; bottom: 173px; z-index: 50;   }
	.form a { display: block; background:url(../imagens/eai.png) no-repeat; width:291px; height:63px; margin: 5px auto;  }

	/* PORTFOLIO */
	#portfolio { color: #bfd8e7; background: #8ac1e9 url(../imagens/bg-topo.png) top left repeat-x; z-index: 0; }		
	#portfolio .top { height: 110px; width: 100%; z-index: 95; position: absolute; left: 0; top: 0; }
	#portfolio .ceu2 { height: 100%; width: 100%; background: url(../imagens/ceu-topo.png) no-repeat top left; z-index: 1; position: absolute; left: 0; top: 0; }
	#portfolio .aviao1 { height: 100%; width: 100%; background: url(../imagens/aviao1.png) no-repeat top left; background-position: 1424px 300px; z-index: 8; position: absolute; left: 0; top: 0; }
	#portfolio .aviao2 { height: 100%; width: 100%; background: url(../imagens/aviao2.png) no-repeat top left; background-position: 1250px 175px; z-index: 8; position: absolute; left: 0; top: 0; }
	#portfolio .aviao3 { height: 100%; width: 100%; background: url(../imagens/aviao3.png) no-repeat top left; background-position: 1524px 111px; z-index: 8; position: absolute; left: 0; top: 0; }
	#portfolio .aviao4 { height: 100%; width: 100%; background: url(../imagens/aviao4.png) no-repeat top left; background-position: 1424px 220px; z-index: 8; position: absolute; left: 0; top: 0; }
	#portfolio .balao { height: 100%; width: 100%; background: url(../imagens/balao.png) no-repeat top left; background-position: 824px 350px; z-index: 8; position: absolute; left: 0; top: 0; }
	#portfolio .bgportifa { height: 588px; width: 870px; background: url(../imagens/tela-zepellin.png) no-repeat top left; z-index: 80; position: absolute; left: 5%; top: 3px; }
	#portfolio .mold01 { position: absolute; z-index: 150; background: url(../imagens/mold01.png) no-repeat; width: 558px; height: 31px; left: 183px; top: 247px; }
	#portfolio .mold02 { position: absolute; z-index: 150; background: url(../imagens/mold02.png) no-repeat; width: 8px; height: 259px; left: 733px; top: 277px; }
	#portfolio .mold03 { position: absolute; z-index: 150; background: url(../imagens/mold03.png) no-repeat; width: 558px; height: 18px; left: 183px; top: 536px; }
	#portfolio .bottom { height: 213px;	background: url(../imagens/ceu-centro.png) no-repeat; z-index: 5; }		
	#portfolio .content { position: absolute; left: 0; height: 490px; background: url(../imagens/bg-port-int.png); width: 100%; padding: 0; margin-top: -245px; top: 50%; z-index: 10; padding: 0; }
	#portfolio .link { width: 558px; height: 307px; display: block; }
	#portfolio .link span { display: none; }
	#portfolio .aboa { background: url(../port/aboa.jpg) no-repeat left top; }
	#portfolio .abps { background: url(../port/abps.jpg) no-repeat left top; }
	#portfolio .bally { background: url(../port/bally.jpg) no-repeat left top; }
	#portfolio .crys { background: url(../port/crys.jpg) no-repeat left top; }
	#portfolio .drika { background: url(../port/drika.jpg) no-repeat left top; }
	#portfolio .igreja { background: url(../port/igreja.jpg) no-repeat left top; }
	#portfolio .noivabela { background: url(../port/noivabela.jpg) no-repeat left top; }
	#portfolio .palaphita { background: url(../port/palaphita.jpg) no-repeat left top; }
	#portfolio .partnumber { background: url(../port/partnumber.jpg) no-repeat left top; }
	#portfolio .siskini { background: url(../port/siskini.jpg) no-repeat left top; }
	#portfolio .six { background: url(../port/six.jpg) no-repeat left top; }
	#portfolio .sixgym { background: url(../port/sixgym.jpg) no-repeat left top; }
	#portfolio .sonho { background: url(../port/sonho.jpg) no-repeat left top; }
	#portfolio .taemtodas { background: url(../port/taemtodas.jpg) no-repeat left top; }
	#portfolio .tom { background: url(../port/tom.jpg) no-repeat left top; }
	#portfolio .viper { background: url(../port/viper.jpg) no-repeat left top; }
			
/* MISC */
body, input, textarea {
	font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

input, textarea {
	font-size: 14px;
}

a img {
	border: none;
}

#about .error {
	color: white;
	background-color: inherit;
}

.clear {
	width: auto;
	height: 0;
	overflow: hidden;
	line-height: 1px;
	float: none;
	clear: both;
}

.pages { overflow:hidden; width:100%; height:100%; position: absolute; left: 0; top: 0; }
.runceu { width:105%; height:100%; }
.runaviao4 { min-width: 1480px; width:110%; height:100%; }
.runaviao3 { min-width: 1680px; width:115%; height:100%; }
.runaviao2 { min-width: 1780px; width:125%; height:100%; }
.runaviao1 { min-width: 1980px; width:135%; height:100%; }
.runbalao { width:107%; height:100%; }
.runbgportifa { width:110%; height:100%; }
.runfundo0 { min-width: 1480px; width: 102%; height:100%; position: absolute; left: 0; top: 0; }
.runfundo { min-width: 1580px; width: 104%; height:100%; position: absolute; left: 0; top: 0; }
.runfundoa { min-width: 1720px; width: 106%; height:100%; position: absolute; left: 0; top: 0; }
.runfundob { min-width: 1980px; width: 108%; height:100%; position: absolute; left: 0; top: 0; }
.runpipa { min-width: 2050px; width: 110%; height:100%; position: absolute; left: 0; top: 0; }
.runfundo2 { width:106%; height:100%; position: absolute; left: 0; top: 0;}
.runfundo3 { width:108%; height:100%; position: absolute; left: 0; top: 0;}
.runform { width:106%; height:100%; position: relative; }
.runraiz { width:104%; height:100%; position: absolute; left: 0; top: 0;}

.loading { background: url(../imagens/wait.png) repeat; color: #00FF00; width:100%; text-align:center; height: 300%; font-size: 13px; position: absolute; left: 0; top: 0; z-index: 500; }
.load { position: absolute; left: 50%; top: 50%; width: 360px; height: 160px; margin-left: -200px; margin-top: -100px; background: #000; border: solid 1px #333; text-align: center; padding: 20px; }


.status span { display: block; width: 294px; padding: 10px 0 50px 0; text-align: center; position: absolute; left: 0; height: 0; z-index: 50; background: #fff; border: solid 5px #fff; }
.status div { display: block; width: 294px; padding: 30px 0; text-align: center; position: absolute; left: 0; height: 0; z-index: 50; background: #EDD6E0; border: solid 5px #fff; }
.status p { display: block; width: 294px; padding: 25px 0; text-align: center; position: absolute; left: 0; height: 0; z-index: 50; background: #C8DEB8; border: solid 5px #fff; }