a:focus { outline: none; }
.none{ height: 1px; width: 1px; position: absolute; overflow: hidden; display: none; }
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;
	}
	
	#servicos{
		min-height: 725px;
		height: 100%;
		min-width: 950px;
		position: relative;
	}
	
	#easyTooltip { padding: 8px 9px; border:2px solid rgba(0, 0, 0, 0.8); background: rgba(14, 14, 30, 0.8); color: white; width: auto; text-align: left; letter-spacing: 1px; font-size: 11px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
	
	/* 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 .li { width: 558px; height: 307px; }
	#portfolio .link { width: 558px; height: 307px; display: block; }
	#portfolio .link span { display: none; }


	#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; }
	
	#portfolio .markar { background: url(../port/markar.jpg) no-repeat left top; }
	#portfolio .lele { background: url(../port/lele.jpg) no-repeat left top; }
	#portfolio .wro { background: url(../port/wro.jpg) no-repeat left top; }
	#portfolio .rimalou { background: url(../port/rimalou.jpg) no-repeat left top; }
	#portfolio .eflyers { background: url(../port/eflyers.jpg) no-repeat left top; }
	
	#portfolio .lonier { background: url(../port/lonier.jpg) no-repeat left top; }
	#portfolio .fnp { background: url(../port/fnp.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: 6100px; font-size: 13px; position: absolute; left: 0; top: 0; z-index: 1000; }
.loade { position: fixed; 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; z-index: 2000; color: #a2e21c; }
.loade p { text-align: center; color: #a2e21c; margin-top: 10px; }

.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; }


/*____________________________________________________________________________________________________________________*/

#servicos { color: #bfd8e7; background: #061638; z-index: 0; }
#servicos .runstars { width:103%; height:100%; }
#servicos .runstars .stars { height: 100%; width: 100%; background: url(../imagens/stars2.png) repeat top left; z-index: 8; position: absolute; left: 0; top: 0; }

#servicos .runcruzeiro { width:113%; height:100%; }
#servicos .runcruzeiro .cruzeiro { height: 100%; width: 100%; background: url(../imagens/cruzeiro.png) no-repeat;  background-position: 320px 10px; z-index: 8; position: absolute; left: 0; top: 0; }

#servicos .runtres { width:120%; height:100%; }
#servicos .runtres .tres { height: 100%; width: 100%; background: url(../imagens/tres.png) no-repeat;  background-position: 400px 290px; z-index: 8; position: absolute; left: 0; top: 0; }

#servicos .runserv{ width:100%; height:100%; }
#servicos .runserv .serv { height: 100%; width: 100%; background:  url(../imagens/bg-services.png) no-repeat;  background-position: 390px 113px; z-index: 8; position: absolute; left: 0; top: 0; }

#servicos .services{ height: 725px; width: 920px; position: relative; background: url(../imagens/bg-servicos-menu.png) left top no-repeat; z-index: 100; }

#servicos .services .menu { position: absolute; left: 70px; top: 202px; width: 121px; height: 109px; }

#servicos .services .menu a:hover { background-position: -121px 0; }
#servicos .services .menu a:focus { background-position: -121px 0; }
#servicos .services .menu .web { height: 29px; width: 121px; background: url(../imagens/menu-web.png) no-repeat left top; display: block; }
#servicos .services .menu .webdev { height: 26px; width: 121px; background: url(../imagens/menu-webdev.png) no-repeat left top; display: block; }
#servicos .services .menu .print { height: 26px; width: 121px; background: url(../imagens/menu-print.png) no-repeat left top; display: block; }
#servicos .services .menu .genius { height: 28px; width: 121px; background: url(../imagens/menu-genius.png) no-repeat left top; display: block; }

#servicos .services .serv01 { position: absolute; left: 391px; top: 113px; width: 490px; padding: 0 0 0 59px; height: 431px; }

