/*! 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;
  overflow: hidden;
  zoom: 1;
}
#nav-toggle{
	background: url(/imagenes/template/btn-menu.png) 0 0 no-repeat;
	text-indent: -9000px;
	display: block;
	width: 40px;
	height: 30px;
	position: absolute;
	top: 50px;
	right: 0;
	z-index: 5;
	border-radius: 3px;
}

@media screen and (min-width: 980px) {
.js #nav {
	max-height: none;
	position: absolute !important;
	top: 40px;
	right:0;
}
#nav-toggle {display: none;}
#nav li{
	font-size: 2em;
	font-size: 2rem;
	line-height: 40px;
	float: left;
	margin: 0 0 0 1px;
}
#nav li a, #nav li a:visited{
	color: #ee1d23;
	display: block;
	padding: 0 20px;
}
#nav li a:hover,#nav li.current a{
	background: url(/imagenes/template/hover-menu3.png) center 0 no-repeat;
	text-decoration: none;
	color: #FFF;
	background-size: contain;
}
#nav li.boton2 a:hover,#nav li.current.boton2 a{
	background: url(/imagenes/template/hover-menu2.png) center 0 no-repeat;
}
#nav li.boton3 a:hover,#nav li.current.boton3 a{
	background: url(/imagenes/template/hover-menu3.png) center 0 no-repeat;
}
#nav li.boton4 a:hover,#nav li.current.boton4 a{
	background: url(/imagenes/template/hover-menu4.png) center 0 no-repeat;
}
#nav li.current a,#nav li.current a:visited{ cursor:default;}

}


/********** RESPONSIVE **********/
@media screen and (max-width: 1170px) {
#nav li a, #nav li a:visited{ padding: 0 10px;}
}

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

@media (max-width: 460px) {
#nav-toggle{ top:0;}
#nav ul{ top:35px;}
}