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

/* Comienzan elementos del HEADER de ALIBRI */

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

.telHdrAlibri {
	font-family: 'Lato', sans-serif;
    color: #060e9f;
    font-size: 18px;
    width: auto;
    position: absolute;
    top: 22px;
    right: 0px;
    padding-right: 10px;
} /* ALIBRI */

/* Comienzan clases para formularios */

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

.inputTxtAlibri_f2 {
    width:342px;
    color:#ffffff;
    font-family: 'Lato', sans-serif;
    font-size: 17px;
	font-weight: 400;
    border: #ffffff solid 1px;
	border-radius: 0px;
    padding: 5px 0px 4px 10px;
	background-color: transparent;
	margin-bottom: 12px;
}

.selectAlibri_f2 {
	width: 354px;
	color:#48526b;
	font-family: 'Lato', 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;
}

.btnFormAlibri,
.btnFormAlibri:active,
.btnFormAlibri:visited {
	background-color: #ffffff;
    font-family: 'Lato', sans-serif;
    color: #0f4194;
    font-size: 12px;
    font-weight: 900;
    padding: 10px 20px 8px 20px;
    border: #ffffff solid 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
    cursor: pointer;
    transition: all 200ms;
}

.btnFormAlibri:hover {
	background-color: #84c41b;
	border: #84c41b solid 1px;
	text-decoration: none;
}

.boxFormularioAlibri {
	/*background-color:red;*/
	width: min-content;
	text-align: right;
    padding-top: 16px;
}

/* Terminan clases para formularios */


/* Comienzan elementos generales de ALIBRI */

.boxSliderFullWidth {
	margin:90px 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:0px auto 0px auto;
	max-width:1024px;
	min-width:320px;
    font-size: 16px;
    line-height: 1.4em;
}

