/*! responsive-nav.js 1.0.23 by @viljamis */

.nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
  
	/* estilos propios*/
	font-size:1em;
	font-family: Century Bold, Arial, Helvetica, sans-serif;
	text-align:center;
	}

.nav-collapse li {
  width: 100%;
  display: block;
    
  /* estilos propios*/
}


.nav-collapse li a{
	display:block;
	padding:0.9em 0 0.9em 0;
	background-color:rgba(32,7,49,0.6);
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
	
	/* estilos propios*/
	color:#e4b4ff;
	text-decoration:none;
	}
	
	.nav-collapse li a:hover{
		background-color:rgba(32,7,49,1);
		color:#fff;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		-ms-transition: 0.3s;
		transition: 0.3s;
		}


.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  
  /* estilos propios*/
  width: 45px;
  height: 45px;
  position:absolute;
  right:0;
  top:1.75em;
  text-indent: -9999px;
  overflow: hidden;
  background: url("../img/hamburger.png") no-repeat 50% 50%;
  z-index:10;
}

@media screen and (min-width: 35em) {
.nav-collapse ul {
	font-size:1em;
	background-color:rgba(255,255,255,0);
	width:750px;
	margin:0 auto;
	}
}


@media screen and (min-width: 60em) {

	
.nav-collapse ul {
	}

	.nav-collapse li {
		width:21%;
		text-align:center;
		background-color:rgba(255,255,255,0);
		float:left;
		padding-top:4em;
		padding-bottom:0.5em;
		}
		
		#corto {
			width:14%;
			}

	.nav-collapse li a{
		background-color:rgba(255,255,255,0);
		padding:0 ;
		}
		
		.nav-collapse li a:hover {
			background-color:rgba(255,255,255,0);
			padding:0;
			}

	 .js .nav-collapse {
		position: relative;
	  }
	  
	  .js .nav-collapse.closed {
		max-height: none;
		 width:75%;
		 margin:0 auto;
	  }
	  
	  .nav-toggle {
		display: none;
	  }
	
}