html,body {
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
a,input{
	outline:none;
}
form{
	padding:0px;
	margin:0px;
}
.spacer{
	clear:both;
}
/*TOPO*/
#topo{
	position:relative;
	width:940px;
	height:100px;
	margin:auto;
}
#topo a img{ 
	border:none;
	margin-top:20px;
}
#topo #preloaders{
	position:absolute;
	top:20px;
	right:0px;
	width:430px;
}
#topo #preloaders .load1{
	position:absolute;
	left:-58px;/*0px*/
}
#topo #preloaders .load2{
	position:absolute;
	left:32px;/*90px*/
}
#topo #preloaders .load3{
	position:absolute;
	left:190px;
}
#topo #preloaders .load4{
	position:absolute;
	left:295px;
}
#topo #preloaders .load5{
	position:absolute;
	right:27px;
}
#topo #preloaders .load6{
	position:absolute;
	left:109px;
}
#topo ul.menu{
	position:absolute;
	top:10px;
	right:0px;
	margin:0px;
	padding:0px;
	list-style-type:none;
	margin-top:35px;
}
#topo ul.menu li{
	margin-left:15px;
	float:left;
	color:#CCCCCC;
	font-size:10px;
}
#topo ul.menu li span {
	visibility: hidden;
}

#topo ul.menu li a{
	display:block;
	line-height:24px;
	height:24px;
	background-position: center top;
	background-repeat: no-repeat;
	text-decoration:none;
}
#topo ul.menu li a:hover {background-position: center -24px;}
#topo ul.menu li.current a{background-position: center -24px;}
#topo ul.menu li.menuEmpresa a{
	background-image: url(../gfx/menu_empresa.gif);
	width:73px;
}
#topo ul.menu li.menuSolucoes a{
	background-image: url(../gfx/menu_solucoes.gif);
	width:80px;
}
#topo ul.menu li.menuBlog a{
	background-image: url(../gfx/menu_blog.gif);
	width:42px;
}
#topo ul.menu li.menuPortifolio a{
	background-image: url(../gfx/menu_portifolio.gif);
	width:84px;
}
#topo ul.menu li.menuOrcamento a{
	background-image: url(../gfx/menu_orcamento.gif);
	width:95px;
}
#topo ul.menu li.menuTrabalhe a{
	background-image: url(../gfx/menu_trabalhe.gif);
	width:80px;
}
#topo ul.menu li.menuContato a{
	background-image: url(../gfx/menu_contato.gif);
	width:71px;
}

/*VITRINE*/
#vitrine {
	background-color: #001216;
	border-top: 5px solid #DCDCDC;
	border-bottom: 5px solid #DCDCDC;
	height:300px;
	position:relative;
	z-index:1;

}
#vitrine #swfVitrine{
	position:relative;
	z-index:2;
	position:absolute;
	width:100%;
}

/*CONTEUDO*/
#conteudo{
	width:940px;
	margin:auto;
	margin-top:20px;
	position:relative;
	overflow:hidden;
}
#conteudo h1,
#conteudo h2,
#conteudo h3{
	margin:0px;
	padding:0px;
	color:#CCCCCC;
}
#conteudo h1 span{
	display:none;
}

/*TOOLTIP*/
.tooltip{
	background-color:#9AC006;
	background-image: url(../gfx/bg_tooltip.png);
	background-repeat: repeat-x;
	background-position: top;
	border:2px solid #D2FF00;
	color:#607702;
	font-size:10px;
	position:absolute;
	width:220px;
	padding:20px;
}
.tooltip big{
	color:#FFFFFF;
	display:block;
	font-size:14px;
	margin-bottom:5px;
}
.tooltip span{
	color:#425201;
}
.tooltip img.point{
	position:absolute;
	bottom:-27px;
	_bottom:-28px;
}

