/* Controla los elementos del header y el menú */

/*.wrapper {*/
	/*border:#00F dashed 1px;*/
	/*max-width:1024px;
	min-width:0px;
	margin:0px auto;*/
/*}*/

.wrapper {
	top:130px; /* NUEVO PARA QUE FUNCIONEN LOS LINKS DEL SLIDER QUE ESTAN CON UN Z-INDEX: 0  EN ANAwww */
	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 {
	margin-left:0%;
}
.space-top {
	width:100%;
	height:96px;
	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:1.0em;
	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;
}*/

	.header {
		background-color:#FFFFFF; /* ANAwww */
		width:100%;
		height:90px; /* ANAWWW */
		padding:0px;
		margin:0px;
		position:fixed;
		top:0px;
		border-bottom:#cfd1d2 40px solid; /*AMAwww el original era #d9d9d6 */
		z-index:2; /*ANAwww*/
	}

	.logo {
		float:left;
		position:absolute;
		z-index:5;
		/*background-image:url(../img/lgANAbig.png);*/
		background-image:url(../img/lgANAbig.png);
		background-repeat:no-repeat;
		width:153px;
		height:79px;
		margin-top:8px;
		margin-left:0px;
	}
	
	.rowHdr {
		height:auto;
		padding-top:0px;
		background-color:#cfd1d2; /*AMAwww el original era #d9d9d6 */
		position:relative;
		width:100%;
		/*border:red dashed 1px;*/
	} 
	
	#sesionMovil {
		display:none;
	}
	
	#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:40px; /* ANA iPad Landscape */
		right:0;
		/*position:absolute;*/
		/*border:#FF0004 dashed 1px;*/
		background-color:#cfd1d2; /*AMAwww el original era #d9d9d6 */
	}

	.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;
	} /* ANA iPad Landscape */

	/* 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;*/
	}

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

	/* CARACTERÍSTICAS GENERALES DE LOS LINKS DE LAS LISTAS SIMPLES */
	ul.navig li a {	
		/*font-family: 'Open Sans', sans-serif; /* ANA */
		font-size:1.0em;
		font-family:'AktivGroteskW01-Medium', sans-serif;
		color:#555559; /* Color del texto Activo Gris */ /* ANA */
		/*background-color:#fff;*/ /* TOONAILS */
		margin:0px;
		padding-left:11px;
		padding-right:7px;
		line-height:40px;
		display:block;
		text-decoration:none;
		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;
	}

	/* LINKS DE LISTAS SIMPLE EN HOVER */
	ul.navig li a:hover {
		/*background-color:#40464c; /* ANAwww */
		font-size:1.0em;
		font-family:'AktivGroteskW01-Medium', sans-serif; /* ANA */
		color:#c2002f; /* Color del texto al que llega la transición cuando se hace HOVER */ /* ANA*/
		text-decoration:none;
		opacity: 1.0;
	}

	/* LINK DE LISTAS SIMPLE EN ESTADO SELECCIONADO */
	ul.navig li a.selected {
		/*background-color:#101010;*/
		font-size:1.0em;
		color:#a31f34; /* ANAwww*/
		font-family:'AktivGroteskW01-Medium', sans-serif; /* ANAwww*/
		text-decoration:none;
		opacity: 1.0;
	}

/* LINK DE LISTAS PADRE CON DROPDOWN */
ul.navig li a.dropdown
{
	/*background-color:#fff;*/
	font-size:1.0em;
	color:#555559; /* Color del texto Activo */ /* ANAwww*/
	padding-right:24px;
	/*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:#40464c; /* ANAwww */
	font-size:1.0em;
	color:#c2002f; /* Color del texto al que llega la transición cuando se hace HOVER */ /* ANAwww*/
	padding-right:24px;
	/*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
{	color:#a31f34; /* ANAwww*/
	font-size:1.0em;
	font-family:'AktivGroteskW01-Medium', sans-serif; /* ANAwww*/
	padding-right:24px;
	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: right center;
}


/*
	Drop Down Menu
*/