#servicos .services .serv01 h2 { width: 490px; height: 45px; overflow: hidden; margin: 0; }
#servicos .services .serv01 h2 span { display: none; height: 1px; width: 1px; text-indent: -4000px; }
#servicos .services .serv01 .texto { width: 490px; height: 179px; overflow: hidden; }
#servicos .services .serv01 .texto p { font-size: 12px; color: #fff; margin: 0 0 5px 0; line-height: 16px; }

#servicos .services .serv01 .h2webdesign { background: url(../imagens/h2-webdesign.png) no-repeat left top; }
#servicos .services .serv01 .h2webdev { background: url(../imagens/h2-webdev.png) no-repeat left top; }
#servicos .services .serv01 .h2print { background: url(../imagens/h2-print.png) no-repeat left top; }
#servicos .services .serv01 .h2genius { background: url(../imagens/h2-genius.png) no-repeat left top; }

#servicos .services .serv01 .submenu{ width: 376px; height: 44px; padding-left: 26px; }
#servicos .services .serv01 .submenu ul { margin: 0; padding: 0;  }
#servicos .services .serv01 .submenu li { height: 44px; overflow: hidden; margin: 0; float: left; }
#servicos .services .serv01 .submenu a { height: 44px; line-height: 44px; overflow: hidden; margin: 0; display: block; background-position: left top; color: #051537; text-decoration: none; }
#servicos .services .serv01 .submenu a:hover { background-position: left -44px ; margin-top: 0; }
#servicos .services .serv01 .submenu a:focus { background-position: left -44px ; margin-top: 0; }

#servicos .services .serv01 .submenu .websites { background: url(../imagens/menu-websites.png) no-repeat; width: 74px; }
#servicos .services .serv01 .submenu .hotsites { background: url(../imagens/menu-hotsites.png) no-repeat; width: 100px; }
#servicos .services .serv01 .submenu .banners { background: url(../imagens/menu-banners.png) no-repeat; width: 91px; }
#servicos .services .serv01 .submenu .email { background: url(../imagens/menu-email.png) no-repeat; width: 108px; }

#servicos .services .serv01 .submenu .intranet { background: url(../imagens/menu-intranet.png) no-repeat; width: 74px; }
#servicos .services .serv01 .submenu .extranet { background: url(../imagens/menu-extranet.png) no-repeat; width: 100px; }
#servicos .services .serv01 .submenu .programacao { background: url(../imagens/menu-programacao.png) no-repeat; width: 140px; }

#servicos .services .serv01 .submenu .folders { background: url(../imagens/menu-folders.png) no-repeat; width: 74px; }
#servicos .services .serv01 .submenu .logotipos { background: url(../imagens/menu-logotipos.png) no-repeat; width: 100px; }
#servicos .services .serv01 .submenu .idvisual { background: url(../imagens/menu-idvisual.png) no-repeat; width: 91px; }
#servicos .services .serv01 .submenu .anuncios { background: url(../imagens/menu-anuncios.png) no-repeat; width: 108px; }

#servicos .services .serv01 .submenu .fotos { background: url(../imagens/menu-fotos.png) no-repeat; width: 74px; }
#servicos .services .serv01 .submenu .produtos { background: url(../imagens/menu-produtos.png) no-repeat; width: 100px; }
#servicos .services .serv01 .submenu .eventos { background: url(../imagens/menu-eventos.png) no-repeat; width: 91px; }
#servicos .services .serv01 .submenu .noticias { background: url(../imagens/menu-noticias.png) no-repeat; width: 108px; }

#servicos .services .serv01 .alalao { width: 464px; height: 169px; padding-left: 26px; overflow: hidden;}

#servicos .services .serv01 .alalao #desc_principal { width: 464px; height: 169px; overflow: hidden; }
#servicos .services .serv01 .alalao #desc_temp { width: 464px; height: 169px; overflow: hidden; }
#servicos .services .serv01 .alalao #sub01 { width: 464px; height: 169px; overflow: hidden; }
#servicos .services .serv01 .alalao #sub02 { width: 464px; height: 169px; overflow: hidden; }
#servicos .services .serv01 .alalao #sub03 { width: 464px; height: 169px; overflow: hidden; }
#servicos .services .serv01 .alalao #sub04 { width: 464px; height: 169px; overflow: hidden; }

