.sf-menu{
	float: right;
}
.sf-menu a{
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
}
.sf-menu>li{
	position: relative;
	float: left;
	margin: 0 1px;
}
.sf-menu>li>a{
	margin-top: 72px;
	text-shadow: 1px 1px 1px #bdbcbc;
	position: relative;
	font: 12px/18px 'Arial', sans-serif;
	display: inline-block;
	padding: 0 11px 25px;
	z-index: 9999;
}
.sf-menu>li>a:hover, .sf-menu>li.current>a{
	color: #4b8094;
	margin-top: 0px;
	background: #fff;
	padding-top: 72px;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(151, 149, 149, 0.5);  
	box-shadow: 0px 0px 3px 1px rgba(151, 149, 149, 0.5);
	z-index: 9999;
	
}
.sf-menu ul li a{
	font: 10px/34px 'Arial', sans-serif;
}
.sf-menu ul li{
	text-align: left;
}
.sf-menu ul{
	z-index: 9999;
	position: absolute;
	padding: 0 16px 3px 24px;
	background-color: #0095da; 
	top: 115px;
	width:80px;
	left: 0px;
}
.sf-menu ul li a:hover{
	color: #000;
	z-index: 9999;
}
.sf-menu ul ul li a:hover{
	color: #0095da;
	z-index: 9999;
}
.sf-menu ul ul{
	left: 218px;
	padding: 0px 0px 10px 25px;
	top: 6px;
	background: #444;
	z-index: 9999;
	
	
}
.sf-menu a.sf-with-ul:before {
	content: '';
	background: url('../images/arrow1.png') 0 0 no-repeat;
	width: 5px;
	right: 27px;
	top: 24px;
	display: block;
	position: absolute;
	height: 4px;
}
.sf-menu ul li a.sf-with-ul:before{
	content: '';
	position: absolute;
	top: 14px;
	display: block;
	right: 8px;
	background: url('../images/arrow2.png') 0 0 no-repeat;
	width: 4px;
	height: 5px;
}


/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
	
}

@media only screen and (max-width: 767px) {
    #logotipo{
        float: left;
        padding-top: 20px;
        padding-left: 45px;
        margin-bottom: 10px;
    }
	.sf-menu{
		/*display:none !important;*/
		float: none;
	}
	#mm0{
		font: 12px/15px Arial, Helvetica, sans-serif;
		color: #202020;
		width: 100%;
		margin: 0 auto 20px;
		float: none;
    	outline: none;
		border: 1px solid #474646;
	}
	
}

@media only screen and (max-width: 479px) {
    #logotipo{
        padding-left: 0px;
    }
}