/*Padding*/
.pdl-0{ padding-left: 0px !important; }
.pdl-2{ padding-left: 2px !important; }
.pdl-10{ padding-left: 10px !important; }
.pdl-20{ padding-left: 20px !important; }
.pdl-30{ padding-left: 30px !important; }
.pdl-40{ padding-left: 40px !important; }
.pdl-50{ padding-left: 50px !important; }
.pdl-60{ padding-left: 60px !important; }
.pdl-70{ padding-left: 70px !important; }
.pdl-80{ padding-left: 80px !important; }
.pdl-90{ padding-left: 90px !important; }
.pdl-100{ padding-left: 100px !important; }

.pdr-0{ padding-right: 0px !important; }
.pdr-2{ padding-right: 2px !important; }
.pdr-10{ padding-right: 10px !important; }
.pdr-20{ padding-right: 20px !important; }
.pdr-30{ padding-right: 30px !important; }
.pdr-40{ padding-right: 40px !important; }
.pdr-50{ padding-right: 50px !important; }
.pdr-60{ padding-right: 60px !important; }
.pdr-70{ padding-right: 70px !important; }
.pdr-80{ padding-right: 80px !important; }
.pdr-90{ padding-right: 90px !important; }
.pdr-100{ padding-right: 100px !important; }

.pdt-0{ padding-top: 0px !important; }
.pdt-10{ padding-top: 10px !important; }
.pdt-20{ padding-top: 20px !important; }
.pdt-30{ padding-top: 30px !important; }
.pdt-40{ padding-top: 40px !important; }
.pdt-50{ padding-top: 50px !important; }
.pdt-60{ padding-top: 60px !important; }
.pdt-70{ padding-top: 70px !important; }
.pdt-80{ padding-top: 80px !important; }
.pdt-90{ padding-top: 90px !important; }
.pdt-100{ padding-top: 100px !important; }

.pdb-0{ padding-bottom: 0px !important; }
.pdb-10{ padding-bottom: 10px !important; }
.pdb-20{ padding-bottom: 20px !important; }
.pdb-30{ padding-bottom: 30px !important; }
.pdb-40{ padding-bottom: 40px !important; }
.pdb-50{ padding-bottom: 50px !important; }
.pdb-60{ padding-bottom: 60px !important; }
.pdb-70{ padding-bottom: 70px !important; }
.pdb-80{ padding-bottom: 80px !important; }
.pdb-90{ padding-bottom: 90px !important; }
.pdb-100{ padding-bottom: 100px !important; }

/*Margin*/
.mgl-0{ margin-left: 0px !important; }
.mgl-10{ margin-left: 10px !important; }
.mgl-20{ margin-left: 20px !important; }
.mgl-30{ margin-left: 30px !important; }
.mgl-40{ margin-left: 40px !important; }
.mgl-50{ margin-left: 50px !important; }
.mgl-60{ margin-left: 60px !important; }
.mgl-70{ margin-left: 70px !important; }
.mgl-80{ margin-left: 80px !important; }
.mgl-90{ margin-left: 90px !important; }
.mgl-100{ margin-left: 100px !important; }

.mgr-0{ margin-right: 0px !important; }
.mgr-10{ margin-right: 10px !important; }
.mgr-20{ margin-right: 20px !important; }
.mgr-30{ margin-right: 30px !important; }
.mgr-40{ margin-right: 40px !important; }
.mgr-50{ margin-right: 50px !important; }
.mgr-60{ margin-right: 60px !important; }
.mgr-70{ margin-right: 70px !important; }
.mgr-80{ margin-right: 80px !important; }
.mgr-90{ margin-right: 90px !important; }
.mgr-100{ margin-right: 100px !important; }
.mgr-120{ margin-right: 120px !important; }

.mgt-0{ margin-top: 0px !important; }
.mgt-10{ margin-top: 10px !important; }
.mgt-20{ margin-top: 20px !important; }
.mgt-30{ margin-top: 30px !important; }
.mgt-40{ margin-top: 40px !important; }
.mgt-50{ margin-top: 50px !important; }
.mgt-60{ margin-top: 60px !important; }
.mgt-70{ margin-top: 70px !important; }
.mgt-80{ margin-top: 80px !important; }
.mgt-90{ margin-top: 90px !important; }
.mgt-100{ margin-top: 100px !important; }
.mgt-110{ margin-top: 110px !important; }
.mgt-120{ margin-top: 120px !important; }
.mgt-130{ margin-top: 130px !important; }
.mgt-140{ margin-top: 70px !important; }
.mgt-210{ margin-top: 220px !important; }

.mgb-0{ margin-bottom: 0px !important; }
.mgb-10{ margin-bottom: 10px !important; }
.mgb-20{ margin-bottom: 20px !important; }
.mgb-30{ margin-bottom: 30px !important; }
.mgb-40{ margin-bottom: 40px !important; }
.mgb-50{ margin-bottom: 50px !important; }
.mgb-60{ margin-bottom: 60px !important; }
.mgb-70{ margin-bottom: 70px !important; }
.mgb-80{ margin-bottom: 80px !important; }
.mgb-90{ margin-bottom: 90px !important; }
.mgb-100{ margin-bottom: 100px !important; }

.bdt-0{ border-top: none !important; }
.bdb-0{ border-bottom: none !important; }

.imgResponsive img {
	width: 100%;
	height: auto;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}
.btn-principal {
	background-color: var(--principal);
	color: #fff;
	font-size: 14px;
}
.btn-principal:hover {
	color: #fff;
	background-color: var(--azuloscuro);
}

.cabeceraFija {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
}

section.sectionArticulos {
	padding: 50px 0;
	background-color: #eee;
}


h2.h2 {
	font-size: 30px;
	color: var(--negro);
	padding: 10px 0 10px 0;
	border-bottom: 0px solid var(--negro);
	margin: 0 0 20px 0;
	font-weight: 700;
}

body {
    font-size: 14px;
    color: #333;
    background-color: #fff;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    /*font-family: 'Lato', sans-serif;*/
    font-family: 'Poppins', sans-serif;
}

h1, h2, h3 {
	font-family: 'Poppins', sans-serif;
}

.list-flex{
	display: flex;
	align-items: flex-start;
	flex-flow: row wrap;
}
.products .product {
	margin-right: 10px;
}
.product .product-info .name a{
	text-transform: uppercase;
}