#servicos .services .serv01 .alalao .subtexto { width: 464px; height: 90px; overflow: hidden; }
#servicos .services .serv01 .alalao .subtexto p { font-size: 12px; color: #fff; margin: 0 0 5px 0; line-height: 16px; }

#servicos .services .serv01 .alalao .imgs { width: 464px; height: 79px; overflow: hidden; margin: 0; }
#servicos .services .serv01 .alalao .imgs ul { margin: 0; padding: 0; }
#servicos .services .serv01 .alalao .imgs li { width: 128px; height: 61px; background: #d1ee0d; border: 6px solid #fff; overflow: hidden; margin: 0 21px 0 0; float: left; }
#servicos .services .serv01 .alalao .imgs .nomargin { margin-right: 0; }


.spaceghost { width: 100%; height: 2634px; background: #061638 url(../imagens/bg-space.png) repeat-x left bottom; z-index: 0; position: relative; }

.spaceghost .runstars { width:103%; height:100%; }
.spaceghost .runstars .stars { height: 100%; width: 100%; background: url(../imagens/stars2.png) repeat top left; z-index: 8; position: absolute; left: 0; top: 0; }

.spaceghost .runespaconave { width:145%; height:100%; }
.spaceghost .runespaconave .espaconave { height: 100%; width: 100%; background: url(../imagens/nave.png) no-repeat top left; background-position: 300px 2250px; z-index: 8; position: absolute; left: 0; top: 0; }
	
.spaceghost .runespaconave2 { width:130%; height:100%; }
.spaceghost .runespaconave2 .espaconave2 { height: 100%; width: 100%; background: url(../imagens/nave2.png) no-repeat top left; background-position: 900px 2100px; z-index: 8; position: absolute; left: 0; top: 0; }

.spaceghost .runespaconave3 { width:120%; height:100%; }
.spaceghost .runespaconave3 .espaconave3 { height: 100%; width: 100%; background: url(../imagens/nave3.png) no-repeat top left; background-position: 600px 1750px; z-index: 8; position: absolute; left: 0; top: 0; }

.spaceghost .runterra { width:105%; height:100%; }
.spaceghost .runterra .terra { height: 100%; width: 100%; background: url(../imagens/terra.png) no-repeat top left; background-position: 0 550px; z-index: 8; position: absolute; left: 0; top: 0; }

.spaceghost .runsat { width:115%; height:100%; }
.spaceghost .runsat .sat { height: 100%; width: 100%; background: url(../imagens/satelite.png) no-repeat top left; background-position: 50px 680px; z-index: 8; position: absolute; left: 0; top: 0; }

.spaceghost .runjup { width:110%; height:100%; }
.spaceghost .runjup .jup { height: 100%; width: 100%; background: url(../imagens/jupiter.png) no-repeat top left; background-position: 960px 1500px; z-index: 8; position: absolute; left: 0; top: 0; }

.spaceghost .runrock { width:140%; height:100%; }
.spaceghost .runrock .rock { height: 100%; width: 100%; background: url(../imagens/rocket1.png) no-repeat top left; background-position: 900px 400px; z-index: 8; position: absolute; left: 0; top: 0; }

.spaceghost .runrock2 { width:125%; height:100%; }
.spaceghost .runrock2 .rock2 { height: 100%; width: 100%; background: url(../imagens/rocket2.png) no-repeat top left; background-position: 1200px 600px; z-index: 8; position: absolute; left: 0; top: 0; }

.spaceghost .runrock3 { width:110%; height:100%; }
.spaceghost .runrock3 .rock3 { height: 100%; width: 100%; background: url(../imagens/rocket3.png) no-repeat top left; background-position: 850px 300px; z-index: 8; position: absolute; left: 0; top: 0; }

.spaceghost .rundark { width:105%; height:100%; }
.spaceghost .rundark .dark { height: 100%; width: 100%; background: url(../imagens/darkside.png) no-repeat top left; background-position: 1100px 0px; z-index: 8; position: absolute; left: 0; top: 0; }