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



/* Basico */

/* Layout */
.imgLogotipo {width: 100%; height: auto; max-width: 320px; display: inline; text-align: center;}
.estiloHeader {padding: 50px 0;}

/* Tipografias */
h1 {font-family: 'Montserrat', sans-serif; font-weight: 600;font-size: 60px; line-height: 60px;}
h2 {font-family: 'Montserrat', sans-serif; font-weight: 600;font-size: 40px; line-height: 40px; text-transform: uppercase;}
h3 {font-family: 'Montserrat', sans-serif; font-weight: 400;font-size: 30px; line-height: 30px; text-transform: uppercase;}
h4 {font-family: 'Montserrat', sans-serif; font-weight: 400;font-size: 20px; line-height: 20px; text-transform: uppercase;}
h5 {}
p {}

.text-justify {
  text-align: justify;
  text-align-last: center;
}

/* Colores*/
.colorBlanco {color: #FFFFFF;}
.colorNegro {color: #000000;}
.colorAmarillo {color: #FABD27;}
.colorGris {color: #8A8B8B;}


.fondoBlanco {background-color: #FFFFFF;}
.fondoNegro {background-color: #000000;}
.fondoAmarillo {background-color: #FABD27;}



/* Menu */
ul {}
li {}
a {}
a:hover {}

/* Parches */

.nav-link, .nav-link:visited, .nav-link:focus {color: #000000; text-transform: uppercase; font-size: 18px;}
.nav-link:hover {color: #ffffff;}

.limpiador {}

.lead{line-height: 26px;}

.banner {width: 100%;}

.bannerImg {width: 100%; height: auto;}


.soloEscritorio {display: block;} 
.soloTablet {display: none;} 
.soloCelular {display: none;} 

.barraFooter {width: 100%; height: 30px;}

.bi {
	fill: #fff;
}

.card-body {min-height: 200px;}


/* Tamaño Banners */
@media only screen and (min-width: 640px) and (max-width: 959px) {
	.soloEscritorio {display: none;} 
	.soloTablet {display: block;} 
	.soloCelular {display: none;} 
	.lead {padding: 0 50px;}
}


@media only screen and (min-width: 320px) and (max-width: 639px) {
	.soloEscritorio {display: none;} 
	.soloTablet {display: none;} 
	.soloCelular {display: block;} 
	h1 {font-size: 40px;}
	h2 {font-size: 30px; line-height: 30px;}
	.lead {padding: 0 15px;}
}