/*
CORES:
	texto    = #333
	bordinha = #999

FONTES:

	font-family: 'Roboto Slab', serif;

*/


body{overflow-x:hidden;background:url(../img/bg.jpg)}
*{font-family: 'Roboto Slab', serif;}
.text-bold{font-weight:bold;}
h1, h2, h3,h4,h5,h6{margin:0px;padding:0px;}
hr {border-top: 1px solid #999 !important;width: 80% !important;}
.titulo-bloco{text-transform:uppercase;text-align:center;padding:10px 0px 80px 0px}
.loading{text-align: center;}

/**********************************
    TOPO
***********************************/

.topo{height:170px;}
.toponovo{height: 160px !important;}
.toponovo .logo{margin-top:25px;display:block;margin-left: auto;margin-right: auto;max-height:110px;}
.topo-menu ul{float:left !important;margin-left:0px;padding-left:0px;margin-top: 0px !important;
margin-bottom: 0px;list-style:none;float:right;margin-top: 77px;margin-right: 40px;padding-top:10px;padding-bottom:10px}
.topo-menu ul li{display:inline;padding:10px 10px;font-size:110%;}
.topo-menu ul li a{color:#333;}
.topo-menu ul li:hover{cursor:pointer;}
.topo-menu{width:100%;padding:10px;}



.voltar-ao-topo{display:none;position: fixed;right: 20px;bottom: 20px;z-index: 1001;width: 45px;height: 45px;font-size: 16px;text-align: center;line-height: 45px;cursor: pointer;transition: background 0.25s linear;}
.voltar-ao-topo i{color: #fff;margin-top: 25%;}
.topo ul{margin-left: 0px;padding-left: 0px;list-style:none;float:right;margin-top: 77px;margin-right: 40px;}
.topo ul li{display:inline;padding:10px 10px;font-size:110%;}
.topo ul li a{color:#333;}
.topo ul li:hover{color:white;}
.topo ul li:hover{cursor:pointer;}
.topo .fa-bars{display:none;font-size: 400%;cursor:pointer;float: right;margin-right: 20px;margin-top: 30px;}
.topo i, .topo-menu i{font-size: 150%;margin-left: 20px;}
.topo .redes a:hover i{color:#333 !important}
.topo-menu .redes a:hover i{opacity:0.8}
.topo .telefone, .topo .telefone2{float:right;height:170px;width:170px;color: white;font-weight: bold;padding-top: 72px;text-align: center;font-size: 150%;}
.topo-menu .telefone, .topo-menu .telefone2{margin-top: -10px;margin-bottom: -10px;float:right;height:62px;width:170px;color: white;font-weight: bold;padding-top: 17px;text-align: center;font-size: 150%;}
.topo .redes{float:right;height:170px;width:170px;color: white;font-weight: bold;padding-top: 70px;text-align: center;font-size: 150%;}
.topo-menu .redes{float:right;height:62px;width:170px;color: white;font-weight: bold;padding-top: 16px;text-align: center;font-size: 150%;margin-top: -10px;margin-bottom: -10px;}
.logo{margin-top:13px;}
.tarja{height:143px;width:100%;}
.tarja2{height:143px;width:100%;}
.tarja2 h1{color: white;margin-top: 52px;font-weight: 700;}
.conteudo{min-height:600px;padding:100px 0px}
.menu-container{display:none;}
.menuresponsivo ul{margin:0px;padding:0px;list-style:none;}
.menuresponsivo ul li{background:#333;font-weight:700;color:white;padding:10px;margin-bottom:1px;text-align:center;}
.menuresponsivo ul li a{color:white;}

/**********************************
    CLASSES PARA MUDAR COR
***********************************/

.cor1{background:white !important;}
.cor1 button,
.cor1 .bloconews h1 a,
.cor1 p{color:#666;}
.cor1 .contato button{margin-top:-50px;}
.cor1 .bloco-representa h1, .cor1 button{color:white;}

.cor2 .titulo-bloco,
.cor2 p,
.cor2 .bloconews h1 a,
.cor2 .info-empresa i,
.cor2 .produtos-dados h1,
.cor2 .servico-lista ul li a,
.cor2 .bloco-representa h1{color:white}
.cor2 .ativo2{color:white !important}
.cor2 input,
.cor2 textarea{border:1px solid white;}
.cor2 .contato button{margin-top:5px;}
.cor2 .bloconews h1 a:hover,
.cor2 .bloco-representa p{color:#666}
.cor2 .produto-lista ul li, .cor2 button{background:white;}

/**********************************
    INDEX
***********************************/

.frase-de-efeito{font-size:220%;}
.frase-de-efeito2{margin-top: -10px;color:white;padding:80px 20px;text-align:center;font-style: italic;font-weight: 300;}
.botoes{text-align:center;padding:90px 0px;}
.botoes h1{font-size:150%;margin:10px 0px;}
.botoes p{margin:0px;width:70%;margin:auto;}
.slide h1{background:rgba(255,255,255,0.7);font-size:250%;padding:30px;text-transform:uppercase;text-align:center;width:70%;margin:auto;position:relative;margin-top:200px}
.slide-individual{background-size:auto 100% !important;background-position:top center}

/**********************************
    EMPRESA
***********************************/

.container-empresa{width:100%;}
.empresa p{font-size:110%;text-align:justify}
.empresa img{margin-top:20px;width:100%;margin-bottom:10px;}

/**********************************
    PRODUTOS / SERVIÇOS / PORTFÓLIO
***********************************/

.produto-bloco img{border:1px solid #dedede;width:100%;cursor:pointer;}
.produto-bloco img:hover{opacity:0.8;}
.produto-bloco-foto{background:black;}
.produto-bloco h3{text-align:center;margin-bottom:25px;margin-top:10px;}
.olheprolado-faixa{padding:10px;font-size:100%;text-align:center;text-transform: uppercase;font-weight: 400;}

.container-portfolio{width:100%;}
.produto-lista ul{margin-top:10px;padding:0px;list-style:none;}
.produto-lista ul li{padding:10px;width:100%;font-size:120%;margin-bottom:2px}
.produto-lista ul li:hover{cursor:pointer;}
.produto-lista ul li a{color:white;}
.produto-interno li{background:white !important;border-bottom:1px solid #333}
.produto-interno li:hover{background:#DBDBDB !important;color:#333 !important;}
.produto-interno li a{color:#333 !important}
.servico-lista ul{margin-top:10px;padding:0px;list-style:none;}
.servico-lista ul li{padding:10px;width:100%;font-size:120%;margin-bottom:2px;}
.servico-lista ul li:hover{cursor:pointer;}
.semborda{border-bottom:0px !important}
.produtos-dados{text-align:justify}
.produtos-dados h1{margin-bottom:15px;}
.produtos-dados p{font-size:115%}
.produtos-dados img{width:100%;margin-bottom:35px;}
.produtos-dados .loading img{width:auto !important}
.produtos-texto{padding-bottom:30px}
.foto-amplia{position:relative;width:100%;display: inline-block;overflow: hidden;}
.fotomini{border: 1px solid #dedede;}
.lupinha{display: block;width: 100%;position: absolute;right: 0;-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-ms-transform: translateY(-100%);-o-transform: translateY(-100%);-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;}
.foto-amplia:hover .lupinha{margin-top:0px;-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);-o-transform: translateY(0%);-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;}
.produto-interno{margin-top: 0px !important;display:none;}
.mostraclasse{display:block}
.produto-interno li{width: 95% !important;margin-left: 5% !important;}
.texto-servico{padding-bottom:30px;}
.outras-fotos{margin-top:10px;}
.outras-fotos img{max-width:100% !important}
.categorias-portofolio{padding-bottom:20px;text-align:center;}
.categorias-portofolio button{border:0px;padding:10px 10px;color:white;margin-right:0px;margin-bottom:3px;}


/**********************************
    REPRESENTANTES
***********************************/

.container-rep{width:100%;}
.bloco-representa{border:1px solid #999;width:100%;margin-bottom:50px;background:white;}
.bloco-representa h1, .titulo-representa{padding: 10px;color: white;font-size: 130%;}
.bloco-representa p{padding:20px;}

/**********************************
	NOTICIAS
***********************************/

.container-noticia{width:100%;}
.bloconews{cursor:pointer;text-align:center;color:black;background:#dedede;padding:20px;margin-bottom:25px;}
.bloconews h1{margin-top:20px;}
.bloconews p{margin-top:0px;margin-bottom:20px;}
.cor1 .bloconews p{color:black}
hr{color:black;}
.noticia-aberta p{font-size:110%;text-align:justify}
.foto-noticia{margin-top:20px;}
.foto-noticia img{margin-bottom:40px}
.foto-noticia2{margin-top:25px}
.ver-todos-noticias{cursor:pointer;padding:10px;color:white;text-align:center;margin-top:50px;}

/**********************************
	CLIENTES
***********************************/

.container-clientes{width:100%;}
.bloco-cliente{float: left;margin-left: 5px;margin-bottom: 40px;}
.bloco-cliente-interno{background: white;width: 400px;border: 1px solid #CCC;text-align: center;height: 180px;display: table-cell !important;text-align: center;vertical-align: middle !important;}
.bloco-cliente-interno img{max-width: 220px;max-height: 150px;text-align: center;}

/**********************************
	CONTATO
***********************************/

.container-contato{width:100%;}
.mapa{width:100%;height:400px;background:#CCC}
.contato input, .contato textarea{padding:10px;margin-bottom:20px;font-size:130%}
.contato textarea{resize:none;width:100%}
.contato button{position: absolute;width:90px;height:90px;border-radius:50%;font-size:250%;border:0px;}
.contato button:hover{background:#333;}
.botao-bloco{width:90px;height:90px;margin:auto;}
.info-empresa{color:#666;font-size:130%;}
.info-empresa h5{font-size:120%}
.info-empresa p{margin-top:0px;margin-bottom:50px;text-align:center;}
.info-empresa i{display: block;text-align: center;font-size: 250%;margin-bottom: 15px;}
.contato-input1{width:49%;float:left;}
.contato-input2{width:49%;float:right;}
.aviso{width:100%;background:#dedede;padding:15px 10px ;margin-top:15px;font-size: 130%;display:none;}
.aviso i{padding: 10px;}
.aviso-erro{color:red;}
.aviso-enviado{color:green;}
.loadform{margin-top:8px;display:none;}

/**********************************
   RODAPÉ
***********************************/

footer{width:100%;min-height:302px;color:white;}
footer h5{font-size: 140%;margin-top: 90px;margin-bottom:10px}
footer p{margin:0px;line-height:200%;font-size:120%}
footer .icones{margin-top:100px;}
footer .icone{float: left;width: 57px;color:#333;margin-bottom:10px;background: #CCC;margin-right: 10px;height: 57px;padding: 13px 0px 0px 15px;font-size: 220%;}
footer .padding{padding-left:19px;}
.btn-face:hover{background:#3b5998;color:white;}
.btn-insta:hover{background:#3f729b;color:white;}
.btn-twitter:hover{background:#4099FF;color:white;}
.btn-vimeo:hover{background:#4EBBFF;color:white;}
.btn-youtube:hover{background:#c4302b;color:white;}
.btn-pinterest:hover{background:#C92228;color:white;}
.btn-linkedin:hover{background:#007bb6;color:white;}
.btn-behance:hover{background:black;color:white;}
.btn-tumblr:hover{background:#36465d;color:white;}
.dados-empresa-footer{text-align:right;}
.semfundo{background:white !important;border-top:2px solid #dedede;color:black !important;min-height:auto;padding-bottom:40px}
.semfundo .icones{margin-top:40px;}
.semfundo h5{margin-top: 40px;}