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

/* Comienzan elementos del HEADER de BAEZA V2 */

/*.MenuCentrado {
    margin: 0px auto;
    width: 220px;
}*/ /* Se utiliza para centrar el Menú de Navegación para lo cual se desactivó la propiedad right en la clase navigation dentro de nav-right */

.boxHdr {
	max-width:1024px;
	min-width:320px;
	margin:0px auto;
	height:96px; /* BAEZA V2 */
	position:relative; /* en realacion a boxSesion */
}

.txtHdrBaeza {
	font-family: 'Biryani', sans-serif;
    color: #ffffff;
    font-size: 16px;
    width: auto;
    position: absolute;
    right: 0px;
    padding-right: 10px;
    margin-top: 5px;
    padding-bottom: 0px;
}

.telHdrBaeza {
	font-family: 'Biryani', sans-serif;
    color: #ffffff;
    font-size: 23px;
    width: auto;
    position: absolute;
    top: 22px;
    right: 0px;
    padding-right: 10px;
}

/* Comienzan clases para formularios */

::-webkit-input-placeholder { color:#48526b; } 
:-moz-placeholder { /* Firefox 18- */ color:#48526b; } 
::-moz-placeholder { /* Firefox 19+ */ color:#48526b; } 
:-ms-input-placeholder { color:#48526b; }
:focus::-webkit-input-placeholder{color:transparent;} /* Para los Placeholder sobre iOS */

.inputTxtBaeza_f2 {
    width:342px;
    color:#48526b;
    font-family: 'Biryani', sans-serif;
    font-size: 17px;
	font-weight: 400;
    border: #d5fdff solid 1px;
	border-radius: 0px;
    padding: 11px 0px 4px 10px;
	background-color:#d5fdff;
	margin-bottom: 12px;
}

.selectbaeza_f2 {
	width: 354px;
	color:#48526b;
	font-family: 'Biryani', sans-serif;
	font-size:17px;
	font-weight: 400;
	border: #d5fdff solid 1px;
	border-radius:0px;
	padding: 11px 0px 4px 10px;
	background-color:#d5fdff;
	margin-bottom: 12px;
	text-transform:uppercase;
}

.btnFormBaeza,
.btnFormBaeza:active,
.btnFormBaeza:visited {
	background-color: #3fe2ea;
    font-family: 'Biryani', sans-serif;
    color: #48526b;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.0em;
    padding: 15px 20px 8px 20px;
    border: #3fe2ea solid 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
    cursor: pointer;
    transition: all 200ms;
	margin-bottom: 12px;
}

.btnFormBaeza:hover {
	background-color: #2db7be;
	border: #2db7be solid 1px;
	text-decoration: none;
}

.boxFormularioBaeza {
	/*background-color:red;*/
	width: min-content;
	text-align: right;
}

/* Terminan clases para formularios */


/* Comienzan elementos generales de BAEZA V2 */

.boxSliderFullWidth {
	margin:0px auto 0px auto; /* Clase creada para funcionar dentro del Wrapper general de la navegación */
}

.boxContentPagConBanner {
    background-image: url("../../img/pics/bg_top_nosotros.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    height: 340px;
    background-size: cover;
}

.boxContentBannerANA {
    background-image: url("../../img/pics/bg_top_anaseguros.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    height: 340px;
    background-size: cover;
}

.boxContentPagSinBanner {
	margin:154px auto 0px auto;
	max-width:1024px;
	min-width:320px;
}

.regular {font-weight: 400;}
.bold { font-weight: 700}
.black { font-weight: 900}


.imgAjustable {
	width:100%;
	height:auto;
	border:0px;
	margin:0px;
	padding:0px;
	display:block; /* SE APLICA A LA IMAGEN - Evita que se genere un margin-bottom no deseado debajo de las fotos */
}

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

.limpiar {
	clear:both;
}

.espacio {
    height: 20px;
}

.f2 p, 
.f1 p, 
.f3 p, 
.f4 p, 
.f5 p {
	line-height:1.3em;
	margin-top:0px;
	margin-bottom:16px;
}

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

/*ul li {
    background-image: url('../../img/responsivo/bulletRojo.png');
    background-repeat: no-repeat;
    margin-left: -18px;
    padding-left: 14px;
    list-style: none;
} */

.boxContent {
	margin:130px auto 0px auto;
	max-width:1024px;
	min-width:320px;
	/*margin:0 auto; /*OSCAR*/
    z-index:-999999; /*OSCAR*/
    /*padding: 100px 30px 25px 40px; /*OSCAR*/
} /*  version web y iPad Landcape */



/* Comienzan clases de contenido de BAEZA V2 */

.ttHome {
	font-family: 'Biryani', sans-serif;
    color: #48526b;
    font-size: 50px;
    font-weight: 900;
    line-height: 1.0em;
    margin-top: 56px;
    margin-bottom: 24px;
    display: inline-block;
}


.ttPagInt {
    font-family: 'Biryani', sans-serif;
    color: #48526b;
    font-size: 50px;
    font-weight: 900;
    line-height: 1.1em;
    margin-top: 0px;
    margin-bottom: 24px;
    display: inline-block;
}


.txtMain {
    font-family: 'Biryani', sans-serif;
    color: #48526b;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6em;
} /* BAEZA */

.rowServicios {
	height: auto;
    background-color: #5bf7fe;
	padding-top: 0px;
    padding-bottom: 30px;
}

.boxIcoServicios {
	color: #48526b;
    width: 307px;
    height: 77px;
    background-image: url(../../img/responsivo/bg_ico_servicios.png);
    background-repeat: no-repeat;
    margin: 0 auto;
    text-align: center;
    font-size: 48px;
    padding-top: 30px;
}

.ttIconoServicios {
	color:#48526b;
	font-family: 'Biryani', sans-serif;
	font-size:23px;
	font-weight:400;
	text-align:center;
	line-height: 1.0em;
    margin-bottom: 36px;
}

.icoFianzas {
    color: #3ee2ea;
    font-size: 48px;
    width: 140px;
    height: 140px;
    background-color: #48526b;
    text-align: center;
    border-radius: 70px;
    line-height: 153px;
    margin: 0 auto;
}

.ttIconoFianzas {
	color:#48526b;
	font-family: 'Biryani', sans-serif;
	font-size:23px;
	font-weight:700;
	text-align:center;
	line-height:2.8em;
}

.rowBlockquote {
	background-color:#65e8ee;
	padding-top: 60px;
    padding-bottom: 36px;
}


.boxBlockquote {
	color:#48526b;
	font-family: 'Biryani', sans-serif;
	font-size:30px;
	font-weight:900;
	text-align:center;
	background-color:#65e8ee;
	line-height: 1.0em;
}

.rowBlanco {
	padding: 36px 0px;
}

.sombrasCarrusel_web {
    background-image: url("../../img/responsivo/sombras_carrusel_986px.png");
    background-repeat: no-repeat;
    background-size: 100%;
    height: 175px;
} /* Baeza V2 2020 */

.ajusteCarruselBaeza {
    z-index: -1; /* Hace que las sombras que enmarcan al carrusel queden por encima. Ajuste de Baeza V2 2020 */
    padding-top: 36px; /* Centra al carrusel verticalmente Ajuste de Baeza V2 2020 */
}

.carruselAna {
	background-image:url("../../img/pics/carrusel_ana.png");
	background-repeat:no-repeat;
	background-size:contain;
	width:202px;
	height:103px;
	margin:0px 17px;
}

.carruselAxa {
	background-image:url("../../img/pics/carrusel_axa.png");
	background-repeat:no-repeat;
	background-size:contain;
	width: 129px;
	height:103px;
	margin:0px 17px;
}

.carruselInsignia {
    background-image: url(../../img/pics/carrusel_insignia.png);
    background-repeat: no-repeat;
    background-size: contain;
    width:277px;
    height:103px;
    margin: 0px 17px;
}

.carruselZurich {
    background-image: url(../../img/pics/carrusel_zurich.png);
    background-repeat: no-repeat;
    background-size: contain;
    width:172px;
    height:103px;
    margin: 0px 17px;
}

.carruselMapfre {
    background-image: url(../../img/pics/carrusel_mapfre.png);
    background-repeat: no-repeat;
    background-size: contain;
    width:249px;
    height:103px;
    margin: 0px 17px;
}

.carruselSofimex {
    background-image: url(../../img/pics/carrusel_sofimex.png);
    background-repeat: no-repeat;
    background-size: contain;
    width:263px;
    height:103px;
    margin: 0px 17px;
}

.carruselDorama {
    background-image: url(../../img/pics/carrusel_dorama.png);
    background-repeat: no-repeat;
    background-size: contain;
    width:254px;
    height:103px;
    margin: 0px 17px;
}

.carruselThona {
    background-image: url(../../img/pics/carrusel_thona.png);
    background-repeat: no-repeat;
    background-size: contain;
    width:280px;
    height:103px;
    margin: 0px 17px;
}

.carruselBxmas {
    background-image: url(../../img/pics/carrusel_bxmas.png);
    background-repeat: no-repeat;
    background-size: contain;
    width:233px;
    height:103px;
    margin: 0px 17px;
}

.carruselHdi {
    background-image: url(../../img/pics/carrusel_hdi.png);
    background-repeat: no-repeat;
    background-size: contain;
    width:150px;
    height:103px;
    margin: 0px 17px;
}

.carruselArgos {
    background-image: url(../../img/pics/carrusel_argos.png);
    background-repeat: no-repeat;
    background-size: contain;
    width:175px;
    height:103px;
    margin: 0px 17px;
}

.carruselAtlas {
    background-image: url(../../img/pics/carrusel_atlas.png);
    background-repeat: no-repeat;
    background-size: contain;
    width:229px;
    height:103px;
    margin: 0px 17px;
}

.carruselBanorte {
    background-image: url(../../img/pics/carrusel_banorte.png);
    background-repeat: no-repeat;
    background-size: contain;
    width:252px;
    height:103px;
    margin: 0px 17px;
}

.carruselQualitas {
    background-image: url(../../img/pics/carrusel_qualitas.png);
    background-repeat: no-repeat;
    background-size: contain;
    width:101px;
    height:103px;
    margin: 0px 17px;
}

.rowContactanos {
	background-image: url(../../img/pics/bg_contactanos.jpg);
	background-repeat: no-repeat;
	background-position:center center;
	background-size: cover;
	height: 730px;
}

/* Comienzan elementos del FOOTER de BAEZA V2 */
.rowFtr {
	height:auto;
	padding-top:0px;
}

/*.boxFtr{
	color:#FFFFFF;
	padding-top:20px;
	margin:0px auto;
	max-width:1024px;
	min-width:320px;
	height:auto;
	line-height:1.2em;
}*/

.rowSucursales {
    color: #FFFFFF;
    height: auto;
    background-color: #48526b;
	padding-top: 14px;
    padding-bottom: 14px;
} /* BAEZA */

.boxSucursales {
    padding-top: 12px;
    margin: 0px auto;
    max-width: 1024px;
    min-width: 320px;
    height: auto;
    line-height: 1.6em;
}

.txtCyan {
    font-family: 'Biryani', sans-serif;
    color: #3ee2ea;
    padding-top: 12px;
    padding-bottom: 6px;
}

.txtBlanco {
    font-family: 'Biryani', sans-serif;
    color: #FFFFFF;
    padding-top: 10px;
}

.linkSucursales a:link,
.linkSucursales a:visited, 
.linkSucursales a:active {color:#3ee2ea;font-size:0.9em;font-weight:700;font-family: 'Biryani', sans-serif;text-decoration:none;}
.linkSucursales a:hover {color:#3ee2ea;font-size:0.9em;font-weight:700;font-family: 'Biryani', sans-serif;text-decoration:underline;}

.rowFtrBaeza {
	height: auto;
    background-color: #5bf7fe;
	padding-top: 48px;
    padding-bottom: 48px;
} /* BAEZA */

.boxFtrBaeza {
	padding-top:12px;
	margin:0px auto;
	max-width:1024px;
	min-width:320px;
	height:auto;
	line-height:1.2em;
} /* BAEZA */

.linkRedesBaeza,
.linkRedesBaeza:active,
.linkRedesBaeza:visited {
    color: #48526b;
    font-size: 30px;
    line-height: 1.0em;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    cursor: pointer;
    transition: all 200ms;
	display: inline-block;
    margin: 0px 10px;
}

.linkRedesBaeza:hover {
	color: #2db7be;
	text-decoration: none;
}

.linkTxtBaeza a:link,
.linkTxtBaeza a:visited, 
.linkTxtBaeza a:active {color:#48526b;font-size:1.0em;font-weight:700;font-family: 'Biryani', sans-serif;text-decoration:none;}
.linkTxtBaeza a:hover {color:#48526b;font-size:1.0em;font-weight:700;font-family: 'Biryani', sans-serif;text-decoration:underline;}

.linkFtrBaeza a:link,
.linkFtrBaeza a:visited, 
.linkFtrBaeza a:active {color:#48526b;font-size:0.9em;font-weight:700;font-family: 'Biryani', sans-serif;text-decoration:none;}
.linkFtrBaeza a:hover {color:#48526b;font-size:0.9em;font-weight:700;font-family: 'Biryani', sans-serif;text-decoration:underline;}

.justifLLLC {
        text-align: left;
    }

.justifRRRC {
	text-align:right;
}

/* Terminan elementos del FOOTER de web BAEZA V2 */

.picNosotros {
    background-image: url("../../img/pics/pic_nosotros.png");
    background-repeat: no-repeat;
    width: 368px;
    height: 147px;
    margin: 40px auto 0px auto;
}

/* Por el momento no se están usando */

.boxContentInt {
	margin:130px auto 0px auto;
	max-width:1024px;
	min-width:320px;
	padding-top:14px;
} /*  version web y iPad Landcape */





/** SEGUNDO COMPORTAMIENTO - iPad Portrait **/
@media screen and (min-width: 768px) and (max-width: 1023px) {
    
    .ttHome {
        font-size: 50px;
        line-height: 0.6em;
    }
    
    .ttPagInt {
        font-size: 50px;
        line-height: 0.6em;
    }
	
	.boxIcoServicios {
		width: 234px;
        font-size: 40px;
        padding-top: 22px;
		background-size: contain;
	}
    
    .ttIconoServicios {
        font-size: 20px;
        line-height: 0.2em;
        margin-bottom: 17px;
    }
    
    .icoFianzas {
        font-size: 52px;
        width: 140px;
        height: 140px;
        border-radius: 70px;
        line-height: 140px;
    }
	
	.ttIconoFianzas {
		font-size: 17px;
	}
    
    
	
	.boxBlockquote {
		font-size: 23px;
	}
	
	.sombrasCarrusel_web {
    	background-image: url("../../img/responsivo/sombras_carrusel_730px.png");
	} /* Baeza V2 2020 */
    
    .picNosotros {
        width: 280px;
        height: 112px;
        margin: 20px auto 0px auto;
        background-size: contain;
    }
	
	/* --------- */
	/*.boxContent {
		margin:130px auto 0px auto;
	}
	
	.boxContentInt {
		margin:130px auto 0px auto;
		padding-top:14px;
	}*/
	
	/*.boxBannerFullWidth {
		margin:130px auto 0px auto;
	}
	
	.boxContentPagSinBanner {
		margin:154px auto 0px auto;
	}*/
	
}

/*** TERCER COMPORTAMIENTO - Smartphone Landscape ***/
@media screen and (min-width: 479px) and (max-width: 767px) {
    
    .ttHome {
        font-size: 50px;
        margin-top: 64px;
        margin-bottom: 20px;
    }
    
    .ttPagInt {
        font-size: 50px;
        margin-bottom: 20px;
    }
	
    .boxIcoServicios {
        width: 146px;
        height: 60px;
        font-size: 38px;
        padding-top: 10px;
        background-size: contain;
    }
    
    .ttIconoServicios {
        font-size: 17px;
        line-height: 1.2em;
        margin-bottom: 10px;
    }
    
    .icoFianzas {
        font-size: 40px;
        width: 100px;
        height: 100px;
        border-radius: 50px;
        line-height: 108px;
    }
    
    .ttIconoFianzas {
        font-size: 11px;
        line-height: 3.2em;
    }
    
    .boxBlockquote {
        font-size: 24px;
        line-height: 1.4em;
    }
    
	.sombrasCarrusel_web {
    	background-image: url("../../img/responsivo/sombras_carrusel_462px.png");
	} /* Baeza V2 2020 */
    
    .linkSucursales a:link,
    .linkSucursales a:visited, 
    .linkSucursales a:active {font-size:0.7em;}
    .linkSucursales a:hover {font-size:0.7em;}
    
    /* ---------- */
	
	/*** Comienzan elementos del HEADER de web BAEZA V2 ***/
	.boxHdr {
		height:40px; /* BAEZA V2 */
		position:relative; /* en realacion a txtHdrBaeza, telHdrBaeza */
	} /* BAEZA V2 */
	
	.txtHdrBaeza {
        color: #ffffff;
        font-size: 11px;
        right: 62px;
        padding-right: 7px;
        margin-top: 4px;
        padding-bottom: 0px;
    }
	
	.telHdrBaeza {
        color: #ffffff;
        font-size: 15px;
        top: 15px;
        right: 62px;
        padding-top: 2px;
        padding-right: 7px;
    }
    
    .picNosotros {
        display: none;
    }

    	
	/*** Terminan elementos del HEADER de web BAEZA V2 ***/
	
	/*** Comienzan elementos GENERALES de web BAEZA V2 ***/
	.boxContent {
		margin:40px auto 0px auto;
	}
	
	.boxContentInt {
		margin:40px auto 0px auto;
		padding-top:8px;
	}
	/*** Terminan elementos GENERALES de web BAEZA V2 ***/
	
	/*** COMIENZAN NUEVAS CLASES PÁGINAS INTERNAS ***/
	.boxBannerFullWidth {
		margin:40px auto 0px auto;
	}
	
	.boxContentPagSinBanner {
		margin:64px auto 0px auto;
	}
	
	/*** TERMINAN NUEVAS CLASES PÁGINAS INTERNAS ***/
	
}

/**** CUARTO COMPORTAMIENTO - Smartphone Portrait ****/
@media screen and (min-width: 0px) and (max-width: 478px) {
    
    .ttHome {
        font-size: 40px;
        text-align: center;
        width: 302px;
        margin-top: 60px;
        margin-bottom: 24px;
    }
    
    .ttPagInt {
        font-size: 40px;
        text-align: center;
        width: 302px;
        margin-bottom: 24px;
    }
    
    
    
    
    .boxIcoServicios {
        width: 302px;
        background-size: contain;
    }
    
    .icoFianzas {
        font-size: 50px;
        width: 140px;
        height: 140px;
        border-radius: 70px;
        line-height: 148px;
    }
    
    .boxBlockquote {
        font-size: 24px;
        line-height: 1.4em;
    }
	
	.sombrasCarrusel_web {
    	background-image: url("../../img/responsivo/sombras_carrusel_302px.png");
	} /* Baeza V2 2020 */
    
    .inputTxtBaeza_f2 {
        width: 286px;
    }
	
	.selectbaeza_f2 {
		width: 298px;	
	}
    
    .justifLLLC {
        text-align: center;
    }
    
    .justifRRRC {
        text-align: center;
    }
	
	/**** Comienzan elementos del HEADER de web ANA TURISTAS V2 ****/
	.boxHdr {
		height:40px; /* ANA TURISTAS V2 */
		position:relative; /* en realacion a txtHdrBaeza, telHdrBaeza, */
	} /* ANA TURISTAS V2 */
	
	.txtHdrBaeza {
		display:none;
	}
	
	.telHdrBaeza {
		display:none;
	}
    
    .picNosotros {
        width: 282px;
        height: 113px;
        margin: 20px auto 0px auto;
        background-size: contain;
    }

   
	/**** POR EL MOMENTO NO SE ESTÁN USANDO ****/
	/*.boxContent {
		margin:40px auto 0px auto;
	}
	
	.boxContentInt {
		margin:40px auto 0px auto;
		padding-top:8px;
	}*/
	
	
	/**** COMIENZAN NUEVAS CLASES PÁGINAS INTERNAS ****/
	.boxBannerFullWidth {
		margin:40px auto 0px auto;
	}
	
	.boxContentPagSinBanner {
		margin:64px auto 0px auto;
	}
	
	/**** TERMINAN NUEVAS CLASES PÁGINAS INTERNAS ****/

		
}

/* 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) { 
	
	/*.boxUsr {
		background-image:url(../../img/responsivo/icoUsr@2x.png); /* ICONO PARA PANTALLAS RETINA GRIS */
		/*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) { 
	
}

@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 li {
        background-image: url('../../img/responsivo/bulletRojo@2x.png');
        background-size: 7px;
    } */
		
}

