/*ESTILOS DEL MENU RESPONSIVE*/


 
 @font-face {

  font-family: 'icomoon';

  src:url('fuente/icomoon.html');

  src:url('fonts/icomoond41d.eot?#iefix') format('embedded-opentype'),
    url('fonts/icomoon.woff') format('woff'),
    url('fonts/icomoon.ttf') format('truetype'),
    url('fonts/icomoon.svg#icomoon') format('svg');

  font-weight: normal;

  font-style: normal;

}

/* minimal styles for that navi */
.rmm {
 margin: 0 auto;
}
.rmm ul {
 margin: 0;
 padding:0;
 list-style: none;
 position: relative;
 background: #000;
}
.rmm ul:after {
 content: "";
 clear: both;
 display: block;
}
.rmm ul li {
 float: left;
}
.rmm ul li {

}
.rmm ul li:hover {
 background: #202020;
}
.rmm ul li:hover > ul {
 display: block;
}
.rmm ul li:hover a{
 color: #fff;
}
.rmm ul li a {
 color: #fff;
 display: block;
 text-decoration: none;
}
.rmm ul ul {
 display: none;
 margin:0;
 padding: 0;
 position: absolute;
 top: 100%;

}

/*esto es la flecha que indica el lugar*/
/*.rmm ul ul:before{
  position: absolute;
  top: -14px;
  left: 40%;
  width: 1px;
  height: 1px;
  border-top: 0px solid transparent;
  border-right: 14px solid transparent;
  border-bottom: 14px solid #ac0000;
  border-left: 14px solid transparent;
  content: '';
}

fin-esto es la flecha que indica el lugar
*/
.rmm ul ul ul:before{
  display: none
}
.rmm ul ul li {
 float: none;
 position: relative;
 display: inline-block;
}
.rmm ul ul li a{
 color: #fff;
}
/*.rmm ul ul li a:hover {
 background: #202020;
}*/
.rmm ul ul ul {
 position: absolute;
 left: 100%;
 top:0;
 width: 100%;
}

/* mobile menu header button */
.rmm-toggled {
 width: 100%;
 min-height: 50px;
 margin: 0 auto;
 display: none;
}
.rmm-toggled.rmm-view{
  background-color: #0077b3;
}
.rmm-toggled.rmm-view.rmm-closed{
  background-color: transparent;
}
.rmm-closed ~ .rmm-mobile {
 display: none!important;
}
.rmm-toggled-controls{
 width: 100%;
}
.rmm-toggled-title{
 width: 60%;
 float: left;
 font-size: 27px;
 color: gold;
 font-weight:600;
 display: block;
 padding: 8px 0;
 text-decoration: none;
 text-transform: uppercase;
 text-align: left;
 padding-left: 35px;
 display: none;
}
.rmm-toggled-button{
 width: 20%;
 float: left;
 margin-top: 1px;
 display:block;
 width: 32px;
 padding:0 !important;
 /*border:1px solid #fff;*/
 border-radius:3px;
 margin-bottom: 10px;
}
.rmm-toggled-button span{
 float: left;
 display:block;
 margin: 3px 6px;
 height: 3px;
 width:20px;
}
.rmm-toggled.rmm-view .rmm-toggled-button span{
 background: #0077b3;
}
.rmm-toggled.rmm-view.rmm-closed .rmm-toggled-button span{
 background: #0077b3;
}
/* normalny back button visible only on mobiles  */
.rmm .rmm-back{
 display: none;
 font-size: 10px;
}
.rmm .rmm-back:after {
 display: none;
}
.rmm .rmm-back a:after {
  font-family: 'icomoon';
  speak: none;
  -webkit-font-smoothing: antialiased;
  content: "\e000";
  position: relative;
  display: inline-block;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
  top: 1px;
  right: -2px ;
  float: left;
  font-size: 10px;


}
.rmm-mobile .rmm-back{
 display: block;
}

