/*! responsive-nav.js v1.0.14 by @viljamis */
#menu{
	background-color: #7b982a;
	height:45px;
}
#nav ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style-image: none;
	list-style-type: none;
}
.js #nav {
  max-height: 0;
  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: 8px;
	right: 0;
	z-index: 5;
	border-radius: 5px;
}
@media screen and (min-width: 60.5em) {
#nav ul li.nav-movil{ display:none;}
.js #nav {
	max-height: none;
	/*position: absolute !important;
	right:0;
	top:0;*/
}
#nav-toggle {display: none;}
#menu{ height: 45px;}
#nav ul{ display:table; width:100%;}
#nav ul li {
	font-size: 1.5em;
	font-size: 1.5rem;
	line-height:45px;
	display:table-cell;
	color: #fff;
	margin:0;
	position:relative;
	z-index:1;
}
#nav ul li a.menu, #nav ul li a.menu:visited, #nav ul li span.menu{
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: url(/imagenes/template/borde-menu.png) right center no-repeat;
	display: block;
	padding: 0 16px;
	position:relative;
}
#nav ul li:last-child a.menu, #nav ul li:last-child a.menu:visited{ background:none;}
#nav ul li .indicador{
	background: url(/imagenes/template/current.png) center bottom no-repeat;
	height: 8px;
	display:none;
	width: 100%;
	position: absolute;
	z-index:2;
	bottom: -7px;
	left:0;
}
#nav ul li:hover a.menu, #nav ul li a.menu:hover, #nav ul li:hover span.menu, #nav ul li.current .menu{
	background-color: #96b540;
	text-decoration: none;
}
#nav ul li a:hover .indicador, #nav ul li.current-hover span.menu .indicador, #nav ul li.current .menu .indicador{
	display: block;
}
.list-menu{
	font-size:0;
	background-color: #FFF;
	display:none;
	width: 625px;
	padding:5px 10px;
	position:absolute;
	top:45px;
	left:0;
}
.last .list-menu{
	left: auto;
	right:0;
}
#nav ul li.current-hover .list-menu{ display:block;}

.list-menu dl{ vertical-align:top; display:inline-block; width:33.3%; padding: 10px 15px 10px 20px;}
.list-menu dl dt{
	font-size: 1.3em;
	font-size: 1.3rem;
	color: #3a3a3a;
	padding: 10px 15px 15px;
}
#nav ul .list-menu dl dd ul{
	display: block;
	list-style-type: none;
	margin: 0;
}
#nav ul .list-menu dl dd li{
	font-size: 1.2em;
	font-size: 1.2rem;
	color: #3a3a3a;
	line-height: normal;
	background: url(/imagenes/sitio/vineta.gif) 0 5px no-repeat;
	display: block;
	padding:0 0 0 12px;
	margin:0 0 12px;
}
#nav ul .list-menu dl dd li a, #nav ul .list-menu dl dd li a:visited{ color:#3a3a3a;}

}


/********** RESPONSIVE **********/

@media screen and (max-width: 967px) {
.nav-web{ display:none;}
.nav-movil{ display:block;}
#menu .center{ position:relative;}
.js #nav {
  clip: rect(0 0 0 0);
}
#nav {
	z-index: 4;
	top:45px;
	left:0;
	overflow:visible;
}
#nav ul{
	background-color:#fff;	
	overflow: visible;
	min-height: 100%;
	width: 100%;
	position: absolute;
	top:0;
	z-index: 4;
}
#nav li{
	font-size: 1.3em;
	font-size: 1.3rem;
	height:auto;
	margin:0;
	padding:0;
	border-bottom: 1px solid #96b440;
}
#nav li:last-child{ border-bottom:none;}
#nav li a, #nav .text-box{
	color: #4b4b4b;
	width: auto;
	padding: 0;
	display: block;
	text-decoration: none;
	padding: 8px 14px;
}
#nav li a:hover{ box-shadow: 0 0 12px #e0992d;}
#nav li li a, #nav ul li span.text-n{ color:#FFF; display:block; padding: 8px 40px;}
.box-login{ display:none;}
#nav li.box-movil{ display:block;}

}

#nav .text-box{
    color: #fff;
	cursor: pointer;
}
#nav .box-recuperar {
	font-size: 13px;
	font-size: 1.3rem;
	vertical-align: top;
}
#nav .box-recuperar span.text-box{ padding:0;}
#nav .box-recuperar .text-box:hover{
	text-decoration: underline;
	background-color: transparent;
}

#nav li form{
	background: rgba(0, 0, 0, 0.5);
    border: 1px solid #000;
    box-shadow: -2px 10px 15px 0 rgba(0, 0, 0, 0.3);
	text-align:left;
    display: none;
    padding: 30px 15px 15px;
    position: absolute;
	top:50px;
	right:0;
    width: 220px;
    z-index: 20;
}
#nav li form#form-recuperar{ width:280px; left:auto; right:0; }
#nav .cerrar-box{
	color: #fff;
	font-size:13px;
	line-height: 20px;
	position: absolute;
	top: 5px;
	right: 14px;
	cursor:pointer;
}
#nav .formulario fieldset{ padding-bottom:1px;}
#nav li form legend{
	color: #fff;
	font-size: 21px;
	line-height: 24px;
	text-align:center;
	width: 100%;
	margin-bottom: 10px;
}
#nav form fieldset span{ line-height:17px; display:block; }
#nav input[type="text"], #nav input[type="password"]#nav input[type="text"],
#nav input[type="password"]{ background-color: #FFF; border-color:#FFF; margin-bottom:10px;}
#nav .btn-button{
	color: #FFF;
	font-size: 1.5em;
	font-size: 1.5rem;
	text-transform: uppercase;
	background-color: #286da1;
	width: 100%;
	height: 35px;
	border: 1px solid #286da1;
}
#nav .btn-button:hover{
	background-color: #1f557f;
}
.form-recuperar{ display:none;}