@charset "utf-8";
/* CSS Document */

body{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	width:100%;
	overflow-x: hidden;
}

a{
	text-decoration:none;
}

.clear{
	clear:both;
}

header{
	text-align:center;
}

#logo img{
	width:30%;
	margin:2%;
	padding-top:2%;
}


#mini_logos{
	display:inline-block;
	text-align:center;
	margin-top:-5%;
	margin-bottom:3%;
}

#mini_logos img{
	width:10%;
}

#mini_logos img:hover{
	opacity:0.7;
	transition-duration:0.5s;
}


/* slideshow*/

#galeria{
	margin: 5% 0 5% 0;
}

#imagens{
	height: 400px;;

}

.slide{
	position: absolute;
	display: none;
  width: 80%;
  overflow-x:hidden;
  margin-left:10%;
}


.slide:first-child{
	display: block;
}

#botoes{
	text-align: center;
	margin-top:5%;
}

.botao{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #999999;
	cursor: pointer;
	display: inline-block;
	margin: 10px;
}

.botao-activo{
	background-color: #333333;
}


/*menu*/
.menu{
	background-color:#333333;
	color:#CCCCCC;
	padding:2%;

}

.menu a{
	color:#CCCCCC;
	padding:2%;
}

.menutopicos:hover{
	color:#333333;
	background-color:#999999;
	height:100%;
	transition-duration:0.5s;
}

#lojamenu:hover{
	color:#333333;
	background-color:#ADBEAD;
	transition-duration:0.5s;
}


h2{
	color:#748273;
	margin-bottom:5%;
	text-align: left;
	margin-left: 10%;
}

/*serviços*/

.servicos{
	text-align: center;
	margin: 5% 5% 10% 5%;
}

.servicos a{
	text-decoration: none;
	text-align:center;
	color: #333333;
	font-weight: bold;
	padding: 3%;
	display:inline-block;
}

.serv_thumb{
	width: 15%;
	text-align:center;
	display:inline-block;
	padding:3%;

}

.serv_img{
	text-align:center;
	width: 100%;
	padding: 3%;


}

.serv_img:hover{
	opacity: 0.7;
	transition-duration:0.5s;
}

.serv_img img{
	width:20%;
	padding:2%;
}

/*clientes*/

.rede_clientes{
	margin: 5% 5% 10% 5%;
	text-align: center;
}

.rede_img{
	text-align:center;
	width: 20%;
	margin-top:2%;
}

.rede_img:hover{
	opacity: 0.7;
	transition-duration:0.5s;
}

.rede_img img{
	width:20%;
	padding:2%;
}

/*loja online*/

.loja{
background-image:url(../img/loja_img.jpg);
background-size: 100% 700px;
text-align: center;
padding-bottom: 10%;
padding-top: 10%;
}

.loja h1{
	margin-top: 5%;
	margin-bottom: 5%;
	color: #333333;
	background-color: rgba(204,204,204,0.5);
	width: 30%;
	margin-left:33%;
	padding:2%;
	border-radius:20px;
}


.btn{
	background-color: #333333;
	width: 10%;
	text-align: center;
	border-radius: 50px;
	padding: 1%;
	color:#CCCCCC;
	border-style:solid;
	border-width:2px;
	border-color:#333333;
}


.btn:hover{
	background-color: rgba(204,204,204,0.5);
	color: #333333;
	cursor: pointer;
	border-style:solid;
	border-width:2px;
	transition-duration:1s;
}

/*contactos*/

.contactos{
	background-color: #333333;
	text-align: center;
	padding-top:5%;
	height:40%;
}

.contactos h2{
	margin-left: 15%;
	padding-top: 5%;

}

#contactos_content{
	color:#CCCCCC;
	margin-bottom: 2%;
}


.redes_sociais{
	color: #CCCCCC;
	padding-bottom: 3%;
	padding-top: 2%;
}

.redes_icon{
	padding-left:1%;
	padding-right:1%;
	cursor:pointer;
}

.redes_icon:hover{
	opacity:0.5;
	transition-duration:0.5s;
}

footer{
	background-color: #222222;
	color:#CCCCCC;
	text-align: center;
	padding: 2%;
	width:100%;
}

.patrocinios{
	width:80%;
	margin:5% 10% 5% 10%;
}

.patrocinios img{
	width:10%;
	padding:2%;
}

.patrocinios #soft_park{
	width:20%;
	margin-bottom:2%;
}

.patrocinios img:hover{
	opacity:0.7;
	transition-duration:0.5s;
}

.rede_clientes img{
	width:80%;
	margin: 5%;
}