/* mobile menu list */
.rmm-mobile{
 width: 100%;
}
.rmm-mobile .rmm-dropdown:hover ~ ul, .rmm-mobile .rmm-dropdown:hover > ul ,.rmm-mobile .rmm-dropdown:hover + ul {
 display: none!important;
}
.rmm-mobile ul{
 width: 100%;
 position: inherit!important;
}
.rmm-mobile li{
 width: 100%;
 }

/* mobile menu js action */
.rmm .rmm-submenu.rmm-subview:before{
  display: none;
}
.rmm-dropdown{
 display: block!important;
 position: relative;
 z-index: 99;
}
.rmm-mobile .rmm-subview{
 display: block!important;
 width: 100%;
}
.rmm-mobile .rmm-subover-hidden{
 display: none!important;
}
.rmm-mobile .rmm-subover-visible{
 display: block;
}
.rmm-mobile .rmm-subover-header{
 display: none!important;
 padding: 0;
 margin: 0;
}

/* mobile menu content */
.rmm-mobile .rmm-submenu{
 position: relative;
 left: 0px;
}

.rmm .rmm-mobile li:hover > ul {
 display: none;
}

/* arrow down for wide screen */
.rmm.style {
 text-align: right;
 font-family: PT Serif;
 margin-right: 0;
 padding-top: 2rem;
 }
.rmm.style>ul {
 /*box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.15);*/
 background: transparent;
 z-index: 999;
 display: inline-table;
 text-align:center;

} 
.rmm.style ul li {
 text-align:left;
}
.rmm.style ul li:hover {  
  background: transparent;
 }
.rmm.style ul ul {
 display: none;
 max-width: 500px;
 margin:0;
 background: #fff;
 border-radius: 0px;
 padding: 0;
 position: absolute;
 opacity: 0.9;
}
.rmm.style ul li a {
 color: #2e2d67;
 font-weight:400;
 display: block;
 padding:10px;
 text-decoration: none;
 font-size: 14px;
 text-align:rigth;

 }
.rmm.style ul ul li {
 border-top: 1px solid #363636;
 vertical-align: top;
 
}
.rmm.style ul ul li a {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
color: #323232;
width: 165px;
font-size: 13px;

 }
 
/*.rmm.style ul ul li a:hover {
 background: #a00000}*/

/* arrow down for wide screen */
.rmm.style ul li > a:not(:only-child):after {
 font-family: 'icomoon';
 speak: none;
 -webkit-font-smoothing: antialiased;
 content: "\e000";
 position: relative;
 display: inline-block;
 -webkit-transform: rotate(210deg);
 transform: rotate(210deg);
 top: -4px;
 left: 1px;
 font-size: 10px;
 color:white;
}

/* arrow left for wide screen submenus  */
.rmm.style ul ul li > a:not(:only-child):after {
 -webkit-transform: rotate(120deg)!important;
 transform: rotate(120deg)!important;
 top: 2px;
 font-size: 14px;
 float: right;
 margin-right: -20px;
}

/* mobile style */
.rmm.style .rmm-mobile li > a:not(:only-child):after {
 -webkit-transform: rotate(120deg)!important;
 transform: rotate(120deg)!important;
 top: 4px!important;
 font-size: 14px!important;
 float: right;
 margin-right: -20px;
}
.rmm.style .rmm-mobile li{
 background: white;
 border-bottom: 1px solid #ccc !important;
 border-top: 0!important;
 }
.rmm.style .rmm-mobile li a{
  color:#363636;
}
.rmm.style .rmm-mobile li a:hover{
  color: white;
}
.rmm.style .rmm-mobile li:hover{
  color:white;
  background: #2e2d67 ;
}

 
.color1{
	 background-color:#333;
	 color:#6633cc;
}
.color1 p{
	 color:#6633cc;
}
.color2{
	 background-color:#ccc;
	
}
.color2 p{
	  color:#3366ff;
}