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

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

.wrapper {
	top:0px; /* PARA QUE EL SLIDER SE VAYA HASTA EL EXTREMO SUPERIOR DE LA PÁGINA */
	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; /* 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: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; */
        width: 100%;
        height: 96px;
        padding: 0px;
        margin: 0px;
        position: absolute;
        top: 0px;
        border-bottom: #EEEEEE 1px solid;
        z-index: 2;
	}

	.logo {
        float: left;
        z-index: 5;
        background-image: url(../../img/responsivo/lg_baeza_gde.png);
        background-repeat: no-repeat;
        width: 255px;
        height: 62px;
        margin-top: 18px;
        margin-left: 10px;
	}
	
	.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 POSICIÓ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; /* iPad Landscape */
		right: 350px; /* El valor default era 10px. Se alteró el valor para centrar el Menú en la web BAEZA V2. También se creo la misma clase para el 2do estado de responsivo */
		position:absolute;
		/*border:#FF0004 dashed 1px;*/
		/*background-color:#cfd1d2;*/
		top:56px;
	}

	.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/responsivo/sep_nav_baeza.png"); 
		background-repeat:no-repeat;
		background-position:left top;
		background-size:contain;*/ /* BAEZA ocultamos el separador horizontal del Menú */
		height:29px;
		/*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-size:1.0em;
		font-family: 'Biryani', sans-serif;
        font-weight: 400;
		color:#ffffff; /* Color del texto Activo Blanco */ /* BAEZA V2 */
		/*background-color:#fff;*/
		margin:0px;
		padding-left:11px;
		padding-right:7px;
		line-height:40px; /* BAEZA V2 */
		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: 'Biryani', sans-serif;
        font-weight: 400;
		color:#014775; /* Color del texto al que llega la transición cuando se hace HOVER */ /* BAEZA V2 */
		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:#014775; /* BAEZA */
		font-family: 'Biryani', sans-serif;
        font-weight: 700;
		text-decoration:none;
		opacity: 1.0;
	}

/* LINK DE LISTAS PADRE CON DROPDOWN */
ul.navig li a.dropdown
{
	/*background-color:#fff;*/
	font-size:1.0em;
	font-weight: 400;
	color:#ffffff; /* Color del texto Activo */ /* BAEZA V2 */
	padding-right:24px;
	/*padding-left:34px;*/
	text-decoration:none;
	opacity: 1.0;
	background-image: url(../../img/responsivo/ico_dropdown_baeza.png); /* BAEZA V2 */
	/*background-image: url(../../img/responsivo/navgrey.png);*/
	background-repeat: no-repeat;
	background-position: right center; /* BAEZA V2 */
	/*background-position: left center;*/
	height:40px; /* COTIZADOR V2 - se agregó para determinar en donde nace el dropdown */
    cursor: pointer;
}
ul.navig li a.dropdown:hover,
ul.navig li:hover a.dropdown
{
	/*background-color:#40464c; /* ANAwww */
	font-size:1.0em;
	font-weight: 400;
	color:#014775; /* Color del texto al que llega la transición cuando se hace HOVER */ /* BAEZA V2 */
	padding-right:24px;
	/*padding-left:34px;*/
	text-decoration:none;
	opacity: 1.0;
	background-image: url(../../img/responsivo/ico_dropdown_baeza.png); /* MAY2019 */
	/*background-image: url(../../img/responsivo/navgrey.png);*/
	background-repeat: no-repeat;
	/*background-position: left center;*/
	background-position: right center; /* BAEZA V2 */
}

/* 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;*/ /* BAEZA V2 */
	color:#014775; /* BAEZA V2 */
	font-size:1.0em;
	font-family: 'Biryani', sans-serif;
    font-weight: 700;
	/*padding-left:34px;*/
	padding-right:24px;
	text-decoration:none;
	opacity: 1.0;
	/*background-image: url(../../img/responsivo/navgrey.png);*/
	background-image: url(../../img/responsivo/ico_dropdown_baeza.png); /* MAY2019 */
	background-repeat: no-repeat;
	/*background-position: left center;*/
	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:160px;
	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: 'Biryani', sans-serif;
    font-weight: 400;
	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: 'Biryani', sans-serif;
    font-weight: 400;
	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: 'Biryani', sans-serif;
    font-weight: 400;	
	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;*/ /* BAEZA V2 */
		width: 100%;
        height: 78px;
        padding: 0px;
        margin: 0px;
        position: absolute;
        top: 0px;
        border-bottom: #EEEEEE 1px solid;
        z-index: 2;
	}
	
	.logo {
		width: 226px;
		height: 55px;
		margin-top: 8px;
		margin-left: 19px;
		background-size:contain;
	}
	
	/* 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:0px; /* 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;
	}
	
	#nosep {
		background-image:none;
	}
	
	.navigation {
        right: 220px;
		top: 38px;
	} /* Creado para centrar y dar la atura correcta al menù en la web de BAEZA V2 */
	
}

