/*=========================
	  APARECE MENÚ TOP
=========================*/

.logo-vertical{max-width:110px; position:relative;}
.logo-horizontal{max-width:160px; position:relative;}

/*@media (max-width: 768px) {
	.logo, .home_menu img{max-width:150px; padding-top:10px}
	.logo, .menu_fixed img{max-width:150px; padding-top:0px}
}*/


/*menú top horizontal*/
.home_menu {position: absolute; left: 0; top: 0; width: 100%; z-index: 999; background: #626053; background-image: linear-gradient(#626053, #555348); padding:10px 0; height:130px/*altura fondo top*/;}
.menu_fixed {
	position: fixed; z-index: 999 !important; width: 100%; background-color: #626053; box-shadow: 0px 7px 15px rgba(0, 0, 0, 0.3); top: 0; height:80px;/*altura cuando se desplaza*/
	/*animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;	*/
}
/*.menu_fixed img{max-width:40px;}*/

.zona-icostop{display:inline-block; height:auto; float:right;}
.menu_fixed .zona-icostop{height:auto; margin-top:14px;}


/*animación aparece menú top*/
@keyframes fadeInDown {
  from {opacity: 1; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
  to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}

.fadeInDown {-webkit-animation-name: fadeInDown; animation-name: fadeInDown;}
.animated {-webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}

@media (print), (prefers-reduced-motion) {
  .animated {-webkit-animation: unset !important; animation: unset !important; -webkit-transition: none !important; transition: none !important;}
}


/*separatopmen*/
.septopmen{margin-top:130px;}


@media (max-width: 1007px) {
	/*.home_menu {display:none; visibility:hidden}*/
	.septopmen{margin-top:80px;}
}



/*=========================
 PURE MENÚ HORIZONTAL DROPDOWN
=========================*/

nav {margin: 0px 0; background-color: none; float:right; font-size:1.125em;}
nav ul {padding: 0; margin: 0; list-style: none; position: relative;}	
nav ul li {display:inline-block; background-color: rgba(0,0,0,0.0);}
nav a {display:block; padding:15px 20px 25px 20px; color:#fff; font-size:1em; line-height: 140%; text-decoration:none;}
nav a:hover, nav a.active {background-color: none; color:#cead47; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
nav a:focus {color:#fff;}

nav ul ul {display: none; position: absolute; top: 60px;}/*submenu*/

nav ul ul li a{padding:10px; font-size:0.9375em}/*submenu in*/

nav ul li:hover > ul {display:inherit;}	

nav ul ul li {width:300px; float:none; display:list-item; position: relative; background-color:#4d4b40; transition: all 0.5s ease;}
nav ul ul li:hover{background-color: #3e3c33;}
nav ul ul ul li {position: relative; top:-20px; left:230px;}/*subsubmenu*/

/*nav ul ul li {border: 1px solid rgba(0,0,0,0.11);}*/
/*li > a:after { content:  ' ›';}
li > a:only-child:after { content: ''; }*/

li > a.arrow::after {
	border-style: solid;
	border-width: 1px 1px 0 0;
	content: '';
	display: inline-block;
	height: 0.45em;
	left: 10px;
	position: relative;
	top:9px;
	transform: rotate(-45deg);
	vertical-align: top;
	width: 0.45em;
}

li > a.arrow.bottom:after {top: 1; transform: rotate(135deg);}


/*=========================
	 ICONO HAMBURGUESA
=========================*/

.hamburger{float:left!important; font:inherit; display:inline-block; overflow:visible; margin-top:5px; padding:0px; cursor:pointer; transition-timing-function:linear; transition-duration:.15s; transition-property:opacity,filter; text-transform:none; color:inherit; border:0; background-color:transparent;}
.hamburger.is-active:hover,.hamburger:hover{opacity:.9}
.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{background-color:#fff}
.hamburger-box{position:relative; display:inline-block; width:30px; height:20px}
.hamburger-inner{top:50%; display:block; margin-top:-2px;}
.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute; width:30px; height:2px; transition-timing-function:ease; transition-duration:.15s; transition-property:transform; border-radius:0px; background-color:#fff}
.hamburger-inner:after,.hamburger-inner:before{display:block; content:""}
.hamburger-inner:before{top:-10px}
.hamburger-inner:after{bottom:-10px}

/*animación*/
.hamburger--3dx .hamburger-box{perspective:80px;}
.hamburger--3dx .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}
.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}
.hamburger--3dx.is-active .hamburger-inner{transform:rotateY(180deg); background-color:transparent!important}
.hamburger--3dx.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}
.hamburger--3dx.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}


/*=========================
       MENÚ VERTICAL
=========================*/

.header-menu{padding:15px 5px 16px 5px;position:relative; background:#47453d;}
.header-menu img{max-width:150px}

.sidenav > .content{width:280px;}

.verticalmenu,
.verticalmenu ul,
.verticalmenu ul li,
.verticalmenu ul li a {margin: 0; padding: 0; border: 0; list-style: none; font-family:'Ubuntu',Arial, Helvetica, sans-serif; display: block; /*max-width:250px;tamaño zona sidenav*/ position: relative; font-size:1.0625em; line-height:130%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}


.verticalmenu {width: 100%;  color: #333; border:1px solid #d8d8d8; background:white; border-top:0px;}
.verticalmenu ul ul {display: none;}
.verticalmenu > ul > li.active > ul {display: block;}

.verticalmenu > ul > li > a {padding: 16px 5px; cursor: pointer; z-index: 2; text-decoration: none; color: #333; background: #fff; -webkit-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease;}
.verticalmenu > ul > li > a:hover {color: #000; }
.verticalmenu ul li.active > a {color:#cead47;}

.verticalmenu ul > li.has-sub > a:after {
	position: absolute; right: 20px; top: 22px; z-index: 5; display: block; height: 8px; width: 1px; background: none; content: "";
	-webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;
	-moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg);  
}
.verticalmenu ul > li.has-sub > a:before {
	position: absolute; right: 15px; top: 26px; display: block; width: 8px; height: 1px; background: none; content: "";
	-webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;  
	-moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);
}

.verticalmenu ul > li.has-sub.open > a:after,
.verticalmenu ul > li.has-sub.open > a:before {-webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}

/*.verticalmenu ul li.has-sub{text-transform:uppercase;}
.verticalmenu ul li.has-sub ul{text-transform:none;}*/

.verticalmenu ul ul > li.has-sub > a:after {right: 13px; top: 23px; background: #dddddd;}
.verticalmenu ul ul > li.has-sub > a:before {top: 26px; background: #dddddd;}

.verticalmenu ul li {border-bottom:1px solid #dddddd; padding-left:5px; padding-right:5px}
.verticalmenu ul li:last-child {border-bottom:0px solid #d8d8d8;}


/*submenu */
.verticalmenu ul ul li a {padding: 14px 5px; cursor: pointer; z-index: 2; font-size: 1em; text-decoration: none; color: #4b4b4b; background: #fff;/*color fondo submenu*/ -webkit-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease;}
.verticalmenu ul ul ul li a {padding-left: 5px;}
.verticalmenu ul ul li a:hover {color: #333;}
.verticalmenu ul ul li a:last-child{border-top:0px solid #ccc;}

.verticalmenu ul ul ul li.active a {color:#000;}
.verticalmenu ul ul li ul li a:first-child, .verticalmenu ul ul li ul li:first-child a:hover, .verticalmenu ul ul li ul li.active a:first-child{padding-top:0px;}

/*primera profundidad*/
.verticalmenu ul li {font-size:1em;}

/*segunda profundidad*/
.verticalmenu ul li ul li{font-size:0.875em; padding-left:3px}
.verticalmenu ul li ul li a::before{content:"\203A"; padding-right:3px; padding-left:0px; font-size:1.2em; font-weight:lighter; color:#ccc;}
.verticalmenu ul li ul li.active {color:#cead47;}
.verticalmenu ul li ul li.active a:hover{color:#cead47;}

/*tercera produndidad*/
.verticalmenu ul li ul li ul li {border:0px; font-size:0.9375em; padding-left:3px}
.verticalmenu ul li ul li ul li a::before{content:"\203A"; padding-right:3px; padding-left:0px; font-size:1.2em; font-weight:lighter; color:#ccc;}
.verticalmenu ul li ul li ul li.active a{color:#cead47;}


/*=========================
       MENÚ PRIVADO
=========================*/
.blockmenu {list-style-type: none; padding: 0; width: 100%; background-color: #fff; text-transform:uppercase; font-family:'Ubuntu',Arial, Helvetica, sans-serif; font-size:1.125em; border-top:0px;}

.blockmenu.privado{
	border:1px solid rgba(0,0,0,0.2);
}

.blockmenu li a {display: block;color: #000; padding: 12px 16px; text-decoration: none;-webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.blockmenu li a:before{font-family: Arial, inherit; content: "\203A"; font-size: 1em; padding-right:4px}
.blockmenu li.active a {background-color: #f2f2f2; font-weight:normal;}
.blockmenu li a:hover:not(.active) { background-color: #f2f2f2;}