body {
padding: 0px;
margin: 0px;
font-family: Arial, sans-serif;


}
.clear{
	clear:both;
}

/* button
 * =============================== */
.btn {
  cursor: pointer;
  background: red;
  display: inline-block;
  padding: .5em 1em;
  color: #fff;
  border-radius: 3px;
}

.btn:hover,
.btn:focus {
  background: red;
}

.btn:active {
  background: red;
  box-shadow: 0 1px 2px rgba(0,0,0, .2) inset;
}

.btn--blue {
  background: #2980b9;
}

.btn--blue:hover,
.btn--blue:focus {
  background: #3498db;
}

.btn--blue:active {
  background: #2980b9;
}

/* Other
 * =============================== */

button {
	border: none;
	padding: 0.6em 1.2em;
	background: #c0392b;
	color: #fff;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	font-size: 1em;
	letter-spacing: 1px;
	text-transform: uppercase;
	cursor: pointer;
	display: inline-block;
	margin: 3px 2px;
	border-radius: 2px;
}

button:hover {
	background: #A5281B;
}

.div_container {
width: 1024px;
margin: 0 auto;
position: relative;
top:100px; /*tem que ser a autura do da div menu*/

}

/*Inicio da config do menu*/
/* Fixa o menu no topo */
.div_menu{
width:100%;
height:100px;
position:fixed;
background:url("../imagens/bg_menu.png");
display: block;
z-index:999;
top:0;

}

.ConteudoMenu {
width:1024px ;
margin-left: auto;
margin-right: auto;
display: block;

}


.div_btnmenu{
font-size:20px;
text-align: right;
margin-right: 50px;
margin-top: -53px;
padding-bottom: 20px;

}

.div_imglogo{
width: 240px;
height:94px;
display: block;
background:url("../imagens/logo.png") no-repeat;

}


/*Inicio da config cabeçalho*/
.cabecalho {
width: 100%;
height:400px;
background-color: yellow;
display: block;
position: relative;
top:100px /*tem que ser a altura do da div menu*/


}

#conteudocabecalho{
width:940px;
height:600px;
background: red;
display: block;


}



.boxleft, .boxcentro, .boxright {
height: 450px ;
width: 300px;
//background: red;
margin-bottom: 30px;
float:left;
padding:10px;
margin-left: 15px;

}


.textbox {
width:100%;
height:300px;
position:relative;
//background: rgba(53,122,203,1.0);
padding: 10px;
font: #FFF;
margin-bottom:0px;
}

.imgboxleft, .imgboxcentro, .imgboxright {
height: 256px;
width: 256px;
margin:0 auto;
}

.imgboxleft{
\\background:url("../imagens/suporte.png") no-repeat;

}

.imgboxcentro {
background:url("../imagens/sistema.png") no-repeat;
}

.imgboxright {

background:url("../imagens/Ferramentas.png") no-repeat;
}

.sisboxleft, .sisboxcentro, .sisboxright {
width: 420px;
height: 574px ;
//background: red;
margin-bottom: 10px;
float:left;
padding:5px;
margin-left: 12px;
}

.sistextbox {
width:400px;
height:200px;
position:relative;
//background: rgba(53,122,203,1.0);
padding: 10px;
font: #FFF;

}

.sac, .coltint, .abastecimento, .acertoctas, .fatcob, .finan, .portalclient, .operacao, .logistica {
height: 350px;
width: 420px;
margin:0 auto;
}

.sac{
background:url("../imagens/sac.jpg") no-repeat;
}

.coltint {
background:url("../imagens/coletaentrega.jpg") no-repeat;
}

.abastecimento{
background:url("../imagens/abastecimento001.png") no-repeat;
}

.acertoctas  {
background:url("../imagens/AcertoCtas.jpg") no-repeat;
}

.fatcob{
background:url("../imagens/FatCob.jpg") no-repeat;	
}

.finan{
background:url("../imagens/financeiro.jpg") no-repeat;	
}

.portalclient{
background:url("../imagens/portal.jpg") no-repeat;
}

.operacao{
background:url("../imagens/operacional.jpg") no-repeat;	
}

.logistica{
background:url("../imagens/armazem.jpg") no-repeat;	
}


.empresa{
top:200px; /*tem que ser a altura do da div menu*/
width: 100%;
margin: 0 auto;
position: relative;
}


.market{
top:280px; /*tem que ser a altura do da div menu*/
width: 100%;
margin: 0 auto;
position: relative;
//margin-bottom:15px;
}


.solucaodeproblemas{
width:100%;
height: 600px;
//background: yellow;
margin: 0 auto;

}

.contsolucaoproblemas{
width:1150px;
height: 600px;
//background: #CDCDCD;
margin: 0 auto;
font-size:25px;
font-family: sans-serif;
//padding-bottom: 10px;

}
.contsolucaoproblemas p{
color: rgba(0,0,0,0.7);
padding-left: 12px;

//text-align: justify;
}
.tecnologia{
width:1340px;
height: 100%;
//background: orange;
margin: 0 auto;

}

.div_rodape{
background: rgba(54,54,54,1.0);
width:100%;
height: 300px;
position: relative;
top:150px; /*tem que ser a altura do da div menu*/


}

.mail{
//background: orange;
width:100%;
position: relative;
top:50px; /*tem que ser a altura do da div menu*/


}


.TextFooter, .TextFooterRight{
width: 300px;
height: 300px ;
//background: blue;
margin-bottom: 10px;
float:left;
padding:5px;



	
}
.footer {
width:1350px;
height:300px;
margin: 0 auto;
background: rgba(105,105,105,1.0);
font: #FFF;
top:300px;
padding-left: 15%;

}
.EndFooter{
width:100%;
height:30px;
margin: 0 auto;
background:  red;
//background:  rgba(54,54,54,1.0);
font: #FFF;	
padding: 0px;
	
}

.footer ol{
//padding-top: 30px;
width:300px;
list-style-type: none;


}
.footer ol li {
color: #fff;
	
}

.footer ol li:hover{
background: #555;
color: #fff;

}
.footer ol li a{
color: #fff;	
}

.footer ol li a:link{
text-decoration: none;

	
}

.verticalLine {
border-right: solid #fff 1px;

}