/*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; }

.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; }

.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; }


.main-footer .footer-logo{
	width: 200px !important;
	margin: 0 auto 10px auto !important;
}
.sweet-alert button{
	font-size: 13px !important;
	border-radius: 0px !important;
}
.sweet-alert h2{
	font-size: 20px !important;
	line-height: 20px !important;
	margin: 13px 0px !important;
}
.top-header{
	background: #002367 !important;
	overflow:auto;
}
.top-header li{
	display: inline-block !important;
	padding: 4px 10px !important
}
.top-header li a{
	line-height: 15px !important;
	color: #FFFFFF !important;
	font-size: 14px !important;
}
.page-title{
	padding: 60px 0px !important;
}
.normal-title-custom h3{
	font-size: 22px !important;
}
.cart-outer .cart-table{
	min-width: 800px !important;
}
.quantity-spinner-custom{
	width: 50px !important;
}
.cart-table-custom thead tr th{
	font-size: 10px !important;
	text-align: center !important;
}
.cart-table-custom tbody tr td{
	font-size: 12px !important;
	text-align: center !important;
}
.cart-table-custom tbody tr td{
	padding: 5px 17px;
}
.theme-btn-custom{
	width: 70px !important;
	padding: 2px !important;
}
.description_producto{}

.description_producto tr th{
	padding-right: 10px !important;
	font-weight: 700 !important;
	color: #002367 !important;
}
.description_producto tr{
	line-height: 15px !important;
	border-bottom: 0px !important;
}
.description_producto tr td{
	padding: 0px 10px !important;
}
.cart-table tbody tr .prod-column .column-box{
	padding-top: 0px !important;
}
.quantity-spinner{
	width: 50px !important;
	height: 50px !important;
	line-height: 50px !important;
	text-align: center !important;
	border: 1px solid #DDDDDD !important;
}
.btn-update{
	text-align: center !important;
	width: 150px !important;
}
.category-link{
	display: block !important;
	font-size: 17px !important;
	text-transform: uppercase !important;
	text-align: center !important;
	padding: 10px !important;
	font-weight: 600 !important;
}
.image-box-custom:hover:before{
	content: "";
	width: 100%;
	height: 100%;
	background: rgb(0,0,0, 0.4) !important;
	position: absolute;
    -webkit-transition: width 2s; /* Safari */
    transition: width 2s;
	z-index: 10 !important;
}
.footer-bottom{
	font-size: 12px !important;
	overflow: auto;
	text-transform: uppercase;
}
.footer-bottom a{
	font-size: 12px !important;
	color: #FFF !important;
}
.footer-bottom a:hover{
	text-decoration: underline !important;
}
.main-header .info-box{
	padding: 0px 0px 0px 46px !important;
	min-width: 182px !important;
	margin-left: 18px !important;
}
.main-header .info-box .icon-box{
	line-height: 37px !important;
}
.tp-dottedoverlay{
	background-color: rgba(0, 0, 0, 0) !important;
}
.main-slider .tp-dottedoverlay{
	background-color: rgba(0, 0, 0, 0) !important;
}

@media (max-width: 900px){
	.upper-right {
		display: none;
	}
}

@media (max-width: 390px){
	/*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; }

	.cart-table-custom thead tr th{
		display: none !important;
	}
	.cart-table-custom thead tr th:first-child{
		display: block !important;
	}
	.cart-table-custom tbody tr td{
		display: none !important;
	}
	.cart-table-custom tbody tr td:first-child{
		display: block !important;
	}
	.cart-outer .cart-table{
		min-width: 300px !important;
	}
	.main-header .header-upper .upper-column.info-box {
		display: inline-block;
		width: 100% !important;
		float: left !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
		padding-left: 0px !important;
	}
	.main-header .info-box .icon-box{
		margin: 10px auto 10px !important;
	}


}


.swal2-popup {
	width: 42em;
	max-width: 100%;
	font-size: 1.3rem;
}
/******************** BOTONES WHATSAPP FOOTER ********************/
.whatsapp {
  position: fixed;
  bottom: 70px;
  right: 10px;
  width: 50px;
  height: 50px;
  background: rgb(77, 194, 71) none repeat scroll 0% 0% !important;
  border-radius: 50%;
  transition: all 0.5s ease 0s;
  padding: 5px;
  z-index: 1001;
  border: 0px none;
}
.iconoWhatsapp {
  float: none;
  width: 40px;
}
.numeroWhatsapp {
  float: left;
  width: 110px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  margin-top: -3px;
}
.numeroWhatsapp a {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  text-decoration: none; 
  outline: none; 
  line-height: 28px;
}
.numeroWhatsapp span {
  font-size: 11px;
  display: block;
  line-height: 12px;
}
.tituloArticulo {
	width: 100%;
	height: 50px;
}
.divLibro img {
    width: 150px;
    height: auto;
}