/*
	Los siguientes estilos son usados solamente en la navegación superior.
	No es forzozo usar esta hoja como parte de la plantilla.
*/



.wrapper {
	border:#00F dashed 1px;
	/*max-width:1024px;
	min-width:0px;
	margin:0px auto;*/
}
.wrapper-push {
	margin-left:0%;
}
.space-top {
	width:100%;
	height:96px; /* TOONAILS */
	border:#96F dashed 1px;
}
a {
	transition: color .20s ease;
	-moz-transition: color .20s ease;
	-webkit-transition: color .20s ease;
	transition: background-color .20s ease;
	-moz-transition: background-color .20s ease;
	-webkit-transition: background-color .20s ease;
	opacity: 1.0;
	text-decoration:none;
}

/*
	Button bottom right corner for downloading.
	You do not need to use this CSS as part of the CSSGrid.
*/
.dload {
	background-color:transparent;
	width:100%;
	height:38px;
	padding-top:15px;
	position:fixed;
	bottom:0;
	text-align:right;
	z-index:2;
}
/*.dload a {
	font-family:'futura_mdcn_btmedium', Arial, Helvetica, sans-serif;
	margin:0px;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:8px;
	padding-right:8px;
	font-size:19px;
	text-transform:uppercase;
	color:#fff;
	background-color:#f1844d;
	line-height:24px;
	margin-right:10px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #7f7f7d;
	transition: color .20s ease;
	-moz-transition: color .20s ease;
	-webkit-transition: color .20s ease;
	transition: background-color .20s ease;
	-moz-transition: background-color .20s ease;
	-webkit-transition: background-color .20s ease;
	opacity: 1.0;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.dload a:hover {
	background-color:#000;
	opacity: 1.0;
}*/

/* CARACTERÍSTICAS GENERALES DEL HEADER PARA RESOLUCIONES MAYORES A 1024px */
.header {
	width:100%;
	height:94px;
	padding:0px;
	margin:0px; 
	position:fixed;
	top:0px;
	z-index:1;
	background-color:#ffffff;
	border-bottom:#b9b441 solid 9px;
}

/* CARACTERÍSTICAS GENERALES DEL LOGO PARA RESOLUCIONES MAYORES A 1024px */
.logo {
	float:left;
	position:absolute;
	z-index:5;
	background-image:url(../img/lg_km30_gde.png); /*Estamos usando el mismo que va en la resolucion de 767 a 479*/
	background-repeat:no-repeat;
	width:277px; /* KM30 */
	height:75px; /* KM30 */
	margin-top:10px; /* KM30 */
	margin-left:25px; /* KM30 margen izq genérico */
}

#nosep {
	background-image:none;
}


/*.logo strong {
	color:#f1844d;
	font-weight:normal;
}
.logo a {
	color:#111;
}*/

/* CAJA DONDE SE DESPLIEGA LA NAVEGACIÓN MÓVIL */
/* PARA QUE LA BARRA DEL MENU QUEDE UBICADA DENTRO DEL ENVOLVENTE boxHdr DE 1024px A 768px HAY QUE QUITARLE LA POSISIÓN ABSOLUTA. EL WRAPPER TIENE QUE ESTAR FUERA DEL HEADER YA QUE DE LO CONTRARIO EL MENU MÓVIL NO SE VE */
.navigation {
	/*height:800px;*/ /*ANA*/
	right:0;
	/*position:absolute;*/ /* MEXARREND */
}

.navigation.fixed {
	z-index:3;
	right:0;
	position:fixed;
}
.fixed {
	position:fixed;
	z-index:1;
	right:0;
}

/* NAVCLOSED ES LA CAJA QUE CONTIENE EL ICONO DE MENU PARA MÓVILES ANTES DE DARLE CLICK */
/* NAVCLICKED ES LA CAJA EN LA QUE SE CONVIERTE EL MENU PARA MÓVILES DESPUES DE DARLE CLICK */
.navclosed,
.navclicked {
	display:none;
}

/* CARACTERÍSTICAS GENERALES DE TODA LA LISTA */
ul.navig {
	margin:0px;
	padding:0px;
	position:relative;
	z-index:2;
	list-style:none;
	float:right;
	/*height:50px;*/ /*TOONAILS*/
}

