<a href="?pageId=415709081" class="customBtn btnLaranja toggleBtn">CNI - Departamento Nacional</a><br>
<a href="?pageId=643749210" class="customBtn btnAzul toggleBtn">FIEC - Ceará</a><br>
<a href="?pageId=556885227" class="customBtn btnAzul toggleBtn">FIEMA - Maranhão</a><br>
<a href="?pageId=754250390" class="customBtn btnAzul toggleBtn">FIEMG - Minas Gerais</a><br>
<a href="?pageId=485854682" class="customBtn btnAzul toggleBtn">FIEP   - Paraná</a><br> 
<a href="?pageId=635046140" class="customBtn btnAzul toggleBtn">FIEPA - Pará</a><br>
<a href="?pageId=544721399" class="customBtn btnAzul toggleBtn">FIEPE - Pernambuco</a><br>
<a href="?pageId=543093815" class="customBtn btnAzul toggleBtn">FIERGS - Rio Grande do Sul</a><br>
<a href="?pageId=752941123" class="customBtn btnAzul toggleBtn">FIERN - Rio Grande do Norte</a><br>
<a href="?pageId=660092232" class="customBtn btnAzul toggleBtn">FIES   - Sergipe</a><br>
<a href="?pageId=454836666" class="customBtn btnAzul toggleBtn">FIRJAN - Rio de Janeiro</a><br>
<a href="?pageId=388237128" class="customBtn btnVerde toggleBtn">Guia de instalações e configurações</a><br>
<script type="text/javascript">
    var toggleBtn = document.getElementsByClassName('toggleBtn');

    for (var i = 0; i < toggleBtn.length; i++){
        toggleBtn[i].addEventListener('mouseover', toggleContent.bind(null, toggleBtn[i].target));
    } 

	function toggleContent(target){
        toggleContentDisplayNone()
        var content = document.getElementById(target);
        if(content.style.display === 'none'){
            content.style.display = 'block';
        }
    }

    function toggleContentDisplayNone(){
        var contents = document.getElementsByClassName('cloak')
        for(var i = 0; i < contents.length; i++){
	    	contents[i].style.display = 'none';
        }
    }
</script>

<style> 
.customBtn {
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-size:16px;
	font-weight:bold;
	padding: 8px 32px;
	text-decoration:none;
	margin: 1px;
	width: 300px;
 	min-width: 50%; 
	max-width: 600px;  
    text-decoration: none;
}

.customBtn:active {
	position:relative;
	top:1px;
}

.btnAzul{
  	background-color:#609af7; 
}

.btnAzul:hover {
	background-color:#4d84db;
	text-decoration: none;
}

.btnLaranja{
  	background-color:#FFAB00; 
}

.btnLaranja:hover {
	background-color:#FF9900;
	text-decoration: none;
}  

.btnVerde{
  	background-color:#38d161;
}

.btnVerde:hover {
	background-color:  #31b754;
	text-decoration: none;
}  </style>