/* 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:#174772; /* BAEZA */
		height:40px;
		border:none; /* BAEZA */
	}
	
	/* 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 {		
		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/responsivo/lg_baeza_small.png"); /* 3er CHICO */
		background-repeat:no-repeat;
		width:162px;
		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;
		top:0px; /* BAEZA V2 */
		right: 0px;
	}
	
	.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 Landscape Smartphones */
		.navclosed {
		z-index:2;
		color:#fff;
		margin:0px;
		padding:0px;
		list-style:none;
		background-color:#174772; /* BAEZA */
		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(../../img/responsivo/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 Landscape smartphones */
	.navclicked {
		color:#fff;
		margin:0px;
		padding:0px;
		list-style:none;
		width:20%;
		height:40px;
		right:80%;
		position:absolute;
		background-color:#174772; /* BAEZA */ 
		text-decoration:none;
		background-image: url(../../img/responsivo/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;  /* 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;
	}
	/*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 {		
	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:#174772; /* BAEZA */
		height:40px;
		border:none; /* BAEZA */
	}

	/**** LOGOTIPO PARA MENU PARA RESOLUCIONES menores A 478px ****/
	.logo {
		float:left;
		position:absolute;
		z-index:5;
		background-image:url("../../img/responsivo/lg_baeza_small.png");
		background-repeat:no-repeat;
		width:162px;
		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;
		top:0px; /* BAEZA V2 */
		right: 0px;
	}
	
	.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:#174772; /* BAEZA */
		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(../../img/responsivo/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:#174772; /* BAEZA */
		text-decoration:none;
		background-image: url(../../img/responsivo/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;  /* 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;
	}

}


/*--------------------------------------------------------------------------------*/
/*CARACTERÍSTICAS GENERICAS PARTICULARES CUANDO SON MENORES A 768px*/
@media screen and (min-width: 0px) and (max-width: 767px) {
	
	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Ú a partir de iPad Portrait*/
	ul.navig li a {
		/*font-family: 'Biryani', sans-serif; /* ANA */
		color:#cfd1d2; /* ANAwww Estado activo */
		font-size:14px;
		display:block;
		padding-top:0px; /* COTIZADOR V2 - antes 0px */
		padding-left:10px;
		padding-right:0px;
		padding-bottom:0px; /* COTIZADOR V2 - antes 0px */
		line-height:40px; /* COTIZADOR V2 */
		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: 'Biryani', sans-serif;
        font-weight: 600;
	}
	
	/* 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;
		display:block;
		padding-top:0px; /* COTIZADOR V2 - antes 0px */
		padding-left:10px;
		padding-right:0px;
		padding-bottom:0px; /* COTIZADOR V2 - antes 0px */
		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: 'Biryani', sans-serif;
        font-weight: 600;
	}
	
	/* LINK SIMPLE EN ESTADO SELECTED DEL MENÚ menor a 768px */
	ul.navig li a.selected
	{
		background-color:#10181f; /* ANA www */
		color:#65e8ee; /* BAEZA */
		font-size:14px;
		display:block;
		padding-top:0px; /* COTIZADOR V2 - Antes estaba en 0px */
		padding-left:10px;
		padding-right:0px;
		padding-bottom:0px; /* COTIZADOR V2 - Antes estaba en 0px */
		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: 'Biryani', sans-serif;
        font-weight: 700;
	}
	
	/*
		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(../../img/responsivo/ico_dropdown_baeza.png);
		background-repeat: no-repeat;
		padding-right:24px; /* BAEZA V2 */
		background-position: right center;
		font-family: 'Biryani', sans-serif;
        font-weight: 600; 
		padding-bottom:0px; /* COTIZADOR V2 - se agrego para que no se separen los hijos del padre */
	}
	
	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(../../img/responsivo/ico_dropdown_baeza.png);
		background-repeat: no-repeat;
		padding-right:24px; /* BAEZA V2 */
		background-position: right center;
        font-family: 'Biryani', sans-serif;
        font-weight: 600;

	}
	
		/*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;*/ /* BAEZA V2 */
		color:#FFF;
		font-size:14px;
        font-family: 'Biryani', sans-serif;
        font-weight: 700;
		/*padding-left:34px;*/
		padding-right:24px;
		text-decoration:none;
		opacity: 1.0;
		/*background-image: url(../../img/responsivo/navgrey.png);*/
		background-image: url(../../img/responsivo/ico_dropdown_baeza.png); /* BAEZA V2 */
		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-seriffont-family: 'Biryani', 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: 'Biryani', sans-serif;
        font-weight: 400;
	}
	
	/* 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: 'Biryani', sans-serif;
        font-weight: 400;
		line-height:30px;
	}
		
	/* LINK HIJO EN ESTADO SELECCIONADO DEL MENÚ menor a 768px */
	ul.navig ul li a.selected {
		font-size:13px;
        font-family: 'Biryani', sans-serif;
        font-weight: 600;
		background-color:#10181F; /* ANAwww */
		line-height:30px;
		padding-top:0px; /* COTIZADOR V2 - agregue esta propiedad */
		padding-bottom:0px; /* COTIZADOR V2 - agregue esta propiedad */
	}

	
	
 	/* 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(../../img/responsivo/nav2x.png);
		background-repeat: no-repeat;
		background-position: left top;	
		background-size:40px;
		-moz-background-size:40px;
	}
	
	.navclicked {
		background-image: url(../../img/responsivo/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(../../img/responsivo/navgrey2x.png);*/
		/*background-image:url(../../img/responsivo/ico_dropdown_baeza@2x.png);
		background-repeat: no-repeat;
		background-position: right center;
		background-size:40px;
		-moz-background-size:40px;*/ /* BAEZA ocultamos el separador horizontal del Menú */
	}
	
	ul.navig li {
		/*background-image:url("../../img/responsivo/sep_nav_baeza@2x.png");*/ /* BAEZA ocultamos el separador horizontal del Menú */
	}
	
}

/* 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 (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/responsivo/lg_baeza_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/responsivo/lg_baeza_small@2x.png"); /* LOGO PARA PANTALLAS RETINA BLANCO */
		background-size:contain;
	}
}


/*@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 */

	/*.logo {
		background-image:url(../../img/responsivo/lg_ANA_gde@2x.png);
		background-size:contain;
	}
	
}*/