/* CARACTERÍSTICAS GENERALES DE LOS ELEMENTOS SIMPLES DE LA LISTA */
ul.navig li {
	margin:0px;
	padding:0px;
	/*height:50px;*/ /*TOONAILS*/
	float:left;
	position:relative;
	background-image:url(../img/sepnav.png);
	background-repeat:no-repeat;
	background-position:left;
	/*border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #b2bdce;*/
	/*background-color:#555;*/ /*TOONAILS*/
}

/* CARACTERÍSTICAS GENERALES DE LOS LINKS DE LAS LISTAS SIMPLES */
ul.navig li a {	
	font-family: 'Ubuntu', sans-serif; /* KM30 */
	font-weight:500; /* PALMS */
	font-size:0.8em; /* PALMS */
	margin:0px;
	padding-left:10px;/*PALMS*/
	padding-right:7px;/*PALMS*/
	display:block;
	color:#144298; /* Color del texto Activo */
	text-decoration:none;
	transition: color .20s ease;
	-moz-transition: color .20s ease;
	-webkit-transition: color .20s ease;
	/*transition: background-color .20s ease;*/ /* TOONAILS */
	/*-moz-transition: background-color .20s ease;*/ /* TOONAILS */
	/*-webkit-transition: background-color .20s ease;*/ /* TOONAILS */
	opacity: 1.0;
}

/* LINKS DE LISTAS SIMPLE EN HOVER */
ul.navig li a:hover {
	font-size:0.8em; /* PALMS */
	color:#DD4814; /* Color del texto al que llega la transición cuando se hace HOVER */
	text-decoration:none;
	opacity: 1.0;
}

/* LINK DE LISTAS SIMPLE EN ESTADO SELECCIONADO */
ul.navig li a.selected
{
	/*background-color:#101010;*/
	font-size:0.8em; /* PALMS */
	color:#DD4814;
	text-decoration:none;
	opacity: 1.0;
	font-weight:700; /* PALMS */
}

/* LINK DE LISTAS PADRE CON DROPDOWN */
ul.navig li a.dropdown
{
	/*background-color:#fff;*/ /* TOONAILS */
	font-size:15px;
	color:#e9e9e9; /* Color del texto Activo */ /* TOONAILS */
	padding-right:24px; /* VEN SEGURO */
	/*padding-left:34px;*/
	text-decoration:none;
	opacity: 1.0;
	background-image: url(../images/arrow_dropdown.png); /* VEN SEGURO */
	/*background-image: url(../images/navgrey.png);*/
	background-repeat: no-repeat;
	background-position: right center; /* VEN SEGURO */
	/*background-position: left center;*/
}
ul.navig li a.dropdown:hover,
ul.navig li:hover a.dropdown
{
	/*background-color:#333;*/ /*TOONAILS*/
	font-size:15px;
	color:#fff; /* Color del texto al que llega la transición cuando se hace HOVER */ /* TOONAILS*/
	padding-right:24px; /* VEN SEGURO */
	/*padding-left:34px;*/
	text-decoration:none;
	opacity: 1.0;
	background-image: url(../images/arrow_dropdown.png); /* VEN SEGURO */
	/*background-image: url(../images/navgrey.png);*/
	background-repeat: no-repeat;
	/*background-position: left center;*/
	background-position: right center; /* VEN SEGURO */
}

/* LINK PADRE CON DROPDOWN EN ESTADO SELECCIONADO - SE CREO POR NOSOTROS A PARTIR DE ul.navig li a.dropdown PARA PODER CONTROLARLO INDEPENDIENTEMENTE */
ul.navig li a.dropdownSelected
{	/*background-color:#1accff;*/ /* VEN SEGURO */
	color:#FFF;
	font-size:15px;
	font-weight:700; /* PALMS */
	/*padding-left:34px;*/
	padding-right:24px; /* VEN SEGURO */
	text-decoration:none;
	opacity: 1.0;
	/*background-image: url(../images/navgrey.png);*/
	background-image: url(../images/arrow_dropdown.png); /* VEN SEGURO */
	background-repeat: no-repeat;
	/*background-position: left center;*/
	background-position: right center; /* VEN SEGURO */
}


/*
	Drop Down Menu
*/

/* CARACTERÍSTICAS GENERALES DE LA CAJA DEL DROPDOWN PANTALLAS MAYORES A 768px */
ul.navig ul {
	background-color:#000;
	list-style:none;
	position:absolute;
	padding:14px 3px 0px 3px;
	width:auto;
	/*width:auto;*/
	height:auto;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	/*font-size:13px;*/
	margin-bottom:8px; /* Separa el Link Hijo del Link Padre */
}

