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

FONTES:

	font-family: 'Roboto', serif;

*/


htlm, body{
background:url(../img/fundo.jpg);
height: 100%;}	

body{overflow-x:hidden;background:url(../img/bg.jpg)}
*{font-family: 'Roboto', 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;}


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

.topo{height:150px;}
.topo ul{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 a{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{font-size: 150%;margin-left: 20px;}
.topo .redes a:hover i{color:#333 !important}
.topo .telefone, .topo .telefone2{float:right;height:170px;width:170px;color: white;font-weight: bold;padding-top: 58px;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%;}
.logo{margin-top:13px;
padding:5px;}
.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:80px 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;}

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

.frase-de-efeito{margin-top: -10px;color:white;padding:80px 20px;font-size:220%;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
***********************************/

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

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

.produto-lista ul{margin-top:10px;padding:0px;list-style:none;}
.produto-lista ul li{color:white;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:#F2F2F2 !important;}
.produto-interno li a{color:#333 !important}
.produto-lista .ativo2{background:#CCC !important}

.servico-lista ul{margin-top:10px;padding:0px;list-style:none;}
.servico-lista ul li{color:#333;padding:10px;width:100%;font-size:120%;margin-bottom:2px;border-bottom:1px solid #666}
.servico-lista ul li:hover{background:#F2F2F2;cursor:pointer;}
.servico-lista ul li a{color:#333}
.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-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;}
.ativo3{background:#dedede;}
.foto-produtos{float: right;margin-top: -92px;}

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

.bloco-representa{border:1px solid #999;width:100%;margin-bottom:50px;}
.bloco-representa h1{padding: 10px;color: white;font-size: 130%;}
.bloco-representa p{padding:20px;}
.representa-texto i{margin-right:8px;}
.representa-texto{margin-bottom:25px;border-bottom: 1px solid black;}
.sembordarep{border:0px !important}
.rep-titulo{text-transform:uppercase}

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

.bloconews{text-align:center;color:#666;}
.bloconews h1{margin-top:20px;}
.bloconews h1 a{color:#666}
.bloconews p{margin-top:0px;margin-bottom:20px;}
hr{color:black;}
.noticia-aberta p{font-size:110%;text-align:justify}
.foto-noticia{margin-top:60px}

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

.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
***********************************/

.mapa{width:100%;height:400px;background:#CCC}
.contato input, .contato textarea{resize:none;width:100%;border:1px solid #666;padding:10px;margin-bottom:20px;font-size:130%}
.contato button{padding:10px 20px;background:#333;color:#CCC;border:0px;border:0px;float:right;font-size:130%}
.info-empresa{color:#666;font-size:130%;}
.info-empresa h5{font-size:120%}
.info-empresa p{margin-top:0px;margin-bottom:50px;}
.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: 60px;margin-bottom:10px;}
footer p{margin:0px;line-height:150%}
footer .icones{margin-top:100px;}
footer .icone{float: left;width: 47px;color:#333;margin-bottom:10px;background: #CCC;margin-right: 10px;height: 47px;padding: 12px 0px 0px 12px;font-size: 180%;}
footer .padding{padding-left:16px;}
.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;}