@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600);

ul#mrwddm { margin: 0px; padding: 0px; font-family: "Open Sans",sans-serif;}

#mrwddm li { float: left; display: inline; list-style: none; 
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-left:1px solid #91e5e9;
	border-right:1px solid #37bdc6;
    border-image: none;
    border-style: none solid;
    border-width: medium 1px;
    box-sizing: border-box;
    float: left;
    margin: 0;
    padding: 0;
}

#mrwddm .home a {
	background-image:url("../img/home.png");
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0;
	height:80px;
}

#mrwddm li a { display: block; margin: 0px; text-decoration: none; white-space: nowrap; color: #fff;font-weight: 300;text-transform: uppercase;padding: 0px 5px;

text-align: center;
font-weight: 600;
}

#mrwddm li a:hover { background-color: #4da9af;}


#mrwddm .sel{ background-color: #4da9af; }

@media (orientation: portrait){

    #mrwddm .home {
		width: 70px !important;
	}
	
	#mrwddm .home a{
		width:70px;
	}
	
	#mrwddm li a{
		font-size: 22px;
		padding: 15px 10px;
	}

    #mrwddm li .singleLine{
		padding: 28px 10px;
	}
	
	#mrwddm li{
		width: 178px;
	}
}

@media (max-width: 499px) and (orientation: landscape){
	#mrwddm .home {
		width: 50px !important;
	}
	
	#mrwddm .home a{
		width:50px;
	}
	
	#mrwddm li a{
		border-bottom: 1px solid #37bdc6;
	}
	
	#mrwddm li .singleLine{
		padding: 12px 10px;
	}
	
	#mrwddm li a{
		font-size: 12px;
		padding: 12px 10px;
	}
}

@media (min-width: 500px) and (max-width: 759px) and (orientation: landscape) {

	#mrwddm .home {
		width: 50px !important;
	}
	
	#mrwddm .home a{
		width:50px;
	}
	
	#mrwddm li .singleLine{
		padding: 32px 10px;
	}
	
	#mrwddm li a{
		font-size: 12px;
		padding: 25px 10px;
	}
}

@media (min-width: 760px) and (max-width: 979px) and (orientation: landscape) {
	#mrwddm .home {
		width: 50px !important;
	}
	
	#mrwddm .home a{
		width:50px;
	}
	
	#mrwddm li a{
		font-size: 12px;
		padding: 0px 5px;
	}
	
	#mrwddm li{
		width: 139px;
	}
}

@media (min-width: 980px) and (max-width: 1199px) and (orientation: landscape) {
	#mrwddm .home {
		width: 70px !important;
	}
	
	#mrwddm .home a{
		width:70px;
	}
	
	#mrwddm li a{
		font-size: 15px;
		padding: 0px 5px;
	}
	
	#mrwddm li{
		width: 179px;
	}
}

@media screen and (min-width: 1200px) and (orientation: landscape) {
	#mrwddm .home {
		width: 80px !important;
	}
	
	#mrwddm .home a{
		width:80px;
	}
	
	#mrwddm li a{
		font-size: 16px;
		padding: 0px 10px;
	}
	
	#mrwddm li{
		width: 218px;
	}
}