/*

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:19px !important;
}
.rmm * {
  -webkit-tap-highlight-color:transparent !important;
  font-family:Arial;
}
.rmm a {
  color:#ebebeb;
  text-decoration:none;
}
.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: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:0px !important;
  padding:0px !important;
}
.rmm .rmm-toggled ul li {
  display:block;
  margin:0 auto !important;
}




/* GRAPHITE STYLE */

.rmm.graphite .rmm-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;
}
.rmm.graphite .rmm-main-list li a:hover {
  background-image:url('../rmm-img/graphite-menu-bg-hover.png');
}
.rmm.graphite .rmm-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;
}
.rmm.graphite .rmm-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;
}
.rmm.graphite .rmm-toggled {
  width:95%;
  background-color:#555555;
  min-height:36px;
  border-radius:6px;
}
.rmm.graphite .rmm-toggled-controls {
  display:block;
  height:36px;
  color:white;
  text-align:left;
  position:relative;
  background-image:url('../rmm-img/graphite-menu-bg.png');
  background-repeat:repeat-x;
  border-radius:6px;
}
.rmm.graphite .rmm-toggled-title {
  position:relative;
  top:9px;
  left:15px;
  font-size:16px;
  color:white;
  text-shadow:1px 1px 1px black;
}
.rmm.graphite .rmm-button {
  display:block;
  position:absolute;
  right:15px;
  top:8px;
}

.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%;
  background-color:#555555;
  text-align:center;
  padding:10px 0px 10px 0px;
  border-bottom:1px solid #333333;
  border-top:1px solid #777777;
  text-shadow:1px 1px 1px #333333;
}
.rmm.graphite .rmm-toggled ul li a:active {
  background-color:#444444;
  border-bottom:1px solid #444444;
  border-top:1px solid #444444;
}



/* SAPPHIRE STYLE */

.rmm.sapphire .rmm-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;
}
.rmm.sapphire .rmm-main-list li a:hover {
  background:#3e597b;
}
.rmm.sapphire .rmm-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;
}
.rmm.sapphire .rmm-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;
}
.rmm.sapphire .rmm-toggled {
  width:95%;
  background-color:#537b9f;
  min-height:36px;
  border-radius:6px;
}
.rmm.sapphire .rmm-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;
}
.rmm.sapphire .rmm-toggled-title {
  position:relative;
  top:9px;
  left:15px;
  font-size:16px;
  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%;
  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;
}
.rmm.sapphire .rmm-toggled ul li a:active {
  background-color:#3c5779;
  border-bottom:1px solid #3c5779;
  border-top:1px solid #3c5779;
}
.rmm.sapphire .rmm-toggled ul li:first-child a { 
  border-top:1px solid #3c5779 !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:8px 30px 8px 30px;
  margin:0px -3px 0px -3px;
  font-size:15px;
}
.rmm.minimal .rmm-toggled {
  width:95%;
  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:16px;
  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;
  background:#333333;
  width:25px;
}
.rmm.minimal .rmm-toggled ul li a {
  display:block;
  width:100%;
  text-align:center;
  padding:10px 0px 10px 0px;
  border-bottom:1px solid #dedede;
  color:#333333;
}
.rmm.minimal .rmm-toggled ul li:first-child a {
  border-top:1px solid #dedede;
}