@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	border-bottom-color: #FFF;
} /* Zerando as margens e preenchimentos de todas as tags */

a:link {
color: #FFF;
text-decoration: none;
}

a:visited {
color: #FFF;
text-decoration: none;

}

a:hover { 
text-decoration:underline;
}

body { 
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family:"Segoe UI", Helvetica, Verdana;
color:#FFF;
line-height:12px;
background-repeat:repeat-x;
}

h1{
color:#333333;
font-size:18px;
}


h3{
color:#333333;
font-size:9pt;
}

#geral {
	width:1024px; /* definindo 770px de largura , tornando o layout fixo */

}

#espaco_menu {
width:900px;
height: 28px; /* Menu */
float: right;
}

#menu {
	color:#FFFFFF;
	width:850px;
	height:94px; /* Menu */
	float:right;
	vertical-align:middle;

}

#logo {
width:152px;
height: 94px; /* definindo Logo */
float:left;
}




#espacamento {
/* definido cor de background */
height: 20px; /* definindo altura de 40px */
clear: both; /* não permitindo que objetos "flutuantes" obstruam o rodapé. */

}


/*    INICIO DO CONTEUDO DA PAG.INDEX  */

#conteudo {
width:1024px;
height: 500px;
float:left;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

#conteudo1 {
width:600px;
height: 500px;
float:left;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;

}


#conteudo_esquerdo3 {
/*background:#FFFFFF;/* como o geral está com o fundo verde, defino aqui um branco para o fundo do conteúdo. */
width:400px;
padding: 0px; /* definindo 10px de padding */
height: 600px;
float:right;



}



#conteudo_esquerdo1 {
	/*background:#FFFFFF;/* como o geral está com o fundo verde, defino aqui um branco para o fundo do conteúdo. */
width:400px;
padding: 0px; /* definindo 10px de padding */
height: 500px;
float:right;




}

#conteudo_esquerdo_index, #conteudo_centro_esquerdo_index {
/*background:#FFFFFF;/* como o geral está com o fundo verde, defino aqui um branco para o fundo do conteúdo. */
width:480px;
padding: 2px; /* definindo 10px de padding */
height: 480px;
float:left;
}


#conteudo_direito_index {
/*background:#FFFFFF;/* como o geral está com o fundo verde, defino aqui um branco para o fundo do conteúdo. */
width:480px;
padding: 2px; /* definindo 10px de padding */
height: 480px;
float:right;
}









#conteudo_esquerdo, #conteudo_centro_esquerdo {
/*background:#FFFFFF;/* como o geral está com o fundo verde, defino aqui um branco para o fundo do conteúdo. */
width:256px;
padding: 2px; /* definindo 10px de padding */
height: 260px;
float:left;
}


#conteudo_centro_direito {
/*background:#FFFFFF;/* como o geral está com o fundo verde, defino aqui um branco para o fundo do conteúdo. */
width:256px;
padding: 2px; /* definindo 10px de padding */
height: 260px;

}

#conteudo_direito {
/*background:#FFFFFF;/* como o geral está com o fundo verde, defino aqui um branco para o fundo do conteúdo. */
width:200px;
padding: 2px; /* definindo 10px de padding */
height: 260px;
float:right;
}
/*    FIM DO CONTEUDO DA PAG. INDEX  */

/*    INICIO DO CONTEUDO DA PAG. PRODUTOS  */

#conteudo_produtos_esquerdo, #conteudo_produtos_centro {
width:320px;
padding: 10px; /* definindo 10px de padding */
height: 400px;
float:left;


}

#conteudo_produtos_direito {
width:320px;
padding: 10px; /* definindo 10px de padding */
height: 400px;
float:right;


}

/*    FIM DO CONTEUDO DA PAG. PRODUTOS  */


/*    INICIO DO CONTEUDO DA PAG. PROD_INTERNA  */

#conteudo_prod_interna_esquerdo {
	/*background:#FFFFFF;/* como o geral está com o fundo verde, defino aqui um branco para o fundo do conteúdo. */
width:320px;
padding: 10px; /* definindo 10px de padding */
height: 200px;
float:left;
}

#conteudo_prod_interna_centro {
	/*background:#FFFFFF;/* como o geral está com o fundo verde, defino aqui um branco para o fundo do conteúdo. */
width:320px;
padding: 10px; /* definindo 10px de padding */
height: 200px;
float:left;
}


#conteudo_prod_interna_direito {
	/*background:#FFFFFF;/* como o geral está com o fundo verde, defino aqui um branco para o fundo do conteúdo. */
width:320px;
padding: 10px; /* definindo 10px de padding */
height: 200px;
float:right;

}

#conteudo_prod_interna_icone1, #conteudo_prod_interna_icone2, #conteudo_prod_interna_icone3, #conteudo_prod_interna_icone4, #conteudo_prod_interna_icone5 {
/*background:#FFFFFF;/* como o geral está com o fundo verde, defino aqui um branco para o fundo do conteúdo. */
width:202px;
padding: 0px; /* definindo 10px de padding */
height: 150px;
float:left;
border: solid 1px #CCCCCC;
}

#conteudo_prod_info_esquerdo {
	width:480px;
	padding: 0px; /* definindo 10px de padding */
	height: 250px;
	float:left;
}

#conteudo_prod_info_direito {
	width:480px;
	padding: 0px; /* definindo 10px de padding */
	height: 250px;
	float:right;
	
}


/*    FIM DO CONTEUDO DA PAG. PROD_INTERNA  */

/*    INICIO DO CONTEUDO DA PAG. SOLUCOES  */

#conteudo_solucoes_esquerdo, #conteudo_solucoes_centro {
width:320px;
padding: 10px; /* definindo 10px de padding */
height: 550px;
float:left;
}

#conteudo_solucoes_direito {
width:320px;
padding: 10px; /* definindo 10px de padding */
height: 550px;
float:left;

}

/*    INICIO DO CONTEUDO DA PAG. Software  */

#conteudo_software_esquerdo, #conteudo_software_centro {
width:320px;
padding: 10px; /* definindo 10px de padding */
height: 1700px;
float:left;
}

#conteudo_software_direito  {
width:320px;
padding: 10px; /* definindo 10px de padding */
height: 800px;
float:left;
}

/*    FIM DO CONTEUDO DA PAG. Software  */
/*    INICIO DO CONTEUDO DA PAG. SERVIÇO  */

#conteudo_servico_esquerdo, #conteudo_servico_direito {
	width:512px;
	padding: 0px; /* definindo 10px de padding */
	height: 500px;
	float:left;
}


/*    FIM DO CONTEUDO DA PAG. SERVIÇO  */

/*    INICIO DO CONTEUDO DA PAG. Sobre a Aris */

#conteudo_sobresup_direito, #conteudo_sobresup_esquerdo {
width:512px;
padding: 0px; /* definindo 10px de padding */
height: 350px;
float:left;
}

#conteudo_sobreinf_direito, #conteudo_sobreinf_esquerdo {
width:512px;
padding: 0px; /* definindo 10px de padding */
height: 480px;
float:left;
}

/*    FIM DO CONTEUDO DA PAG. Sobre a Aris  */

/*    INICIO DO CONTEUDO DA PAG. CONTATO  */

#conteudo_contato_esquerdo, #conteudo_contato_direito {
width:512px;
padding: 0px; /* definindo 10px de padding */
height:590px;
float:left;
}

/*    FIM DO CONTEUDO DA PAG. CONTATO  */

#rodape {
padding:2px;
bottom:0;
width:100%;
clear: both;
background-image:url(images/rodape.jpg);
background-repeat:repeat-x;

}