/* CARACTERÍSTICAS GENERALES DE CADA ELEMENTO DEL DROPDOWN POR SEPARADO PANTALLAS MAYORES A 768px */
ul.navig ul li {
	float:none;
	height:auto;
	/*border:0px;*/
	border-top:#666 solid 1px;
	border-left:none;
}

/* HIJOS CON LINK PARA PANTALLAS MAYORES A 768px */
ul.navig ul a {
	/*color:#e9e9e9;*/
	color:#cccccc;
	font-size:13px;
	font-weight:400;
	background-color:#000;
	text-decoration:none;
	/*width:auto;*/
	opacity: 1.0;
	/*height:25px;*/
	padding:4px 8px 6px 8px;
	/*display:block;*/	
}

/* HIJOS CON LINK EN ESTADO HOVER PARA PANTALLAS MAYORES A 768px */
ul.navig ul a:hover {
	color:#fff;
	font-size:13px;
	font-weight:400;
	background-color:#000;
	text-decoration:none;
	/*width:auto;*/
	opacity: 1.0;
	/*height:25px;*/
	padding:4px 8px 6px 8px;
}

/* NUEVO - HIJOS CON LINK EN ESTADO SELECCIONADO PARA PANTALLAS MAYORES A 768px */
ul.navig ul a.selected {
	color:#feaf04; /* amarillo */	
	font-size:13px;
	font-weight:400;	
	background-color:#000;
	text-decoration:none;
	/*width:auto;*/
	opacity: 1.0;
	/*height:25px;*/
	padding:4px 8px 6px 8px;
}

ul.navig li:hover ul {
	left:0;
}

/* --------------------------------------------------------------------- */
/* CARACTERÍSTICAS DE LOS ELEMENTOS PARA LAS RESOLUCIONES <1023px */
/* SEGUNDO COMPORTAMIENTO iPad Portrait */
@media screen and (min-width: 768px) and (max-width: 1023px) {

/* Hide the logo, just so the navigation can be viewed full width of header */
/*.logo {
	display:none;
}*/
/*
ul.navig li a.dropdown span {
	display:none;
}*/

	#nosep {
		background-image:none;
	}

	.header {
		background-color:#FFFFFF;	
		height:94px;
		padding:0px;
		margin:0px;
		position:fixed;
		top:0px;
	}

	.logo {
		float:left;
		position:absolute;
		z-index:5;
		background-image:url(../img/lg_km30_med72.png); /*Para adaptarse en iPad Portrait */
		background-repeat:no-repeat;
		width:218px;
		height:60px;
		margin-top:20px;
		margin-left:25px; /* ANA margen izq genérico */
	}
	
	
	
	

}

/* --------------------------------------------------------------------------------------- */
/* CARACTERÍSTICAS DE ELEMENTOS EN RESOLUCIONES <767px */
/* TERCER COMPORTAMIENTO Smartphones Landscape */
@media screen and (min-width: 479px) and (max-width: 767px) {
	
	/* CARACTERÍSTICAS GENERALES DEL HEADER DE 767 a 479 iPad Portrait */
	.header {
		background-color:#FFFFFF;
		height:40px;
		position:fixed;
		top:0px;
	}
	
	/* WRAPPER FUNCIONA PARA ENVOLVER TODO EL CONTENIDO Y QUE TODO CONTENIDO SEA EMPUJADO HACIA LA IZQUIERDA AL ABRIRSE EL SLIDE DEL MENÚ MOVIL */
	.wrapper {
		right:0px;
		width:100%;
		position:absolute;
		z-index:1;
		transition-property: right; /* Timers for sliding in the wrapper, when opening the navigation */
		-moz-transition-duration: 0.1s;
		-webkit-transition-duration: 0.1s;
		-o-transition-duration: 0.1s;
		transition-duration: 0.1s;
		-moz-transition-timing-function: ease;
		-webkit-transition-timing-function: ease;
		-o-transition-timing-function: ease;
		transition-timing-function:ease;
	}
	
	.wrapper-push {		
		right:80%;
		top:1; /* Este valor sirve para que el contenido que se queda detras del slide con el menú movil (el contenido que esta dentro dentro del wrapper) se mantenga al mismo nivel o en caso de ser cero se suba hasta el top de la página */
		position:absolute;
		transition-property: right;	/* Timers for sliding out the wrapper, when opening the navigation */
		-moz-transition-duration: 0.2s;
		-webkit-transition-duration: 0.2s;
		-o-transition-duration: 0.2s;
		transition-duration: 0.2s;
		-moz-transition-timing-function: ease;
		-webkit-transition-timing-function: ease;
		-o-transition-timing-function: ease;
		transition-timing-function:ease;
	}
	
	.logo {
		float:left;
		position:absolute;
		z-index:5;
		background-image:url(../img/lg_km30_small.png);
		background-repeat:no-repeat;
		width:142px;
		height:38px;
		margin-top:1px;
		margin-left:10px;
	}
	

}

