body {
	background-position:center top;
	background-repeat:no-repeat;
	margin:0;
	background-color:#CCC;
	color:#FFF;
	/*font:0.9em Trebuchet Ms, Arial, Helvetica, sans-serif;*/
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font:12px Arial, Helvetica, sans-serif;
	margin:0;
}
.DivPrincipal{
	width:900px;
	height:auto;
	min-height:100%;
	overflow:hidden;
	margin:0 auto;
	
	
}
.DivTopo{
	margin:0 0 0 0px;
	float:left;
	width:900px;
	height:211px;
	background:url(../images/topo.png);
}
.DivMenu{
	width:900px;
	height:50px;
	margin:25px 0 0 160px;
	z-index:100;
}
.DivMenu ul, li{ list-style:none; display:inline; margin:5px; font-size:12px;}
.DivMenu li a{ color:#FFF; font-weight:bold; text-decoration:none; padding:10x;}
.DivMenu li a:hover{ color:#00a8e9; font-weight:bold; text-decoration:none;}

.DivMeio{
	margin-top:198px;
	width:900px;
	height:476px;
	background:url(../fatiados2/pagina_principal_meio.jpg);
}
.DivRodape{
	width:900px;
	height:100px;
	min-height:100%;
	overflow:hidden;
	margin:0 auto;
	background:#2f3193;
}
.DivEndereco{
	margin-top:60px;
	margin-left:20px;
	width: 700px;
	height:30px;
	text-decoration:none;
	font-weight:bold;
	float:left;
}
.DivLogo{
	margin-top:60px;
	margin-left:20px;
	background:url(../images/webearte.png);
	height:19px;
	width:63px;
	float:left;
}
.DivBloco{
	background:url(../images/fundo2.png);
	margin-top:210px;
	width:900px;
	height:450px;
}
.texto{
	font-weight:bold;
} 
.DivTexto{
	margin-top:35px;
	color:#000;
	margin: 15px;
	font-size:14px;
}
.DivAmbiente{
	background:url(../images/fundo3.png);
	margin-top:210px;
	width:900px;
	height:450px;	
}
.DivConteudoA{
	margin-left:30px;
	padding:180px;
	margin-right:210px;
	margin-top:100px;
	text-align:center;
	width:465px;
	height:266px;
	color:#000;
	font-size:14px;
}
.Logo{
	background:url(../images/logo14.gif);
	height:103px;
	width:100px;
}
#contato{
	margin-top:198px;
	width:900px;
	height:auto;
	min-height:100%;
	overflow:hidden;
	background:#eae6e7;
}
#formulario{
	padding:50px;
	color:#000;
	width:500px;
	height:auto;
	min-height:100%;
	overflow:hidden;
}
#formulario label{ margin:0; padding:0;}
.DivProduto{
	width:900px;
	height:auto;
	min-height:80%;
	overflow:hidden;
	margin:0 auto;
	background: #E8EAEB url(../images/selo.png) no-repeat;
	background-position:0px 0px;
	margin-top: 50px;
	
}

.DivCertificados{
	width:900px;
	height:auto;
	min-height:100%;
	overflow:hidden;
	margin:0 auto;
	background: #E8EAEB url(../images/carimbo.png) no-repeat;
	background-position:center top;
	
}



.DivEmpresa{
	width:900px;
	height:auto;
	min-height:100%;
	overflow:hidden;
	margin:0 auto;
	background: #E8EAEB url(../fatiados2/empresa_meio_texto.jpg) no-repeat;
	background-position:center top;
	
}
.DivMeioAmbiente{
	width:900px;
	height:auto;
	min-height:100%;
	overflow:hidden;
	margin:0 auto;
	background: #E8EAEB url(../fatiados2/meio_ambiente_meio.jpg) no-repeat;
	background-position:center top;
	
}



.DivTelhaAmericana{
	width:400px;
	height:200px;
	float:left;
	margin:20px 0 0 40px;
}
.DivTelhaPortuguesa{
	width:400px;
	height:200px;
	float:left;
	margin:20px;
	margin-left:20px;
}
.DivTelhaCBSRomana{
	width:400px;
	height:200px;
	float:left;
	margin:20px;
}
.DivTelhaTelhaColonial{
	width:400px;
	height:200px;
	float:left;
	margin:20px;
	margin-left:20px;
}



.DivTelhaCumeira{
width:400px;
	height:200px;
	float:left;
	margin:20px;
	margin-left:20px;
}


.DivTelhaPlanCBS{
	width:400px;
	height:200px;
	float:left;
	margin:20px;
}
.DivTellhaHidrofugada{
	width:400px;
	height:200px;
	float:left;
	margin:20px;
	margin-left:20px;
}

.infotec{
	width:900px;
	height:auto;
	min-height:100%;
	overflow:hidden;
	margin:0 auto;
	background:#eae6e7;
}
.textoinfo{
	margin:0px 0 0 205px;
	color:#000;
	font-size:18px;
	padding:5px;
}
.imetro{
	font-weight:bold;
}