header {
	/*
	position: fixed;
	z-index: 100;
	top: 0;
	*/
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: 0px solid #aaa;
    box-shadow: 0px 2px 14px #ccc;
    background-color: #fff;
}
.main-header {
	padding: 5px 0px 0px 0px;
	height: 147px;
	width: 100%;
}
section.sectionBanner {
	width: 100%;
	margin: 0px 0 0 0;
}

.bx-wrapper {
	padding: 0;
	border: none;
	margin-bottom: 0;
}
.bx-wrapper img {
	width: 100%;
	height: auto;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: 20px;
  width: 100%;
}

.google-map-home,#google-map-area{
	height: 300px;
}
section.sectionMapa {
	width: 100%;
	height: 450px;
}

@media(max-width: 400px){
	/*Padding*/
	.pdl-xs-0{ padding-left: 0px !important; }
	.pdl-xs-2{ padding-left: 2px !important; }
	.pdl-xs-10{ padding-left: 10px !important; }
	.pdl-xs-20{ padding-left: 20px !important; }
	.pdl-xs-30{ padding-left: 30px !important; }
	.pdl-xs-40{ padding-left: 40px !important; }
	.pdl-xs-50{ padding-left: 50px !important; }
	.pdl-xs-60{ padding-left: 60px !important; }
	.pdl-xs-70{ padding-left: 70px !important; }
	.pdl-xs-80{ padding-left: 80px !important; }
	.pdl-xs-90{ padding-left: 90px !important; }
	.pdl-xs-100{ padding-left: 100px !important; }

	.pdr-xs-0{ padding-right: 0px !important; }
	.pdr-xs-2{ padding-right: 2px !important; }
	.pdr-xs-10{ padding-right: 10px !important; }
	.pdr-xs-20{ padding-right: 20px !important; }
	.pdr-xs-30{ padding-right: 30px !important; }
	.pdr-xs-40{ padding-right: 40px !important; }
	.pdr-xs-50{ padding-right: 50px !important; }
	.pdr-xs-60{ padding-right: 60px !important; }
	.pdr-xs-70{ padding-right: 70px !important; }
	.pdr-xs-80{ padding-right: 80px !important; }
	.pdr-xs-90{ padding-right: 90px !important; }
	.pdr-xs-100{ padding-right: 100px !important; }

	.pdt-xs-0{ padding-top: 0px !important; }
	.pdt-xs-10{ padding-top: 10px !important; }
	.pdt-xs-20{ padding-top: 20px !important; }
	.pdt-xs-30{ padding-top: 30px !important; }
	.pdt-xs-40{ padding-top: 40px !important; }
	.pdt-xs-50{ padding-top: 50px !important; }
	.pdt-xs-60{ padding-top: 60px !important; }
	.pdt-xs-70{ padding-top: 70px !important; }
	.pdt-xs-80{ padding-top: 80px !important; }
	.pdt-xs-90{ padding-top: 90px !important; }
	.pdt-xs-100{ padding-top: 100px !important; }

	.pdb-xs-0{ padding-bottom: 0px !important; }
	.pdb-xs-10{ padding-bottom: 10px !important; }
	.pdb-xs-20{ padding-bottom: 20px !important; }
	.pdb-xs-30{ padding-bottom: 30px !important; }
	.pdb-xs-40{ padding-bottom: 40px !important; }
	.pdb-xs-50{ padding-bottom: 50px !important; }
	.pdb-xs-60{ padding-bottom: 60px !important; }
	.pdb-xs-70{ padding-bottom: 70px !important; }
	.pdb-xs-80{ padding-bottom: 80px !important; }
	.pdb-xs-90{ padding-bottom: 90px !important; }
	.pdb-xs-100{ padding-bottom: 100px !important; }

	/*Margin*/
	.mgl-xs-0{ margin-left: 0px !important; }
	.mgl-xs-10{ margin-left: 10px !important; }
	.mgl-xs-20{ margin-left: 20px !important; }
	.mgl-xs-30{ margin-left: 30px !important; }
	.mgl-xs-40{ margin-left: 40px !important; }
	.mgl-xs-50{ margin-left: 50px !important; }
	.mgl-xs-60{ margin-left: 60px !important; }
	.mgl-xs-70{ margin-left: 70px !important; }
	.mgl-xs-80{ margin-left: 80px !important; }
	.mgl-xs-90{ margin-left: 90px !important; }
	.mgl-xs-100{ margin-left: 100px !important; }

	.mgr-xs-0{ margin-right: 0px !important; }
	.mgr-xs-10{ margin-right: 10px !important; }
	.mgr-xs-20{ margin-right: 20px !important; }
	.mgr-xs-30{ margin-right: 30px !important; }
	.mgr-xs-40{ margin-right: 40px !important; }
	.mgr-xs-50{ margin-right: 50px !important; }
	.mgr-xs-60{ margin-right: 60px !important; }
	.mgr-xs-70{ margin-right: 70px !important; }
	.mgr-xs-80{ margin-right: 80px !important; }
	.mgr-xs-90{ margin-right: 90px !important; }
	.mgr-xs-100{ margin-right: 100px !important; }

	.mgt-xs-0{ margin-top: 0px !important; }
	.mgt-xs-10{ margin-top: 10px !important; }
	.mgt-xs-20{ margin-top: 20px !important; }
	.mgt-xs-30{ margin-top: 30px !important; }
	.mgt-xs-40{ margin-top: 40px !important; }
	.mgt-xs-50{ margin-top: 50px !important; }
	.mgt-xs-60{ margin-top: 60px !important; }
	.mgt-xs-70{ margin-top: 70px !important; }
	.mgt-xs-80{ margin-top: 80px !important; }
	.mgt-xs-90{ margin-top: 90px !important; }
	.mgt-xs-100{ margin-top: 100px !important; }

	.mgb-xs-0{ margin-bottom: 0px !important; }
	.mgb-xs-10{ margin-bottom: 10px !important; }
	.mgb-xs-20{ margin-bottom: 20px !important; }
	.mgb-xs-30{ margin-bottom: 30px !important; }
	.mgb-xs-40{ margin-bottom: 40px !important; }
	.mgb-xs-50{ margin-bottom: 50px !important; }
	.mgb-xs-60{ margin-bottom: 60px !important; }
	.mgb-xs-70{ margin-bottom: 70px !important; }
	.mgb-xs-80{ margin-bottom: 80px !important; }
	.mgb-xs-90{ margin-bottom: 90px !important; }
	.mgb-xs-100{ margin-bottom: 100px !important; }
}

@media (min-width: 401px) and (max-width: 980px){}