/* CARACTERÍSTICAS GENERALES DE LA CAJA DEL DROPDOWN PANTALLAS MAYORES A 768px */
ul.navig ul {
	background-color:#cfd1d2; /* ANAwww */
	list-style:none;
	position:absolute;
	padding:0px 3px 3px 3px; /* ANAwww */
	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 */
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}

/* 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:#9fa3a5 solid 1px; /* ANAwww */
	border-left:none;
}

/* HIJOS CON LINK PARA PANTALLAS MAYORES A 768px */
ul.navig ul a {
	color:#555559; /* ANAwww */
	font-size:0.9em; /* ANAwww */
	font-family:'AktivGroteskW01-Regular', sans-serif;
	background-color:#cfd1d2; /* ANAwww */
	text-decoration:none;
	/*width:auto;*/
	opacity: 1.0;
	/*height:25px;*/
	padding:6px 8px 6px 8px;
	line-height:1.1em; /* ANAwww */
	/*display:block;*/	
}

/* HIJOS CON LINK EN ESTADO HOVER PARA PANTALLAS MAYORES A 768px */
ul.navig ul a:hover {
	color:#fff;
	font-size:0.9em; /* ANAwww */
	font-family:'AktivGroteskW01-Regular', sans-serif;
	background-color:#9fa3a5; /* ANAwww */
	text-decoration:none;
	/*width:auto;*/
	opacity: 1.0;
	/*height:25px;*/
	padding:6px 8px 6px 8px;
}

/* NUEVO - HIJOS CON LINK EN ESTADO SELECCIONADO PARA PANTALLAS MAYORES A 768px */
ul.navig ul a.selected {
	color:#fff; /* rosa */	
	font-size:0.9em; /* ANAwww */
	font-family:'AktivGroteskW01-Regular', sans-serif; /*ANA*/	
	background-color:#707479; /* ANAwww */
	text-decoration:none;
	/*width:auto;*/
	opacity: 1.0;
	/*height:25px;*/
	padding:4px 8px 6px 8px;
}

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




/* 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;
}*/
	.header {
		background-color:#FFFFFF; /* ANAwww */
		width:100%;
		height:90px; /* ANAWWW */
		padding:0px;
		margin:0px;
		position:fixed;
		top:0px;
		border-bottom:#cfd1d2 40px solid; /*AMAwww el original era d9d9d6*/
		position:fixed;
	}

	.logo {
		float:left;
		position:absolute;
		z-index:5;
		background-image:url(../img/lgANAbig.png);
		background-repeat:no-repeat;
		width:153px;
		height:83px;
		margin-top:9px;
		margin-left:20px;
	}
	
	/* WRAPPER FUNCIONA PARA ENVOLVER TODO EL CONTENIDO Y QUE TODO CONTENIDO SEA EMPUJADO HACIA LA IZQUIERDA AL ABRIRSE EL SLIDE DEL MENÚ MOVIL */
	.wrapper {
		top:130px; /* NUEVO PARA QUE FUNCIONEN LOS LINKS DEL SLIDER QUE ESTAN CON UN Z-INDEX: 0  EN ANAwww */
		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 {	
		z-index:-1;	/*NUEVO*/
		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;
	}
	
	#nosep {
		background-image:none;
	}
	
	#sesionMovil {
		display:none;
	}
	
	/* CAMA DEL MENU PARA MÓVILES */
	.navigation {
		display: none;
		z-index: 2;
		background-color:#555559; /*AMAwww  iPad Portrait */
		width: 80%;
		min-height: 110%;
		height:940px; /* IMPORTANTE Altura para iPad Portrait */
		max-height: 999px;
		position: absolute;
		/*right: -1px;*/
	}
	
	.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:#cfd1d2;
		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:0;
		display:block;
		text-decoration:none;
		background-image: url(../images/navRojo.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:#cfd1d2; 
		text-decoration:none;
		background-image: url(../images/navRojo.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;  /* 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:40px; /*antes 250px*/
		display:block;
		float:right;
	}
	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;
		background-image:none;
	}

}

