<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=415709081" class="customBtn btnLaranja toggleBtn">CNI - Departamento Nacional</a><br>
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=643749210" class="customBtn btnAzul toggleBtn">FIEC - Ceará</a><br>
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=556885227" class="customBtn btnAzul toggleBtn">FIEMA - Maranhão</a><br>
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=754250390" class="customBtn btnAzul toggleBtn">FIEMG - Minas Gerais</a><br>
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=485854682" class="customBtn btnAzul toggleBtn">FIEP   - Paraná</a><br> 
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=635046140" class="customBtn btnAzul toggleBtn">FIEPA - Pará</a><br>
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=544721399" class="customBtn btnAzul toggleBtn">FIEPE - Pernambuco</a><br>
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=543093815" class="customBtn btnAzul toggleBtn">FIERGS - Rio Grande do Sul</a><br>
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=752941123" class="customBtn btnAzul toggleBtn">FIERN - Rio Grande do Norte</a><br>
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=660092232" class="customBtn btnAzul toggleBtn">FIES   - Sergipe</a><br>
<a href="https://tdn.totvs.com/pages/viewpage.action?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>

Instalações e Configurações


FIEC


FIEMA


FIEPA


FIEPE


FIEP


FIERGS


FIES


FIRJAN


FIERN


FIEMG


<script>
    var toggleBtn = document.getElementsByClassName('toggleBtn');

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

	function toggleClick(target){
	 	switch(target) {
  			case "content_CNI":
  				window.location.href = "https://tdn.totvs.com/pages/viewpage.action?pageId=415709081";
				break;
  			case "content_FIEC":
  				window.location.href = "https://tdn.totvs.com/pages/viewpage.action?pageId=643749210";
				break; 
  			case "content_FIEMA":
  				window.location.href = "https://tdn.totvs.com/pages/viewpage.action?pageId=556885227";
				break; 
  			case "content_FIEMG":
  				window.location.href = "https://tdn.totvs.com/pages/viewpage.action?pageId=754250390";
				break; 
  			case "content_FIEP":
  				window.location.href = "https://tdn.totvs.com/pages/viewpage.action?pageId=485854682";
				break; 
  			case "content_FIEPA":
  				window.location.href = "https://tdn.totvs.com/pages/viewpage.action?pageId=635046140";
				break; 
  			case "content_FIEPE":
  				window.location.href = "https://tdn.totvs.com/pages/viewpage.action?pageId=544721399";
				break; 
  			case "content_FIERGS":
  				window.location.href = "https://tdn.totvs.com/pages/viewpage.action?pageId=543093815";
				break; 
  			case "content_FIERN":
  				window.location.href = "https://tdn.totvs.com/pages/viewpage.action?pageId=752941123";
				break; 
  			case "content_FIES":
  				window.location.href = "https://tdn.totvs.com/pages/viewpage.action?pageId=660092232";
				break; 
  			case "content_FIRJAN":
  				window.location.href = "https://tdn.totvs.com/pages/viewpage.action?pageId=454836666";
				break; 
  			case "content_InstalacoesConfiguracoes":
  				window.location.href = "https://tdn.totvs.com/pages/viewpage.action?pageId=388237128";
				break;
		}
	}

	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>