/*PORTIFOLIOS*/
ul.portifolios {
	margin:0px;
	padding:0px;
	width:960px;
	padding-right:-20px;
	list-style-type:none;
	margin-top:20px;
}
ul.portifolios li{
	float:left;
	margin-right:20px;
	display:block;
	width:220px;
	height:220px;
}
ul.portifolios li small{
	font-size:12px;
	color:#0066CC;
}
ul.portifolios li a{
	color:#999999;
	text-decoration:none;
}
ul.portifolios li a img{
	border:none;
}
ul.portifolios big {
	font-size:16px;
	color:#666666;
	display:block;
	width:220px;
}
ul.portifolios address a{
	padding-right:15px;
	text-decoration:none;
	font-style:normal;
	color:#FF0048;
	background-image:url(../gfx/arrow_link.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
ul.portifolios address a:hover{
	text-decoration:underline;
}

/*TOOLTIPS DOS CONTEUDOS*/
#tooltips{
	position:absolute;
	width:940px;
	margin:auto;
	color:#333333;
	font-size:14px;
	z-index:1999;
	left:50%;
	margin-left:-470px;
}
#tooltips input,
#tooltips textarea{
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:11px;
}
#tooltips input{
	/*line-height:30px;
	height:23px;
	*height:30px;
	padding-top:7px;
	*padding-top:0px;
	*/
	padding-bottom:10px;
	padding-top:10px;
}
#tooltips img{
	border:none;
}
#tooltips p{
	margin:0px;
	padding:0px;
}
#tooltips .fechar{
	color:#666666;
	font-size:10px;
	height:70px;
	position:absolute;
	right:-6px;
	width:70px;
	top:-6px;
	border:none;
}
#tooltips div.border{
	border:2px solid #FFFFFF;
	padding:34px;
	margin:0px;
}
#tooltips .branca{
	background-color:#FFFFFF;
}
#tooltips #status{
	text-align:right;
	margin:10px 0px 0px 0px;
}
#tooltips #status input,
#tooltips #status img{
	vertical-align:middle;
	width:auto;
}
#tooltips .erro{
	font-size:10px;
	color:#CC0000;
	display:block;
}
#tooltips #status .erro{
	text-align:left;
}

/*EMPRESA*/
#tooltips div.empresa{
	border:4px solid #FF6600;
	background-color: #F8E1DC;
	background-image: url(../gfx/bg_empresa.gif);
	left:200px;
	position:absolute;
	top:-5px;
	width:600px;
}
#tooltips div.empresa img.setaEmpresa{
	position:absolute;
	left:270px;
	top:-26px;
}

/*SOLUCOES*/
#tooltips div.solucoes{
	border:4px solid #A0C200;
	background-color: #F7FFB7;
	background-image: url(../gfx/bg_solucoes.gif);
	left:360px;
	position:absolute;
	top:-5px;
	width:465px;
}
#tooltips div.solucoes img.setaSolucoes{
	position:absolute;
	left:220px;
	top:-25px;
}

