/*



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/



*/



.rmm {

	display: block;

	position: relative;

	width: 100%;

	padding: 0px;

	margin: 0 auto !important;

	text-align: center;

	line-height: 47px !important;

	/* height: 47px; */

	max-width: 100%;

	z-index: 999999999999999999999999999999999999999999999999999999999;

	position: relative;

}

.rmm * {

	-webkit-tap-highlight-color: transparent !important;

	font-family: Arial;

}

.rmm a {

	color: #fff;

	text-decoration: none;

	font-family: neo_sansregular;

}

.rmm .rmm-main-list, .rmm .rmm-main-list li {

	margin: 0px;

	padding: 0px;

}

.rmm ul {

	display: block;

	width: auto !important;

	margin: 0 auto !important;

	overflow: hidden;

	list-style: none;

}

/* sublevel menu - in construction */

.rmm ul li ul, .rmm ul li ul li, .rmm ul li ul li a {

	display: none !important;

	height: 0px !important;

	width: 0px !important;

}

/* */





.rmm .rmm-main-list li {

	display: inline;

	padding: 0px;

	margin: 0px !important;

}

.rmm-toggled {

	display: none;

	width: 100%;

	position: relative;

	overflow: hidden;

	margin: 0 auto !important;

}

.rmm-button:hover {

	cursor: pointer;

}

.rmm .rmm-toggled ul {

	display: none;

	margin: 11px 0 0 0 !important;

	padding: 0px !important;

}

.rmm .rmm-toggled ul li {

	display: block;

	margin: 0 auto 0 auto!important;

	width: 100%;

}

/* GRAPHITE STYLE */



.rmm.graphite .rmm-main-list li a {

	display: inline-block;

	padding: 0 18px;

	margin: 0px -3px 0px -3px;

	font-size: 12px;

	text-shadow: 1px 1px 1px #333333;

	background-repeat: repeat-x;

}

.rmm.graphite .rmm-main-list li a:hover {

	color: #ee6323;

}

.rmm.graphite .rmm-main-list li .ativo {

	background: #ee6323;

}

.rmm.graphite .rmm-main-list li .ativo:hover {

	background: #ee6323;

	color: #fff;

}

.rmm.graphite .rmm-main-list li:first-child a {

}

.rmm.graphite .rmm-main-list li:last-child a {

}

.rmm.graphite .rmm-toggled {

	width: 100%;

	background-color: #18356b;

	min-height: 25px;

}

.rmm.graphite .rmm-toggled-controls {
	/* display: block; */
	/* height: 36px; */
	display: flex;
	justify-content: space-between;
	height: 55px;
	color: white;
	text-align: left;
	position: relative;
	background-repeat: repeat-x;
	border-radius: 0;
}

.rmm.graphite .rmm-toggled-title {

	position: relative;

	/* top: 0; */

	/* left: 15px; */

	font-size: 16px;

	color: white;

	text-shadow: 1px 1px 1px black;

}

.rmm.graphite .rmm-button {
	/* border: 1px solid red; */
	height: 100%;
	display: flex;
	justify-content: center;
	flex-flow: column;
	right: 15px;
}

.rmm.graphite .rmm-button span {

	display: block;

	margin-top: 4px;

	height: 2px;

	background: white;

	width: 24px;

}

.rmm.graphite .rmm-toggled ul li a {

	display: block;

	width: 100%;

	text-align: center;

	padding: 0;

	border-bottom: 1px solid #244583;

	font-size: 12px;

	margin: 0;

	padding: 0;

}

.rmm.graphite .rmm-toggled ul li a:hover {

	display: block;

	width: 100%;

	text-align: center;

	padding: 0;

	border-bottom: 1px solid #244583;

	font-size: 12px;

	background: #ee6323;

}

.rmm.graphite .rmm-toggled ul li a:active {

	background-color: #ee6323;

}

/* SAPPHIRE STYLE */



.rmm.sapphire .rmm-main-list li a {

	display: inline-block;

	padding: 8px 0 8px;

	margin: 0px -3px 0px -3px;

	font-size: 12px;

	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;

}

.rmm.sapphire .rmm-main-list li a:hover {

	background: #3e597b;

}

.rmm.sapphire .rmm-main-list li:first-child a {

}

.rmm.sapphire .rmm-main-list li:last-child a {

}

.rmm.sapphire .rmm-toggled {

	width: 100%;

	background-color: #537b9f;

	min-height: 36px;

}

/* .rmm.sapphire .rmm-toggled-controls {
	display: block;
	height: 36px;
	color: white;
	text-align: left;
	position: relative;
	background-repeat: repeat-x;
} */

.rmm.sapphire .rmm-toggled-controls {
	border: 1px dashed black;
	display: flex;
	/* height: 36px; */
	color: white;
	text-align: left;
	position: relative;
	background-repeat: repeat-x;
	justify-items: space-between;
}


.rmm.sapphire .rmm-toggled-title {

	position: relative;

	top: 9px;

	left: 15px;

	font-size: 12px;

	color: white;

	text-shadow: 1px 1px 1px #3e587b;

}

.rmm.sapphire .rmm-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;

}

.rmm.sapphire .rmm-button span {

	display: block;

	margin: 4px 0px 4px 0px;

	height: 2px;

	background: white;

	width: 20px;

}

.rmm.sapphire .rmm-toggled ul li a {

	display: block;

	width: 100%;

	font-size: 12px !important;

	text-align: center;

	padding: 2px 0px 2px 0px;

	border-bottom: 1px solid #3c5779;

	border-top: 1px solid #6883a6;

	text-shadow: 1px 1px 1px #333333;

}

.rmm.sapphire .rmm-toggled ul li:first-child a {

	border-top: 1px solid #fff !important;

}

/* MINIMAL STYLE */



.rmm.minimal a {

	color: #333333;

}

.rmm.minimal a:hover {

	opacity: 0.7;

}

.rmm.minimal .rmm-main-list li a {

	display: inline-block;

	padding: 4px 30px 4px 30px;

	margin: 0px -3px 0px -3px;

	font-size: 12px;

}

.rmm.minimal .rmm-toggled {

	width: 100%;

	min-height: 36px;

}

.rmm.minimal .rmm-toggled-controls {

	display: block;

	height: 36px;

	color: #333333;

	text-align: left;

	position: relative;

}

.rmm.minimal .rmm-toggled-title {

	position: relative;

	top: 9px;

	left: 9px;

	font-size: 12px;

	color: #33333;

}

.rmm.minimal .rmm-button {

	display: block;

	position: absolute;

	right: 9px;

	top: 7px;

}

.rmm.minimal .rmm-button span {

	display: block;

	margin: 4px 0px 4px 0px;

	height: 2px;

	width: 25px;

}

.rmm.minimal .rmm-toggled ul li a {

	display: block;

	width: 100%;

	text-align: center;

	padding: 5px 0px 5px 0px;

	border-bottom: 1px solid #dedede;

	color: #333333;

	font-size: 12px;

}

.rmm.minimal .rmm-toggled ul li:first-child a {

	border-top: 1px solid #dedede;

}