section.sectionDestacados {
	padding: 40px 0;
}
.tituloSection {
	text-align: center;
	margin-bottom: 0px;
	position: relative;
}
.innerTitulo {
	margin-bottom: 0px;
	position: relative;
}
.innerTitulo h2 {
	font-family: "Poppins",Arial,Helvetica,sans-serif;
	font-weight: 600;
	font-size: 26px;
	line-height: 44px;
	margin-bottom: 20px;
	color: #000;
}
.innerTitulo:after {
	left: 0;
	right: 0;
	text-align: center;
	margin: 0 auto;
	position: absolute;
	content: "";
	width: 70px;
	bottom: -19px;
	height: 5px;
	left: 0;
	top: auto;
	background-color: #333;  
}
.advertisement li img {
	width: 100%; height: auto;
}

.top-bar {
	padding: 6px 0;
	background: #000;
}
.linksTop ul {
	list-style: none;
	padding: 0;
	margin: 0;
	padding-top: 0px;
}
.linksTop ul li {
	float: left; 
	margin-right: 25px;
	color: #fff;
	font-size: 14px;
}
.linksTop ul li a {
	font-size: 14px;
	color: #fff;
}

.linksTopDer ul li a i {
	margin-right: 5px;
}

.linksTopDer ul {
	list-style: none;
	padding: 0;
	margin: 0;
	padding-top: 0px;
}
.linksTopDer ul li {
	float: right; 
	margin-right: 25px;
	color: #fff;
	font-size: 14px;
}
.linksTopDer ul li a {
	font-size: 14px;
	color: #fff;
}

.linksTopDer ul li a i {
	margin-right: 5px;
}


.menuTop {
	text-align: right;
}
.menuTop ul {
	list-style: none;
	padding: 0;
	margin: 0;
	padding-top: 4px;
}
.menuTop ul li {
	float: right;
	margin-right: 10px;
}
.menuTop ul li a {
	border: 0px solid #f1f1f1;
	border-radius: 8px;
	display: block;
	padding:2px 10px;
	color: #fff;
	background-color: var(--morado);
}
.menuTop ul li a:hover {
	background: #fff;
	color: #333;
}
.logo {
	padding: 0px 0 0px 0px;
}
.logo img {
	width: auto;
	height: 140px;
}
.image a img {
	width: 100%;
	height: auto;
	border: 1px solid #ccc;
	border-radius: 0px;
	padding: 0px;
}
.product-info .colores {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 2px;
}
.product-price {
	height: 25px;
}
h3.font14bold a {
	font-weight: 700;
	font-size: 14px !important;
}

a.catCurrent {
	background-color: var(--principal);
	color: var(--negro) !important;
}
.menuWraper {
	width: 100%; 
	height: 50px;
	margin-top: 0px;
	background: var(--principal);
	transition: all 0.7s ease;
}
ul.menu {
	list-style: none;
	padding: 0;
	padding:0;
}
ul.menu li {
	float: left; 
	margin-right: 0px;
}
ul.menu li a {
	display: block;
	padding: 14px 20px 14px 20px;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	font-weight: 500;
	font-family: 'Poppins', sans-serif;
}
ul.menu li a:hover {
	background: var(--negro);
	color: #fff;
}
ul.menu li.active a {
	background: var(--negro);
	color: #fff;
}
.iconosWraper {
	display: flex;
	margin: 30px 0 0 5px;
}
.iconoHeader {
	width: 33%;
	height: 40px;
	display: flex;
	background-color: #fff;
	padding: 7px 20px;
	border-radius: 0px;
}
.divIcono {
	padding: 5px 0 0 0;
}
.divIcono i {
	font-size: 36px;
	color: var(--principal);
	fill: #000 !important;
	margin-right: 5px;
}
.infoIcono {
	color: #000;
	font-size: 14px;
	line-height: 22px;
	padding: 3px 0 0 10px;
}
.infoIcono a {
	color: #000;
	text-decoration: none;
}


