@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/



.dropbtn-m {
    color: #fff;
	font-family: 'Oswald', sans-serif; 
	font-size: 18px;
	padding: 6px 20px 2px 20px;
    border: none;
    cursor: pointer;
	clear: both;
	height:34px;
	position:relative;
	top:-12px;
	background: linear-gradient(to bottom, #4480c3, #003d7f); 
}

.dropbtn-m:hover {
	background: #004080;
    border-right: 1px solid #447ebf; border-left: 1px solid #447ebf;
}

.dropbtn-m:focus {
    outline: dotted thin #ffffff;
	background: #004080;
    border-right: 1px solid #447ebf; border-left: 1px solid #447ebf;
}

.dropdown-m {
    position: relative;
    display: inline-block;
	height:auto;
}

.dropdown-content-m {
    display: none;
    position: absolute;
    width: 230px;
    overflow:visible;
    z-index: 1;
	top: 22px;
    margin-left:-50px;
    margin-right: auto;	
	border: 1px solid #99CCFF;
}

.dropdown-content-m a {
	color: #fff;
	font-size: 15px;
	font-weight: normal;
    padding: 9px 16px;
    text-decoration: none;
    display: block;
	background-color: #3F7BBD;
	border-bottom: 1px solid #99CCFF;  
}

.dropdown-m a:hover { background: #003d7f; }

.dropdown-m a:focus { background: #003d7f; }

.dropdown-m a:active { background: #003d7f; }

.show {display:block;}