/*ORCAMENTO*/
#tooltips div.orcamento{
	border:4px solid #008DC2;
	background-color: #B7EBFF;
	background-image: url(../gfx/bg_orcamento.gif);
	right:0px;
	position:absolute;
	top:-5px;
	width:495px;
}
#tooltips div.orcamento img.setaOrcamento{
	position:absolute;
	right:190px;
	top:-26px;
}
#tooltips div.orcamento input,
#tooltips div.orcamento textarea{
	border:1px solid #A8E7FF;
	width:379px;
	*width:380px;
	margin:1px;
	*margin:0px 1px 0px 1px;
}
#tooltips div.orcamento input{
	background-position: 6px center;
	background-repeat: no-repeat;
	padding-left:30px;
	padding-right:10px;
}
#tooltips div.orcamento .iProjeto{
	background-image: url(../gfx/form_projeto.gif);
}
#tooltips div.orcamento .iSite{
	background-image: url(../gfx/form_site.gif);
}
#tooltips div.orcamento .iNome{
	background-image: url(../gfx/form_nome.gif);
}
#tooltips div.orcamento .iEmail{
	background-image: url(../gfx/form_email.gif);
}
#tooltips div.orcamento .iFone{
	background-image: url(../gfx/form_fone.gif);
}
#tooltips div.orcamento .iPublico{
	background-image: url(../gfx/form_publico.gif);
}
#tooltips div.orcamento .iMaterial{
	background-image: url(../gfx/form_material.gif);
}
#tooltips  div.orcamento .tNote{
	background-image: url(../gfx/form_note.gif);
	background-position: 5px 5px;
	background-repeat: no-repeat;
	padding:5px 10px 5px 30px;
	height:70px;
	overflow:auto;
}
#tooltips  div.orcamento .tTexto{
	background-image: url(../gfx/form_texto.gif);
	background-position: 5px 5px;
	background-repeat: no-repeat;
	padding:5px 10px 5px 30px;
	height:70px;
	overflow:auto;
}
#tooltips div.orcamento .orcStatus{
	margin-top:10px;
	position:relative;
	text-align:center;
}
#tooltips div.orcamento img.loadOrc{
	position:absolute;
	right:60px;
	top:2px;
}
#tooltips div.orcamento .btProx{
	width:auto;
	height:auto;
	border:none;
	margin:0px;
	padding:0px;
}
#tooltips div.orcamento .orcStatus img,
#tooltips div.orcamento .orcStatus input{
	vertical-align:middle;
}
#tooltips div.orcamento span.pages{
	font-size:18px;
	color:#008DC2;
	vertical-align:middle;
	margin:0px 20px 0px 20px;
}
#tooltips div.orcamento .msgOrc{
	font-size:16px;
	color:#008DC2;
}
#tooltips div.orcamento big{
	color:#005EA8;
	font-size:18px;
}

/*TRABALHE CONOSCO*/
#tooltips div.trabalhe{
	border:4px solid #9933FF;
	background-color: #EEE3FB;
	background-image: url(../gfx/bg_trabalhe.gif);
	right:0px;
	position:absolute;
	top:-5px;
	width:405px;
}
#tooltips div.trabalhe img.setaTrabalhe{
	position:absolute;
	left:217px;
	top:-26px;
}
#tooltips div.trabalhe input,
#tooltips div.trabalhe textarea{
	border:1px solid #E3D2F9;
	width:289px;
	margin:1px;
	*margin:0px 1px 0px 1px;
}
#tooltips div.trabalhe select.tArea{
	font-size:12px;
	color:#666666;
	padding:2px;
	border:1px solid #E3D2F9;
}
#tooltips div.trabalhe .iNome{
	background-image: url(../gfx/form_nome.gif);
	background-position: 6px center;
	background-repeat: no-repeat;
	padding-left:30px;
	padding-right:10px;
}
#tooltips div.trabalhe .iEmail{
	background-image: url(../gfx/form_email.gif);
	background-position: 5px center;
	background-repeat: no-repeat;
	padding-left:30px;
	padding-right:10px;
}
#tooltips div.trabalhe .tGraduacao{
	background-image: url(../gfx/form_texto.gif);
	background-position: 5px 5px;
	background-repeat: no-repeat;
	padding:5px 10px 5px 30px;
	height:70px;
	overflow:auto;
}
#tooltips div.trabalhe .btEnviar{
	border:none;
	width:auto;
	height:auto;
	text-align:right;
	margin:0px;
	padding:0px;
}
#tooltips div.trabalhe .msgOrc{
	font-size:16px;
	color:#8412DC;
}
#tooltips div.trabalhe big{
	color:#6D0FB3;
	font-size:18px;
}