.contact-information, .contact-info, .contact-timing {
	padding-top: 20px;
}
.body-content {
	padding: 30px 0px 50px 0px;
}
.destacada {
    background: #ffffff;
    overflow: hidden;
    background: #ffffff none 0 0 repeat;
    border-radius: 0;
    box-shadow: 0 5px 8px 0 rgba(160, 166, 168, 0.35);
    margin-top: 20px;
}
.destacadosHome {
	margin-top: 30px;
}
.tituloDestacada {
	margin-bottom: 10px;
    margin-top: 5px;
    font-size: 30px;
    font-weight: 900;
    color: #000;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    border-bottom: 1px solid #333;
    padding-bottom: 5px;
}
.innerDestacada {
	padding:20px 20px;
}
.textodestacada {
	font-size: 1.1em;
	line-height: 22px;
	color: #454545;
}
.bodyNosotros {
	padding: 20px 0 30px 0;
}
.nosotros {
	padding: 30px;
    background: #ffffff;
    color: #454545;
    overflow: hidden;
    background: #ffffff none 0 0 repeat;
    border-radius: 0;
    box-shadow: 0 5px 8px 0 rgba(160, 166, 168, 0.35);
}
.nosotros img {
	width: 100%;
	height: auto;
}
.nosotros h1 {
	margin-top: 0 !important;
	padding-top:0 !important; 
	font-family: 'Poppins', sans-serif;
}
.nosotros {
	font-size: 16px;
	line-height: 22px;
}
.advertisement ul{
	list-style: none;
}
.advertisement li {
	list-style: none;
}
.ingreso, .marcoFormulario {
	width: 100%;
	min-height: 300px;
	background: #ffffff none 0 0 repeat;
    border-radius: 0;
    margin: 10px auto 90px auto;
    padding: 30px 30px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.innerServicio {
	margin: 20px 0 0px 0;
}
.picServicio img {
	width: 100%;
	height: auto;
}

.productosDestacados {
	margin-top: 30px;
}
.categoriasHome {
	height: 300px;
}
.itemCatsHome {
	margin-right: 0px;
	margin-bottom: 25px;
	padding: 10px 5px 0 5px;
	border: 1px solid #eee;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.imagenDestacadaHome {
}
.imagenDestacadaHome img {
	width: 100%;
	height: auto;
}
.titCatHome {
	width: 100%;
	display: table;
	background: #fff;
}
.titCatHome span {
	display: table-cell;
	height: 40px;
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
	font-weight: 700;
	color: #000;
	font-family: 'Poppins', sans-serif;
}
.titCatHome span a {
	color: #333;
	text-decoration: none;
}
.titCatHome span a:hover {
	color: var(--morado);
}
.containerArticulosHome {
	padding: 10px 5px;
}
.toTop {
	position: fixed;
	bottom: 40px;
	right:30px;
	z-index: 10;
	font-size: 50px;
	color: var(--principal);
	display: none;
}
.toTop:visited {
	color: var(--verdeclaro);
}
.toTop:hover {
	color: var(--verdeclaro);
}
.copyright2 {
	text-align: right;
	padding-right: 50px;
}
.divNombreCategoria {
	display: table;
	text-align: center;
	width: 100%;
}
.nombreCategoria {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	height: 60px;
	font-size: 16px;
	font-weight: 900;
	color: #fff;
	background-color: var(--oscuro);
	width: 100%;
	font-family: 'Poppins', sans-serif;
}
.nombreCategoria a {
	color: #fff;
	text-decoration: none;
	font-weight: 400;
}
.divNombreProd {
	display: table;
	text-align: center;
	width: 100%;
}
.nombreProd {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	height: 60px;
	font-size: 16px;
	font-weight: 900;
	color: #000;
	width: 100%;
	font-family: 'Poppins', sans-serif;
}
.nombreProd a {
	color: #333;
	text-decoration: none;
	font-weight: 400;
}
.nombreProd span {
	font-size: 16px;
}


/**************** ARTICULOS HOME ******************/
section.articulosHome {
	width: 100%;
	padding: 30px 0;
	margin: 20px 0;
}
.itemArticulo {
	background-color: #fff;
	padding: 20px;
	margin: 20px 20px;
	border: 1px solid #eee;
	position: relative;
}
.imagenArticuloHome {
	width: 100%;
}
.imagenArticuloHome img {
	width: 100%;
	height: auto;
}
.tituloArticuloHome {
	display: table;
}
.innerTituloArticuloHome {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: 80px;
}
.fechaArticulo {
	position: absolute;
	background-color: var(--principal);
	width: 80px;
	height: 80px;
	top: 20px;
	right: 20px;
	text-align: center;
	padding:0 10px 10px 10px;
	color: #fff;
	font-size: 32px;
	font-weight: 700;
}
.fechaArticulo span {
	font-size: 20px;
	line-height: 20px;
	display: block;
}
/********************** FOOTER ******************/
section.divOsce {
	padding: 20px 0;
}
footer {
	width: 100%;
	min-height: 200px;
	padding:20px 0 0 0;
	color: #fff;
	font-size: 12px;
	background: #000;
	/*background: #333 url('../imagenes/bg_black_trama.png') repeat;*/
}
.footerTop {
	padding: 50px 0 20px 0;
}
.footerTop h3 {
	color: #ffffff;
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 15px;
	font-weight: 600;
	padding: 0 0 7px 0;
}
.footerTop h3 span {
	border-color: var(--celeste);
	margin-bottom: -1px;
	padding: 2px 0 2px 10px;
	border-left: 2px solid #fff;
}
ul.listaFooter {
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.listaFooter li a {
	color: #fff;
	text-decoration: none;
	height: 25px;
	font-size: 14px;
}
ul.listaFooter li a:hover {
	color: var(--morado);
	text-decoration: underline;
}
ul.sociales {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline;
}
ul.sociales li {
	float: right;
    padding: 0;
    margin-right: 20px;
}
ul.sociales li a {
    display: block;
    color: #fff !important;
    font-size: 16px;
}
ul.sociales li.facebook a::before {
    content: "\f09a";
}
ul.sociales li a::before {
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    vertical-align: 0px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
ul.sociales li.twitter a::before {
    content: "\f099";
}
ul.sociales li.youtube a::before {
    content: "\f167";
}
ul.sociales li.google-plus a::before {
    content: "\f0d5";
}
ul.sociales li.linked-in a::before {
    content: "\f0e1";
}
ul.sociales li.instagram a::before {
    content: "\f16d";
}
ul.sociales li.tiktok {
	text-align: center;
}
ul.sociales li.tiktok svg {
	fill: var(--negro);
}
ul.sociales li.tiktok a {
  color: var(--morado) !important;
  width: 18px;
  height: 18px;
  text-align: center;
  margin: 0 auto;
}
ul.sociales li a span {
    display: none;
}
.widget-footer-2 {
	margin: 40px 0 37px;
}
.widget-footer-2 ul li {
	padding: 0 0 0 50px;
	padding-bottom: 0px;
	font-size: 14px;
	line-height: 20px;
	position: relative;	
}
.widget-footer-2 ul li i {
	font-size: 30px;
	margin-right: 20px;
	position: absolute;
	top: 5px;
	left: 0;
}
/*
ul.sociales li.facebook {
    background: #3765a3;
}
ul.sociales li.twitter {
    background: #11c1ff;
}
ul.sociales li.youtube {
    background: #e42526;
}
ul.sociales li.google-plus {
    background: #dc4a38;
}
ul.sociales li.instagram {
    background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
  }
*/
.siguenos h4 {
    float: left;
    margin-bottom: 0;
    font-size: 20px;
    line-height: 20px;
    text-transform: none;
    padding: 0 10px 0 0;
}
.verdeGRaffix {
	background: #6db811 !important;
}
.blanco {
	background-color: var(--amarillo);
}
#social_block ul li {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
    padding: 0;
    margin: 0 4px;
    float: left;
}
#social_block ul li a {
    display: block;
    color: #ffffff !important;
    font-size: 16px;
}
#social_block ul li.facebook a::before {
    content: "\f39e";
}
#social_block ul li a::before {
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    vertical-align: -5px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#social_block ul li.twitter a::before {
    content: "\f099";
}
#social_block ul li.youtube a::before {
    content: "\f167";
}
#social_block ul li.google-plus a::before {
    content: "\f0d5";
}
#social_block ul li.instagram a::before {
    content: "\f16d";
}
#social_block ul li.linked-in a::before {
    content: "\f0e1";
}
#social_block ul li.tiktok svg {
	width: 20px;
	fill: var(--morado);
}
#social_block ul li a span {
    display: none;
}
/*
#social_block ul li.facebook {
    background: #3765a3;
}
#social_block ul li.twitter {
    background: #11c1ff;
}
#social_block ul li.youtube {
    background: #e42526;
}
#social_block ul li.google-plus {
    background: #dc4a38;
}
#social_block ul li.instagram {
    background: #000;
}
*/
#social_block h4 {
    float: right;
    margin-bottom: 0;
    font-size: 21px;
    line-height: 25px;
    text-transform: none;
    padding: 0 10px 0 0;
}
#social_block ul {
    float: right;
}
#social_block ul li a::before {
    vertical-align: 0;
}
#social_block ul li a {
    color: #fff !important;
    font-size: 16px;
}
#socialesFooter ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#socialesFooter ul li {
	float: left;
	width: 36px;
	height: 36px;
	background-color: var(--principal);
	text-align: center;
	color: #000;
	border-radius: 50%;
	margin-right: 10px;
	padding: 8px 0 0 0;
}
#socialesFooter ul li a i {
	color: var(--negro);
	font-size: 20px;
	font-weight: 700;
}
.logo-footer {
	text-align: left;
	padding: 20px 0 0 0;
}
.logo-footer img {
	width: 90%;
	height: auto;
}
#newsletter_block_left .form-group .form-control {
    padding: 10px 12px 10px 10px;
    height: 50px;
    line-height: 40px;
    max-width: 400px !important;
    background: #fff;
    border-color: #d6d4d4;
    color: #282828;
    float: left;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}
