/*

Responsive Mobile Menu v1.0
Plugin URI: responsivemobilemenu.com

Author: Sergio Vitov
Author URI: http://xmacros.com

License: CC BY 3.0 http://creativecommons.org/licenses/by/3.0/

*/

.menu {
	float: right;
	display:block;
	position:relative;
	width:50%;
	padding:0px;
	/*margin:0 auto;*/
	margin-right: 0px;
	text-align: center;
	line-height:19px;
}
.menu * {
	-webkit-tap-highlight-color:transparent;
	font-family:Lato;
}
.menu a {
	color:#ebebeb;
	text-decoration:none;
}
.menu .menu-main-list, .menu .menu-main-list li {
	margin:0px;
	padding:0px;
}
.menu ul {
	display:block;
	width:auto;
	margin:0 auto;
	overflow:hidden;
	list-style:none;
}


/* sublevel menu - in construction */
.menu ul li ul, .menu ul li ul li, .menu ul li ul li a {
	display:none;
	height:0px;
	width:0px;
}
/* */


.menu .menu-main-list li {
	display:inline;
	padding:0px;
	margin:0px;
}
.menu-toggled {
	display:none;
	width:100%;
	position:relative;
	overflow:hidden;
	margin:0 auto;
}
.menu-button:hover {
	cursor:pointer;
}
.menu .menu-toggled ul {
	display:none;
	margin:0px;
	padding:0px;
}
.menu .menu-toggled ul li {
	display:block;
	margin:0 auto;
}

/* MINIMAL STYLE */

.menu.minimal a {
	color:#808a8d;
}
.menu.minimal a:hover {
	opacity:0.8;
}
.menu.minimal .menu-main-list li a {
	display:inline-block;
	padding:8px 0px 8px 0px;
	margin:20px 60px 0px 3px;
	font-size:15px;
}
.menu.minimal .menu-toggled {
	width:35%;
	min-height:36px;
}
.menu.minimal .menu-toggled-controls {
	display:block;
	height:36px;
	color:#808a8d;
	text-align:left;
	position:relative;
}
.menu.minimal .menu-toggled-title {
	position:relative;
	top:9px;
	left:9px;
	font-size:16px;
	color:#808a8d;
}
.menu.minimal .menu-button {
	display:block;
	position:absolute;
	right:9px;
	top:7px;
}

.menu.minimal .menu-button span {
	display:block;
	margin:4px 0px 4px 0px;
	height:2px;
	background:#808a8d;;
	width:25px;
}
.menu.minimal .menu-toggled ul li a {
	display:block;
	width:100%;
	text-align:center;
	padding:10px 0px 10px 0px;
	border-bottom:1px solid #dedede;
	color:#808a8d;
}
.menu.minimal .menu-toggled ul li:first-child a {
	border-top:1px solid #dedede;
}

@media only screen and (device-width:768px)and (orientation:portrait){
/*@media only screen and (min-width:481px ) and (max-width:650px) {*/
.menu {
	float: left;
	display:block;
	position:relative;
	width:60%;
	padding:0px;
	padding-left: 0px;
	/*margin:0 auto;*/
	margin-top: -77px;
	margin-left: 300px;
	text-align: center;
	line-height:19px;
}
.menu.minimal .menu-toggled {
	width:95%;
	min-height:36px;
}
}

@media only screen and (device-width:768px)and (orientation:landscape){
/*@media only screen and (min-width:651px ) and (max-width:979px) {*/
.menu {
	float: right;
	display:block;
	position:relative;
	width:100%;
	margin-top: 3px;
	text-align: center;
	line-height:19px;
}
}

/*@media only screen and (min-width : 321px) {
	/*Smartphones (landscape)*/
/*@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {*/
/*@media only screen and (max-width:480px) {*/
/*.menu {
	float: right;
	display:block;
	position:relative;
	width:70%;
	padding:0px;
	/*margin:0 auto;*/
	/*margin-top: -58px;
	margin-left: 50px;
	text-align: center;
	line-height:19px;
}
}


/* GRAPHITE STYLE */

