#BoxNav {
        float: right;
	width: 70%;
        margin: 3px auto;
/*
	height: 60px;	padding: 2em;
	text-align: center; */
}
#BoxNav ul {
        float: left;
	margin: 3.5em 0 0 0;
    /*    border-bottom: 2px solid; */
	text-align: left;  
        color: #4E9ACE;    
	padding: 1.3em 0 1em 0;
	list-style: none;
} 
#BoxNav a {
	font-weight: bold;
  /*      border-right: 0.1em solid; */
        padding: 0.9em 1.9em;	
	font-size: 2.1em;
        color: #999;
}
/* #BoxNav a:last-child {
 border-right: 0; 
} 
*/
#BoxNav a:hover {
	font-weight: bold; 
   /*     border-left: 0.0625em solid; */
        padding: 0.9em 1.9em;
	font-size: 2.1em;
	color: #FFF;
        background: #5895B8;
        margin-buttom: 0;
}  

.menu li{position:relative; float:left; } 
.menu li a:hover{ background: #0D4B75; color:#0D4B75; -moz-box-shadow:0.625em 0 0.625em 0; #CCC; -webkit-box-shadow:0.625em 0 0.625em 0; #ccc; text-shadow:0.625em 0 0.625em 0; #fFF; }

.menu li   ul{position:absolute; top:1.875em; left:0; display:none; } 

.menu li:hover ul, .menu li.over ul{display:block;} 

.menu li ul li{border:1px solid #c0c0c0; display:block; width:25em; height:35px; }


#Colunas {
        float: left;
	width: 230px;
        height: 250px;
	margin: 10px 0 30px 0;
	padding: 10px 7px 0 7px;
	text-align: center;
} 
.Colunas img {
	-moz-opacity: 1;
	opacity: 1;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	filter: alpha(opacity=100); 	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; 	
}
 
.Colunas img:hover {
	-moz-opacity: 0.5;
	opacity: 0.5 ;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	filter: alpha(opacity=50); 	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
}

#comentario2 {
 position:relative; top: -130px;
 left:20px;
 text-align: center;
 font-size: 15px; color: #BEBEBE;
 color:#076D61;
 display: block;
 width:190px;
 opacity: 0;

}
#Colunas:hover  #comentario2{opacity: 1;}
#comentario a {font-size: 17px; color:#076D61;}

@media screen and (max-width: 1110px) {
#BoxNav a, #BoxNav a:hover { padding: 0.9em 1.7em; /*font-size: 2.1em;*/ }}

@media screen and (max-width: 850px) {
#BoxNav a, #BoxNav a:hover { padding: 0.9em 1.5em; /*font-size: 2.1em;*/ }}

@media screen and (max-width: 800px) {
#BoxNav a, #BoxNav a:hover { padding: 0.9em 1.4em; font-size: 1.85em; }}

@media screen and (max-width: 680px) {
#BoxNav a, #BoxNav a:hover { padding: 0.9em 1.15em; font-size: 1.75em; }}

@media screen and (max-width: 580px) {
#BoxNav { width: 97%; text-align:center;}}

@media screen and (max-width: 425px) {
#BoxNav a, #BoxNav a:hover { padding: 0.9em 1em; font-size: 1.7em; }}

@media screen and (max-width: 400px) {
.btn-toggle{display: block;}
#BoxNav {display: none;}}