.button-small {
    background: #6db811;
}
#newsletter_block_left .form-group .button-small {
    height: 40px;
    margin-left: 0;
    padding: 2px 15px 0 15px;
    color: #fff;
    text-shadow: none;
    border: none;
    text-align: center;
    background: #6db811;
    font-size: 14px;
    border-radius: 0;
    display: inline-block;
}
#newsletter_block_left h4 {
    background: none;
    float: left;
    margin-right: 20px;
}
.copyright {
	font-size: 12px;
	color: var(--negro);
}



.bloqueFooter {
	padding:10px 0px; 
}
.borderRight {
	border-right: 1px solid #ccc;
}
.iconoBF {
	float: left;
	width: 35%;
}
.iconoBF img {
	width: 100%;
	height: auto;
	border-radius: 50%;
	overflow: hidden;
	border:5px solid #fff;
	box-shadow: 1px 1px 5px #ccc;
}
.iconoFB-1 img {
	padding: 12px 0 12px 0;
}
.infoBF {
	float: left;
	width: 56%;
	margin-left: 20px;
}
.infoBF h2 {
	font-size: 18px;
	font-weight: 700;
	color: #000;
	padding: 0;
	margin: 10px 0 5px 0;
}
.infoBF p {
	font-size: 14px;
	color: #000;
	line-height: 20px;
	padding: 0;
	margin: 0;
}
.copyright {
	font-size: 12px;
}
.copyright a {
	color: #fc0;
}
.button-small {
    background: var(--morado);
}
#newsletter_block_left .form-group .button-small {
    height: 50px;
    margin-left: 0;
    padding: 2px 15px 0 15px;
    color: #000;
    text-shadow: none;
    border: none;
    text-align: center;
    background: var(--principal);
    font-size: 14px;
    font-weight: 500;
    border-radius: 0;
    display: inline-block;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}
.footerBottom {
	width: 100%;
	height: 40px;
	padding: 14px 0 0 0;
	text-align: center;
}
.seccionCatalogos {
	padding: 0 20px;
}
.bannerSeccion {
	width: 100%;
}
.bannerSeccion img {
	width: 100%;
	height: auto;
}
.footerMedio {
	padding: 20px 30px 5px 30px;
	border-top: 0px solid #222;
	border-bottom: 0px solid #222;
}
.footerMedio h4 {
	font-size: 20px;
	padding: 12px 0 0 0;
}
.footer_2 {
	padding:0 30px 30px 30px;
}
.mapaFooter {
	width: 100%;
	height: 300px;
	background-color: #ccc;
}
.columnasFooter {
	padding: 30px 30px;
}
.columnasFooter h3 {
	font-size: 20px;
	color: var(--principal);
}
.footerBottom {
	padding: 10px 30px 0 30px;
	text-align: center;
	background-color: var(--principal);
}


/****************** ARTICULOS **********************/
h1.h1Articulo {
	font-size: 24px;
	color: #000;
	line-height: 32px;
	font-weight: 700;
	padding: 10px 0;
	margin: 10px 0 0 0;
}
.fechaPublicacion {
	font-size: 14px;
	padding:0 0 10px 0;
}
.textoArticulo {
	font-size: 16px;
	color: #000 !important;
	line-height: 24px;
}
.textoArticulo p {
	text-align: justify;
}
.textoArticulo h2 {
	font-size: 22px;
	color: var(--negro);
	font-weight: 700;
	margin: 20px 0 10px 0;
}
.articulos {
	margin-top: 30px;
}
.articulo {
	background: #fff;
	padding: 20px;
	margin-bottom: 20px;
	box-shadow: 0 5px 8px 0 rgba(160, 166, 168, 0.35);
}
.articuloTitulo {
	font-size: 20px;
	font-family: 'Poppins', sans-serif;
}
.articuloLink {
	margin-top: 10px;
}
.divUltimo {
	width: 100%;
	padding: 5px 0 10px 0;
	border-bottom: 1px solid #ccc;
	margin:0 0 10px 0;
}
.picUltimo {
	float: left;
	width: 30%;
}
.picUltimo img {
	width: 100%;
	height: auto;
}
.infoUltimo {
	float: left;
	width: 67%;
	margin: 0;
	margin-left: 2%;
	padding: 0;
}
.tituloUltimo a {
	font-size: 12px;
	font-weight: 700;
	color: #000;
	text-decoration: none;
}
.fechaUltimo {
	font-size: 11px;
}

section.sectionCajas {
	padding: 20px 0 50px 0;
}
.cajasHome {
	margin: 20px 0;
}
.caja img {
	width: 100%;
	height: auto;
}
.titulocaja {
	width: 100%;
	padding: 15px 10px;
	text-align: center;
	background-color: var(--oscuro);
	color: #000;
	font-size: 18px;
}
.sumillacaja {
	padding: 10px 10px;
	text-align: justify;
	font-size: 14px;
	line-height: 18px;
	background-color: #f7f7f7;
	width: 100%;
	height: 130px;
}

