@font-face{
	font-family:ropa;
	src:url('../fonte/ropa.ttf');

}

*  {
margin:0;
}

body {
	font-family: 'Ropa Sans','ropa';
	font-size:1.1em;
	font-weight: 400;
	color:#363636;
}

#headerTopo {
width:100%;
height:40px;
background-color: #000;
}

#topoTel, #topoEmail {
height:40px;
color:#ffffff;
padding-left:50px;
line-height:40px;
float:left;
font-weight: normal;
}

@media (max-width:1023px) {

#topoTel, #topoEmail {
padding:10px;
line-height:unset;
height:unset;
float:none;
display:block;
font-size:0.7em;
}

}

#headerMenu {
width:100%;
height:0px;
}

#headerMenuCentro {
width:100%;
max-width: 1024px;
margin:auto;

}

#topoLogo {
height:180px;
float:left;
padding-top:10px;
width:35%;
padding-bottom:100px;
}

#topoLogo img {
margin-top: 10px;
float: left;
margin-right: 30px;
}

@media (max-width:1024px) {
#topoLogo img{
margin-left:20px;
height:150px;
margin-top: 30px;
}
}

@media (max-width:1023px) {
#topoLogo {
width:70%;
}
}

@media (max-width:1023px) {
#headerTopo {
height:unset;
border:1px solid #000;
}
#topoLogo img{
height:100px;
margin-top: 0px;
}
#topoLogo {
height:120px;
padding-bottom:unset;
}
}

.topoMarketing {
margin-top: 50px;
font-size: 1.8em;
font-weight: normal;
color:#fff;
text-shadow: 1px 2px #000000;
}

@media (max-width:1023px) {

.topoMarketing {
margin-top: 10px;
font-size: 1.1em;
}
}

#topoMenu {
width:60%;
height:180px;
background-color:;
right:0px;
margin-top: 30px;
position: absolute;
}

@media (max-width:1023px) {
#topoMenu {
display:none;
}

}

#topoMenu ul {
list-style-type:none;
}

#topoMenu ul li{
float:right;
padding:0.8em 0.8em;
background-color:#830404;
margin-top:50px;
border-right:1px solid #fff;
color:#fff;
font-size: 1.5em;
}

.trabalhe{
border-right:none;
}

@media (max-width:1024px) {
#topoMenu ul li{
font-size: 1em;
}
}

#topoMenu ul li:hover{
background-color:#000;
color:#fff;
}

#imgPrincipal {
width:100%;
height:250px;
background-image:url('../img/fechar_nego.jpg');
background-repeat:no-repeat;
background-position: center center;
background-size:100%;
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

@media (max-width:1023px) {
#imgPrincipal {
background-position: center center;
background-size:cover;
height:80px;
padding-bottom:40px;
}
}

.menus {
background-color:#000;
border-radius:5px;
float:right !important;
text-align:center;
padding:5px;
margin-top:15px;
margin-right:15px;
}

.menus img{
height:35px !important;
}

#menuCel {
background-color:#000;
padding:20px;
clear:both;
color:white;
display:none;
}

#menuCel ul {
list-style-type:none;
padding:0;
margin:0;
}

#menuCel ul li{
padding-top:5px;
padding-bottom:20px;
border-bottom:1px solid #fff;
}

#menuCel a {
	text-decoration: none;
	color:white;
}

#menuServico ul {
padding-left:20px;
margin-left:20px;
padding-top:10px;
}

.menuServico ul li{
border-right:none;
}

#menuServico ul li:last-child{
border-bottom:none;
}

.menuServico a {
	text-decoration: none;
	color: white;
}

@media (min-width:1023px) {
.menus {
display:none;
}
}

#chamada {
width:97%;
height:130px;
background-image:url('../img/chamada.png');
margin:auto;
padding-top: 60px;
margin-top:50px;
font-size: 2em;
display: none;
clear:both;
}

.chamadas {
color:#fff;
text-transform:uppercase;
width:33%;
float:left;
text-align:center;
font-weight:bold;
text-transform:uppercase;
display: none;
}

@media (max-width:1023px) {
#chamada {
width:85%;
font-size: 1.4em;
height:unset !important;
padding-top: unset !important;
}
.chamadas {
float:unset;
display:block;
width:90%;
margin:auto;
padding:20px;
}
}

#btContato{
background-color:white;
padding-left:20px;
padding-right:20px;
padding-top:8px;
padding-bottom:8px;
border:none;
text-transform:uppercase;
border-radius:2px;
font-size: 1.5em;
font-family: 'play';
font-weight: bold;
}

