@font-face {
    font-family: 'FSEmeric';
    src: url('../fuentes/FSEmericWeb-SemiBold.woff2') format('woff2');
    font-weight: 700;
	font-style:normal;
	font-display: swap;
}

@font-face {
    font-family: 'FSEmeric';
    src: url('../fuentes/FSEmericWeb-SemiBoldItalic.woff2') format('woff2');
    font-weight: 700;
	font-style: italic;
	font-display: swap;
}
@font-face {
    font-family: 'FSEmeric';
    src: url('../fuentes/FSEmericWeb-Regular.woff2') format('woff2');
    font-weight: 400;
	font-style:normal;
	font-display: swap;
}

@font-face {
    font-family: 'FSEmeric';
    src: url('../fuentes/FSEmericWeb-Italic.woff2') format('woff2');
    font-weight: 400;
	font-style: italic;
	font-display: swap;
}

@font-face {
    font-family: 'FSEmeric';
    src: url('../fuentes/FSEmericWeb-Light.woff2') format('woff2');
    font-weight: 300;
	font-style:normal;
	font-display: swap;
}

@font-face {
    font-family: 'FSEmeric';
    src: url('../fuentes/FSEmericWeb-LightItalic.woff2') format('woff2');
    font-weight: 300;
	font-style: italic;
	font-display: swap;
}

body, .form-control, .form-select{
	font-family: "FSEmeric", Helvetica, Arial, Verdana, sans-serif;
	font-weight: 300;
	/*background-color: #f6f4f2;*/
}




h1, h2, h3, h4, h5, h6 {
	color: #F47721;
	font-weight: 400;
}
a {
	text-decoration: none;
	color: #004571;
}
a:hover {
	color:#F47721;
}
ol, ul {
    padding-left: 1rem;
}
.naranja{
	color: #F47721;
}
.azul, .azul-naturgy {
	color: #004571;
}
.azul-oscuro {
	color: #00263B;
}
.gris {
	color: #606060;
}
.fondo-azul-naturgy {
	background-color: #004571;
}
.fondo-blanco {
	background-color: #ffffff;
}
.fondo-gris {
	background-color: #F9F8F7;
}
.margen-arriba-0 {
	margin-top: 0px;
}
.margen-arriba-10 {
	margin-top: 10px;
}
.margen-arriba-20 {
	margin-top: 20px;
}
.margen-arriba-40 {
	margin-top: 40px;
}
.margen-arriba-60 {
	margin-top: 60px;
}
.margen-arriba-80 {
	margin-top: 80px;
}
.margen-arriba-100 {
	margin-top: 100px;
}
.margen-debajo-0{
	margin-bottom: 0px;
}
.margen-debajo-20{
	margin-bottom: 20px;
}
.margen-debajo-40{
	margin-bottom: 40px;
}
.margen-debajo-60{
	margin-bottom: 60px;
}
.margen-debajo-80{
	margin-bottom: 80px;
}
.margen-debajo-100{
	margin-bottom: 100px;
}
.margen-debajo-120{
	margin-bottom: 120px;
}
.padding-arriba-80 {
    padding-top: 60px;
    padding-bottom: 60px;
}
.padding-arriba-20 {
	padding-top: 20px;
}
.padding-arriba-40 {
	padding-top: 40px;
}
.padding-arriba-100 {
	padding-top: 100px;
}
.padding-arriba-120 {
	padding-top: 120px;
}
.padding-abajo-80 {
	padding-bottom: 80px;
}
.padding-abajo-100 {
	padding-bottom: 100px;
}
.boton-azul  {
	background-color: #004571;
}

.boton-azul a {
	color: #ffffff;
}
.boton-azul:hover {
	background-color: #F47721;
}
.boton-blanco {
	background-color: #ffffff;
	color:#004571 !important;
	border-color: #ffffff;
	border-radius: 35px;
	font-size: 24px;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: 400;
}
.boton-blanco:hover {
	/*background-color: #087ac3;*/
	/*background-color:#dadada;*/
	/*color: #ffffff !important;*/
	text-decoration: underline;
}

.padding-arriba-80-separa {
padding-top: 60px;
    padding-bottom: 0px;
 }

/*----*/


.fondo-img-blanco {
    background-image: url(../img/banda-blanca2.png);
    background-repeat: repeat-x;
   /* background-size: 130px auto;*/
	
	
}

.fila-encabeza .bloque-izq {
	display: flex;
	flex-direction: column;
    justify-content: space-between;
}
.frase1 {
	font-size: 70px;
	line-height: 78px;
	font-weight: 400;
	color: #004571;
	padding-bottom: 80px;
	max-width: 420px;
	
}
.frase2 {
	font-size: 70px;
	line-height: 78px;
	font-weight: 400;
	color: #004571;
	padding-bottom: 80px;
	padding-top: 100px;
	max-width: 420px;
	
}

.fila-distribucion h2 {
	color: #004571;
	font-size: 40px;
	line-height: 48px;
	margin-top: 15px;
	margin-bottom: 20px;
	font-weight: 400;
}
.fila-distribucion p {
	color: #004571;
	font-size: 22px;
	line-height: 30px;
}
.fila-distribucion a img:hover{
	opacity: 0.6;	
}


.fila-describe h3 {
	color: #004571;
	font-size: 36px;
	line-height: 44px;
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: 300;
}
.fila-describe p {
	color: #00263b;
	font-size: 18px;
	line-height: 26px;
	
}


.fila-describe svg {
	width: 35px;
	height: auto;
	fill:  #f47721;	
}
.icono-texto-a {
	display: flex; 
	align-items: baseline;
	margin-bottom: 15px;
	
}
.icono-texto-b {
	display: flex; align-items: center;
}

.fila-sucursales {
	color: #004571;
}

.tb-sucur td, .tb-sucur th{
padding-left: 10px !important;
	padding-right: 10px !important;
}
.fila-botones {
	display: flex;
	    gap: 40px;
    justify-content: center;
}

@media screen and (max-width: 991px){
	
	
	
	.frase1 {
		max-width: 100%;
		font-size: 46px;
		line-height: 52px;
		padding-top: 100px;
		padding-bottom: 20px;
		
	}
	.frase2 {
		max-width: 100%;
		font-size: 46px;
		line-height: 52px;
		padding-top: 100px;
		padding-bottom: 20px;
		
	}
	.movil-margen-debajo-40 {
		margin-bottom: 40px;
	}
	.movil-margen-debajo-60 {
		margin-bottom: 60px;
	}
	
.fila-describe h3 {
	
	font-size: 34px;
	line-height: 42px;

}
	
}
@media screen and (max-width: 768px){
	.tb-sucur {
		font-size: 15px;
	}
	.fila-botones {
	    flex-direction: column;
    align-items: center;
	}

}

@media screen and (max-width: 576px){
	
	
	
}