/*************** CAJAS BAJO BIENVENIDA *****************/
section.categorias {
	padding: 40px 0 20px 0;
	background-color: #fff;
}
.categoriaHome {
	width: 100%;
	margin: 0 0 0px 0;
	position: relative;
}
.catImg {
	overflow: hidden;
}
.catImg img {
	width: 100%;
	height: auto;
	border-radius: 10px;
	transition: all 0.3s ease;
}
.catNombre {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 10px 10px;
	z-index: 10;
	font-size: 18px;
	font-weight: 600;
	line-height: 22px;
	color: #fff;
}
.overlayCat {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(180deg, rgba(255,255,255,0.1) 0%, rgba(0,0,0,0.7) 100%);
	z-index: 5;	
}
.categoriaHome:hover .catImg img {
	transform: scale(1.2, 1.2);
}

.uneteFB {
	background-color: var(--morado);
	width: 100%;
	height: 170px;
	border-radius: 15px;
	padding: 30px 30px 0 30px;
}
.ufb_izq {
	float: left;
	width: 27%;
}
.iconFB {
	width: 100%;
}
.iconFB img {
	width: 100%;
	height: auto;
	border-radius: 50%;
}
.ufb_der {
	float: left;
	width: 63%;
	margin-left: 15px;
}
.ufb_der h2 {
	font-size: 20px;
	color: #000;
	padding: 0;
	margin: 20px 0 0 0;
}
.ufb_der h3 {
	font-size: 45px;
	color: #fff;
	text-shadow: 1px 1px 5px #333;
	padding: 0;
	margin: 0;
}
.ufb_der h3 a {
	color: #fff;
}
.cajaBoletin {
	background-color: #292f38;
	padding: 25px 30px;
	height: 170px;
	border-radius: 15px;
	color: #fff;
}
.cajaBoletin h2 {
	font-size: 20px;
	font-weight: 700;
	padding: 0;
	margin: 0 0 10px 0;
}
.cajaBoletin p {
	font-size: 14px;
	line-height: 20px;
	text-align: justify;
	margin: 0 0 10px 0;
}
.inputBoletin {
	float: left;
	width: 70%;
	border:none;
	background-color: #fff;
	border-radius: 5px;
	padding: 7px 5px;
	margin-right: 5px;
	color: #000 !important;
}
.custom-carousel .owl-controls .owl-prev {
	top: -56px;
	width: 30px;
    height: 30px;
    right: 42px;
}
.custom-carousel .owl-controls .owl-next {
	top: -56px;
	width: 30px;
    height: 30px;
}
.custom-carousel .owl-controls .owl-prev:before {
	font-size: 22px;
	left: 11px;
}
.custom-carousel .owl-controls .owl-next:before {
	font-size: 22px;
	left: 11px;
}

.sectionClientes {
	width: 100%;
	padding: 50px 0;
}
.logosClientes .item {
	margin:0 10px;
}
.tituloServicio h2 {
	margin: 0 0 10px 0;
	padding: 0;
}
.fono {
	position: fixed;
	right: 10px;
	bottom: 140px;
	width: 70px;
	height: 70px;
	color: #fff;
}
.fono .iconoFono {
	float: left;
	width: 70px;
}
.fono .iconoFono img {
	width: 100%;
	height: auto;
}
.fono .numeroFono {
	font-size: 27px;
	color: #fff;
	font-weight: 500;
	float: left;
	width: 145px;
	padding-top: 3px;
}
.fono .numeroFono a {
	color: #fff;
	text-decoration: none;
	letter-spacing: 2px;
}
.cart-image img {
	width: 100%;
	height: auto;
}
.oculta {
	display: none;
}
.nombreSubcategoria {
	display: table;
	height: 60px;
}
.nombreSubcategoria span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	font-size: 16px;
	font-weight: 700;
}
.cabecera {
	background-color: var(--morado);
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	text-align: center !important;
}

/******************* DETALLE PRODUCTO ******************/
.wraperSliderProducto {
  position: relative;
  border: 1px solid #ccc;
}
h1.nombreProducto {
	font-size: 38px;
	color: var(--principal);
	line-height: 40px;
	font-weight: 800;
}
.precioProducto {
	font-size: 28px;
	font-weight: 700;
	color: #e00d0d;
	line-height: 30px;
}
.precioProducto span {
	font-size: 16px;
}
h4.h4Producto {
	font-size: 18px;
	font-weight: 500;
	font-weight: 700;
	color: #e00d0d;
}
.alertaGrande {
	font-weight: 700;
	font-size: 16px;
	padding: 30px 20px;
}
h3.tituloSeccion {
	font-size: 26px;
	color: #000 !important;
	padding: 10px 0 10px 0px !important;
	border-bottom: 1px solid #666;
	margin: 10px 0 30px 20px;
}
.cantidadMinima {
	background-color: #fff;
	padding: 20px 20px;
	border:1px solid #eee;
	margin: 10px 0;
}
.divPedir .label {
	font-size: 14px !important;
	color: #000 !important;
	padding: 5px 0 0 0;
}
.codigoProducto {
	margin: 10px 0;
	font-size: 16px;
}
.linea {
	width: 100%;
	height: 5px;
	border-bottom: 1px solid #ccc;
	margin: 10px 0 10px 0;
}
.enstock {
	font-size: 16px;
	font-weight: 500;
	font-weight: 700;
	color: #e00d0d;	
}
.video-responsive {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
}
.video-responsive iframe, .video-responsive object, .video-responsive embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.itemSliderProducto img {
	width: 100%;
	height: auto;
}

