@charset "utf-8";

/* 

CSS Document created by JPMEstudio System  - http://www.jpmestudio.com

JPMEstudio.com © 2014-2016 - All rights reserved

More info: info@jpmestudio.com

This site is created and optimized by JPMEstudio System - http://www.jpmestudio.com

*/

/* MENU FIJO */
.cssmenu-fixed {
	width:auto;
	height:55px;
	margin:0 auto;
	padding:0;	
}
.cssmenu-fixed-class {
  position: fixed;
  top: 0;
  z-index: 99;
  width: 100%;
  border-bottom:0px solid #fff600;
}
/* MENU FIJO */

#cssmenu {
  background:#FFF;
  -webkit-box-shadow:0px 3px 4px -2px rgba(0, 0, 0, 0.35);
  -moz-box-shadow:0px 3px 4px -2px rgba(0, 0, 0, 0.35);
  box-shadow:0px 3px 4px -2px rgba(0, 0, 0, 0.35);
  z-index:999;
}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  font-family:roboto3;
  text-transform:uppercase;
  list-style: none;
  line-height: auto;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* CENTRAR MENU */
#cssmenu ul {
  float: left;
  list-style-type: none;
  padding: 0; 
  position: relative; 
  left: 50%;
}
#cssmenu li {
  float: left;
  position: relative; 
  right: 50%;
}
/* CENTRAR MENU */

#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu > ul > li {
  float: left;
  cursor:pointer;
}
#cssmenu > ul > li > a {
  padding: 20px;
  font-size: 14px;
  text-decoration: none;
  text-transform:uppercase;
  color: #000;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  background:rgba(0,0,0,0.08);
  border-bottom:0px solid #000;
  height:55px;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 10px;
}
#cssmenu > ul > li.has-sub > a::after {
  content:/*"↴"*/;
  font-size:14px;
  margin-left: 10px;
}
#cssmenu > ul > li.has-sub:hover > a::after {
  content:/*"↴"*/;
}
#cssmenu li:hover > ul {
  left: auto;
}
/* SEGUNDO MENU */
#cssmenu ul ul {
  background:#000;
  border-radius:0px 0px 0px 6px;
  width:180px;
}
#cssmenu ul ul li {
  height: auto;
  -webkit-transition: height .2s ease;
  -moz-transition: height .2s ease;
  -ms-transition: height .2s ease;
  -o-transition: height .2s ease;
  transition: height .2s ease;
  margin-left:90px;
  cursor:pointer;
}
#cssmenu ul li:hover > ul > li {
  height: auto;
}
#cssmenu ul ul li a {
  padding: 10px 10px;
  width: 180px;
  font-size: 13px;
  /*background: #333333;*/
  text-decoration: none;
  color: #FFF;
  font-family:roboto3;
  text-transform:uppercase;
}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {
  color: #999;
  background:#000;
}
#cssmenu ul ul li.has-sub > a::after {
  content:"↓";
  position: absolute;
  right: 15px;
}
#cssmenu ul ul li.has-sub:hover > a::after {
  content:"↓";
  border-color: #ffffff;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
/* SEGUNDO MENU */
/* TERCER MENU */
#cssmenu ul ul ul {
  background:#000;
  border-radius:0px 0px 6px 0px;
  width:180px;
}
#cssmenu ul ul ul li a {
  /*margin-left:90px;*/
  padding: 10px 10px;
  width: 180px;
  font-size: 13px;
  /*background: #000;*/
  text-decoration: none;
  color: #FFF;
  font-family:roboto3;
  text-transform:uppercase;
}
#cssmenu ul ul ul li:hover > a, #cssmenu ul ul ul li a:hover {
  color: #999;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
/* TERCER MENU */
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
.cssmenu-fixed {
	height:90px;
}
.cssmenu-fixed-class {
	position:inherit;
}
#cssmenu {
  width: 100%;
  z-index: 999;
}
#cssmenu ul {
  width: 100%;
  display: none;
  float: none;
  list-style-type: none;
  padding: 0; 
  position: inherit; 
  left:auto;
}
#cssmenu li {
  float:none;
  position:inherit; 
  right:auto;
}
#cssmenu ul li,
#cssmenu ul ul li,
#cssmenu ul li:hover > ul > li {
  width: 100%;
  height: auto;
}
#cssmenu ul ul {
  background:#FFF;
  border-radius:0px 0px 0px 0px;
  width:100%;
}
#cssmenu ul ul li {
	margin-left:0px;
}
#cssmenu ul ul li a {
  margin-left:0px;
  padding-left:40px;
}
#cssmenu ul li a,
#cssmenu ul ul li a {
  width: 100%;
  font-size: 22px;
  border-bottom:none;
  text-transform: none;
}
#cssmenu ul li:hover > a,
#cssmenu ul ul li a:hover {
  width: 100%;
  color:#fff600;
  background:rgba(0,0,0,0.08);
  text-transform: none;
  border:none;
}
#cssmenu > ul > li, {
  float: none;
  display: block;
  }
#cssmenu ul ul li a {
  font-size: 20px;
  color: #1d1d1d;
  background: none;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color:#fff600;
  background:rgba(0,0,0,0.08);
}
#cssmenu ul ul ul li a {
  padding-left:5px;
  text-transform: none;
}
#cssmenu ul ul,
#cssmenu ul ul ul {
  position: relative;
  left: 0;
  right: auto;
  width: 100%;
  margin: 0;
}
#cssmenu > ul > li.has-sub > a::after,
#cssmenu ul ul li.has-sub > a::after {
  display: none;
}
/* TERCER MENU */
#cssmenu ul ul ul {
	background:#FFF;
}
#cssmenu ul ul ul li a {
  margin-left:0px;
  padding-left:60px;
  width: 100%;
  font-size: 18px;
  background: #FFF;
  color: #1d1d1d;
}
#cssmenu ul ul ul li:hover > a, #cssmenu ul ul ul li a:hover {
  color: #fff600;
}
/* TERCER MENU */
#menu-line {
  display: none;
}
#cssmenu #menu-button {
  display: block;
  text-align:center;
  padding: 20px;
  color: #1d1d1d;
  cursor: pointer;
  font-size: 40px;
  text-transform: uppercase;
}
#cssmenu #menu-button::after {
  content: '';
  position: absolute;
  top: 32px;
  right: 20px;
  display: block;
  width: 15px;
  height: 2px;
  background: #1d1d1d;
}
#cssmenu #menu-button::before {
  content: '';
  position: absolute;
  top: 37px;
  right: 20px;
  display: block;
  width: 15px;
  height: 3px;
  border-top: 2px solid #1d1d1d;
  border-bottom: 2px solid #1d1d1d;
}
#cssmenu .submenu-button {
  position: absolute;
  z-index: 10;
  right: 0;
  top: 0;
  display: block;
  border-left: 1px solid rgba(120, 120, 120, 0.15);
  height: 51px;
  width: 100%;
  cursor: pointer;
}
#cssmenu .submenu-button::after {
  content:"↓";
  position: absolute;
  top: 15px;
  right: 26px;
  display: block;
  width: 1px;
  height: 11px;
  z-index: 99;
}
#cssmenu .submenu-button::before {
  content:"↓";
  position: absolute;
  right: 21px;
  top: 10px;
  display: block;
  width: 11px;
  height: 1px;
  z-index: 99;
}
#cssmenu .submenu-button.submenu-opened:after {
  display: none;
}
}
/*MENU*/