@charset "utf-8";
/* CSS Document */
/* Apply this selector to the element on which this effects needs to be applied*/

.col-lg-16 {
}

#div123{
	font-size: 16px;
	font-family: Gotham, "Helvetica Neue", Helvetica,  sans-serif;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.44);
	color: rgba(54,54,54,0.82);
	vertical-align: sub;
	line-height: 24px;
	width:98%;
    text-align:center;
}
#M-title {
	font-size: 24px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: left;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.44);
	color: rgba(54,54,54,0.82);
	vertical-align: sub;
	line-height: 24px;
	width: 100%;
}
#M-title_2 {
	font-size: 24px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: left;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.44);
	color: rgba(88,88,88,0.88);
	vertical-align: sub;
	line-height: 24px;
	width: 100%;
}
#M-footer {
	font-size: 24px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: left;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.44);
	color: rgba(54,54,54,0.82);
	vertical-align: sub;
	line-height: 24px;
	width: 100%;
}

/* Estilo con color de fondo */
.footer-x {
    background-color: rgba(0, 0, 0, 0.25); 
    color: white;
	padding: 20px;
    text-align: center;
	
}

/* Estilo con imagen de fondo */
.footer-y {
    background-image: url('imagen.jpg');
    background-size: cover;
    background-position: center;
    color: white;
    padding: 20px;
    text-align: center;
}

/* Estilo con imagen de fondo y overlay */
.footer-z {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('imagen.jpg');
    background-size: cover;
    background-position: center;
    color: white;
    padding: 20px;
    text-align: center;
}