/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
:root {
	--mb_color: #65030D;
}

.body-content {
    margin-top: 35px;
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type=text], input[type=password], input[type=email], input[type=tel], input[type=select] {
    max-width: 280px;
    width: 858px;
}

.Bufete_encabezado {
	background-color: #65030D;
	color: #B27A74;
	font-style: italic;
	font-size: medium;
}
.bufete_texto {
	color: #65030D;
	font-size: 12px;
}
.bufete_fondo_tenue {
	color: #65030D;
	background-color: #FFDFDF;
	font-size: 12px;
}
.bufete_encabeza_sincol {
	font-size: medium;
	color: #65030D;
	font-style: italic;
	font-weight: bold;
}
.bufete_txt_expositivo {
	font-size: small;
	color: #65030D;
	text-align: justify;
	margin-right: 20px;
	margin-left: 20px;
}
.bufete_txt_exp_lista {
	font-size: small;
	color: #65030D;
	text-align: justify;
	margin-right: 20px;
	margin-left: 20px;
	list-style-type: circle;
	list-style-position: outside;
}
.bufete_titulo_bufete {
	font-size: 23px;
	color: #65030D;
	text-align: center;
	margin-right: 20px;
	margin-left: 20px;
}
.bufete_col_3 {
    flex: 0 0 auto;
    width: 30%;
}

.bm_contenedor_cols{
	display: flex;
	margin-top: 0px;
	max-width: 100%;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
}

.bm_columnas2 {
	width: 49%;
   	flex: 0 0 auto;
   	margin-top: 25 px;
   	margin-bottom: 25px;
}

@media (max-width: 650px) {
	.bm_columnas2 {
	width: 100%;
	max-width: 90%;
	margin-right: 15px;
	margin-bottom: 30px;
	margin-top: 0px;
	}
}

@media (max-width: 650px) {
  .navbar-brand { padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
    padding-left: 20px;
  }
}

@media (max-width: 650px) {
	.mobile {
		show;
	}
}

#t51::after {
	font-size: x-small;
	content: "." ;
	}
	
.mi_sombra {
	box-shadow: 15px 15px 20px 5px rgba(5, 5, 5, 0.44);
}

.mb_enlace {
	text-decoration: none;
	color: var(--mb_color);
}

.mb_enlace:hover {
	background-color: var(--mb_color);
	color: white;
}

.mb_enlace:active {
	background-color: var(--mb_color);
	color: white;
	
}