/* TERCER COMPORTAMIENTO Smartphone 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; /* ANAwww */
		height:40px;
		border:none; /* ANAWWW */
	}
	
	/* WRAPPER FUNCIONA PARA ENVOLVER TODO EL CONTENIDO Y QUE TODO CONTENIDO SEA EMPUJADO HACIA LA IZQUIERDA AL ABRIRSE EL SLIDE DEL MENÚ MOVIL */
	.wrapper {
		top:40px; /* NUEVO PARA QUE FUNCIONEN LOS LINKS DEL SLIDER QUE ESTAN CON UN Z-INDEX: 0  EN ANAwww */
		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 {
		z-index:-1;	/* NUEVO */		
		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/lgANAsmall.png); /* 3er CHICO */
		background-repeat:no-repeat;
		width:120px;
		height:40px;
		margin-top:0px;
	}
	
	#sesionMovil {
		display:block;
	}
	
	
	/* CAMA DEL MENU PARA MÓVILES */
	.navigation {
		display: none;
		z-index: 2;
		background-color: #555559;
		width: 80%;
		min-height: 110%;
		height:450px; /* IMPORTANTE */
		max-height: 999px;
		position: absolute;
		/*right: -1px;*/
	}
	
	.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:#FFF;
		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:0;
		display:block;
		text-decoration:none;
		background-image: url(../images/navRojo.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:#FFF; 
		text-decoration:none;
		background-image: url(../images/navRojo.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;  /* 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:40px; /*Antes height:250px;*/
		display:block;
		float:right;
	}
	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;
	}

}

/*-------------------------------------------------------------------------------*/
/* 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 {
	top:40px; /* NUEVO PARA QUE FUNCIONEN LOS LINKS DEL SLIDER QUE ESTAN CON UN Z-INDEX: 0  EN ANAwww */
	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 {
	z-index:-1; /*NUEVO*/		
	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;
}

/* CARACTERÍSTICAS GENERALES DEL HEADER PARA RESOLUCIONES menores A 478px */
	.header {
		background-color:#FFFFFF; /* ANAwww */
		height:40px;
		border:none; /* ANAWWW */
	}

	/* LOGOTIPO PARA MENU PARA RESOLUCIONES menores A 478px */
	.logo {
		float:left;
		position:absolute;
		z-index:5;
		background-image:url(../img/lgANAsmall.png);
		background-repeat:no-repeat;
		width:120px;
		height:40px;
		margin-top:0px;
	}
	
	#sesionMovil {
		display:block;
	}

	/* CAMA DEL MENU PARA MÓVILES */
	.navigation {
		display: none;
		z-index: 2;
		background-color: #555559;
		width: 80%;
		min-height: 110%;
		height:800px;
		max-height: 999px;
		position: absolute;
		/*right: -1px;*/
	}
	
	.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:#FFF;
		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:0;
		display:block;
		text-decoration:none;
		background-image: url(../images/navRojo.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:#FFF; 
		text-decoration:none;
		background-image: url(../images/navRojo.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;  /* 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:40px; /* antes height:250px; */
		display:block;
		float:right;
	}

}