/*.menu.graphite .menu-main-list li a {
	display:inline-block;
	padding:8px 30px 8px 30px;
	margin:0px -3px 0px -3px;
	font-size:15px;
	text-shadow:1px 1px 1px #333333;
	background-color:#444444;
	border-left:1px solid #555555;
	background-image:url('../rmm-img/graphite-menu-bg.png');
	background-repeat:repeat-x;
}
.menu.graphite .menu-main-list li a:hover {
	background-image:url('../rmm-img/graphite-menu-bg-hover.png');
}*/

/*.menu.graphite .menu-main-list li a {
	display:inline-block;
	padding:8px 30px 8px 30px;
	margin:0px -3px 0px -3px;
	color:#808a8d;
	font-size:15px;
}

.menu.graphite .menu-main-list li:first-child a {
-webkit-border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomleft: 6px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.menu.graphite .menu-main-list li:last-child a {
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.menu.graphite .menu-toggled {
	width:95%;
	background-color:#555555;
	min-height:36px;
	border-radius:6px;
}
.menu.graphite .menu-toggled-controls {
	display:block;
	height:36px;
	color:white;
	text-align:left;
	position:relative;
	background-repeat:repeat-x;
	border-radius:6px;
}
.menu.graphite .menu-toggled-title {
	position:relative;
	top:9px;
	left:15px;
	font-size:16px;
	color:white;
	text-shadow:1px 1px 1px black;
}
.menu.graphite .menu-button {
	display:block;
	position:absolute;
	right:15px;
	top:8px;
}

.menu.graphite .menu-button span {
	display:block;
	margin-top:4px;
	height:2px;
	background:white;
	width:24px;
}
.menu.graphite .menu-toggled ul li a {
	display:block;
	width:100%;
	background-color:#555555;
	color: #FFF;
	text-align:center;
	padding:10px 0px 10px 0px;
	border-bottom:1px solid #333333;
	border-top:1px solid #777777;
}
.menu.graphite .menu-toggled ul li a:active {
	background-color:#444444;
	border-bottom:1px solid #444444;
	border-top:1px solid #444444;
}*/



/* SAPPHIRE STYLE */

/*.menu.sapphire .menu-main-list li a {
	display:inline-block;
	padding:8px 30px 8px 30px;
	margin:0px -3px 0px -3px;
	font-size:15px;
	text-shadow:1px 1px 1px #3e587b;
	background-color:#537b9f;
	border-left:1px solid #3e587b;
	background-image:url('../rmm-img/sapphire-menu-bg.png');
	background-repeat:repeat-x;
}
.menu.sapphire .menu-main-list li a:hover {
	background:#3e597b;
}
.menu.sapphire .menu-main-list li:first-child a {
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.menu.sapphire .menu-main-list li:last-child a {
	-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.menu.sapphire .menu-toggled {
	width:95%;
	background-color:#537b9f;
	min-height:36px;
	border-radius:6px;
}
.menu.sapphire .menu-toggled-controls {
	display:block;
	height:36px;
	color:white;
	text-align:left;
	position:relative;
	background-image:url('../rmm-img/sapphire-menu-bg.png');
	background-repeat:repeat-x;
	border-radius:5px;
}
.menu.sapphire .menu-toggled-title {
	position:relative;
	top:9px;
	left:15px;
	font-size:16px;
	color:white;
	text-shadow:1px 1px 1px #3e587b;
}
.menu.sapphire .menu-button {
	display:block;
	position:absolute;
	right:9px;
	top:7px;
	width:20px;
	padding:0px 7px 0px 7px;
	border:1px solid #3e587b;
	border-radius:3px;
	background-image:url('../rmm-img/sapphire-menu-bg.png');
	background-position:top;
}

.menu.sapphire .menu-button span {
	display:block;
	margin:4px 0px 4px 0px;
	height:2px;
	background:white;
	width:20px;
}
.menu.sapphire .menu-toggled ul li a {
	display:block;
	width:100%;
	background-color:#537698;
	text-align:center;
	padding:10px 0px 10px 0px;
	border-bottom:1px solid #3c5779;
	border-top:1px solid #6883a6;
	text-shadow:1px 1px 1px #333333;
}
.menu.sapphire .menu-toggled ul li a:active {
	background-color:#3c5779;
	border-bottom:1px solid #3c5779;
	border-top:1px solid #3c5779;
}
.menu.sapphire .menu-toggled ul li:first-child a { 
	border-top:1px solid #3c5779 !important;
}*/