/* CSS Document */

/* By luizphill - LFAO */

@import url("reset.css");
@import url("classes.css");


* html img { /* código para usar PNG com fundo transparente. */

	filter:expression(
		this.alphaxLoaded ? "" :(this.src.substr(this.src.length-4)==".png"?((!this.complete)? "" :
		this.runtimeStyle.filter=("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.src+"')")+
		(this.onbeforeprint="this.runtimeStyle.filter='';this.src='"+this.src+"'").substr(0,0)+
		String(this.alphaxLoaded=true).substr(0,0)+
		(this.src="imagens/blank.gif").substr(0,0)):this.runtimeStyle.filter="")); 
} 


html {	overflow-y: scroll; 
		overflow-x: hidden;}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	background-color: #94D4DF; 
	background-image:url(../imagens/background.jpg);
	background-repeat: repeat-x;
	overflow-x: hidden;

}

p,h1,h2,h3,h4,h5,h6,h7,input,ul,li,dd,select,textarea,label {
	font-size: 11px;
	color: #0A3C46;
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";

}

a {	color: #000000;	}
a:hover {	color:#000000; text-decoration: underline;	}

#geral{
	width: 884px;
	min-height: 577px;
	margin: 0 auto;
}

#ondas{
	background-image:url(../imagens/onda.jpg);
	background-repeat: repeat-x;
	width: 4096px;
	height: 99px;
	margin: 97px -570px;
	position: absolute;
	z-index: 0;
}

#site{
	width: 770px; /*884 */
	min-height: 328px;
	_height: auto;
	position:relative;
	z-index:1;
}

#site2{ padding: 0 0 0 57px; }

#topo{
	/*background-image:url(../imagens/topo.jpg);*/
	background-repeat: no-repeat;
	overflow: hidden;
	width: 770px;
	height: 195px;
}

#topo ul li a{
	color: #033C41;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	font-weight: bold;
	position: relative;
}

#topo a:hover{ color: #3799D6; text-decoration: none;}

#meio{
	width: 770px;
	height: auto;

}

#rodape{
	width: 884px; /* 884  734*/
	height: 160px; /* 160 32*/
	/*background-image:url(../imagens/rodape2.jpg);*/
	background-repeat:no-repeat;
	overflow: hidden;
	/*padding: 118px 0 0 150px;*/
}

#rodape p,a{color: #FFF; font-size: 10px;}
#rodape a:hover{ color:#D1F5FA; }

#col_esq{
	width: 424px;
	height: 232px;
	overflow: hidden;
}

#col_esq_internas{
	width: 554px;
	height: 230px; /* 272*/
	padding: 0 0 0 20px;
}

#col_esq_fotos{
	width: 105px;
	height: auto;
	float: left;
	padding: 0 0 0 20px;
}

#col_esq_texto{
	width: 450px;
	_width: 340px;
	height: auto;
}

#col_dir{
	width: 334px;
	height: 377px;
	overflow: hidden;
	margin: -356px 0 0 429px;	/* -125 6  */
	position:absolute;
}

#col_dir_internas{
	width: 208px;
	height: 333px;
	overflow: hidden;
	margin: -120px 0 0 555px;	/* -398 555  */
	position:absolute;
}

#col_dir_internas li{
	background-image:url(../imagens/link_pontilhado.gif);
	background-repeat:no-repeat;
	background-position: 0 14px;
	height: 24px;
}
#col_dir_internas a{	
	color: #033C41;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
}

#col_dir_internas a:hover { color: #3799D6; text-decoration: none; }

#topo_branco{
	background-image:url(../imagens/topo_branco.jpg);
	background-repeat:no-repeat;
	width: 332px;
	height: 30px;
	padding: 20px 0 0 44px;
	color: #16929E;
}

#topo_branco_internas{
	background-image:url(../imagens/topo_branco_internas.jpg);
	background-repeat:no-repeat;
	width: 211px;
	height: 30px;
	color: #16929E;
}

#branco1{
	width: 320px;
	height: 129px;
	padding: 0 10px 0 10px;
	overflow: hidden;
}

#ultimos_projetos{
	width: 290px;
	height: 27px;
	background-image:url(../imagens/ult_proj_branco.jpg);
	background-repeat:no-repeat;
	overflow: hidden;
	padding: 4px 0 0 44px;
}

#branco2{
	width: 320px;
	height: 140px;
	padding: 3px 7px 0 7px;
}
#branco2 a{ color:#3799D6; }

#branco3{
	width: 185px;
	height: 280px;
	padding: 7px 13px 0 13px;
}

#equipe{
	float: left;
	width: 450px; /* 554 */
	padding: 0 0 0 20px;
}

#equipe li{ 
	list-style:none;
	font-size:12px;
	font-weight:bold;

	}
#equipe dd{ 	
	font-size: 11px;
	color: #0A3C46;
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	_margin: 0 0 10px -24px;
	font-weight: normal;
}

#direita_foto{
	width: 295px; /* 266 */
	height: 277px; 
	overflow: hidden;
	margin: 5px 0 0 0;
}

#direita_foto a{ color: #0033CC; font-size:11px;}

#portifolio{
	width: 750px;
	float: left;
	padding: 0 0 0 20px;	
}

#contato{
	width: 400px; /* 500 */
	float: left;
	padding: 0 0 0 20px;
}

#rodape_branco{
	background-image:url(../imagens/rodape_branco.jpg);
	background-repeat:no-repeat;
	width: 336px;
	height: 15px;
}

#rodape_branco_internas{
	background-image:url(../imagens/rodape_branco_internas.jpg);
	background-repeat:no-repeat;
	width: 211px;
	height: 18px;
}

#banner{
	width: 100%;
	height: 100%;
	position: absolute;
	display: table-cell;
	text-align:center;
	vertical-align: middle;
	z-index:1000;
	margin: 0 auto;
}
#banner h2{ text-indent: -4000px; }
#banner p .fechar{
	width: 100%;
	height: 100%;
	position: absolute;
	margin: 0 -50%;
	z-index:1;
}
#banner p .link{ z-index: 1200; width: auto; height:auto; }