.boxContentBannerAlibri {
    background-image: url("../../img/pics/hdr_avisodeprivacidad.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    width: 100%;
    height: 190px;
    margin-top: 90px;
    display: flex; /* Flexbox - centra al elemento boxTxtParallax horizontal y verticalmente */
    justify-content: center; /* Flexbox - centra al elemento boxTxtParallax horizontal y verticalmente */
    align-items: center; /* Flexbox - centra al elemento boxTxtParallax horizontal y verticalmente */
    font-size: 38px;
    font-weight: 900;
    font-style: italic;
}

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

.italica { font-style: italic}

.verde { color: #94d60a}
.azul { color: #0f0e9f}


.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: 34px;
}

.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 ALIBRI */

.ttSeccionAlibri {
	font-family: 'Lato', sans-serif;
    color: #0f0e9f;
    font-size: 45px;
    font-weight: 900;
    line-height: 1.0em;
    padding-top: 20px;
    padding-bottom: 24px;
} /* ALIBRI */

.subttSeccionAlibri {
	font-family: 'Lato', sans-serif;
    color: #84c41b;
    font-size: 30px;
    line-height: 1.0em;
    padding-top: 46px;
} /* ALIBRI */




.txtMain {
    font-family: 'Lato', sans-serif;
    color: #0f0e9f;
    font-size: 24px;
    font-weight: 700;
    font-style: italic;
    line-height: 1.6em;
} /* ALIBRI */

.rowParallax {
    width: 100%;
    /*height:100vh; /* Ocupa la altura de toda la página */
    height: 450px; /* Determina una altura específica para el parallax */
    background-image: url("../../img/pics/bg_parallax_alibri3.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    display: flex; /* Flexbox - centra al elemento boxTxtParallax horizontal y verticalmente */
    justify-content: center; /* Flexbox - centra al elemento boxTxtParallax horizontal y verticalmente */
    align-items: center; /* Flexbox - centra al elemento boxTxtParallax horizontal y verticalmente */
} /* ALIBRI */

.boxTxtParallax {
    text-align: center;
    font-family: 'Lato', sans-serif;
} /* ALIBRI */

.ttParallaxUno {
    color: #0f4194;
    font-size: 36px;
    font-weight: 700;
} /* ALIBRI */

.ttParallaxDos {
    color: #0f4194;
    font-size: 36px;
    font-weight: 900;
    padding-bottom: 18px;
} /* ALIBRI */

.txtPublicoObjetivo {
    color: #0f4194;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6em;
} /* ALIBRI */

.txtConocenos {
    color: #ffffff;
    font-size: 32px;
    font-weight: 900;
    font-style: italic;
    padding-top: 18px;
} /* ALIBRI */



.rowServicios {
	background-color:#e5eaf0;
	padding-top: 13px;
    padding-bottom: 36px;
} /* ALIBRI */

.txtServiciosDestacado {
    color: #94d60a;
    font-size: 24px;
    font-weight: 900;
    font-style: italic;
} /* ALIBRI */

.txtServicios {
    color: #060e9f;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
} /* ALIBRI */


.rowBlanco {
    background-color: #ffffff;
    padding: 13px 0px 0px 0px;
}

.picLapAlibri {
    background-image: url("../../img/responsivo/pic_lap_alibri@2x.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 419px;
    height: 358px;
    margin-top: 0px;
}

.ttValores {
    color: #cede00;
    font-size: 24px;
    font-weight: 900;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 10px;
}

.txtValores {
    color: #cede00;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    text-align: center;
}


.rowContactanos {
    background-color: #0f4194;
	height: auto;
    position: relative;
} /* ALIBRI */

.bgContactanos {
    background-image: url("../../img/responsivo/bg_alas_alibri_ftr.png");
    background-repeat: no-repeat;
    background-position: left bottom;
    max-width: 1126px;
    min-width: 320px;
    height: auto;
    margin: 0 auto;
} /* ALIBRI */

.txtContactanos {
    color: #84c41b;
    font-size: 36px;
    font-weight: 900;
    font-style: italic;
    padding-top: 64px;
} /* ALIBRI */

.ttContactanos {
    color: #ffffff;
    font-size: 60px;
    font-weight: 900;
    font-style: italic;
} /* ALIBRI */

.txtInfoAlibri {
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    padding-top: 122px;
} /* ALIBRI */

.txtEmailAlibri, .txtFacebookAlibri {
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    margin-top: 10px;
} /* ALIBRI */

.txtCopyright {
    color: #ffffff;
    font-size: 14px;
    font-weight: 300;
    margin-top: 40px;
} /* ALIBRI */

/* Comienzan elementos del FOOTER generales */
.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;
}*/


.linkFtrAviso a:link,
.linkFtrAviso a:visited, 
.linkFtrAviso a:active {color:#ffffff;font-size:13px;font-weight:300;font-family: 'Lato', sans-serif;text-decoration:none; text-align: right; display: block;}
.linkFtrAviso a:hover {color:#ffffff;font-size:13px;font-weight:300;font-family: 'Lato', sans-serif;text-decoration:underline; text-align: right}



.linkRedesAlibri a:link,
.linkRedesAlibri a:active,
.linkRedesAlibri a:visited {
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    transition: all 200ms;
    padding-top: 13px;
    display: block;
}

.linkRedesAlibri a:hover {
	color: #0f0e9f;
	text-decoration: none;
}

.ttSeccInt {
	font-family: 'Lato', sans-serif;
    color: #0f0e9f;
    font-size: 28px;
    font-weight: 900;
    line-height: 1.0em;
    padding-top: 20px;
    padding-bottom: 17px;
} /* ALIBRI */

.subttSeccInt {
	font-family: 'Lato', sans-serif;
    color: #84c41b;
    font-size: 22px;
    font-weight: 700;
    font-style: italic;
    padding-top: 12px;
    padding-bottom: 8px;
} /* ALIBRI */
    

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

.justifLLLC {
        text-align: left;
    }

.justifRRRC {
	text-align:right;
}

.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) {
    
    .ttParallaxUno {
        font-size: 30px;
    }
    
    .txtPublicoObjetivo {
        line-height: 1.3em;
        padding-bottom: 13px;
    }
     
    .picLapAlibri {
        width: 358px;
        height: 306px;
        margin-top: 40px;
    }
    
    .subttSeccionAlibri {
        padding-top: 23px;
    }
    
    .ttValores {
        padding-top: 12px;
    }
    
    .txtValores {
        font-size: 13px;
    }
    
    .txtInfoAlibri {
        padding-top: 62px;
    }
    
    .espacio {
        height: 42px;
    }
	
	
	/* --------- */
	/*.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) {
    
    .boxSliderFullWidth {
        margin: 0px auto 0px auto;
    }
    
	/*** Comienzan elementos del HEADER de web ALIBRI ***/
	.boxHdr {
		height:40px; /* ALIBRI */
		position:relative;
	} 
	
	.telHdrAlibri {
        color: #060e9f;
        font-size: 18px;
        top: 10px;
        right: 37px;
    }
    
    .txtMain {
        font-size: 18px;
    }
    
    .picLapAlibri {
        width: 226px;
        height: 193px;
        margin-top: 52px;
    }
    
    .subttSeccionAlibri {
        font-size: 21px;
        padding-top: 0px;
    }
    
    .ttSeccionAlibri {
        font-size: 28px;
        padding-top: 5px;
        padding-bottom: 8px;
    }
    
    .ttValores {
        font-size: 14px;
        padding-top: 0px;
        padding-bottom: 4px;
    }
    
    .txtValores {
        font-size: 8px;
    }
    
    .rowServicios {
        padding-bottom: 0px;
    }
    
    /*.rowContactanos {
        height: 500px;
    }
    
    .bgContactanos {
        height: 500px;
    }*/
    
    .txtContactanos {
        font-size: 22px;
        padding-top: 16px;
    }
    
    .ttContactanos {
        font-size: 40px;
    }
    
    .txtInfoAlibri {
        padding-top: 38px;
    }
    
    .inputTxtAlibri_f2 {
        width: 214px;
    }
    
    .txtCopyright {
        margin-top: 30px;
    }
    
    .boxContentBannerAlibri {
        height: 76px;
        margin-top: 0px;
        font-size: 20px;
        background-size: cover;
    }
    
    .boxContentPagSinBanner {
        margin: 0px auto 0px auto;
    }

    

    	
	/*** 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;
	}
	
	/*** TERMINAN NUEVAS CLASES PÁGINAS INTERNAS ***/
	
}

/**** CUARTO COMPORTAMIENTO - Smartphone Portrait ****/
@media screen and (min-width: 0px) and (max-width: 478px) {
    
    /**** Comienzan elementos del HEADER de web ANA TURISTAS V2 ****/
	.boxHdr {
		height:40px; /* ANA TURISTAS V2 */
		position:relative; /* en realacion a txtHdrBaeza, telHdrAlibri, */
	} /* ALIBRI */
    
    .telHdrAlibri {
        color: #060e9f;
        font-size: 18px;
        top: 10px;
        right: 37px;
    }
    
    .espacio {
        height: 5px;
    }
    
    .boxSliderFullWidth {
        margin: 0px auto 0px auto;
    }
    
    .txtMain {
        font-size: 18px;
        text-align: center;
    }
    
    .ttParallaxUno {
        font-size: 20px;
        padding-bottom: 4px;
    }
    
    .ttParallaxDos {
        font-size: 27px;
        padding-bottom: 24px;
    }
    
    .txtPublicoObjetivo {
        font-size: 14px;
        padding-bottom: 12px;
    }
    
    .txtConocenos {
        font-size: 20px;
        padding-top: 6px;
    }
    
    .picLapAlibri {
        width: 302px;
        height: 258px;
        margin-top: 0px;
    }
    
    .subttSeccionAlibri {
        font-size: 24px;
        padding-top: 6px;
    }
    
    .ttSeccionAlibri {
        font-size: 33px;
        padding-top: 10px;
        padding-bottom: 8px;
    }
    
    .txtServiciosDestacado {
        font-size: 18px;
    }
    
    .txtServicios {
        font-size: 16px;
    }
    
    .txtContactanos {
        font-size: 20px;
        padding-top: 24px;
    }
    
    .ttContactanos {
        font-size: 48px;
    }
    
    .txtInfoAlibri {
        font-size: 14px;
        padding-top: 30px;
    }
    
    
    .inputTxtAlibri_f2 {
        width: 286px;
    }
	
	.selectAlibri_f2 {
		width: 298px;	
	}
    
    
    .txtCopyright {
        font-size: 12px;
        margin-top: 50px;
        text-align: center;
    }
    
    .linkFtrAviso a:link,
    .linkFtrAviso a:visited, 
    .linkFtrAviso a:active {color:#ffffff;font-size:13px;font-weight:300;font-family: 'Lato', sans-serif;text-decoration:none; text-align: center; display: block;padding-bottom: 30px;}
    .linkFtrAviso a:hover {color:#ffffff;font-size:13px;font-weight:300;font-family: 'Lato', sans-serif;text-decoration:underline; text-align: center;padding-bottom: 30px;}
    
   
	/**** 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;
	}
	
    .boxContentBannerAlibri {
        height: 76px;
        margin-top: 0px;
        font-size: 20px;
        background-size: cover;
    }
    
    .boxContentPagSinBanner {
        margin: 0px 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;
    } */
		
}