.tab-content > .tab-pane {
  padding: 30px 30px;
  background-color: #fff;
}
.tab-content > .tab-pane p {
	text-align: justify;
}
.leercomentarios {
	font-size: 16px;
	margin: 10px 0;
	color: #000;
}
.leercomentarios a {
	color: #000;
	text-decoration: none;
}
.tituloresenas {
	color: #282828;
	font-size: 16px;
	line-height: 18px;
	border: 0;
	border-bottom: 1px solid #d6d4d4;
	background: none;
	padding: 0;
}
.tituloresenas span {
	display: inline-block;
	border-bottom: 2px solid #F8653D;
	border-bottom-color: rgb(248, 101, 61);
	margin-bottom: -1px;
	padding: 5px 0;
	border-color: #6db811;
}
.divValoracion {
	margin: 10px 0;
}
.modal-body label {
	font-weight: 700;
	color: #000;
}
.divComentario {
	padding: 10px 10px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
.divComentario ul {
	list-style: none;
}
.divComentario ul li {
	float: left;
	margin-right: 5px;
}
.divComentario ul li i {
	color: #fc0;
}
.divComentario ul.uldatos li {
	width: 100%;
}
.bordeDer {
	border-right: 1px solid #ccc;
}
.tituloComentario {
	font-size: 18px;
	font-weight: 700;
	color: #000;
}
.textoComentario {
	font-size: 16px;
	font-weight: 400;
	color: #333;
	line-height: 22px;
	text-align: justify;
}
.btn-whatsapp {
	display: block;
	background-color: #25D366;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
}
.migajas {
	font-size: 14px;
	display: inline-block;
	padding: 0 11px;
	border: 1px solid #d6d4d4;
	font-weight: bold;
	font-size: 12px;
	line-height: 24px;
	min-height: 6px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	overflow: hidden;
	margin-bottom: 16px;
	margin-top: 15px;
	position: relative;
	z-index: 1;
	list-style: none;
  	background-color: #f6f6f6;
}
.migajas a.home {
  font-size: 17px;
  color: #777777;
  width: 38px;
  text-align: center;
  padding: 0;
  margin: 0 0 0 -10px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  z-index: 99;
  line-height: 22px;
  display: inline-block;
  height: 25px;
}
.migajas a {
  display: inline-block;
  background: #fff;
  padding: 0 15px 0 22px;
  margin-left: -26px;
  position: relative;
  z-index: 2;
  color: #333;
}
.migajas a::before {
  display: inline-block;
  content: ".";
  position: absolute;
  left: -10px;
  top: 3px;
  width: 18px;
  height: 18px;
  background: transparent;
  /*
  border-right: 1px solid #d6d4d4;
  border-top: 1px solid #d6d4d4;
  */
  border-radius: 2px;
  text-indent: -5000px;
  z-index: -1;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.migajas a.home i {
  vertical-align: -1px;
}
.icon, [class^="icon-"] {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0,0);
}
.migajas a::after {
  display: inline-block;
  content: ".";
  position: absolute;
  right: -10px;
  top: 3px;
  width: 18px;
  height: 18px;
  background: #fff;
  border-right: 1px solid #d6d4d4;
  border-top: 1px solid #d6d4d4;
  border-radius: 2px;
  text-indent: -5000px;
  z-index: -1;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.migajas .navigation-pipe {
  width: 18px;
  display: inline-block;
  text-indent: -5000px;
}
.clearfix::before, .clearfix::after {
  content: " ";
  display: table;
}
.icon-home::before {
  content: "";
}
.breadcrumb a.home::before {
  border: none;
}

.catalogo {
	background-color: #fff;
	padding: 20px 20px;
	border-radius: 20px;
	border: 1px solid #ccc;
}
.nombreCatalogo {
	width: 100%;
	display: table;
	text-align: center;
}
.innerCatalogo {
	display: table-cell;
	height: 60px;
	text-align: center;
	font-size: 16px;
	vertical-align: middle;
	font-weight: 700;
	color: #000;
}
.tituloArticulo {
	display: table;
	height: 50px;
}
.innertituloArticulo {
	display: table-cell;
	height: 50px;
	vertical-align: middle;
	font-size: 16px;
	font-weight: 700;
	color: #000;
	padding: 10px 0;
}
.articuloSumilla {
	width: 100%;
	min-height: 80px;
	padding: 10px 0;
}
.tituloArticulo {
	width: 100%;
	height: 50px;
	padding-bottom: 10px;
}

.divformulario {
	background-color: #fff;
	padding: 30px 30px 0 30px;
	border-radius: 20px;
	border: 1px solid #ccc;
}
.divformulario label {
	font-weight: 700;
	color: #000;
}

h2.h2Sedes {
	font-size: 28px;
	font-weight: 700;
	color: #000;
	width: 100%;
	padding: 20px 0;
}
.divSede {
	margin-bottom: 20px;
	width: 100%;
}
h3.h3Sede {
	font-size: 24px;
	font-weight: 700;
	color: #000;
	width: 100%;
	padding: 20px 0;
}
ul.listaSede li {
	margin-bottom: 15px;
}
ul.listaSede li i {
	font-size: 20px;
	font-weight: 700;
	color: #333;
	width: 25px;
	margin-right: 10px;
}
.divContenidoSeccion {
	font-size: 16px;
	line-height: 27px;
	color: #333;
	width: 100%;
}
.divContenidoSeccion p {
	text-align: justify;
}
.divContenidoSeccion h2 {
	font-size: 22px;
	color: var(--morado);
	padding: 20px 0 5px 0;
}
.divContenidoSeccion img {
	max-width: 100%;
	height: auto;
}
.cajaNosotros {
	width: 100%;
	min-height: 265px;
	background-color: #fff;
	padding: 20px 30px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.cajaNosotros h3 {
	font-size: 22px;
	font-weight: 700;
	color: #000;
}
.celda {
	font-size: 16px;
	background-color: #fff;
	border: 1px solid #ccc;
}
.celda i {
	font-size: 30px;
}
.celda a {
	font-weight: 400;
	color: #000;
}

.overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  display: none;
}
.modalHome {
  width: 800px;
  min-height: 440px;
  background-color: rgba(255, 255, 255, 0.9);
  margin-left: calc(50% - 400px);
  margin-top: 80px;
  position: relative;
  padding: 10px 10px;
}
.cerrar {
  position: absolute;
  right: -30px;
  top: -30px;
  font-size: 30px;
  color: #fff;
}
.cerrar a {
	color: #fff;
}
.bx-wrapper .bx-controls-direction a {
	z-index: 99;
}

section.bienvenida {
  padding: 50px 0px 30px 0;
  background-color: #F8F9FA;
  background-image: url('../imagenes/bg_bienvenida_4.jpg');
  min-height: 500px;
  /*background-attachment: fixed;*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; 
}
section.bienvenida h1 {
  font-size: 35px;
  font-weight: 600;
  color: var(--principal);
  line-height: 40px;
}
.textoBienvenida {
  font-size: 20px;
  color: #fff;
  line-height: 27px;
  text-align: justify;
  padding: 20px 20px 20px 0px;
  border-left: 0px solid var(--azul);
}
.textoBienvenida ul {
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 40px;
  margin: 0;	
}

.dropdown-menu li {
	width: 100%;
}
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}

/*********************** FOTOS DETALLE PRODUCTO *********************/
.thumbnailsVertical {
    float: left;
    width: 80px;
    margin-right: 20px;
}
.thumbnailsVertical ul.thumb-vertical {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 80px;
}
.thumbnailsVertical ul li {
  cursor: pointer;
  margin-bottom: 3px;
}
.thumbnailsVertical ul li img {
  width: 100%;
  height: auto;
  border: 1px solid #ccc;
}
.thumbnailsVertical ul li img:hover {
  border: 1px solid #000;
}
.botonPrev {
  width: 80px;
  height: 26px;
  color: #000;
  background-color: #eee;
  text-align: center;
  padding: 3px 0 0 0;
  font-size: 20px;
  cursor: pointer;
  margin-bottom: 5px;
}
.botonNext {
  width: 80px;
  height: 26px;
  color: #000;
  background-color: #eee;
  text-align: center;
  padding: 3px 0 0 0;
  font-size: 20px;
  margin-top: 0px;
  cursor: pointer;
}
.fotosProdGrandes {
  float: left;
  width: calc(100% - 100px);
  overflow: hidden;
}
.fotosProdGrandes img {
  width: 100%;
  height: auto;
}
.anterior {
  float: right;
  margin-right: 20px;
  font-size: 20px;
  color: #666;
}
.siguiente {
  float: right;
  margin-right: 0px;
  font-size: 20px;
  color: #666;
}
.anterior a, .siguiente a {
  color: #666;
  text-decoration: none;
}
ul.fotos-horizontal li a {
  cursor: crosshair;
}


@media (max-width: 1400px) {
	body {
		font-size: 12px;
	}
	.widget-footer-2 ul li {
		font-size: 12px;
	}
}

.divMigajas {
	padding: 15px 0;
}
.divMigajas ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.divMigajas ul li {
	float: left;
	margin-right: 10px;
	color: #666;
}
.divMigajas ul li a {
	color: var(--oscuro);
}

/******************* SECCIONES DE PRODUCTOS ************************/
.tituloCategoria {
	font-size: 30px;
	color: var(--negro);
	padding: 0 0 20px 0;
	font-weight: 700;
}
.producto {
	padding: 20px 20px;
	border: 1px solid #999;
	border-radius: 10px;
	margin: 0 0 20px;
}
.picProducto img {
	width: 100%;
	height: auto;
}
.nombreProducto {
	display: table;
	width: 100%;
}
.innerNombreProducto {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: 60px;
	font-size: 18px;
	font-weight: 700;
	color: var(--negro);	
}
.innerNombreProducto a {
	font-size: 16px;
	font-weight: 700;
	color: var(--negro);	
}
.codigoProducto {
	font-size: 16px;
	color: #000;
}
.btn-amarillo, .btn-magenta {
	background-color: var(--principal);
	color: #fff;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	border-radius: 5px;
	border: none;
	font-weight: 700;
}
.btn-amarillo:hover, .btn-magenta:hover {
	background-color: var(--principal);
	color: #000;
}
.coloresProducto {
	width: 100%;
	min-height: 30px;
}
.colores {
	float: left;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	margin: 5px 5px;
	border: 1px solid #ccc;
}
.nombreSubCategoria {
	text-align: center;
	padding: 10px 0 0 0;
}
.nombreSubCategoria a {
	font-size: 18px;
	font-weight: 700;
	color: var(--negro);	
}
.remove-item i {
	font-size: 30px;
}
.auxCarro {
	width: 600px;
	height: 200px;
	overflow: scroll;
	position: fixed;
	left: 10px;
	bottom: 10px;
	background-color: #eee;
	z-index: 100;
	display: none;
}
.descripcionProducto {
	text-align: justify;
	font-size: 16px;
	line-height: 27px;
	color: #000;
}
.divSocialFooter a {
	display: block;
}
.divSocialFooter a i {
	font-size: 22px;
	color:#fff !important;
	text-decoration: none;
}
.divFacebook {
	width: 40px;
	height: 40px;
	text-align: center;
	background-color: #3b5998;
	padding: 10px 0 0 0;
	position: fixed;
	right: 0;
	top: 35%;
	z-index: 10;
}
.divInstagram {
	width: 40px;
	height: 40px;
	text-align: center;
	padding: 10px 0 0 0;
	position: fixed;
	right: 0;
	top: calc(35% + 50px);
	z-index: 10;
	background: #833ab4;
	background: linear-gradient(
		to bottom,
		#833ab4,#fd1d1d,#fcb045
	);	
}
.divYoutube {
	width: 40px;
	height: 40px;
	text-align: center;
	background-color: #c4302b;
	padding: 10px 0 0 0;
	position: fixed;
	right: 0;
	top: calc(35% + 100px);
	z-index: 10;	
}
.divTiktok {
	width: 40px;
	height: 40px;
	text-align: center;
	background-color: #010101;
	padding: 10px 0 0 0;
	position: fixed;
	right: 0;
	top: calc(35% + 150px);
	z-index: 10;	
}

/************ CABECERA SECCION ****************/
section.cabeceraSeccion {
	padding: 0px 20px;
	background-image: url('../imagenes/bg-titulo.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover; 	
}
.tituloCabecera {
	text-align: center;
	padding: 20px 0;
	font-size: 2rem;
	font-weight: 700;
}
.categoria {
	background-color: #fff;
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
	padding: 20px;
	border-radius: 10px;
	margin-bottom: 30px;
}
.picCategoria {
	width: 100%;
}
.picCategoria img {
	width: 100%;
	height: auto;
}
.nombreCategoria {
	display: table;
}
.innernombreCategoria {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	height: 80px;
}
.innernombreCategoria a {
	color: #000;
	text-decoration: none;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: block;
}

/*************** BANNERS LATERALES **********************/
.divSliderLateral {
	width: 100%;
	margin: 0;
	padding: 0;
}
.divSliderLateral img {
	width: 100%;
	height: auto;
}
.bx-wrapper {
	box-shadow: none;
	border: none;
	padding: 0;
}
.textoSeccion {
	padding: 20px 0;
	font-size: 16px;
	line-height: 27px;
}
.divSlider .item video {
	width: 100% !important;
	height: auto !important;
}
.bxslider img, .bxslider video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/***************** CHECKOUT **********************/
.billing-fields {
  background-color: #eee;
  padding: 0px 0px;
}
.content-sec-head-style {
  background-color: var(--principal);
  padding: 7px 10px;
}
.content-area-sec-title h5 {
  color: #fff;
  padding: 6px 0 0 20px;
  font-weight: 500;
  font-size: 1.4rem;
}
.billing-fields-wrapper {
  padding:20px 30px 20px 30px;
}
.mensajeResultado p {
	font-size: 18px;
}
h3.section-title {
	color: var(--principal);
	font-size: 24px;
	font-weight: 700;
}