/*! 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.png) 0 0 no-repeat;
	text-indent: -9000px;
	display: block;
	width: 44px;
	height: 34px;
	position: absolute;
	top: 50px;
	right: 0;
	z-index: 5;
	border-radius: 3px;
}
@media screen and (min-width: 60em) {
.js #nav {
	position: absolute !important;
	max-height: none;
	right: 240px;
	bottom: 0;
	margin-left:200px;
}
#nav-toggle {display: none;}
#nav ul{ display:table; width:100%;}
#nav li{
	font-size: 1.6em;
	font-size: 1.6rem;
	font-weight:500;
	/*text-shadow: 3px 3px 2px rgba(150, 150, 150, 0.8);
	float: left;*/
	display:table-cell;
	margin: 0 0 0 2px;
	text-align:center;
	position:relative;
}
#nav li a, #nav li a:visited{
	color: #434343;
	display: block;
	height:90px;
	padding: 44px 10px 0;
	border-bottom:4px solid transparent;
}
#nav li a:hover,#nav li.current a{
	background:rgba(255, 255, 255, 0.5);
	text-decoration: none;
	border-bottom:4px solid #1168b3;
}
#nav li.current a,#nav li.current a:visited{ cursor:default;}

#nav ul.sub-nav{
	background-color: #f1f9fb;
	display: none;
	position:absolute;
	top:86px;
	left:0;
	z-index:10;
}
#nav li:hover ul.sub-nav{
	display: block;
	width:100%;
}
#nav ul.sub-nav  li{
	font-size: 1.5em;
	font-size: 1.5rem;
	line-height:normal;
	display: block;
	margin: 0;
	border-top: 4px solid #1168b3;
}
#nav ul.sub-nav li a, #nav ul.sub-nav li a:visited{
	background: none;
	height:auto;
	padding: 6px 15px;
	display: block;
}
#nav ul.sub-nav li a:hover{
	background-color: #1168b3;
	color: #FFF;
}

/*
#nav .login li li a:hover{
	background-color: #1f557f;
}*/

/*#nav ul li:hover ul{
	display: block;
}
#nav ul li:hover ul{}
#nav ul li li{ display:block;}*/
}


/********** RESPONSIVE **********/
@media (min-width: 960px) and (max-width: 1180px) {
.js #nav{ width:520px; margin-left:190px;}
#nav ul{
	display: table;
	width: 100%;
}
#nav ul li{
	text-align:center;
	display: table-cell;
	float:none;
}
#nav li a, #nav li a:visited{
	padding:34px 5px 0;
}
}


@media screen and (max-width: 959px) {
.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;
	z-index: 4;
	background-color: #ededed;
	position: absolute;
	top: 90px;
	left: 0;
	overflow: visible;
	border-top: 4px solid #dddddd;
}
#nav li{
	font-size: 13px;
	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;}
}
@media (max-width: 680px) {
#nav > ul{ top:40px;}
}