/* ESTE ACTUAL */


/*------------------------------------*\
    NAV DRAWER
\*------------------------------------*/
.navdrawer-container {
	position: fixed; 	
	width: 210px; /* si se modifica, modificar su hermano */
	height: 100%; 	
	background-color: #0095b7;	
	color: #fefefe;
	
	-webkit-transform: translate(-210px,0);
	transform: translate(-210px,0);
	
	overflow: auto ; /* ALE scroll vert en menu ; */
	z-index: 2;
  }
.navdrawer-container.open {
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
  }
.navdrawer-container ul {
	list-style-type: none;
  }
.navdrawer-bg {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: black;
	/** Unfortunately this is the best way
	to get no paints in Chrome **/
	opacity: 0.0000001;

	z-index: 1;
	pointer-events: none;
  }
.navdrawer-bg.open {
	opacity: 0.5;
  }
.navdrawer-container {
	-webkit-transition: -webkit-transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
  }
.navdrawer-bg {
	-webkit-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
  }
.navdrawer-container ul li a {
	display: block;	
	height: 50px; /* alto boton menu */	
	line-height: 50px; /* alto boton menu */
	padding: 0 10px; /* margen costados */		
	text-decoration: none;
	color: white;
  }
.navdrawer-container ul li a:hover { background-color: rgba(255, 255, 255, 0.2);  }
.navdrawer-container ul li a:focus { background-color: rgba(255, 255, 255, 0.3); 
									outline: 0;  }
.navdrawer-container ul li a:active { background-color: rgba(255, 255, 255, 0.4);  }


.sub-menu{
  display: block ;
  }
.sub-menu ul {
	display: none;
	background-color: #588FC7;
	padding-left: 0px;
	font-size: .9em;
  }
.sub-menu.open  ul{
  display: block ;
  }

@media all and (min-width: 950px) {

/*------------------------------------*\
    NAV DRAWER
\*------------------------------------*/
.navdrawer-container {
	/* ALE position: initial;*/
	position: static; /* position: inicial  superpone menu con barra en IE */
	float: left ;
	width: 210px; /* go row     */
	height: 100%; 	/* auto */
	-webkit-transform: none;  /* ALE  */
	transform: none; /* ALE translate(0,0)  x IE */
	-webkit-transition: none;
	transition: none;
	pointer-events: auto;
	}
.navdrawer-container ul {
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	  
	  -ms-flex-direction: row;
	  -webkit-flex-direction: row;
	  flex-direction: column;   /* go row     */
	}
.navdrawer-container ul li {
	  border: none;
	}
.navdrawer-bg, .navdrawer-bg.open {
	  opacity: 0;

	  pointer-events: none;
	}
	
.sub-menu ul {
  display: none ;/*
  background-color: blue;
  padding-left: 20px ;*/
  }
}

.promote-layer {
	/*
	This may promote the layer to a compositedlayer.
	Replace with will-change when available
	#perfmatters
	*/
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
  }