/*! 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:1.2em;
	font-family: quicksandbook, Arial, Helvetica, sans-serif;
	letter-spacing:0.1em;
	background-color:rgba(255,255,255,0.5);
	text-align:center;
	}

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


.nav-collapse li a{
	display:block;
	padding:0.8em 0 0.8em 0;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
	
	/* estilos propios*/
	color:#6e6e6e;
	text-decoration:none;
	}
	
	.nav-collapse li a:hover{
		background-color:rgba(255,255,255,0.8);
		color:#212121;
		-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;
  margin-top:-0.75em;
  float:right;
  text-indent: -9999px;
  overflow: hidden;
  background: url("../imagenes/hamburger.png") no-repeat 50% 50%;
  z-index:10;
}

@media screen and (min-width: 30em) {
	
.nav-collapse ul {
	font-size:0.9em;
	width:100%;
	margin: 0;
	text-align:left;
	background-color:rgba(255,255,255,0)
	}
	
.nav-collapse li {
	width:100%;
	float:left;
	border:none;
	}
	
	.nav-collapse li a{
		text-align:left;
		padding:0.5em 0 0 0;

		}
		
	.nav-collapse li a:hover{
		background: url(../imagenes/over.gif) no-repeat center center;
		}
	
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
}


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

	
.nav-collapse ul {
    width:100%;
	font-size:1em;
	margin:0;
	}
	

	.nav-collapse li {
		width:100%;
		text-align:center;
		background-color:rgba(255,255,255,0);
		padding-top:0.5em;
		}
		

	.nav-collapse li a{
		padding:0 ;
		}
		
		
		
		.nav-collapse li a:hover {
			background:url(../imagenes/over.gif) no-repeat center;
			padding:0;
			}

.js .nav-collapse {
position: relative !important;
overflow:visible;
}
	
}