#barra {
background-color: #000;
width:100%;
height:70px;
}

#bDiferenca{
color:#fff;
float:left;
text-transform:uppercase;
font-size: 1.8em;
padding-left:20px;
padding-top:15px;
}

#bContato {
padding-right:20px;
padding-top:15px;
float:right;
}

@media (max-width:1023px) {
#barra {
width:100%;
height:unset;
}
#bDiferenca{
font-size: 1.3em;
padding-top:10px;
padding-left:25px;
float:unset;
display:block;
}
#bContato {
padding-top:10px;
padding-left:25px;
float:unset;
padding-bottom:10px;
}
}

.mainTitulo {
text-align:center;
padding-top:40px;
padding-bottom:20px;
font-size:3.5em;
}

@media (max-width:1023px) {
.mainTitulo {
font-size:2em;
}
}

#mainServicos {
width:100%;
height:450px;
margin-bottom: 20px;

}

#mainServicosCentro {
width:100%;
max-width:1024px;
height:450px;
margin:auto;
}

.mainServicosP {
width:20%;
margin-left:2.5%;
margin-right:2.5%;
margin-top:30px;
height:170px;
float:left;
text-align:center;
font-size: 1.5em;
display: none;
}

.mainServicosP img{
background-color: grey;
margin-bottom:7px;
border:10px solid #F5DEB3;
}

@media (max-width:800px) {
.mainServicosP {
font-size: 1em;
}
}

@media (max-width:415px) {
#mainServicos {
height:unset;
}
#mainServicosCentro {
height:unset;
}
.mainServicosP {
width:90%;
margin:auto;
margin-top:30px;
height:170px;
float:unset;
display:block
text-align:center;
font-size: 1.5em;
display: none;
}
}

#mainSolucoes {
width:100%;
height:600px;
background-color: #f2f2f2;
}

#mainSolucoesCentro {
width:100%;
max-width:1024px;
height:600px;
margin:auto;
}

.solucoes {
	float: left;
	width: 30%;
	margin-right: 1.5%;
	margin-left: 1.5%;
	margin-top: 40px;
	display: none;
}

.solucoesf {
	float: left;
	width: 30%;
	margin-right: 1.5%;
	margin-left: 1.5%;
	margin-top: 40px;
}

@media (max-width:415px) {
#mainSolucoes {
height:unset;
}
#mainSolucoesCentro {
width:85%;
height:unset;
margin:auto;
padding-bottom:30px;
}
.solucoes {
	float: unset;
	width: 100%;
	margin-top: 30px;
	display: none;
}
}

.pEscolha {
	font-size: 2.5em;
}

.pEscolha1 {
	font-size: 1em;
	font-weight: normal;
}

.solucoes4 {
	font-size: 1.8em;	
}

@media (max-width:1024px) {
.solucoes4 {
	font-size: 1.3em;	
}
.solucoes4 img{
width:50px;
}
}

.solucoes4 img{
	vertical-align: middle;

}

.solucoes4 + .solucoes4 {
	margin-top: 20px;
}

#footer {
width:100%;
height:150px;
background-color: #000;
clear: both;
}

#footerCentro {
width:100%;
max-width:1024px;
height:150px;
margin:auto;
}

#footerBaixo {
width:100%;
height:60px;
background-color: grey;
color:#fff;

}

#footerBaixoCentro {
width:100%;
max-width:1024px;
height:60px;
margin:auto;
line-height: 60px;
font-weight: normal;
}


@media (max-width:1024px) {
#dfooter {
padding-left:20px;
}
}

.pSobre {
	color:#fff;
	padding-top: 10px;
	font-weight: normal;
}

#solucoesImg {
	text-align: center;
	margin-top: 20px;
}

#solucoesImg img {
	margin-top: 20px;
}

#solucoesContato {
	margin-top: 20px;
}

#solucoesSobre {
	margin-top: 20px;
}

@media (max-width:800px) {
.solucoesf {
	font-size:0.9em;
}
}

@media (max-width:415px) {
#footer {
height:unset;
}
#footerCentro {
padding-top:20px;
padding-bottom:20px;
height:unset;
}
.solucoesf {
	float: unset;
	width: 85%;
	margin:auto;
	margin-top: 40px;
	font-size:unset;
}
#footerBaixo {
height:unset;
}
#footerBaixoCentro {
padding-top:20px;
padding-bottom:20px;
height:unset;
line-height: unset;
}
}