/*-------------------------------------------------------------------------------*/
/* CARACTERÍSTICAS DE ELEMENTOS EN RESOLUCIONES <478px */
/* CUARTO y ÚLTIMO COMPORTAMIENTO - Smartphones Portrait */
@media screen and (min-width: 0px) and (max-width: 478px) {

.space-top {
	width:100%;
	height:40px;
}
.clear {
	clear:both;
	height:0px;
}
/* WRAPPER FUNCIONA PARA ENVOLVER TODO EL CONTENIDO Y QUE TODO CONTENIDO SEA EMPUJADO HACIA LA IZQUIERDA AL ABRIRSE EL SLIDE DEL MENÚ MOVIL */
.wrapper {
	right:0px;
	width:100%;
	position:absolute;
	z-index:1;
	transition-property: right; /* Timers for sliding in the wrapper, when opening the navigation */
	-moz-transition-duration: 0.1s;
	-webkit-transition-duration: 0.1s;
	-o-transition-duration: 0.1s;
	transition-duration: 0.1s;
	-moz-transition-timing-function: ease;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function:ease;
}
.wrapper-push {		
	right:80%;
	top:1; /* Este valor sirve para que el contenido que se queda detras del slide con el menú movil (el contenido que esta dentro dentro del wrapper) se mantenga al mismo nivel o en caso de ser cero se suba hasta el top de la página */
	position:absolute;
	transition-property: right;	/* Timers for sliding out the wrapper, when opening the navigation */
	-moz-transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-moz-transition-timing-function: ease;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function:ease;
}

	.header {
		background-color:#FFFFFF;
		height:40px;
		position:fixed;
		top:0px;
	}

	.logo {
		float:left;
		position:absolute; 
		z-index:5;
		background-image: url(../img/lg_km30_small.png);
		background-repeat:no-repeat;
		width:142px;
		height:38px;
		margin-top:1px;
		margin-left:10px;
		
	}

	/*
	.logo strong {
		color:#fff;
		font-weight:normal;
	}*/

	

}


