:root {
	--colorPrincipal: #0f265a;
	--colorSecundario: #dd5312;
}
/*Baner principal*/
.container-banner[data-v-30b06d6a] {
	min-height: 142px !important;
	position: relative;
	background-position: center !important;
}
a.linkBanner.btn.btn-primary {
	width: 100%;
	height: 100%;
	margin: 0;
	background: none !important;
	color: #ffffff00 !important;
	border: none !important;
	position: absolute;
}
@media (min-width: 768px) {
	.container-banner[data-v-30b06d6a] {
		background-position: right !important;
		min-height: 280px !important;
	}
	#__layout #body-content {
		min-height: 75vh;
	}
	.offcanvas-body.py-grid-gutter.px-lg-grid-gutter {
		max-height: 75vh;
		overflow-x: hidden;
		overflow-y: scroll;
	}
	#shop-sidebar {
		background-color: unset !important;
	}
}

/*Botones */
.btn.btn-outline-accent.btn-sm {
	border: 1px solid var(--colorPrincipal);
	padding: 10px 17px;
}
.btn.btn-outline-accent.btn-sm:hover {
	background-color: var(--colorPrincipal);
}
/*
Color primario corresponde a la franja de color del catalogo
*/
header {
    border-top: 6px solid 0f265a !important;
}
header {
    border-top: 6px solid #0f265a !important;
}
.bg-tbj.bg-dark, .bg-tbj.bg-primary{
	background-color: 0f265a !important;
}
.bg-tbj.bg-dark, .bg-tbj.bg-primary{
	background-color: #0f265a !important;
}

/*
Color secundario corresponde a botones
*/

.btn-primary{
	background-color: dd5312 !important;
	border-color: dd5312 !important;	
}
.btn-primary{
	background-color: #dd5312 !important;
	border-color: #dd5312 !important;	
}
.btn-primary.btn-shadow {
    box-shadow: 0 0.5rem 1.125rem -0.5rem dd5312!important;
}
.btn-primary.btn-shadow {
    box-shadow: 0 0.5rem 1.125rem -0.5rem #dd5312!important;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary.active, .btn-primary.show {
    border-color: dd5312 !important;	
    background-color: dd5312 !important;	
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary.active, .btn-primary.show {
    border-color: #dd5312 !important;	
    background-color: #dd5312 !important;	
}

.carousel-indicators li {
    background-color: dd5312 !important;
}
.carousel-indicators li {
    background-color: #dd5312 !important;
}
 
 .page-item.active > .page-link {
    box-shadow: 0 0.5rem 1.125rem -0.425rem  dd5312 !important;
}
 .page-item.active > .page-link {
    box-shadow: 0 0.5rem 1.125rem -0.425rem  #dd5312 !important;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color:  dd5312 !important;
    border-color: transparent;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color:  #dd5312 !important;
    border-color: transparent;
}



#shop-sidebar.bg-tbj{
	background-color: 0f265a !important;
}
#shop-sidebar.bg-tbj{
	background-color: #0f265a !important;
}