.chamada{ margin: 123px 0 0 0; width: 100%; float: left; font: 26px latobold; color: #fff; background: #ff831c; padding: 30px 0; text-align: center; position: relative; box-shadow: 0px 0px 10px 0px rgba(51, 51, 51, 0.65)}
.chamada i{ width: 30px; height: 30px; background: #ff831c; position: absolute; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -15px; z-index: 1; left: 50%; margin: 0 0 0 -15px}
.menu-interno{ width: 100%; float: left; height: 155px; background: #ededed;}
.menu-interno a{ float: left; width: 25%; text-align: center; display: table; color: #494949; font: 20px latoheavy; height: 155px; box-shadow: inset 0px 0px 1px 1px rgba(219, 219, 219, 0.87);}
.menu-interno a:hover{ height: 180px; position: relative; margin: -12.5px 0 0 0; background: #ededed;}
.menu-interno a b{ display: table-cell; vertical-align: middle}
.pg-ativa{ height: 180px !important; position: relative; margin: -12.5px 0 0 0; background: #ededed;}
.seta{ background: url(../img/cabeamento/seta.png) no-repeat center; position: relative; margin: 4px 10px 0 0px; padding: 10px 7px;}
.cabeamento-container{ width: 100%; float: left; background: url(../img/cabeamento/titulo.jpg) no-repeat center top;}
.titulo-cabeamento{ width: 380px; float: left; text-align: right; margin: 110px 575px 0 0; height: 64px; display: table;}
.titulo-cabeamento a{ height: 100%; display: table-cell; vertical-align: middle; color: #fff; font: 20px latoheavy}
.p1{ width: 620px; float: left; font: 14px latoregular; line-height: 20px; text-align: justify; background: url(../img/cabeamento/cabos.jpg) no-repeat center right; padding: 10px 200px 10px 0; margin: 35px 0 20px 75px}
.p2{ width: 826px; float: left; font: 14px latoregular; line-height: 20px; text-align: justify; padding: 10px 200px 10px 0; margin: 10px 0 20px 75px}
.p2 b{ font: 14px latoheavy;} 
.p3{ width: 550px; float: left; font: 14px latoregular; line-height: 20px; text-align: justify; background: url(../img/cabeamento/fibra.jpg) no-repeat center right; padding: 60px 270px 85px 0px; margin: 35px 0 20px 75px}
.p3 b{ font: 14px latoheavy;}
.p4{ width: 100%; float: left; font: 14px latoregular; line-height: 20px; text-align: center; padding: 80px 0 65px 0;}
.p4 b{ font: 14px latoheavy;}
.container-divs{ padding: 0 30px 90px; float: left; text-align: center}
.container-divs div{ width: 265px; height: 100px; float: left; display: table; box-shadow: inset 0px 0px 0px 1px #fe7600; margin: 18px 19px}
.container-divs div a{ width: 100%; height: 100%; display: table-cell; vertical-align: middle;}
.font-1{font: 14px latoregular; color: #4c4c4c}
.font-2{font: 14px latoregular; color: #fff; background: #ff7400}
.titulo-laranja{ color: #fff; float: left; font: 14px latobold; background: #ff7400; padding: 15px 30px; margin: 50px 560px 0 80px; border-radius: 35px;}
.conteudo-grande{ float: left; padding: 110px 80px 20px; width: 560px; font: 14px latoregular; color: #4c4c4c; line-height: 20px}
.conteudo-grande b{ float: left; width: 100%; font: 16px latobold; margin: 0 0 30px 0}
.link-exemplos{ float: left; width: 232px; height: 295px; margin: 120px 0 0 0}
.link-exemplos span{ float: left; width: 100%; font: 16px latobold; color: #4c4c4c; margin: -30px 0 0 0}
.link-exemplos b{ float: right; color: #fff; font: 13px latobold; background: #ff7400; padding: 10px 25px; border-radius: 25px;}
.exemplo1{ background: url(../img/exemplo1.jpg) no-repeat center}
.exemplo2{ background: url(../img/exemplo2.jpg) no-repeat center}
.exemplo1 b{ margin: 275px 10px 0 0;}
.exemplo2 b{ margin: 265px 10px 0 0;}
.exemplo1 b:hover{ background: #ca5e04;}
.exemplo2 b:hover{ background: #ca5e04;}
.conteudo-imagem{ float: left; padding: 20px 50px 100px 80px; font: 14px latoregular; color: #4c4c4c; line-height: 20px}
.cartao{ background: url(../img/ponto/cartao.jpg) no-repeat center right; padding: 60px 250px 35px 80px; margin: -29px 0 0 0; background-position-x: 745px;}
.cordao{ background: url(../img/ponto/cordao.jpg) no-repeat center right; padding: 60px 250px 35px 80px; margin: -29px 0 0 0; background-position-x: 745px;}
.madis-p{ float: left; font: 14px latoregular; color: #4c4c4c; padding: 50px 230px 75px 83px; width: 550px; line-height: 20px; background: url(../img/control.jpg) no-repeat center right}
.madis-p b{ font: 16px latobold}
.laranja{ color: #fff; background: #ff7400}
.container-100{ float: left; width: 900px; margin: 0 0 0 42px}
.container-100 div{ float: left; width: 223px; padding: 20px; text-align: center; margin: 13px 18px 0; height: 100px; font: 14px latoregular; color: #4c4c4c}
.laranja{ color: #fff !important; background: #ff7400}
.nosso-relogio{ float: left; font: 14px latoregular; color: #4c4c4c; padding: 80px 220px 0 83px; line-height: 20px;}
.nosso-relogio b{ font: 16px latobold}
.software{ color: #fff; float: left; font: 14px latobold; background: #ff7400; padding: 15px 30px; margin: 0 384px 0 434px; border-radius: 35px;}
.os-softwares{ float: left; width: 100%; text-align: center; font: 16px latobold; margin: 20px 0 0}
.container-softwares{ float: left; width: 932px; box-shadow: inset 0px 0px 0px 1px #ff7400; margin: 110px 0 100px 18px }
.container-softwares-p{ color: #fff; float: left; font: 14px latobold; background: #ff7400; padding: 15px 30px; margin: -26px 0px 0 65px; border-radius: 35px;}
.container-img2{ float: left; padding: 40px 44px 80px 225px; line-height: 20px !important; font: 14px latoregular; color: #4c4c4c;  background: url(../img/ponto/img2.jpg) no-repeat left top; background-position-x: 50px; background-position-y: 30px}
.container-img2 b{ font: 14px latoheavy;}
.container-img3{ float: left; padding: 40px 60px 0 295px; line-height: 20px !important; font: 14px latoregular; color: #4c4c4c;  background: url(../img/ponto/img3.jpg) no-repeat left top; background-position-x: 37px; background-position-y: 70px}
.container-img3 b{ font: 14px latoheavy;}
.container-img3 strong{ float: left; width: 265px; margin: 15px 23px 0 0;}
.container-img4{ float: left; padding: 40px 150px 10px 230px; line-height: 20px !important; font: 14px latoregular; color: #4c4c4c;  background: url(../img/ponto/img4.jpg) no-repeat left top; background-position-x: 45px; background-position-y: 35px}
.container-img4 b{ font: 14px latoheavy;}
.container-img4 strong{ float: left; width: 250px; margin: 15px 23px 0 0;}
.container-img5{ float: left; margin: 40px 0 0 0; padding: 0 45px 40px 300px; line-height: 20px !important; font: 14px latoregular; color: #4c4c4c;  background: url(../img/wpe.png) no-repeat left top; background-position-x: 50px; background-position-y: 0}
.container-img5 b{ font: 20px latoheavy;}


.container-img5-span{ float: left; font: 14px latoregular; color: #4c4c4c; }
.container-img5-span strong { float: left; width: 40%; margin: 0 2% 25px 6%;}
.container-img5-span strong b { font: 14px latoheavy;}

.engloba-quadrados-div{ float: left; width: 90%; margin: 20px 5% 0}

.quadrados-div { float: left; width: 30%; height: 170px; margin: 0% 1.65% 30px; box-shadow: inset 0px 0px 0px 1px #ff7400;}
.quadrados-div p { float: left; width: 80%; margin: 30px 10% 0; font: 13px latoregular; line-height: 20px}
.quadrados-div p b{ float: left; width: 100%; margin: 0 0 10px; font: 13px latoheavy}

.fundo-branco{ color: #4c4c4c}
.fundo-branco b{ color: #ff7400}

.fundo-laranja{ color: #fff; background: #ff7400}
.fundo-laranja b{ color: #4c4c4c}

.engloba-fabricantes { float: right; width: 540px; margin:25px 0;}
.engloba-fabricantes b { float: left; font: 13px latoregular; color: #4c4c4c; margin:0px;}
.engloba-fabricantes a { float: left; width: 170px; height:20px;}

.fabricantes1{ background: url(../img/fabricantes1.png) no-repeat center}
.fabricantes2{ background: url(../img/fabricantes2.png) no-repeat center}
.fabricantes3{ background: url(../img/fabricantes3.png) no-repeat center}
.fabricantes4{ background: url(../img/fabricantes4.png) no-repeat center}
.fabricantes5{ background: url(../img/fabricantes5.png) no-repeat center}
.fabricantes6{ background: url(../img/fabricantes6.png) no-repeat center}

.container-100-1{ float: left; width: 880px; margin: 40px 0 0 30px; padding: 0 0 35px}
.container-100-1 div { float: left; width: 334px; padding: 0 35px; margin: 0 12px 18px; height: 140px; font: 14px latoregular; color: #4c4c4c; display: table; box-shadow: inset 0px 0px 0px 1px #fe7400;}
.container-100-1 div p{ display: table-cell; vertical-align: middle; line-height: 20px;}
.container-100-1 div p b{ font: 14px latoheavy; color: #ff7400}
.laranja2{ background: #ff7400}
.laranja2 p{ color: #fff !important; }
.laranja2 p b{ color: #4c4c4c !important; }
.laranja3{ background: #ff7400; width: 250px !important}
.laranja3 p{ color: #fff !important; }
.laranja4{ background: #ff7400; color: #fff !important}
.cinza{ background: #454545; color: #fff !important}
.container-100-2{ float: left; width: 880px; margin: 40px 0 60px 30px;}
.container-100-2 div { float: left; width: 280px; margin: 0 0 0 18px; height: 80px; font: 14px latoregular; color: #4c4c4c; display: table; box-shadow: inset 0px 0px 0px 1px #fe7400;}
.container-100-2 div p{ display: table-cell; vertical-align: middle; line-height: 20px; text-align: center}
.container-100-3{ float: left; width: 880px; margin: 40px 0 60px 30px;}
.container-100-3 div { float: left; width: 278px; margin: 0 0 17px 18px; height: 65px; font: 14px latoregular; color: #4c4c4c; display: table;}
.container-100-3 div p{ display: table-cell; vertical-align: middle; line-height: 20px; text-align: center}
.w250{ width: 250px !important}
.heavy{ font: 14px latoheavy !important;}
.f11{ font-size: 11px !important}
.engloba-fabricantes p{font: 13px latoregular; color: #4c4c4c; float:left;}
@media(max-width: 990px){ 

	.engloba-fabricantes p{text-align: center; width: 100%;}
	.link-exemplos { width: 100%; height: 200px; margin: 20px 0 15px; text-align: center;}
	.link-exemplos span { font: 12px latobold; margin: 0; text-align: center;}
	.exemplo1 { background: url(../img/exemplo1.jpg) no-repeat center; background-size: 116px;}
	.exemplo2 { background: url(../img/exemplo2.jpg) no-repeat center; background-size: 116px;}
	.exemplo1 b { margin: 170px 0 0; padding: 5px 20px; text-align: center; float: none; display: inline-block;}
	.exemplo2 b { margin: 165px 0 0; padding: 5px 20px; text-align: center; float: none; display: inline-block;}
	.home-demo { display: none;}
	.seta { display: none;}
	.menu-interno { height: auto;}
	.menu-interno a { font: 8px latoheavy; height: 55px;}
	.menu-interno a:hover{ height: 55px; margin: 0;}
	.chamada { margin: 80px 0 0;}
	.pg-ativa{ height: 55px !important; margin: 0;}
    .container-divs { padding: 0 2% 10px;}
    .container-divs div { width: 48%; height: 100px; margin: 10px 1%;}
    .p1 { width: 96%; background: url(../img/cabeamento/cabos.jpg) no-repeat center top; padding: 100px 0 0; margin: 20px 2% 0; background-size: 84px;}
    .p2 { width: 96%; padding: 0; margin: 20px 2%;}
    .p3 { width: 96%; background: url(../img/cabeamento/fibra.jpg) no-repeat center top; padding: 180px 0 20px; margin: 20px 2% 0; background-size: 70.6px;}
    .p4 { width: 96%; text-align: justify; padding: 20px 2% 0;}
    .cabeamento-container { background: none; margin: 0}
    .titulo-cabeamento { width: 100%; text-align: center; margin: 30px 0 10px; height: auto; display: initial;}
    .titulo-cabeamento a { display: initial; font: 16px latoheavy; background: #e4581c; padding: 10px 20px; border-radius: 25px;}
    .titulo-laranja { margin: 0; float: none}
    .titulo-laranja1{ float: left; width: 100%; text-align: center; margin: 30px 0 15px;}
    .chamada { font: 16px latobold; padding: 20px 0; margin: 80px 0 0 0}
    .conteudo-imagem { padding: 20px 2%; width: 96%; text-align: justify}
    .conteudo-grande { padding: 20px 2%; width: 96%; text-align: justify}
    .cordao { padding: 110px 2% 0 !important; margin: 20px 0 0; background-position-x: center; background-size: 91.5px; background-position-y: top; text-align: justify}
    .cartao { padding: 110px 2% 0 !important; margin: 20px 0 0; background-position-x: center; background-size: 91.5px; background-position-y: top; text-align: justify}
    .madis-p { padding: 130px 2% 0; width: 96%; background: url(../img/control.jpg) no-repeat top center; background-size: 85px; margin: 20px 0 0; text-align: justify}
    .container-100 { width: 96%; margin: 0 2%;}
    .container-100 div { width: 94%; padding: 20px 2%; margin: 13px 1% 0; height: auto;}
    .nosso-relogio { padding: 20px 2%; text-align: center; width: 96%;}
    .software { padding: 15px 0px; margin: 0 25%; width: 50%; text-align: center;}
    .os-softwares { width: 96%; margin: 20px 2%;}
    .container-softwares-p { padding: 15px 0px; margin: -26px 5% 0; text-align: center; float: none}
    .container-softwares { width: 96%; margin: 50px 2% 20px;}
    .container-img2 { padding: 110px 4% 0px; text-align: justify; background: url(../img/ponto/img2.jpg) no-repeat center top; background-position-x: center; background-position-y: top; background-size: 71.5px; margin: 20px 0 0;}
    .container-img3 { padding: 90px 4% 0px; text-align: justify; background: url(../img/ponto/img3.jpg) no-repeat center top; background-position-x: center; background-position-y: top; background-size: 112px; margin: 20px 0 0;}
    .container-img4 { padding: 110px 4% 0px; text-align: justify; background: url(../img/ponto/img4.jpg) no-repeat center top; background-position-x: center; background-position-y: top; background-size: 73.5px; margin: 20px 0 0;}
	.container-img5 { padding: 70px 5% 0px; text-align: justify; background: url(../img/wpe.png) no-repeat center top; background-position-x: center; background-position-y: top; background-size: 150px; margin: 20px 0 10px;}
	.container-img5-span strong { width: 90%; margin: 0 5% 10px; text-align: justify;}
	.container-img5 b { font: 16px latoheavy;}
	.quadrados-div { width: 100%; height: auto; margin: 0;}
	.quadrados-div p { width: 90%; margin: 20px 5%;}
	
	.engloba-fabricantes { width: 100%; margin: 20px 0; text-align: center}
	.engloba-fabricantes b { width: 100%; font: 14px latoregular; margin: 0 0 9px; text-align: center;}
	.engloba-fabricantes a { float: none; width:100%; height:15px; display: inline-block;}
	
	.fabricantes1{ background: url(../img/fabricantes1.png) no-repeat center; background-size: 46px;}
	.fabricantes2{ background: url(../img/fabricantes2.png) no-repeat center; background-size: 68.5px;}
	.fabricantes3{ background: url(../img/fabricantes3.png) no-repeat center; background-size: 56px;}
	.fabricantes4{ background: url(../img/fabricantes4.png) no-repeat center; background-size: 54.5px;}
	.fabricantes5{ background: url(../img/fabricantes5.png) no-repeat center; background-size: 68.5px;}
	.fabricantes6{ background: url(../img/fabricantes6.png) no-repeat center; background-size: 40px;}

	
    .container-img3 strong { width: 100%; margin: 0;}
    .container-img4 strong { width: 100%; margin: 0;}
    .container-100-1 { width: 96%; margin: 20px 2% 0; padding: 0px;}
    .container-100-2 { width: 96%; margin: 20px 2% 0;}
    .container-100-3 { width: 100%; margin: 0;}
    .container-100-1 div { width: 44%; padding: 0 2%; margin: 0 1% 18px;}
    .container-100-2 div { width: 96%; margin: 0 2% 20px; height: auto; padding: 20px 1%;}
    .container-100-3 div { width: 33%; margin: 0; height: 65px; display: table-cell;}
    .laranja3 { width: 96% !important;}
    .w250 { width: 33% !important;}
    .tabela { float: left; margin: 20px 0% 0; box-shadow: inset 1px 1px 0px 0px #ff7400; line-height: 20px !important; font: 14px latoregular; color: #4c4c4c;}
    .tabela tr{}
    .tabela tr td{ padding: 2%; text-align: center; box-shadow: inset -1px -1px 0px 0px #ff7400;}
}
@media(max-width: 700px){ 
    .container-100-1 div { width: 95%; height: auto; padding: 10px 2%;}
}
@media(max-width: 450px){ 
    .container-divs div { width: 98%;}
}