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

/* CLASES GENERALES */

/* PALMS */

/*.element{
    font-weight:bold;
    text-decoration:none;
    float: right;
    width: 25%;
    color: #EF7274;
    font-size: 1.8rem;
    margin: 0 0 5px 15px;   
}*/
/* https://laprogramaciondehoy.com/problema-css-con-numeros-de-telefono-en-safari-mobile/ */

.regular {font-weight:400;}
.bold {font-weight:700;} /*PALMS*/

.azul {color:#001689;}
.amarillo {color:#feaf04;}

.blanco {color:#FFFFFF} /*PALMS*/
.rojo { color:#eb4c31} /*PALMS*/
.verde {color:#6080bc} /*PALMS*/

.imgAjustable, /*PALMS*/
.imgAjustable a {
	width:100%;
	height:auto;
	border:0px;
	margin:0px;
	padding:0px;
	display:block; /* evita que se genere un margin-bottom no deseado debajo de las fotos*/
}



/* CAJA ENVOLVENTE DE LOS ELEMENTOS DEL HEADER PARA RESOLUCIONES MAYORES A 1024px */
.boxHdrNogales {
	max-width:1024px;
	min-width:320px;
	margin:0px auto;
	height:94px;
	position:relative;
}

.boxTelNogales {
	color:#feaf04;
	text-align:right;
	margin: 0px 6px 4px 0px; /* UPDATE 30AGO2019 */
    font-weight: 700;
    font-size: 17px; /* UPDATE 30AGO2019 */
	position:absolute;
	top: 4px;
	right: 101px;
}

.lgANAHdr {
	background-image:url(../img/lg_ana_nogales@2x.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:100px;
	height:60px;
	border-left:#e8e8e8 solid 1px;
	margin: 2px 0px 0px 0px;
	position:absolute;
	top: 4px;
	right: 0px;
}

.rowFtrNogales {
	height:auto;
	background-color:#001689;
}

/* CAJA ENVOLVENTE DE LOS ELEMENTOS DEL FOOTER PARA RESOLUCIONES MAYORES A 1024px */
.boxFtrNogales {
	max-width:1024px; 
	min-width:320px; 
	margin:0px auto;
}


.colFtrNogales {
	text-align:center;
	padding-top:20px;
	padding-bottom:0px;
}

.boxGetaQuote {
	background-color:#feaf04;
}

.txtGetaQuote {
	color:#FFFFFF;
	font-size:1.4em;
	text-align:left;
	padding-top:27px;
}

.btnGetaQuote {
	color:#FFFFFF;
	font-size:1.4em;
	font-weight:700;
	background-image:url(../img/pics/ico_getaquote.png);
	background-repeat:no-repeat;
	background-position:right;
	text-align:right;
	cursor:pointer;
	line-height:143px;
	padding:0px 73px 0px 0px;
}

.boxGetaQuoteAboutus {
	width:274px;
	margin:0px auto;
	padding-top: 148px;
}

.boxGetaQuoteContact {
	width:274px;
	margin:0px auto;
	padding-top: 36px;
}



.btnGetaQuoteContact {
	color:#6080bc;
	font-size:1.8em;
	font-weight:700;
	background-color:#feaf04;
	/*margin:0px auto;*/
	background-image:url(../img/pics/ico_getaquote.png);
	background-repeat:no-repeat;
	background-position:right;
	text-align:right;
	cursor:pointer;
	line-height:71px;
	padding: 0px 66px 0px 0px;
	border-radius: 40px;
}

/*
	(c) Columns Fixed
*/
.c4 {
	
	margin:0 auto;
	text-align:left; /* ANA */
	clear:both;
}


/*
	Columns Fixed (f)
*/

/* set margins below all boxes, just for display purposes */
.c4 {
	padding-bottom:0px;
}

/* wrapper width */
.c4 {
	width:986px;
}

.c4 .uno {
	width:236px;
	float:left;
}

.c4 .dos-tres {
	width:486px;
	margin-left:14px;
	float:left;
}

.c4 .cuatro {
	width:236px;
	margin-left:750px;
}


.boxTraveltoMexico {
	color:#eb4c31;
	font-size:1.6em;
	font-weight:700;
	background-image:url(../img/pics/ico_piramide.png);
	background-repeat:no-repeat;
	background-position:left;
	line-height:71px;
	padding-left:145px;
}

.boxViajasaEUA {
	color:#eb4c31;
	font-size:1.6em;
	font-weight:700;
	background-image:url(../img/pics/ico_usa.png);
	background-repeat:no-repeat;
	background-position: left;
	line-height:71px;
	padding-left:175px;
}

.lgBan01,
.lgBan01 a {
	width:196px;
	height:147px;
	float:left;
	background-image:url(../img/pics/lg_ban01.png);
	background-repeat:no-repeat;
}

.picBan01,
.picBan01 a {
	width:290px;
	height:147px;
	float:left;
	background-image:url(../img/pics/pic_ban01.jpg);
	background-repeat:no-repeat;
}


.lgBan02,
.lgBan02 a {
	width:221px;
	height:147px;
	float:left;
	background-image:url(../img/pics/lg_ban02.png);
	background-repeat:no-repeat;
}

.picBan02,
.picBan02 a {
	width:265px;
	height:147px;
	float:left;
	background-image:url(../img/pics/pic_ban02.jpg);
	background-repeat:no-repeat;
}

.boxTxtSmall{
	padding-top:10px;
	font-size:0.9em;
	background-color:#feaf04;
	padding-bottom:0px;
}

/* PALMS END */

/* ---- ANA ----*/

/*** Links ***/

a:link, a:visited, a:active, a:hover {
	text-decoration:none;
}


.linkGral a:link {color:#001689;} /* NOGALES */
.linkGral a:visited {color:#001689;} /* NOGALES */
.linkGral a:active {color:#001689;} /* NOGALES */
.linkGral a:hover {color:#DD4814;} /* NOGALES */

.linkFtr a:link {color:#f46363;font-weight:700;text-decoration:none;} /* PALMS */
.linkFtr a:visited {color:#f46363;font-weight:700;text-decoration:none;} /* PALMS */
.linkFtr a:active {color:#f46363;font-weight:700;text-decoration:none;} /* PALMS */
.linkFtr a:hover {color:#eb4c31;font-weight:700;text-decoration:underline;} /* PALMS */

.linkBigRed a:link {color:#eb4c31;font-size:24px;font-weight:700;} /* PALMS */
.linkBigRed a:visited {color:#eb4c31;font-size:24px;font-weight:700;} /* PALMS */
.linkBigRed a:active {color:#eb4c31;font-size:24px;font-weight:700;} /* PALMS */
.linkBigRed a:hover {color:#4c4b4b;font-size:24px;font-weight:700;} /* PALMS */


.limpiar {
	clear:both;
}

.f2 p {
	/*line-height:22px;*/
	margin-top:0px;
	margin-bottom:8px;
}

h1 {
	font-family: 'Oxygen', sans-serif; /*ANA*/
	font-size:1.5em;
	font-weight:400;
	line-height:1.3em;
	margin:0px;
}

h2 {
	font-family: 'Oxygen', sans-serif; /*ANA*/
	font-size:1.3em;
	font-weight:400;
	line-height:1.3em;
	margin:0px;
}

h3 {
	font-family: 'Oxygen', sans-serif; /*ANA*/
	font-size:1.1em;
	font-weight:400;
	line-height:1.3em;
	margin:0px;
}

h4 {
	font-family: 'Oxygen', sans-serif; /*ANA*/
	font-size:0.9em;
	font-weight:400;
	line-height:1.3em;
	margin:0px;
}

h5 {
	font-family: 'Oxygen', sans-serif; /*ANA*/
	font-size:0.8em;
	font-weight:400;
	line-height:1.3em;
	margin:0px;
}

h6 {
	font-family: 'Oxygen', sans-serif; /*ANA*/
	font-size:0.7em;
	font-weight:400;
	line-height:1.3em;
	margin:0px;
}

.boxContent {
	margin:103px auto 0px auto;
	max-width:1024px; 
	min-width:320px; 
	padding-top:0px;
	padding-bottom:10px;
	background-color:#FFFFFF;
}


/*.rowRed {
	color:#FFFFFF;
	background-color:#eb4c31;
	height:auto;
}*/

.txtEtiqueta {
	color:#4c4b4b;
	font-size:15px;
	line-height:15px;
	font-weight:700; /* PALMS */
	padding-top:14px;
	padding-bottom:3px;
	text-align:left;
	display:block;
}

.inputTxtAjustable {
	color:#eb4c31; /* PALMS */
	border:#eb4c31 solid 1px; /* PALMS */
	border-radius:3px;
	height:32px;
	font-size:16px;
	padding-left:7px;
}

.inputTxtAjustable {
	/*width:314px;*/
	width:308px;
}

.inputTxtContact {
	color:#eb4c31; /* PALMS */
	border:#eb4c31 solid 1px; /* PALMS */
	border-radius:3px;
	height:32px;
	font-size:16px;
	padding-left:7px;
}

.inputTxtContact {
	width:480px;
}

/*.alinear {
	text-align:right;
}*/

.justifIco {
	text-align:right;
}

.selectAjustable {
	border:#00a4e4 solid 1px;
	border-radius:3px;	
	height:36px;
	font-size:16px;
	color:#eb4c31; /* PALMS */
}

.selectAjustable {
	width:318px;
}

.txtareaAjustable {
	font-family: 'Oxygen', sans-serif; /* ANA */
	border:#eb4c31 solid 1px; /* PALMS */
	border-radius:3px;
	font-size:16px;
	color:#eb4c31; /* PALMS */
	padding-left:7px;
	width:308px;
	line-height:22px;
}

.btnFormulario {
	color:#FFF;
	background-color:#ff6367;
	border:#ff6367 solid 1px;
	border-radius:1px;
	line-height:32px;
	font-size:16px;
	font-weight:700; /* PALMS */
	margin:8px 7px;
	padding-left:19px;
	padding-right:21px;
}


.f2 ul {
	margin-top:10px;
	line-height:24px;
}


.separador {
	border-bottom:#6080bc solid 1px;
	margin-bottom:8px;
}


/* CARACTER�STICAS DE LOS ELEMENTOS PARA RESOLUCIONES <1023px */
/* SEGUNDO COMPORTAMIENTO - iPad Portrait */
/*-------------------------------------------------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 1023px) {
	
	/* PALMS */
	
	.boxContent {
		margin:103px auto 0px auto;
	}
	
	/* set margins below all boxes, just for display purposes */
	.c4 {
		padding-bottom:0px;
	}


	/* wrapper width */
	.c4 {
		width:730px;
	}
	
	.c4 .uno {
		width:172px;
		float:left;
	}

	.c4 .dos-tres {
		width:358px;
		margin-left:14px;
		float:left;
	}

	.c4 .cuatro {
		width:172px;
		margin-left:558px;
	}
	
	
	h1 {font-size:1.5em;}

	h2 {font-size:1.3em;}

	h3 {font-size:1.1em;}

	h4 {font-size:0.9em;}

	h5 {font-size:0.8em;}

	h6 {font-size:0.7em;}
	
	.txtGetaQuote {
		font-size:1.0em;
		padding-top:23px;
	}
	
	.btnGetaQuote {
		font-size:0.9em;
		line-height:104px;
		padding:0px 68px 0px 0px;
	}
	
	.boxTraveltoMexico {
		font-size:1.3em;
	}

	.boxViajasaEUA {
		font-size:1.3em;
	}
	
	.lgBan01,
	.lgBan01 a {
		width:143px;
		height:108px;
		background-size:contain;
	}
	
	.picBan01,
	.picBan01 a {
		width:215px;
		height:108px;
		background-size:contain;
	}
	
	
	.lgBan02,
	.lgBan02 a {
		width:163px;
		height:108px;
		background-size:contain;
	}
	
	.picBan02,
	.picBan02 a {
		width:195px;
		height:108px;
		background-size:contain;
	}
	
	
	/* PALMS END */
	
	
	/*.inputTxtContact {
		width:370px;
	}*/
	
	/*.alinear {
		text-align:right;
	}*/
	
	.justifIco {
		text-align:right;
	}
	
}

/* CARACTER�STICAS DE LOS ELEMENTOS PARA RESOLUCIONES <767px */
/* TERCER COMPORTAMIENTO - Smartphones Landscape */
/*-------------------------------------------------------------------------------*/
@media screen and (min-width: 479px) and (max-width: 767px) {
	
	/* PALMS */
	
	.boxContent {
		margin:49px auto 0px auto;
	}
	
	/* set margins below all boxes, just for display purposes */
	.c4 {
		padding-bottom:0px;
	}

	/* wrapper width */
	.c4 {
		width:462px;
	}

	.c4 .uno {
		width:108px;
		float:left;
	}

	.c4 .dos-tres {
		width:226px;
		margin-left:10px;
		float:left;
	}

	.c4 .cuatro {
		width:108px;
		margin-left:354px;
	}

	
	
	h1 {font-size:1.5em;}

	h2 {font-size:1.3em;}

	h3 {font-size:1.1em;}

	h4 {font-size:0.9em;}

	h5 {font-size:0.8em;}

	h6 {font-size:0.7em;}
	
	
	.txtGetaQuote {
		font-size: 0.8em;
		padding-top:9px;
	}
	
	
	.btnGetaQuote {		
		font-size: 0.9em;
		height: 51px;
    	padding: 14px 48px 0px 0px;
    	background-size: 40%;
    	text-align: right;
    	line-height: normal;
	}
	
	.boxGetaQuoteAboutus {
		padding-top: 24px;
	}
	
	.boxGetaQuoteContact {
		padding-top: 24px;
	}

	.boxHdrNogales {
		height:40px;
		background-size:cover;
	}
	
	.boxTelNogales {
		margin:0px 6px 0px 0px;
		font-size: 12px;
		line-height: 13px;
		height:40px;
		z-index:3;
		top: 0px;
    	right: 110px;
	}
	
	.lgANAHdr {
		background-image:url(../img/lg_ana_nogales_small@2x.png);
		width:67px;
		height:40px;
		margin: 0px 0px 0px 0px;
		top: 0px;
		right: 42px;
	}
	
	.boxTraveltoMexico {
		font-size:1.3em;
		line-height:26px;
		padding-left:100px;
		background-size:40%;
	}

	.boxViajasaEUA {
		font-size:1.3em;
		line-height:26px;
		padding-left:110px;
		background-size:45%;
	}
	
	.lgBan01,
	.lgBan01 a {
		width:90px;
		height:68px;
		background-size:contain;
	}
	
	.picBan01,
	.picBan01 a {
		width:135px;
		height:68px;
		background-size:contain;
	}
	
	
	.lgBan02,
	.lgBan02 a {
		width:103px;
		height:68px;
		background-size:contain;
	}
	
	.picBan02,
	.picBan02 a {
		width:123px;
		height:68px;
		background-size:contain;
	}
	
	/* PALMS */
	
	
	/*.inputTxtContact {
		width:296px;
	}
	
	.alinear {
		text-align:right;
	}*/
	
	.justifIco {
		text-align:right;
	}
	
	
	/*.rowFtrNogales {
		height:auto;
	}*/
	
	.selectAjustable {
		width:226px;
	}

	.inputTxtAjustable {
		/*width:144px;*/
		width:217px;
	}
	
	.txtareaAjustable {
		width:215px;
	}
	

}

/* CARACTER�STICAS DE LOS ELEMENTOS PARA RESOLUCIONES <478px */
/* CUARTO y �LTIMO COMPORTAMIENTO - Smartphones Portrait */
/*-------------------------------------------------------------------------------*/

@media screen and (min-width: 0px) and (max-width: 478px) {
	
	/* PALMS */
	
	.boxContent {
		margin:49px auto 0px auto;
	}
	
	/* Columns Fixed (c) */

	/* set margins below all boxes, just for display purposes */

	.c4 {
		padding-bottom:0px;
	}

	/* wrapper width */
	.c4 {
		width:302px;
	}


	.c4 .uno {
		width:71px;
		float:left;
	}

	.c4 .dos-tres {
		width:148px;
		margin-left:6px;
		float:left;
	}

	.c4 .cuatro {
		width:71px;
		margin-left:231px;
	}
	
	.c4.apilado .uno {
		width:100%;
		float:none;
		margin-bottom:0px;
		margin-left:0px;
	}
	
	.c4.apilado .dos-tres {
		width:100%;
		float:none;
		margin-bottom:0px;
		margin-left:0px;
	}
	
	.c4.apilado .cuatro {
		width:100%;
		float:none;
		margin-left:0px;
		margin-bottom:0px;
	}
	
	
	
	h1 {font-size:1.5em;}

	h2 {font-size:1.3em;line-height:1.3em;}

	h3 {font-size:1.2em;}

	h4 {font-size:1.1em;}

	h5 {font-size:0.9em;}

	h6 {font-size:0.9em;}
	
	.boxGetaQuote {
		text-align:-webkit-center;
		padding-bottom:0px;
	}
	
	.txtGetaQuote {
		font-size:0.9em;
		padding-top:7px;
		padding-bottom:7px;
		text-align:center;
	}
	
	.btnGetaQuote {
		font-size:1.5em;
		line-height:65px;
		padding:0px;
		width:100%;
		text-align:center;
		background-size: 19%;
	}
	
	.boxGetaQuoteAboutus {
		padding-top: 24px;
	}
	
	.boxGetaQuoteContact {
		padding-top: 24px;
	}
	
	.boxHdrNogales {
		height:40px;
		background-size:cover;
	}
	
	.boxTelNogales {
		margin: 0px 6px 0px 0px;
		font-size: 11px;
		line-height: 13px;
		height: 40px;
		z-index: 3;
		top: 0px;
		right: 83px;
	}
	
	.lgANAHdr {
		background-image: url(../img/lg_ana_nogales_small@2x.png);
		width: 45px;
		height: 27px;
		margin: 6px 0px 0px 0px;
		top: 0px;
		right: 40px;
		background-color: bisque;
	}
	
	.boxTraveltoMexico {
		font-size:1.3em;
		line-height:40px;
		padding-left:80px;
		background-size:24%;
	}

	.boxViajasaEUA {
		font-size:1.3em;
		line-height:40px;
		padding-left:80px;
		background-size:24%;
	}
	
	.lgBan01,
	.lgBan01 a {
		width:121px;
		height:92px;
		background-size:contain;
		margin-bottom:7px; /* Sólo aquí va este margen pues se apila */
	}
	
	.picBan01,
	.picBan01 a {
		width:181px;
		height:92px;
		background-size:contain;
		margin-bottom:7px; /* Sólo aquí va este margen pues se apila */
	}
	
	
	.lgBan02,
	.lgBan02 a {
		width:137px;
		height:92px;
		background-size:contain;
	}
	
	.picBan02,
	.picBan02 a {
		width:165px;
		height:92px;
		background-size:contain;
	}
	
	/* PALMS END */
	
	
	/*.inputTxtContact {
		width:293px;
	}
	
	.alinear {
		text-align:left;
	}*/
	
	.justifIco {
		text-align:center;
	}
	
	.txtEtiqueta {
		font-size:15px;
		line-height:15px;
		font-weight:700;
		padding-top:1px;
		padding-bottom:0px;
		text-align:left;
		display:block;
	}
	
	
	

	/*.rowFtrNogales {
		height:auto;
	}*/
	
	.colFtrNogales {
		text-align:center;
		font-size:12px;
		font-weight:700; /* PALMS */
		padding-top:20px;
	}

	
	.selectAjustable {
		width:302px;
	}

	.inputTxtAjustable {
		/*width:298px;*/
		width:293px;
	}
	
	.txtareaAjustable {
		width:291px;
	}
		
	
}