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

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

    for (var i = 0; i < toggleBtn.length; i++){
        toggleBtn[i].addEventListener('click', toggleClick.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>