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

/* CLASES GENERALES */

/* KM30 */

.regular {font-weight:400;}
.medium {font-weight:500;} /*KM30*/
.bold {font-weight:700;} 

.azul {color:#202c76;} /*KM30*/
.amarillo {color:#feaf04;}

.blanco {color:#FFFFFF} /*KM30*/
.rojo { color:#eb4c31} /*PALMS*/
.verde {color:#b9b441} /*KM30*/

.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 */
.boxHdr {
	max-width:1024px;
	min-width:320px;
	margin:0px auto;
	height:94px;
}

.boxTel {
	color:#b9b441; /* KM30 */
	text-align:right; /* PALMS */
	float:right; /* PALMS */
	margin:30px 10px 10px 0px; /* KM30 */
	font-weight:700; /* PALMS */
	font-size: 1.2em;
	/*padding:17px 10px 5px 0px;*/ /* Antes el top estaba en 38px */
	/*height:70px; /* PALMS */
}

.rowContent {
	margin:0px auto 0px auto;
	background-color:#ffffff;
}

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

.rowFtrKm30 {
	height:auto;
	background-color:#e3e1b3;
}

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

.colFtrDireccion {
	color:#908b22;
	font-size:16px;
	text-align:left;
	padding-top:25px;
	padding-bottom:0px;
	padding-bottom:25px;
}

.colFtrTel {
	text-align:right;
	padding-top:35px;
}

.txtFtrCallUs {
	font-family: 'Ubuntu', sans-serif; /* KM30 */
	color:#8f8a21;
	font-size:24px;
	font-weight:700;
	padding-bottom:2px;
	border-bottom:#8f8a21 solid 3px;
}

.txtFtrDesde1985 {
	font-family: 'Ubuntu', sans-serif; /* KM30 */
	color:#8f8a21;
	font-size:24px;
	font-weight:700;
	margin-top: 6px;
    display: block;
}

.boxGetaQuote {
	background-image:url(../img/pics/bg_row_GetAQuote_72dpi.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	height:140px;
	position:relative;
}

.txtGetaQuote {
	color:#FFFFFF;
	font-size:24px;
	text-align:left;
	padding-top:0px;
	font-weight: 500;
	position:absolute; /* RELATIVA A boxGetaQuote */
	top:43px;
	width:652px;
}

.btnGetaQuote {
	color:#FFFFFF;
	font-size:36px;
	font-weight:700;
	background-image: url(../img/pics/computer_btn_getaquote.png);
	background-repeat:no-repeat;
	background-position:right;
	text-align:left;
	cursor:pointer;
	line-height:35px;
	padding:10px 67px 10px 20px;
	background-color:#51a0cf;
	position:absolute; /* RELATIVA A boxGetaQuote */
	top:26px;
	width:190px;
}

.rowBanBottom {
	background-color:#144298;
	line-height:58px;
	background-image:url(../img/pics/pic_flag_banner_bottom_72dpi.png);
	background-position:left;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:30px;
	font-weight:700;
	text-align:left;
	padding-left:193px;
}


.boxGetaQuoteContact {
	width:274px;
	margin:10px auto;
}

.btnGetaQuoteContact {
	color:#202c76;
	font-size:1.8em;
	font-weight:700;
	background-color:#b9b441; /* KM30 */
	/*margin:0px auto;*/
	background-image:url(../img/pics/computer_btn_getaquote.png);
	background-repeat:no-repeat;
	background-position:right;
	background-size:25%;
	text-align:right;
	cursor:pointer;
	line-height:71px;
	padding:0px 73px 0px 0px;
}

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

/* wrapper width */
.c3 {
	width:986px;
	margin:0 auto 0 auto;
}

/*
	Columns Fixed (c)
*/
.c3 .uno-dos {
	width:652px;
	margin-left:0px;
	float:left;
	
	background-color:#00A4E4; /*BORRAR*/
}
.c3 .tres {
	width:318px;
	/*
	To set the correct position for the last column, add up all columns to the left and add on the padding.
	In this case: 318 x 2 + 16 + 16 = 668
	*/
	margin-left:668px;
	
	background-color:cyan; /*BORRAR*/
}

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

/* KM30 END */

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

/*** Links ***/

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


.linkGral a:link {color:#144298;} /* NOGALES */
.linkGral a:visited {color:#144298;} /* NOGALES */
.linkGral a:active {color:#144298;} /* 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: 'Ubuntu', sans-serif; /* KM30 */
	font-size:1.5em;
	font-weight:400;
	line-height:1.3em;
	margin:0px;
}

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

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

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

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

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

.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;
}

.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: 'Ubuntu', sans-serif; /* KM30 */
	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) {
	
	/** KM30 **/
	
	.boxContent {
		margin:103px auto 0px auto;
	}
	
	/* set margins below all boxes, just for display purposes */
	.c3 {
		padding-bottom:0px;
	}

	/* wrapper width */
	.c3 {
		width:730px;
	}
	
	.c3 .uno-dos {
		width:482px;
		margin-left:0px;
		float:left;
		background-color:#00A4E4; /*BORRAR*/
	}
	.c3 .tres {
		width:234px;
		/*
		To set the correct position for the last column, add up all columns to the left and add on the padding.
		In this case: 234 x 2 + 14 + 14 = 496
		*/
		margin-left:496px;
		
		background-color:cyan; /*BORRAR*/
	}

	
	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:22px;
		top:31px;
		width:482px;
	}
	
	.btnGetaQuote {
		font-size:26px;
		line-height:25px;
		padding:20px 67px 20px 20px;
		top:26px;
		width:146px;
	}
	
	.txtFtrCallUs {
		font-size:18px;
		padding-bottom:3px;
	}

	.txtFtrDesde1985 {
		font-size:18px;
		margin-top: 6px;
	}
	
	/** KM30 **/
	
	.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) {
	
	/*** KM30 ***/
	
	.boxContent {
		margin:49px auto 0px auto;
	}
	
	/*
		Columns Fixed (f)
	*/

	.c3 {
		padding-bottom:0px;
	}
	
	/* wrapper width */
	.c3 {
		width:462px;
	}
	
	/* wrapper width */
	.c3 {
		width:462px;
	}
	
	.c3 .uno-dos {
		width:305px;
		margin-left:0px;
		float:left;
		
		background-color:#00A4E4; /*BORRAR*/
	}
	.c3 .tres {
		width:148px;
		/*
		To set the correct position for the last column, add up all columns to the left and add on the padding.
		In this case: 148 x 2 + 9 + 9 = 314
		*/
		margin-left:314px;
		
		background-color:cyan; /*BORRAR*/
	}	
	
	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:20px;
		top:23px;
		width:305px;
	}
	
	.btnGetaQuote {
		font-size:22px;
		line-height:21px;
		padding:20px 67px 20px 20px;
		top:30px;
		width:93px;
		background-size:43%;
	}
	
	.colFtrDireccion {
		padding-top:20px;
		font-size:14px;
		padding-bottom:25px;
	}
	
	.colFtrTel {
		text-align:right;
		padding-top:18px;
		font-size:16px;
	}
	
	.txtFtrCallUs {
		font-size:13px;
		padding-bottom:3px;
	}

	.txtFtrDesde1985 {
		font-size:18px;
		margin-top: 6px;
	}

	
	.boxTel {
		color:#b9b441; /* KM30 */
		text-align:right;
		float:right;
		margin:14px 10px 0px 0px;
		font-weight:700;
		font-size: 0.9em;
		width:auto;
		height:40px;
		right:40px; /* Cuando esta activo el menu movil debe estar en 40px */
		z-index:3;
		position:absolute;
	}
	
	.boxHdr {
		height:40px;
		background-size:cover;
	}
	
	/*** KM30 ***/
	
	.justifIco {
		text-align:right;
	}
	

	
	.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) {
	
	/**** KM30 ****/
	
	.boxContent {
		margin:49px auto 0px auto;
	}
	
	/* Columns Fixed (c) */
	
	.c3 {
		padding-bottom:0px;
	}
	 
	/* wrapper width */
	.c3 { width:302px;}
	
	.c3 .uno-dos {
		width:199px;
		margin-left:0px;
		float:left;
		
		background-color:#00A4E4; /*BORRAR*/
	}
	.c3 .tres {
		width:96px;
		/*
		To set the correct position for the last column, add up all columns to the left and add on the padding.
		In this case: 96 x 2 + 7 + 7 = 206
		*/
		margin-left:206px;
		
		background-color:cyan; /*BORRAR*/
	}
	
	/* APILADOS */
	
	.c3.apilado .uno-dos {
		margin-left:0px;
		width:100%;
		float:none;
		margin-bottom:0px;
	}
	
	.c3.apilado .tres {
		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 {
		height:240px;
	}
	
	.txtGetaQuote {
		font-size:20px;
		top:18px;
		width:298px;
		text-align:center;
	}
	
	.btnGetaQuote {
		font-size:27px;
		line-height:26px;
		padding:20px 67px 20px 20px;
		top:130px;
		width:154px;
		background-size:44%;
		margin:0 30px;
	}
	
	.rowBanBottom {
		line-height:38px;
		background-size:40%;
		font-size:18px;
		padding-left:132px;
	}
	
	.colFtrDireccion {
		color:#908b22;
		font-size:14px;
		text-align:center;
		padding-top:20px;
		padding-bottom:0px;
	}
	
	.colFtrTel {
		text-align:center;
		padding-top:25px;
		padding-bottom:25px;
	}
	
	.txtFtrCallUs {
		font-size:18px;
		padding-bottom:3px;
	}

	.txtFtrDesde1985 {
		font-size:18px;
		margin-top: 6px;
	}
		
	.boxTel {
		color:#b9b441; /* KM30 */
		text-align:right;
		float:right;
		margin:17px 10px 0px 0px;
		font-weight:700;
		font-size: 0.7em;
		width:auto;
		height:40px;
		right:27px;
		z-index:3;
		position:absolute;
	}
	
	.boxHdr {
		height:40px;
		background-size:cover;
	}
	
	
	/**** KM30 END ****/
	
	.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;
	}
	
	
	.selectAjustable {
		width:302px;
	}

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