/*--------------------------------------------------------------------------------*/
/*CARACTERÍSTICAS GENERICAS PARTICULARES CUANDO SON MENORES A 768px*/
@media screen and (min-width: 0px) and (max-width: 1023px) {
	
	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: 'Open Sans', sans-serif; /* ANA */
		color:#cfd1d2; /* ANAwww Estado activo */
		font-size:14px;
		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:#555559;
		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-family:'AktivGroteskW01-Medium', sans-serif;
	}
	
	/* LINK SIMPLE EN ESTADO HOVER DEL MENÚ menor a 768px */
	ul.navig li a:hover
		{
		background-color:#10181F; /* ANAwww */
		color:#fff; /* blanco */
		font-size:14px;
		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-family:'AktivGroteskW01-Medium', sans-serif;
	}
	
	/* LINK SIMPLE EN ESTADO SELECTED DEL MENÚ menor a 768px */
	ul.navig li a.selected
	{
		background-color:#10181f; /* ANA www */
		color:#da6682; /* color C2002F a un 60 por ciento */
		font-size:14px;
		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-family:'AktivGroteskW01-Bold', sans-serif;
	}
	
	/*
		Drop Down Menu
	*/
	/* LINK PADRE DEL MENU menor a 768px */
	ul.navig li a.dropdown {
		font-size:14px; /* ANAwww */
		color:#cfd1d2; /* ANAwww */
		background-color:#555559; /* ANAwww */
		/*background-image:none !important;*/
		padding-left:10px !important;
		background-image: url(../images/arrow_dropdown.png);
		background-repeat: no-repeat;
		padding-right:24px; /* VEN SEGURO */
		background-position: right center;
		font-family:'AktivGroteskW01-Medium', sans-serif; 
	}
	
	ul.navig li a.dropdown:hover,
	ul.navig li:hover a.dropdown {
		font-size:14px; /* ANAwww */
		color:#fff; /* ANAwww */
		background-color:#10181F; /* ANAwww */
		/*background-image:none !important;*/
		padding-left:10px !important;
		background-image: url(../images/arrow_dropdown.png);
		background-repeat: no-repeat;
		padding-right:24px; /* VEN SEGURO */
		background-position: right center;
		font-family:'AktivGroteskW01-Medium', sans-serif;
	}
	
		/*color:#fff;
		font-size:14px;
		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-family:'AktivGroteskW01-Medium', sans-serif;*/
	
	
	/* 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:14px;
		font-family:'AktivGroteskW01-Bold', sans-serif; /* VEN SEGURO */
		/*padding-left:34px;*/
		padding-right:24px;
		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;
	}
	
	ul.navig ul {
		/*background-color:red;*/
		list-style:none;
		padding:0px;
		width:auto;
		float:none;
		left:0px;
		top:0px;
		position:relative;
	}
	ul.navig ul li {
		color:#fff;
		float:none;
		height:30px;
		width:100%;
		border:0px;
	}
	
	/* LINK HIJO DEL MENÚ menor a 768px */
	ul.navig ul a {
		/*font-family: 'Open Sans', sans-serif; /* ANA */
		color:#cfd1d2; /* ANAwww */
		font-size:13px;
		display:block;
		margin:0px;
		padding-top:0px;
		padding-left:10px;
		padding-right:0px;
		padding-bottom:0px;
		line-height:30px;
		background-image:none;
		text-decoration:none;
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		border-radius:0px;
		background-color:#40464c; /* ANAwww */
		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;
		font-family:'AktivGroteskW01-Regular', sans-serif;
	}
	
	/* LINK HIJO EN ESTADO HOVER DEL MENÚ menor a 768px */
	ul.navig ul li a:hover {
		font-size:13px;
		background-color:#10181F; /* ANAwww */
		font-family:'AktivGroteskW01-Regular', sans-serif;
		line-height:30px;
	}
		
	/* LINK HIJO EN ESTADO SELECCIONADO DEL MENÚ menor a 768px */
	ul.navig ul li a.selected {
		font-size:13px;
		font-family:'AktivGroteskW01-Medium', sans-serif;
		background-color:#10181F; /* ANAwww */
		line-height:30px;
	}

	
	
 	/* Make the navigation text smaller on narrow width */
	ul.navig li a,
	ul.navig li a:hover,
	ul.navig li a.selected {
		/*font-size:13px;*/
	}
	
	/*.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-image:url(../images/navRojo@2x.png);
		background-repeat: no-repeat;
		background-position: left top;	
		background-size:40px;
		-moz-background-size:40px;
	}
	
	.navclicked {
		background-image: url(../images/nav2x.png);
		background-image:url(../images/navRojo@2x.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-image:url(../images/arrow_dropdown2x.png);
		background-repeat: no-repeat;
		background-position: right center;
		background-size:40px;
		-moz-background-size:40px;
	}
	
}


@media
screen and (-webkit-min-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (min-device-pixel-ratio: 2) { 
	
	/* Clases para Retina */

	ul.navig li {
		background-image:url(../img/sep_nav2x.png);
		background-size:3px;
	}
	
}

/* 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/lgANAbig@2x.png);
		background-size:contain;
	}

}

/* 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/lgANAsmall@2x.png);
		background-size:contain;
	}
}