.menuServico {
	position: absolute;
	padding-left: 10px;
	margin-top: 20px;
	margin-left: -70px;
	text-align: left;
	z-index: 10;
	display: none;
}

.menuServico ul li{
float:unset !important;
background-color:#D51616;
margin-top:0px !important;
border-right:none;
border-bottom:1px solid #fff;
color:#fff;
font-size: 0.7em !important;
padding:0.8em 0.8em;
}

#servico:hover .menuServico {
display: block;
}

@media (max-width:1024px) {
.menuServico {
	margin-top: 14px;
	margin-left: -63px;
}
}

.descricaoEmpresa {
	width: 100%;
	max-width: 1100px;
	margin:auto;
	margin-top: 40px;
	margin-bottom: 60px;
	font-weight: unset;
}

.imgDesc {
	width:48%;
	margin-left: 2%;
	float: left;
	padding-bottom: 60px;
}

.imgDesc img{
width: 100%;
}

.imgDesc p + p{
margin-top:20px;
}

.desctitulo {
	font-size: 1.5em;
	font-weight: bold;
}

.chamada2 {
	width: 99%;
	max-width: 1100px;
	margin:auto;
	margin-bottom: 60px;
	font-weight: unset;
	height: 150px;
	border:2px solid grey;
	clear: both;
	text-align: center;
	line-height: 150px;
	font-size: 1.5em;
}

@media (max-width:415px) {
.descricaoEmpresa {
width: 95%;
margin-bottom: unset;
}
.imgDesc {
	width:100%;
	margin-left: unset;
	float: unset;
	padding-bottom: 60px;
}
.chamada2 {
	width: 99%;
	line-height: unset;
	height: unset;
	padding-top: 5px;
	padding-bottom: 5px;
}
}

.servicosTerceirizados {
	width: 100%;
	max-width: 1100px;
	margin:auto;
	margin-bottom: 60px;
	font-weight: unset;
	clear:both;
}

.servicoUnico {
	width:33%;
	height:450px;
	margin-left:0.3%;
	float:left;
	padding-top: 40px;
}

.servicoUnico:last-child {
margin-bottom: 60px;
}

.servicoImg {
	width:100%;
	height: 220px;
	background-color: red;
}

.servicoTitulo {
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 1.3em;
}

.servicoDescricao {
	margin-top: 30px;
	margin-bottom: 30px;
}

.saiba {
	background-color: grey;
	padding: 10px;
	color:white;
	border-left:4px solid red;
}

.saiba:hover {
	
	border-left:4px solid black;
}

.btServico a {
	text-decoration: none;
	color: white;
}

@media (max-width:415px) {
.servicoUnico {
width:95%;
margin:auto;
float:unset;
}
}

.contatoSite {
	width: 97%;
	max-width: 1100px;
	margin:auto;
	margin-bottom: 60px;
	font-weight: unset;
	clear:both;
}

.infoContato {
	width:35%;
	float:left;
	height:450px;
	margin-left:3%;
}

.infoContato p{
	margin-top:20px;
}

.infoContato p img{
vertical-align: middle;
}

.formContato {
	width:55%;
	float:left;
	margin-left:5%;
	height:450px;
	margin-bottom:60px;
}

.tituloContato {
	font-size:1.5em;
	margin-bottom:40px;
}

.puts {
	width:100%;
	padding:10px;
	background-color:#E1E0E1;
	border:none;
	font-family: 'Ropa Sans','ropa';
	font-size:1.05em;
}

.text {
	width:100%;
	padding:10px;
	background-color:#E1E0E1;
	border:none;
	height:150px;
	font-family: 'Ropa Sans','ropa';
	font-size:1.05em;
}

.envia {
	font-family: 'Ropa Sans','ropa';
	padding:10px;
	background-color:#830404;
	color:white;
	border-radius:4px;
	border:2px solid #830404;
	font-size:1.05em;
	cursor: pointer;
}

@media (max-width:415px) {
.infoContato {
	width:95%;
	float:unset;
	height:unset;
	margin:auto;
	margin-top: 30px;
}
.formContato {
	width:95%;
	float:unset;
	margin:auto;
	margin-top: 30px;
	height:unset;
	margin-bottom:60px;
}
}

.sucess {
	margin-left: 20px;
	padding: 10px;
	background-color: green;
	color: white;
}

.error {
	margin-left: 20px;
	padding: 10px;
	background-color: red;
	color: white;
	display: none;
}

.errors {
	margin-left: 20px;
	padding: 10px;
	background-color: red;
	color: white;
}