/* GENERAL */

/*- General -*/
#menu{display: inline-block;width: 82%; margin: 0 auto;text-align: center;vertical-align: bottom;}
#menu > ul{ margin:0 auto; z-index:8888; }
#menu li{ position:relative;color:#3a3a3a;vertical-align: middle;}
#menu > ul > li:hover > a{ background:#373736; color:#FFF; opacity:1 !important; }

#menu a{ font-size:20px;color:#3a3a3a;  height:100%; line-height:30px; padding:10px 13px; display:block !important; }
#menu a,
#menu a:visited{  }
/*#menu a:hover,
#menu li.activo > a{ color:#3d2807 !important; opacity:0.8; cursor:pointer;}*/
#menu .activo {border-bottom: 3px solid #3a3a3a;padding:10px 15px !important;}
.menu_fixed{ position:fixed; top:0px; left:0px; right:0px; margin:0px; z-index:8888; border-bottom:1px solid #FFF; }

.hijos{ position: absolute; top:5px; right: 5px; display:block; height:22px; width:22px; outline:1px solid; text-align:center; font-size:20px; line-height:1em; color:#3a3a3a; background-color:#FFF; }
.hijos_close:after{ content:'+'; margin-top:2px; }
.hijos_open:after{ content:'-'; margin-top:2px; }

/*- Nivel 1 -*/
.nivel1 a {padding:10px 5px; }
.nivel1 .activo { }

/*- Nivel 2 -*/
.nivel2{background-color:#fff;}
.nivel2 li {color: #3a3a3a!important;}
.nivel2 a {font-size: 16px !important;padding: 4%!important;color: #fff !important;}
.nivel2 a:hover,
.nivel2 li.activo > a{ color:#fff !important; opacity:1; cursor:pointer; }
.nivel2 li:hover {color: #fff !important;}
/*- Nivel 3 -*/
.nivel3{ background-color:#fff; }




/* MENÚ COMÚN TABLET + MOVIL */
@media screen and (min-width: 200px) and (max-width: 639px) {
	
	/* General */
	#menu{ display:none; height:0px; width:280px; position:absolute; right:0px; top:70px;z-index: 9999; }
	#menu > ul { background-color:#fff; width:100%; }
	#menu > ul > li {padding: 1%;text-align: left;}
	.hijos{display:block; top:7px;}
	
	#pull{ width:94%; display:inline-block; position: relative; line-height:30px; color:#FFF; text-align:left; margin-left: 40px; top: -50px;}
	#pull:after { content:""; background: url('../images/comun/menu.png') no-repeat; background-size:cover; width: 30px; height: 30px; position: absolute; right: 30px; top:-12px; }
	
    .pt_separador {display: none;}
    
    #menu .activo {border-bottom: none;padding: 0px 5px !important;}
    #menu a {padding: 0 5px;font-size: 20px;}
    .nivel2 a {color: #373736 !important;}
    .nivel2 a:hover, .nivel2 li.activo > a {color: #373736 !important;opacity: 0.7;cursor: pointer;}
}

@media screen and (min-width: 640px) and (max-width: 979px) {
    
   /* General */
	#menu{ display:none; height:0px; width:280px; position:absolute; right:0px; top:70px;z-index: 9999; }
	#menu > ul { background-color:#fff; width:100%; }
	#menu > ul > li {padding: 1%;text-align: left;}
	.nivel2 a {color: #373736 !important;}
	.nivel2 a:hover, .nivel2 li.activo > a {color: #373736 !important;opacity: 0.7;cursor: pointer;}

	.hijos{display:block; top:7px;}
	
	#pull{ width:94%; display:inline-block; position: relative; line-height:30px; color:#FFF; text-align:left; margin-left: 40px; top: -35px;}
	#pull:after { content:""; background: url('../images/comun/menu.png') no-repeat; background-size:cover; width: 30px; height: 30px; position: absolute; right: 30px; top:-28px; }
	
    .pt_separador {display: none;}
    
    #menu .activo {border-bottom: none;padding: 0px 5px !important;}
    #menu a {padding: 0 5px;font-size: 20px;}
    
}

/* PC */

@media screen and (min-width: 980px) and (max-width: 1199px) {
    
    #menu {width: 88%;}
    
    #menu a {font-size: 15px;}

    .current {border-bottom: 2px solid #000;}
    
    .nivel2 {display: none;position: absolute;top: 30px;z-index: 8888;width: 200px;text-align: left;}
    
	/*- General -*/
	.hijos{ display:none; }
	
	/*- Nivel 1 -*/
	.nivel1 > li{ display:inline-block; vertical-align:top; border-right:1px solid #FFF; margin-right:-4px; }
	.nivel1 > li:last-child{ border-right:none; }
	.nivel1 > li:hover .nivel2{ display:block; display:block; background-color: #373736;color: #fff;}
	.nivel1 a:hover {background: #373736;opacity: 1 !important;color: #fff !important;}

	/*- Nivel 2 -*/
	.nivel2{ display:none; position: absolute; top: 49px;z-index: 8888; width: 230px;text-align: left;background-color: #373736; }
	.nivel2 > li {}
	.nivel2 > li:hover .nivel3{ display:block; }
	.nivel2 > li:hover {color: #fff !important; }
    .nivel2 a:hover {background: #fff;color: #373736 !important; }
	
	/*- Nivel 3 -*/
	.nivel3{ display:none; position: absolute; top:0px; left: 100%;width: 200px;}
    .nivel3 > li {padding: 3% 0;}
	.nivel3 > li:hover .nivel4{ display:block; }
    .nivel3 > li:hover {color: #fff; background-color:rgba(0, 0, 0, 0.4);}
    
}

@media screen and (min-width: 1200px) {
	
    #menu a { font-size: 18px; }
    .current {border-bottom: 2px solid #000;}
	/*- General -*/
	.hijos{display:none;}
	
	/*- Nivel 1 -*/
	.nivel1 > li{display:inline-block; vertical-align:top; border-right:1px solid #FFF; margin-right:-4px;}
	.nivel1 > li:last-child{ border-right:none; }
	.nivel1 > li:hover .nivel2{ display:block; background-color: #373736;color: #fff;}
    .nivel1 a:hover {background: #373736;opacity: 1 !important;color: #fff !important;}
	
	/*- Nivel 2 -*/
	.nivel2{ display:none; position: absolute; top: 49px;z-index: 8888; width: 230px;text-align: left;background-color: #373736;}
	.nivel2 > li {}
	.nivel2 > li:hover .nivel3{ display:block; }
    .nivel2 > li:hover {color: #fff !important; }
    .nivel2 a:hover {background: #fff;color: #373736 !important; }
	
	/*- Nivel 3 -*/
	.nivel3{ display:none; position: absolute; top:0px; left: 100%;width: 200px;}
    .nivel3 > li {padding: 3% 0;}
	.nivel3 > li:hover .nivel4{ display:block; }
    .nivel3 > li:hover {color: #fff; background-color:rgba(0, 0, 0, 0.4);}

}