.information{
	margin:10px 0 0 25px;
	font-weight:bold;
	color:#8b2326;
}
.TelhaDeCapa{
	height:364px;
	width:488px;
	background:url(../images/grafico_normal.gif) no-repeat;
	margin-top:30px;
}
.TelhasDuplas{
	height:364px;
	width:487px;
	margin-top:30px;
	background:url(../images/grafico_dupla.gif) no-repeat;
}
.metodo{
	margin-top:30px;
	height:163px;
	width:560px;
	background:url(../images/metodo_calculo.gif) no-repeat;
	background-position:center;
	margin-left:-25px;
}
.galga{
	background:#FFF;
	margin-top:30px;
	height:120px;
	width:500px;
}
.Gfoto{
	height:119px;
	width:185px;
	background:url(../images/galga.gif) no-repeat;
	margin:0 0 0 30px;
}
.Ginfo{
	float:left;
	width:200px;
	height:100px;
	font-size:14px;
	margin:5px 0 0 220px;
}
.gabarito{
	background:#FFF;
	margin-top:30px;
	height:160px;
	width:570px;
	margin:30px 0 0 -40px;
}
.gabaritoInfo{
	float:left;
	width:200px;
	height:130px;
	font-size:14px;
	margin:5px 0 0 350px;
}
.gabaritoFoto{
	background:url(../images/galga2.gif) no-repeat;
	width:334px;
	height:106px;
}
.rodape{
	float:left;
	width:504px;
	height:145px;
	background:url(../images/atend_consul.gif) no-repeat;
	margin:60px 0 0 40px;
}


/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
FORMS
*/
.text {
	border:#CCC solid 1px;
	font-weight:normal;
	font-size:12px;
	color:#0066CC;
	width:auto;
	height:24px;
	line-height:24px;
	background-image:url('text.png');
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	-moz-border-radius:4px; 
	-webkit-border-radius:4px;
}
.text:hover{
	border:#999 solid 1px;
}

.divMSGCNPJCPF{
	position:absolute; 
	text-align:center; 
	width:90px; 
	height:40px; 
	border: 1px #F00 solid; 
	margin-left:120px; 
	background:#F00; 
	color:#FFF; 
	font-weight:bold; 
	display:none;
}
.alertInputLogin{
	border:#F00 solid 2px;
	font-weight:normal;
	font-size:12px;
	color:#0066CC;
	width:auto;
	height:24px;
	line-height:24px;
	background-image:url('text.png');
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


.textTopSearch {
	border:#FFF solid 1px;
	font-weight:normal;
	font-size:12px;
	color:#0066CC;
	width:auto;
	height:24px;
	line-height:24px;
	background-image:url('text.png');
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.textarea {
	border:#CCC solid 1px;
	font-weight:normal;
	font-size:12px;
	color:#0066CC;
	background:#F5F5F5;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.submit {
	cursor:pointer;
	border:#F0F0F0 solid 1px;
	font-weight:bold;
	font-size:12px;
	color:#0066CC;
	width:auto;
	height:30px;
	line-height:inherit;
	background-image:url(submit.png);
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.submit:hover{
	color:#FF9900;
	background-image:url(submit2.png);
	background-repeat:repeat-x;
}
.select
{
	border:#CCC solid 1px;
	font-size:12px;
	color:#900;
	width:auto;
	height:24px;
	padding:3px;
	line-height:inherit;
	background:#F5F5F5;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.search
{
	border:#F90 solid 1px;
	font-size:10px;
	color:#00568F;
	height:25px;
	width:165px;
	padding:2px;
}
.search2
{
	border:#F90 solid 1px;
	font-size:10px;
	color:#00568F;
	height:25px;
	width:82px;
	padding:2px;
}
.searchSubmit{
	cursor:pointer;
	border:#F0F0F0 solid 1px;
	font-weight:bold;
	font-size:12px;
	color:#0066CC;
	width:auto;
	height:24px;
	line-height:inherit;
	background-image:url(submit.png);
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*
box com JQuery
*/
/*
span.customStyleSelectBox { font-size:11px; background-color: #f5f0de; color:#7c7c7c; padding:5px 7px; border:1px solid #F90; -moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px 5px; }
*/
span.customStyleSelectBox { font-size:11px; background-image:url(../images/bgbox.html); background-position:center top; color:#7c7c7c; padding:5px 7px; border:1px solid #EAEBEB; font-size:11px;  }
span.customStyleSelectBox.changed { background-image:url(../images/bgbox.html); background-position:center top; font-size:11px; }
.customStyleSelectBoxInner { background:url('../images/setabaixo.html') no-repeat center right; font-size:11px; }

span.customStyleSelectBox2 { font-size:11px; background-image:url(../images/bgbox2.html); background-position:center top; color:#7c7c7c; padding:5px 7px; border:1px solid #EAEBEB; font-size:11px;  }
span.customStyleSelectBox2.changed { background-image:url(../images/bgbox2.html); background-position:center top; font-size:11px; }
.customStyleSelectBoxInner2 { background:url('../images/setabaixo.html') no-repeat center right; font-size:11px; }