/*! responsive-nav.js v1.0.14 by @viljamis */

#nav ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style-image: none;
	list-style-type: none;
}
.js #nav {
  max-height: 0;
  position: absolute;
  display: block;
  zoom: 1;
}
#nav-toggle{
	background: url(../../../imagenes/template/btn-menu.html) 0 0 no-repeat;
	text-indent: -9000px;
	display: block;
	width: 40px;
	height: 30px;
	position: absolute;
	top: 30px;
	right: 8px;
	z-index: 5;
	border-radius: 3px;
}
@media screen and (min-width: 40em) {
.js #nav {
	position: absolute !important;
	max-height: none;
	right:0;
	bottom:0;
}
#nav-toggle {display: none;}
#nav li{
	font-size: 14px;
	line-height: 60px;
	/*text-shadow: 3px 3px 2px rgba(150, 150, 150, 0.8);*/
	float: left;
	margin: 0 0 0 4px;
}
#nav li a, #nav li a:visited{
	color: #a3a3a3;
	background-color: #e7e5e5;
	display: block;
	padding: 0 15px;
	border-radius: 10px 10px 0 0;
}
#nav li a:hover,#nav li.current a{
	background: #ddd;
	text-decoration: none;
}
#nav li.current a,#nav li.current a:visited{ cursor:default;}
}


/********** RESPONSIVE **********/
@media screen and (max-width: 996px) {
#nav li{

}
}


@media screen and (max-width: 691px) {
.js #nav {
  clip: rect(0 0 0 0);
}
#nav {
	z-index: 4;
	top:0;
	left:0;
	overflow:visible;
}
#nav ul{
	width: 100%;
	min-height: 100%;
	padding: 0 10px 5px;
	margin: 0 -10px;
	z-index: 4;
	background-color: #ededed;
	position: absolute;
	top: 90px;
	left: 0;
	overflow: visible;
	border-top: 4px solid #dddddd;
}
#nav li{
	font-size: 1.3em;
	line-height:34px;
	height:auto;
	margin:0;
	padding:0;
	border-top: 1px solid #dddddd;
}
#nav li a{
	color: #333333;
	width: auto;
	padding: 0;
	display: block;
	text-decoration: none;
	padding: 0 14px;
}
#nav li a:hover{ box-shadow: 0 0 12px #387bbe;}
}