/*--------------------------------------------------------------------------------*/
/*CARACTERÍSTICAS GENERICAS PARTICULARES CUANDO SON MENORES A 767px INDICA A PARTIR DE QUE RESOLUCIÓN APARECE EL MENÚ MÓVIL*/
@media screen and (min-width: 0px) and (max-width: 767px) {
	
	/* DESDE AQUÍ VOLVÍ A COLOCAR*/
	/* CAMA DEL MENU PARA MÓVILES */
.navigation {
	z-index: 2;
	background-color: #4c4c4c;
	width: 80%;
	min-height: 110%;
	height: 800px; /*ANA - Altura total de la caja donde cae la navegación móvil */
	max-height: 999px;
	position: absolute;
	right: 0px; /* Antes -1px para el espacio entre el menu cerrado y el menu abierto */
}
.navclosed.fixed {
	position:fixed;
	top:0;
	z-index:3;
}
.navigation.fixed {
	position:absolute;
	min-height:110%;
	height:auto;
	max-height:999px;
}

/* CAJA QUE CONTIENE EL ICONO DE MENU PARA MÓVILES ANTES DE DARLE CLICK */
.navclosed {
	z-index:2;
	color:#fff;
	margin:0px;
	padding:0px;
	list-style:none;
	background-color:#FFFFFF; /* MEXARREND */
	transition: background-color .70s ease;
	-moz-transition: background-color .70s ease;
	-webkit-transition: background-color .70s ease;
	opacity:1;
	width:40px;
	height:40px;
	position:absolute;
	right:0px;
	display:block;
	text-decoration:none;
	background-image: url(../images/nav.png);
	background-repeat: no-repeat;
	background-position: left top; /* Timers for returning the X (close button) back to it's original position */
	transition-property: right, width;
	-moz-transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-moz-transition-timing-function: ease;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function:ease;
}
.navclosed.slide + .navigation {
	display:block;
	overflow: hidden;
	max-width:0;
	padding-top:0;
	padding-bottom:0;
	margin-top:0;
	margin-bottom:0;
	-moz-transition-duration: 0.15s; /* Timers for closing the navigation panel */
	-webkit-transition-duration: 0.15s;
	-o-transition-duration: 0.15s;
	transition-duration: 0.15s;
	-moz-transition-timing-function: ease;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
}

/* CAJA QUE CONTIENE EL ICONO DE MENU PARA MÓVILES DESPUES DE DARLE CLICK */
.navclicked {
	color:#fff;
	margin:0px;
	padding:0px;
	list-style:none;
	width:20%;
	height:40px;
	right:80%;
	position:absolute;
	background-color:#FFFFFF; 
	text-decoration:none;
	background-image: url(../images/nav.png);
	background-repeat: no-repeat;
	background-position: right -40px;
	z-index:100;
}
.navclicked.slide {
	transition-property: right; /* Timers for sliding out the X button */
	-moz-transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-moz-transition-timing-function: ease;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
}
.navclicked.slide + .navigation {
	-moz-transition-duration: 0.2s; /* Timers for sliding out the navigation panel */
	-webkit-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-moz-transition-timing-function: ease;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
	max-width: 80%;
	overflow: hidden;
	z-index: 100; /*TOONAILS*/ /* Logra que el tel de Call center quede debajo del menu de navegación móvil */
}
.navclosed a {
	color:transparent;
	margin:0px;
	padding:0px;
	width:100%;
	height:40px;
	display:block;
	float:right;
}
.navclicked a {
	color:transparent;
	margin:0px;
	padding:0px;
	width:100%;
	height:250px;
	display:block;
	float:right;
}
	/* HASTA AQUÍ VOLVÍ A COLOCAR */
	
	
	
	ul.navig {
	float:none;
	width:100%;
	padding:0px;
	clear:both;
	position:static;
	}
	ul.navig li {
		background-color:transparent;
		color:#fff;
		width:100%;
		height:auto;
		margin-right:0px;
		float:left;
		border:0px;
	}
	
	/* LINK SIMPLE DEL MENÚ menor a 768px */
	ul.navig li a {
		font-family: 'Oxygen', sans-serif; /* TOONAILS */
		color:#ccc; /* Estado activo */
		font-size:15px;
		display:block;
		padding-top:0px;
		padding-left:10px;
		padding-right:0px;
		padding-bottom:0px;
		line-height:40px;
		background-image:none;
		text-decoration:none;
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		border-radius:0px;
		/*background-color:#252525;*/
		background-color:#4c4c4c; /* TOONAILS */
		transition: color .20s ease;
		-moz-transition: color .20s ease;
		-webkit-transition: color .20s ease;
		transition: background-color .20s ease;
		-moz-transition: background-color .20s ease;
		-webkit-transition: background-color .20s ease;
		opacity: 1.0;
	}
	
	/* LINK SIMPLE EN ESTADO HOVER DEL MENÚ menor a 768px */
	ul.navig li a:hover
		{
		background-color:#1f1f1f;
		color:#fff; /* blanco */
		font-size:15px;
		padding-top:0px;
		padding-left:10px;
		padding-right:0px;
		padding-bottom:0px;
		line-height:40px;
		transition: color .20s ease;
		-moz-transition: color .20s ease;
		-webkit-transition: color .20s ease;
		transition: background-color .20s ease;
		-moz-transition: background-color .20s ease;
		-webkit-transition: background-color .20s ease;
		opacity: 1.0;
		font-weight:700; /* PALMS */
	}
	
	/* LINK SIMPLE EN ESTADO SELECTED DEL MENÚ menor a 768px */
	ul.navig li a.selected {
		background-color:#4c4c4c;
		color:#feaf04; /* amarillo */
		font-size:15px;
		padding-top:0px;
		padding-left:10px;
		padding-right:0px;
		padding-bottom:0px;
		line-height:40px;
		transition: color .20s ease;
		-moz-transition: color .20s ease;
		-webkit-transition: color .20s ease;
		transition: background-color .20s ease;
		-moz-transition: background-color .20s ease;
		-webkit-transition: background-color .20s ease;
		opacity: 1.0;
		font-weight:700; /* PALMS */
	}
	
	/*
		Drop Down Menu
	*/
	/* LINK PADRE DEL MENU menor a 768px */
	ul.navig li a.dropdown {
		color:#ccc;
		background-color:#4c4c4c; /* TOONAILS */
		/*background-image:none !important;*/
		padding-left:10px !important;
		background-image: url(../images/arrow_dropdown.png); /* VEN SEGURO */
		background-repeat: no-repeat;
		padding-right:24px; /* VEN SEGURO */
		background-position: right center; /* VEN SEGURO */
	}
	
	/* LINK PADRE CON DROPDOWN EN ESTADO SELECCIONADO - SE CREO POR NOSOTROS A PARTIR DE ul.navig li a.dropdown PARA PODER CONTROLARLO INDEPENDIENTEMENTE MENU menor a 768px EN ESTADO SELECTED */
	ul.navig li a.dropdownSelected
	{	/*background-color:#1accff;*/ /* VEN SEGURO */
		color:#FFF;
		font-size:15px;
		font-weight:700; /* PALMS */
		/*padding-left:34px;*/
		padding-right:24px; /* VEN SEGURO */
		text-decoration:none;
		opacity: 1.0;
		/*background-image: url(../images/navgrey.png);*/
		background-image: url(../images/arrow_dropdown.png); /* VEN SEGURO */
		background-repeat: no-repeat;
		/*background-position: left center;*/
		background-position: right center; /* VEN SEGURO */
	}
	
	ul.navig ul {
		background-color:#666;
		list-style:none;
		padding:0px;
		width:auto;
		float:none;
		left:0px;
		top:0px;
		position:relative;
	}
	ul.navig ul li {
		color:#fff;
		float:none;
		height:40px;
		width:100%;
		border:0px;
	}
	
	/* LINK HIJO DEL MENÚ menor a 768px */
	ul.navig ul a {
		font-family: 'Oxygen', sans-serif; /* TOONAILS */
		color:#ccc;
		font-size:14px;
		display:block;
		margin:0px;
		padding-top:0px;
		padding-left:10px;
		padding-right:0px;
		padding-bottom:0px;
		line-height:40px;
		background-image:none;
		text-decoration:none;
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		border-radius:0px;
		background-color:#333;
		transition: color .20s ease;
		-moz-transition: color .20s ease;
		-webkit-transition: color .20s ease;
		transition: background-color .20s ease;
		-moz-transition: background-color .20s ease;
		-webkit-transition: background-color .20s ease;
		opacity: 1.0;
		width:auto;
	}
	
	/* LINK HIJO EN ESTADO HOVER DEL MENÚ menor a 768px */
	ul.navig ul li a:hover {
		font-size:14px;
		background-color:#1f1f1f;
	}
		
	/* LINK HIJO EN ESTADO SELECCIONADO DEL MENÚ menor a 768px */
	ul.navig ul li a.selected {
		font-size:14px;
		background-color:#333333;
	}

	
	
 	/* Make the navigation text smaller on narrow width */
	ul.navig li a,
	ul.navig li a:hover,
	ul.navig li a.selected {
		font-size:14px;
	}
	
	/*.footer {
		margin-bottom:50px !important;
	}*/

}

