@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300');

#corpo-topo {width: 940px; height: 100%; float: none; margin: 0 auto 0 auto;}

#geral {width: 100%; float: left;}

#funcionalidade {width: 100%; float: left;}

#padding-as {width: 100%; float: left; padding: 15px 0 15px 0;}

.cut1-as :nth-child(5n){margin-right: 0!important;}
.cut2-as :nth-child(2n){margin-right: 0!important;}

.alinha-as {float: left; color: #9ab1ad; font: 16px 'Roboto Condensed'; margin: 95px 0 0 10px; font-weight: bold; position: relative; z-index: 9;}

#topo-as {width: 100%; height: 100%; float: left; background: url(img/topo/topo-as.jpg) top center no-repeat; margin: auto; margin-bottom: 30px; overflow: hidden;}

#topo-mobile-as {display: none;}

.logomarca-as {width: 180px; height: auto; float: left; margin: 50px 0 0 0; overflow: hidden;}

#menu-as {width: 59%; height: auto; float: left; margin: 95px 0 0 40px; position: relative; z-index: 10;}
.menu-links-as {float: left; color: #fff; font: 16px 'Roboto Condensed'; font-weight: bold;}
.menu-links-as {border-right: 1px #4a4a4a solid; padding: 0 13px 0 0; margin: 0 13px 0 0;}
.menu-links-as2 {float: left; color: #fff; font: 16px 'Roboto Condensed'; font-weight: bold; margin: 0 0 0 13px;}

a.linkdois:link {color: #fff; text-decoration: none;}
a.linkdois:visited {color: #fff; text-decoration: none;}
a.linkdois:hover  {text-decoration: none; color: #baede1;}

a.linktres:link {color: #9ab1ad; text-decoration: none;}
a.linktres:visited {color: #9ab1ad; text-decoration: none;}
a.linktres:hover  {text-decoration: none; color: #fff;}

.cadeado-as {width: 23px; height: auto; float: left; margin: 88px 0 0 15px; overflow: hidden;}

#botao-as {width: 48%; height: auto; float: left;}
.botao-icon-as {width: 100%; height: auto; float: left; margin: 420px 0 30px 0; overflow: hidden;}

#telefone-as {width: 48%; height: auto; float: right; margin-top: -180px;}

#clientes-as {width: 100%; float: left; margin: 20px 0 50px 0; display: block; overflow: hidden;}
.clientes-sombra-as {width: 100%; height: 100%; float: left; overflow: hidden;}
.clientes-logo-as {width: 18%; height: auto; float: left; margin-right: 20px; overflow: hidden;}
#clientes-mobile-as {display: none;}
#depoimentos-as {width: 100%; float: left; background: url(img/topo/depoimentos.jpg) top center; padding: 30px 0 30px 0; margin: -85px 0 60px 0; display: block;}
#depoimentos-mobile-as {display: none;}
.depoimentos-text-as {width: 48%; float: left; color:#fff; font: 21px 'Roboto Condensed'; margin: 50px 0 0 0; font-weight: bold; text-align: center;}
.depoimentos-foto-as {width: 48%; float: right; margin: 0 0 0 0; overflow: hidden;}

#anuncieAqui-as {width: 100%; height: auto; float: left; padding: 50px 0 50px 0; margin: 0 0 50px 0; display: block; background: #fff;}
#anuncieAqui-as { position: relative; z-index: 99999;}
#mobiles-anuncieAqui {display: none;}
#anuncieAqui-as-home {width: 48%; height: auto; float: left; margin-right: 20px; position: relative;}
.anuncie-titulo-1 {width: 100%; float: left; color: #354956; font: 40px 'Roboto Condensed'; text-align: center;}
.anuncie-titulo-2 {width: 100%; float: left; color: #354956; font: 60px 'Roboto Condensed'; text-align: center; font-weight: bold;}
#anuncieAquiImagem {width: 100%; float: left; margin-top: 30px; overflow: hidden;}
#anuncieAqui-vantagens {width: 100%; float: left; margin-bottom: 30px;}
.anuncieAqui-icones {width: 105px; float: left; margin-right: 20px; overflow: hidden;}
.anuncie-titulo-3 {float: left; color: #354956; font: 25px 'Roboto Condensed'; font-weight: bold;}
.anuncie-descricao {width: 300px; float: left; color: #000; font-size: 12px;}
.anuncieAqui-botao {width: 315px; float: left; overflow: hidden;}

/* 
960px – Tablets no formato paisagem e alguns monitores mais antigos
***********************************************************/
@media screen and (max-width:960px){
#corpo-topo {display: none;}	
#topo-mobile-as {width: 100%; height: 100%; float: left; background: #2d3e50; display: block; margin-bottom: 30px;}
#menu-bonile-as {width: 80%; height: 100%; float: none; margin: 0 auto 0 auto;}
#topo-banner-as {width: 100%; height: 100%; float: left; overflow: hidden;}
#topo-banner-480-as {display: none;}
.cliqueAqui-as {width: 30%; height: 100%; float: none; margin: -70px auto 0 auto;}

#clientes-as {width: 100%; float: left; margin: 20px 0 50px 0; display: block; overflow: hidden;}
.clientes-sombra-as {width: 100%; height: 100%; float: left; overflow: hidden;}
.clientes-logo-as {width: 50%; height: 100%; float: left; margin-right: 20px; overflow: hidden;}
#clientes-mobile-as {width: 100%; height: 100%; float: left; margin-bottom: 50px; display: block;}
.clientes-mobile-logo-as {width: 17.5%; float: left; margin: -60px 20px 0 0;}
#depoimentos-as {display: none;}
#depoimentos-mobile-as {width: 100%; height: auto; float: left; background: url(img/topo/depoimentos.jpg) top center; padding: 30px 0 30px 0; display: block; margin: -85px 0 50px 0; position: relative; z-index: 999999}
#depoimentos-mobile-foto-as {width: 55%; float: none; margin: 0 auto 0 auto; overflow: hidden;}
.depoimentos-mobiles-text-as {width: 100%; float: left; color:#fff; font: 21px 'Roboto Condensed'; font-weight: bold; text-align: center; padding: 20px 0 20px 0;}

#anuncieAqui-as {width: 100%; height: auto; float: left; padding: 50px 0 50px 0; margin: 0 0 50px 0; display: block; background: #fff;}
#anuncieAqui-as { position: relative; z-index: 99999;}
#mobiles-anuncieAqui {width: 100%; height: auto; float: left; position: relative; padding: 20px 0 20px 0; display: block;}
#anuncieAqui-as-home {width: 47.3%; height: auto; float: left; margin: 0 10px 0 10px;}
.anuncie-titulo-1 {width: 100%; float: left; color: #354956; font: 40px 'Roboto Condensed'; text-align: center;}
.anuncie-titulo-2 {width: 100%; float: left; color: #354956; font: 60px 'Roboto Condensed'; text-align: center; font-weight: bold;}
#anuncieAquiImagem {width: 100%; float: left; margin-top: 30px; overflow: hidden;}
#anuncieAqui-vantagens {width: 100%; float: left; margin-bottom: 30px;}
.anuncieAqui-icones {width: 105px; float: left; margin-right: 10px; overflow: hidden;}
.anuncie-titulo-3 {float: left; color: #354956; font: 20px 'Roboto Condensed'; font-weight: bold;}
.anuncie-descricao {width: 240px; float: left; color: #000; font-size: 11px;}
.anuncieAqui-botao {width: 315px; float: left; overflow: hidden;}
}

/* 
768px – Tablets no formato retrato, como o iPad
***********************************************************/
@media screen and (max-width:768px){
#corpo-topo {display: none;}	
#topo-mobile-as {width: 100%; height: 100%; float: left; background: #2d3e50; display: block; margin: 80px 0 30px 0;}
#menu-bonile-as {width: 80%; height: 100%; float: none; margin: 0 auto 0 auto;}
#topo-banner-as {width: 100%; height: 100%; float: left; overflow: hidden;}
#topo-banner-480-as {display: none;}
.cliqueAqui-as {width: 30%; height: 100%; float: none; margin: -60px auto 0 auto;}	

#clientes-as {width: 100%; float: left; margin: 20px 0 50px 0; display: block; overflow: hidden;}
.clientes-sombra-as {width: 100%; height: 100%; float: left; overflow: hidden;}
.clientes-logo-as {width: 50%; height: 100%; float: left; margin-right: 20px; overflow: hidden;}
#clientes-mobile-as {width: 100%; height: 100%; float: left; margin-bottom: 50px; display: block;}
.clientes-mobile-logo-as {width: 16%; float: left; margin: -40px 20px 0 0;}
#depoimentos-as {display: none;}
#depoimentos-mobile-as {width: 100%; height: auto; float: left; background: url(img/topo/depoimentos.jpg) top center; padding: 30px 0 30px 0; display: block; margin: -25px 0 50px 0; position: relative; z-index: 999999}
#depoimentos-mobile-foto-as {width: 65%; float: none; margin: 0 auto 0 auto; overflow: hidden;}
.depoimentos-mobiles-text-as {width: 100%; float: left; color:#fff; font: 21px 'Roboto Condensed'; font-weight: bold; text-align: center; padding: 20px 0 20px 0;}

#anuncieAqui-as {width: 100%; height: auto; float: left; padding: 50px 0 50px 0; margin: 0 0 50px 0; display: block; background: #fff;}
#anuncieAqui-as { position: relative; z-index: 99999;}
#mobiles-anuncieAqui {width: 100%; height: auto; float: left; position: relative; padding: 20px 0 20px 0; display: block;}
#anuncieAqui-as-home {width: 98.5%; height: auto; float: left; margin: 0 0 20px 0; padding: 0 20px 0 20px;}
.anuncie-titulo-1 {width: 100%; float: left; color: #354956; font: 40px 'Roboto Condensed'; text-align: center;}
.anuncie-titulo-2 {width: 100%; float: left; color: #354956; font: 60px 'Roboto Condensed'; text-align: center; font-weight: bold;}
#anuncieAquiImagem {width: 100%; float: left; margin-top: 30px; overflow: hidden;}
#anuncieAqui-vantagens {width: 100%; float: left; margin-bottom: 30px;}
.anuncieAqui-icones {width: 105px; float: left; margin-right: 20px; overflow: hidden;}
.anuncie-titulo-3 { width: 70%; float: left; color: #354956; font: 25px 'Roboto Condensed'; font-weight: bold;}
.anuncie-descricao {width: 70%; float: left; color: #000; font-size: 15px;}
.anuncieAqui-botao {width: 315px; float: none; margin: 0 auto 0 auto; overflow: hidden;}
#anuncie-xxx {width: 100%; float: left;}
}

/* 
640px – iPhone no formato retrato
***********************************************************/
@media screen and (max-width:640px) and (min-width: 481px){
#corpo-topo {display: none;}	
#topo-mobile-as {width: 100%; height: 100%; float: left; background: #2d3e50; display: block; margin: 80px 0 30px 0;}
#menu-bonile-as {width: 80%; height: 100%; float: none; margin: 0 auto 0 auto;}
#topo-banner-as {display: none;}
#topo-banner-480-as {width: 100%; height: 100%; float: left; display: block; overflow: hidden;}
.cliqueAqui-as {display: none;}	

#clientes-as {width: 100%; float: left; margin: 20px 0 50px 0; display: block; overflow: hidden;}
.clientes-sombra-as {width: 100%; height: 100%; float: left; overflow: hidden;}
.clientes-logo-as {width: 50%; height: 100%; float: left; margin-right: 20px; overflow: hidden;}
#clientes-mobile-as {width: 100%; height: 100%; float: left; margin-bottom: 50px; display: block;}
.clientes-mobile-logo-as {width: 16%; float: left; margin: -40px 20px 0 0;}
#depoimentos-as {display: none;}
#depoimentos-mobile-as {width: 100%; height: auto; float: left; background: url(img/topo/depoimentos.jpg) top center; padding: 30px 0 30px 0; display: block; margin: -25px 0 50px 0; position: relative; z-index: 999999}
#depoimentos-mobile-foto-as {width: 65%; float: none; margin: 0 auto 0 auto; overflow: hidden;}
.depoimentos-mobiles-text-as {width: 100%; float: left; color:#fff; font: 21px 'Roboto Condensed'; font-weight: bold; text-align: center; padding: 20px 0 20px 0;}

#anuncieAqui-as {width: 100%; height: auto; float: left; padding: 50px 0 50px 0; margin: 0 0 50px 0; display: block; background: #fff;}
#anuncieAqui-as { position: relative; z-index: 99999;}
#mobiles-anuncieAqui {width: 100%; height: auto; float: left; position: relative; padding: 20px 0 20px 0; display: block;}
#anuncieAqui-as-home {width: 98.5%; height: auto; float: left; margin: 0 0 20px 0; padding: 0 20px 0 20px;}
.anuncie-titulo-1 {width: 100%; float: left; color: #354956; font: 40px 'Roboto Condensed'; text-align: center;}
.anuncie-titulo-2 {width: 100%; float: left; color: #354956; font: 60px 'Roboto Condensed'; text-align: center; font-weight: bold;}
#anuncieAquiImagem {width: 100%; float: left; margin-top: 30px; overflow: hidden;}
#anuncieAqui-vantagens {width: 100%; float: left; margin-bottom: 30px;}
.anuncieAqui-icones {width: 105px; float: left; margin-right: 20px; overflow: hidden;}
.anuncie-titulo-3 { width: 70%; float: left; color: #354956; font: 25px 'Roboto Condensed'; font-weight: bold;}
.anuncie-descricao {width: 70%; float: left; color: #000; font-size: 13px;}
.anuncieAqui-botao {width: 290px; float: none; margin: 0 auto 0 auto; overflow: hidden;}
#anuncie-xxx {width: 100%; float: left;}
}

/* 
480px – Smartphones no formato paisagem com tela pequena
***********************************************************/
@media screen and (max-width:480px){
#corpo-topo {display: none;}	
#topo-mobile-as {width: 100%; height: 100%; float: left; background: #2d3e50; display: block; margin: 80px 0 30px 0;}
#menu-bonile-as {width: 80%; height: 100%; float: none; margin: 0 auto 0 auto;}
#topo-banner-as {display: none;}
#topo-banner-480-as {width: 100%; height: 100%; float: left; display: block; overflow: hidden;}
.cliqueAqui-as {display: none;}	

#clientes-as {width: 100%; float: left; margin: 20px 0 50px 0; display: block; overflow: hidden;}
.clientes-sombra-as {width: 100%; height: 100%; float: left; overflow: hidden;}
.clientes-logo-as {width: 50%; height: 100%; float: left; margin-right: 20px; overflow: hidden;}
#clientes-mobile-as {width: 100%; height: 100%; float: left; margin-bottom: 50px; display: block;}
.clientes-mobile-logo-as {width: 100%; float: left; margin: -40px 0 20px 0;}
#depoimentos-as {display: none;}
#depoimentos-mobile-as {width: 100%; height: auto; float: left; background: url(img/topo/depoimentos.jpg) top center; padding: 30px 0 30px 0; display: block; margin: -25px 0 50px 0; position: relative; z-index: 999999}
#depoimentos-mobile-foto-as {width: 75%; float: none; margin: 0 auto 0 auto; overflow: hidden;}
.depoimentos-mobiles-text-as {width: 80%; float: none; color:#fff; font: 21px 'Roboto Condensed'; font-weight: bold; text-align: center; padding: 20px 0 20px 0; margin: 0 auto 0 auto;}

#anuncieAqui-as {width: 100%; height: auto; float: left; padding: 50px 0 50px 0; margin: 0 0 50px 0; display: block; background: #fff;}
#anuncieAqui-as { position: relative; z-index: 99999;}
#mobiles-anuncieAqui {width: 100%; height: auto; float: left; position: relative; padding: 20px 0 20px 0; display: block;}
#anuncieAqui-as-home {width: 98.5%; height: auto; float: left; margin: 0 0 20px 0; padding: 0 20px 0 20px;}
.anuncie-titulo-1 {width: 100%; float: left; color: #354956; font: 40px 'Roboto Condensed'; text-align: center;}
.anuncie-titulo-2 {width: 100%; float: left; color: #354956; font: 60px 'Roboto Condensed'; text-align: center; font-weight: bold;}
#anuncieAquiImagem {width: 100%; float: left; margin-top: 30px; overflow: hidden;}
#anuncieAqui-vantagens {width: 100%; float: left; margin-bottom: 30px;}
.anuncieAqui-icones {width: 75px; float: left; margin-right: 10px; overflow: hidden;}
.anuncie-titulo-3 { width: 65%; float: left; color: #354956; font: 20px 'Roboto Condensed'; font-weight: bold;}
.anuncie-descricao {width: 65%; float: left; color: #000; font-size: 13px;}
.anuncieAqui-botao {width: 290px; float: none; margin: 0 auto 0 auto; overflow: hidden;}
#anuncie-xxx {width: 100%; float: left;}
}

/* 
384px – Smartphones antigos com tela pequena
***********************************************************/
@media screen and (max-width:384px){
#corpo-topo {display: none;}	
#topo-mobile-as {width: 100%; height: 100%; float: left; background: #2d3e50; display: block; margin: 80px 0 30px 0;}
#menu-bonile-as {width: 80%; height: 100%; float: none; margin: 0 auto 0 auto;}
#topo-banner-as {display: none;}
#topo-banner-480-as {width: 100%; height: 100%; float: left; display: block; overflow: hidden;}
.cliqueAqui-as {display: none;}	

#clientes-as {width: 100%; float: left; margin: 20px 0 50px 0; display: block; overflow: hidden;}
.clientes-sombra-as {width: 100%; height: 100%; float: left; overflow: hidden;}
.clientes-logo-as {width: 50%; height: 100%; float: left; margin-right: 20px; overflow: hidden;}
#clientes-mobile-as {width: 100%; height: 100%; float: left; margin-bottom: 50px; display: block;}
.clientes-mobile-logo-as {width: 100%; float: left; margin: -40px 0 20px 0;}
#depoimentos-as {display: none;}
#depoimentos-mobile-as {width: 100%; height: auto; float: left; background: url(img/topo/depoimentos.jpg) top center; padding: 30px 0 30px 0; display: block; margin: -25px 0 50px 0; position: relative; z-index: 999999}
#depoimentos-mobile-foto-as {width: 75%; float: none; margin: 0 auto 0 auto; overflow: hidden;}
.depoimentos-mobiles-text-as {width: 80%; float: none; color:#fff; font: 21px 'Roboto Condensed'; font-weight: bold; text-align: center; padding: 20px 0 20px 0; margin: 0 auto 0 auto;}

#anuncieAqui-as {width: 100%; height: auto; float: left; padding: 50px 0 50px 0; margin: 0 0 50px 0; display: block; background: #fff;}
#anuncieAqui-as { position: relative; z-index: 99999;}
#mobiles-anuncieAqui {width: 100%; height: auto; float: left; position: relative; padding: 20px 0 20px 0; display: block;}
#anuncieAqui-as-home {width: 98.5%; height: auto; float: left; margin: 0 0 20px 0; padding: 0 20px 0 20px;}
.anuncie-titulo-1 {width: 100%; float: left; color: #354956; font: 40px 'Roboto Condensed'; text-align: center;}
.anuncie-titulo-2 {width: 100%; float: left; color: #354956; font: 60px 'Roboto Condensed'; text-align: center; font-weight: bold;}
#anuncieAquiImagem {width: 100%; float: left; margin-top: 30px; overflow: hidden;}
#anuncieAqui-vantagens {width: 100%; float: left; margin-bottom: 30px;}
.anuncieAqui-icones {width: 75px; float: left; margin-right: 10px; overflow: hidden;}
.anuncie-titulo-3 { width: 65%; float: left; color: #354956; font: 20px 'Roboto Condensed'; font-weight: bold;}
.anuncie-descricao {width: 65%; float: left; color: #000; font-size: 13px;}
.anuncieAqui-botao {width: 220px; float: none; margin: 0 auto 0 auto; overflow: hidden;}
#anuncie-xxx {width: 100%; float: left;}
}