@charset "utf-8";
/* CSS Document */


/* MENÚ */

/* =Nav (menú escritorio)
-------------------------------------------------------------- */
nav#nav-main {
	z-index:999;
	position:relative;
	display:block;
	width:auto;
	height:40px;
	background-color:#015daa;
	box-shadow:0px 2px 5px RGBA(0,0,0,0.5);
}

nav#nav-main ul {
    list-style-type: none;
	width:100%;
	height:100%;
    margin: 0;
    padding: 0;
    text-align: center; 
}

nav#nav-main li {
	display: inline-block;
	height:100%;
	margin:20px 0px 0px 0px;
    padding: 0px;
}

nav#nav-main li.actual {
	background-image:url(imagenes/menu-actual.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	background-size:100% 20px;
}

nav#nav-main li.actual-producto {
	background-image:url(imagenes/menu-actual-producto.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	background-size:100% 20px;
}
	
nav#nav-main li a {
	display:table;
	height:100%;
	margin-top:-20px;	
    padding: 0px 10px; 
	color: #fff;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
    text-decoration:none;
	border-right:1px solid #fff;
}

nav#nav-main li a.first-item {
	border-left:1px solid #fff;
}

nav#nav-main li span {
	display:table-cell;
	height:100%;
	vertical-align:middle;
}

nav#nav-main li a:hover {
    background-color:#0079c2; 
}

nav#nav-main li.actual a {
	color:#ccc;
    background-color: #003667;
}

nav#nav-main li.actual a:hover {
    cursor:default;
}

nav#nav-main li.actual-producto a {
	color:#0079c2;
    background-color: #e0e0e0;
}

nav#nav-main li.actual-producto a:hover {
    color:#003667;
}

/* =Nav-trigger (botón menú móvil)
-------------------------------------------------------------- */
#nav-trigger {
	position:relative;
	display: none;
	text-align: center; 
	box-shadow:-2px 2px 5px RGBA(0,0,0,0.5);
}

#nav-trigger span {
    display: inline-block;
	float:none;
	width:100%;
	height:50px;
    padding: 0px;
	color: #fff;
    background-color: #015daa;
	background-image:url(imagenes/menu-movil.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:50px 50px;
	cursor: pointer;
}

#nav-trigger span:hover {
	background-color:#0079c2;
}


/* =Nav (menú móvil)
-------------------------------------------------------------- */
nav#nav-mobile {
	z-index:999;
	position: relative;
	display: none; 
}

nav#nav-mobile ul {
    display: none;
	position: absolute;
	top:0px;
	width:100%;
	margin:0;
	padding:0;
	list-style-type: none;
    text-align: center;
	background-color: #015499;
	box-shadow:0px 2px 5px RGBA(0,0,0,0.5);
	border-bottom:1px solid #003667;
}

nav#nav-mobile li {
    display: block;
	clear:both;
    margin: 0px;
	padding: 0px;
	border-top:1px solid #003667;
}

nav#nav-mobile li.first-item {
	border-top:0px;
}

nav#nav-mobile a {
    display: block;
    padding: 12px;
	color: #fff;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	text-transform:uppercase;
}

nav#nav-mobile a:hover {
	color: #fff; 
	background-color: #0079c2;
}

nav#nav-mobile li.actual a {
    color: #ccc;
	background-color: #003667;
}

nav#nav-mobile li.actual a:hover {
    cursor:default;
}


/* =Media Queries (responsividad)
-------------------------------------------------------------- */
@media all and (max-width: 900px) {
  #nav-trigger {
    display: block; }

  nav#nav-main {
    display: none; }

  nav#nav-mobile {
    display: block; }
}