/* Change images to higher res versions, if screen resolution is high, such as Retina on Apple devices. */
@media
screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (-moz-min-device-pixel-ratio: 1.5),
screen and (min-device-pixel-ratio: 1.5) {
	
	 

	.navclosed {
		background-image: url(../images/nav2x.png);
		background-repeat: no-repeat;
		background-position: left top;	
		background-size:40px;
		-moz-background-size:40px;
	}
	
	.navclicked {
		background-image: url(../images/nav2x.png);
		background-repeat: no-repeat;
		background-position: left -40px;
		background-size:40px;
		-moz-background-size:40px;
	}
	
	ul.navig li a.dropdown,
	ul.navig li a.dropdown:hover,
	ul.navig li:hover a.dropdown
	{
		background-image: url(../images/navgrey2x.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size:40px;
		-moz-background-size:40px;
	}

}

/* Clases para Retina */
@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px),
only screen and (-moz-min-device-pixel-ratio: 2) and (min-width: 768px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 768px) { 
	
	.logo {
		background-image:url(../img/lg_km30_gde@2x.png); /* LOGO PARA PANTALLAS RETINA ROJO */
		background-size:contain;
	}

}

/* NUEVO MEDIA QUERY resuelto con https://css-tricks.com/snippets/css/retina-display-media-query/ */
/* Clases para Retina */
@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px) and (min-width: 0px),
only screen and (-moz-min-device-pixel-ratio: 2) and (max-width: 767px) and (min-width: 0px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 767px) and (min-width: 0px) {
	.logo {
		background-image:url(../img/lg_km30_small@2x.png);
		background-size:contain;
	}
}