/*CONTATO*/
#tooltips div.contato{
	border:4px solid #F90097;
	background-color: #FFDDF1;
	background-image: url(../gfx/bg_contato.gif);
	right:0px;
	position:absolute;
	top:-5px;
	width:695px;
}
#tooltips div.contato img.setaContato{
	position:absolute;
	right:65px;
	top:-26px;
}
#tooltips div.contato div.endereco{
	float:left;
	margin-right:15px;
	width:340px;
}
#tooltips div.contato div.formulario{
	float:left;
	width:260px;
}
#tooltips div.contato div.formulario input,
#tooltips div.contato div.formulario textarea{
	border:1px solid #FFDDF1;
	width:216px;
	margin:1px;
	*margin:0px 1px 0px 1px;
}
#tooltips div.contato div.formulario .iNome{
	background-image: url(../gfx/form_nome.gif);
	background-position: 6px center;
	background-repeat: no-repeat;
	padding-left:30px;
	padding-right:10px;
}
#tooltips  div.contato div.formulario .iEmail{
	background-image: url(../gfx/form_email.gif);
	background-position: 5px center;
	background-repeat: no-repeat;
	padding-left:30px;
	padding-right:10px;
}
#tooltips  div.contato div.formulario .tTexto{
	background-image: url(../gfx/form_texto.gif);
	background-position: 5px 5px;
	background-repeat: no-repeat;
	padding:5px 10px 5px 30px;
	height:70px;
	overflow:auto;
}
#tooltips div.contato div.formulario .btEnviar{
	border:none;
	width:auto;
	height:auto;
	text-align:right;
	margin:0px;
	padding:0px;
}
#tooltips div.contato #divCaptcha{
	float:left;
}
#tooltips div.contato #divCaptcha input{
	width:80px;
	height:auto;
	padding:1px;
	margin:0px;
	font-size:16px;
	text-align:center;
}
#tooltips div.contato .msgCont{
	font-size:16px;
	color:#9F0858;
}
#tooltips div.contato big{
	color:#610535;
	font-size:18px;
}

/*PAGINACAO*/
#paginacao{
	color:#999999;
	font-size:12px;
	width:100%;
	clear:both;
	vertical-align:middle;
	height:30px;
}
#paginacao .filter{
	float:right;
	vertical-align:middle;
	margin-top:5px;
	font-size:12px;
	color:#333333;
}
#paginacao div{
	margin:0px;
	padding:0px;
	float:left;
	vertical-align:middle;
}
#paginacao div.registros,
#paginacao div.setas,
#paginacao div.paginas{
	line-height:30px;
	height:30px;
}
#paginacao div.registros big{
	font-size:16px;
	font-weight:bold;
}
#paginacao div.setas {
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	margin:0px 10px 0px 10px;
	padding:0px 5px 0px 5px;
	_margin-top:-5px!important;
	_height:35px;
}
#paginacao div.setas a {
	font-size:30px;
	font-weight:bold;
	text-decoration:none;
	color:#CCCCCC;
	margin:0px 5px 0px 5px;
	cursor:default;
}
#paginacao div.setas a.active {
	cursor:pointer;
	color:#666666;
}
#paginacao div.setas a:hover {
	color:#FF0048;
}
#paginacao div.paginas a {
	width:50px;
	background-color:#CCCCCC;
	padding:2px 8px 2px 8px;
	margin:0px 5px 0px 0px;
	color:#CCCCCC;
}
#paginacao div.paginas a.current,
#paginacao div.paginas a:hover {
	background-color:#FF0048;
	color:#FF0048;
}

/*RODAPE*/
#rodape{
	width:100%;
	margin-top:20px;
	padding-top:40px;
	padding-bottom:20px;
	background-color: #001216;
	border-top: 5px solid #DCDCDC;
	text-align:center;
	color:#FFFFFF;
	background-image: url(../gfx/bg_footer.gif);	
}

/*QUADROS DE DESTAQUES*/
#rodape #destaques{
	position:relative;
	width:960px;
	margin:auto;
	padding-right:-20px;
	overflow:hidden;
}
#rodape #destaques a img{
	border:none;
}
#rodape #destaques .banner{
	width:220px;
	height:100px;
	overflow:hidden;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}