/* CSS Document */
@font-face {
	font-family: outfit;
	src: url('/css/fonts/Outfit-VariableFont_wght.ttf');
}

body {
	/* font-family: Verdana, Arial, sans-serif; */
	font-family: outfit !important;
	text-align:center;
	margin:0px;
	padding:0px;
	color:#333333;
	font-size:12px;
	background:#ffffff;
}

#container {
	position:relative;
	width:980px;
	text-align:left;
	margin:auto;	
}
 
.c-primary{
	color: #ec048c !important;
}

/* -------------------------- ESTILOS CABECERA ------------------------- */ 

#cabecera { /* Cabecera del resto de p?ginas */
	position:relative;
	height: 190px;
	width: 980px;
	background-color: #fff;
}

#logo {
	position:absolute;
	top:40px;
	left:25px;	
}


hr#delimiter {
    position: absolute;
    bottom: 0;
    height: 1rem;
    border-radius: 10px;
	border: 0;
    width: 100%;
    background: #ec048c;
}

#ShoppingCart{
	position: absolute;
    top: 37px;
    /* left: 827px; */
    left: 89%;
    width: 140px;
    height: 50px;
}

#CartItem{
	position:absolute;
	top:5px;
	left:0px;
	text-align:left;
	color:#000;
	font-size:14px;
	font-family:arial;
}

#seeCart{
    font-size: 14px !important;
}

.CartItemNumber{
	color:#361e1c;
	font-size:16px;
	font-family:arial;
}

#PriceProductInCart{
	position:absolute;
	top:27px;
	left:0px;		
	text-align:left;
	text-align:left;
	color:#000;
	font-size:14px;
	font-family:arial;
}

.button_header_cart {   
	background: #2e2e2e;
    padding: 5px 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    font-family: Arial, Sans-Serif;
    text-decoration: none;
    vertical-align: middle;
    display: flex;
    width: 100%;
    text-align: center;
    border-radius: 10px;
    align-items: center;
    justify-content: space-between;
}

.button_header_cart:hover {   
   background: #ec048c;
   color: #fff;
   text-decoration:none;
}

#CheckoutButton{
	position:absolute;
	bottom:0px;
	right:0px;
}

#GoCartButton{
	position: absolute;
    top: 130px;
	right: 30px;
	width: 85px;
}

.cart_img img {
    width: 70%;
}

#icon_home {
	position:absolute;
	top:133px;
	left:455px
}

#icon_blog{
    position:absolute;
	top:138px;
	left:390px;
}

#icon_blog a{
    font-size: 15px;
	color: #000;
	text-decoration: none !important;
}

#icon_blog a:hover{
	color: #ec048c;
}

#banderas {
	position: absolute;
    top: 137px;
    left: 510px;
}


#banderas a{
	font-size: 15px;
	margin: 0 2px;
}

#cuadroBusqueda_header{   
    position: absolute;
    top: 130px;
	left: 580px;
	width:230px;
	height:27px;
}

#cuadroBusqueda_header_input{
    position: absolute;
    left: 0px;
    top: 0px;
	width: 247px;
    height: 30px;
    border: 1px solid #685944;
    border-radius: 6px;
    display: block;
    color: #685944;
    padding: 0px 0px 0px 15px;
    margin: 0px;
    font-size: 14px;
	box-sizing: border-box;
}

#cuadroBusqueda_header_button{
	position:absolute; 
	top:4px; 
	left:215px; 	
}

#mama_noel {
	position:absolute;
	top:54px;
	left:300px;	
}

#flashCabecera {
	position:absolute;
	top:0px;
	left:-31px;
}

#infoCabecera {
	position:absolute;
	top:40px;
	right:70px;
}

#infoCabecera div{
	padding: 5px 0px 5px 0px;
}

#info_cesta{
	height:35px;
	position:absolute;
	right:18px;
	top:204px;
}

#info_cesta img{
	border:none;
	position:relative;
	top:6px;
	padding-right:4px;
}

#menuCabecera {
	position:absolute;
	padding:5px 0px 0px 0px;
	width:247px;
	height:235px;
	top:127px;
	left:55px;
}

.botonCabecera {
	position:relative;
	width:160px;
	height:40px;
	color:#FFFFFF;
	font-family:Arial;
	font-size:14px;
	font-weight:bold; 
	text-align:right;
 
 }
 
.botonCabecera a {
	color:#444444;
	font-family:verdana;
	font-size:14px;
	font-weight:bold; 
 	text-decoration:none;
 	letter-spacing:2px;
 }
 
.botonCabecera a:hover {
	color:#111111;
	font-family:verdana;
	font-size:14px;
	font-weight:bold; 
 	text-decoration:underline;
 	letter-spacing:2px; 	
 } 
 #cuadroCalendario{
	display:none;
 }
 #logeo_header{
	display:none;
 }
 #deslogeo_header{
	display:none;
 }
/* --------------- ESTILOS MENU DE LA CABECERA -------------------------- */ 

#menuPrincipal {
	 position:absolute;
	 top:158px;
	 right:50px;
	 width: 600px;
	 height:30px;
	 text-align:right;
}

.elementoMenuTop a{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#216907;
	padding:0px 10px 0px 10px;
}

.elementoMenuTop a:hover{
	color:#59C029;
	text-decoration:underline;
}

#cuerpo {
	position:relative;
	margin:0px auto; 
	padding:0px 0px 0px 0px;
	width:980px;
}

div#breadcrumb {
    margin: 1rem;
}

#breadcrumb a {
    font-size: 15px;
    color: #979797;
    font-weight: normal;
}

#breadcrumb a:last-child {
	color: #1d1d1d;
} 

#contenido {	
	position:relative;
	float:right;
	width:710px;
	/* padding:0px 15px 0px 15px; */
	font-size:14px;
}


#separador {
	clear:both;
}

.category_desc {
	font-size:14px;
	padding:10px;
}

#pie {
	position:relative;
	width:980px;
	height:390px;
	clear:both;	
}

hr#delimiter-footer{
	height: 0.3rem;
    border-radius: 10px;
    border: 0;
    width: 100%;
    background: #ec048c;
    margin-bottom: 3rem;
    margin-top: 5rem;
}

#pie #info {
 	position:absolute;
 	bottom:10px;
 	right:25px;
    font-size: 14px;
}
#pie #info a{
    vertical-align: sub;
}

#pie #copyright{
	position: absolute;
	bottom:10px;
    font-size: 14px;
}

#pie #iva{
 	position:absolute;
 	bottom:10px;
 	left:400px;
	font-size:14px;
}

#pie #tarjetas {
 	position:absolute;
 	top:145px;
 	left:20px;
}
#pie #redes_sociales {
 	position:absolute;
 	top:204px;
 	left:5px;
	width:260px;
}

#pie_logo{
	position:absolute;
	bottom: 80px;
	width:305px;
	height:240px;
	padding:10px 10px 0px 10px;
}

#pie_columna1{
	position:absolute;
	bottom: 80px;
	left:275px;
	width:305px;
	height:240px;
	padding:10px 10px 0px 10px;
}

#pie_columna2{
	position:absolute;
	bottom: 80px;
	left:600px;
	width:180px;
	height:240px;
	padding:10px 10px 0px 10px;
}

#pie_columna3{
	position:absolute;
	bottom: 80px;
	left:780px;
	width:180px;
	height:240px;
	padding:10px 10px 0px 10px;
}

.pie_titulo{
	font-size:18px;
	color:#000;
	margin:0px 0px 10px 0px;
}

.pie_text{
	font-size:14px;
	color:#383639;
	line-height:18px;
}

.pie_categoria{
	margin:6px 0px;
	background:url(imgTemplate/bullet_footer.gif) left no-repeat;
	padding:0px 0px 0px 10px;
}
.pie_categoria a{
	font-size:14px;
	color:#383639;
	font-weight:normal;
}


/*---------------------------COLUMNA IZQUIERDA------------------------------------
--------------------------------------------------------------------------------*/

#lateralIzq {
 	position:relative;
	float:left;
	width:240px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display: inline;	
}

#banner_contactar{
	position:relative;
	text-align:center;
	margin:10px 0px;
}

#banner_contactar img{
 width:100%;
}

#banner_contactar_text{
	position:absolute;
	left:46px;
	top:7px;
	font-family:arial;
	font-size:18px;
	color:#fff;
}

.register_banner {
    text-align: center;
	margin-bottom: 20px;
	margin-top:10px;
}

#bannerVERcomoCliente { max-width: 100%;}


#hazte_cliente img{
	margin-top:5px;
}


.numSubSec {
	display:none;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
}

/*---------------------------TITULOS DE CABECERA---------------------------------
--------------------------------------------------------------------------------*/
td.pageHeading, div.pageHeading {
	padding-left:0px;
}

/*---------------------------NIVELES DE CATEGORIA---------------------------------
--------------------------------------------------------------------------------*/
.class_current { background: #ec048c !important; }
.class_current a{ color: #fff !important; }

.categoria0 {
	/* padding: 10px 0px 10px 0px; */
    margin: 0px 0px 0px 0px;
    border-bottom: 1px solid #fff;
}

.categoria0:hover {
    color:#fff !important;
    background: #ec048c;
}

.categoria0 a{
	color:#363636;
	text-decoration:none;
	font-size:14px;
	margin:0px 0px 0px 12px;

	display: inline-block;
	width: 100%;
	padding: 10px 0px 10px 0px;
}

.categoria0:hover a{
	color:#fff;
	text-decoration:none;	
}

.categoria1 {
	/* padding:5px 0px 5px 8px;	 */
    margin: 0px 12px 0px 12px;
	background: #fff;
	border-bottom:1px solid #efefef;
}

.categoria1:hover {
	background: #ec048c;
	color: #fff !important;
}

.categoria1 a{
	color:#000;
	text-decoration:none;
	font-size:14px;
	font-weight:normal;

	display: inline-block;
    width: 100%;
	padding:5px 0px 5px 8px;	
}

.categoria1 a:before {
    background: url(imgTemplate/dot.svg);
    display: inline-flex;
    content: '';
    background-size: 18px 20px;
    height: 15px;
    width: 19px;
}

.categoria1:hover a{
	color:#fff !important;
}


.categoria1 a:hover{
	color:#000000;
	text-decoration:underline;	
}

/* Categoria 2 */
.categoria2 {
	/* padding:8px 0px 8px 8px; */
	margin:0px 12px 0px 12px;
	background: #fff;	
	border-bottom:1px solid #efefef;
}

.categoria2 a{
	color:#373737;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;

	width: 100%;
    display: inline-block;
	padding:8px 0px 8px 0px;
}

.categoria2 a:hover{
	color:#fff;
	text-decoration:underline;	
}

.categoria2:hover {
	background: #ec048c8a;
	color: #fff !important;
}

.categoria2 a:before {
    background: url(imgTemplate/dot.svg);
    display: inline-flex;
    content: '';
    background-size: 18px 20px;
    height: 15px;
    width: 19px;
	margin-left: 20px;
}

/* Categoria 3 */
.categoria3 {
	/* padding:8px 0px 8px 8px; */
	margin:0px 12px 0px 12px;
	background: #fff;	
	border-bottom:1px solid #efefef;
}

.categoria3 a{
	color:#373737;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;

	width: 100%;
    display: inline-block;
	padding:8px 0px 8px 0px;
}

.categoria3 a:hover{
	color:#fff;
	text-decoration:underline;	
}

.categoria3:hover {
	background: #ec048c8a;
	color: #fff !important;
}

.categoria3 a:before {
    background: url(imgTemplate/dot.svg);
    display: inline-flex;
    content: '';
    background-size: 18px 20px;
    height: 15px;
    width: 19px;
	margin-left: 30px;
}
/*---------------------------ESTILOS DE LOS MENUS DE XTRA PAGES-------------------------------------*/

.elementoMenu{
	width:136px;
	margin-top:2px;
}

.elementoMenu a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#888888;
}

.elementoMenu a:hover{
	color:#009900;
}

.elementoMenuActual {
	width:136px;
	margin-left:5px;
	margin-top:2px;
	background-color:#ededed;
}

.elementoMenuActual a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#2A5D12;
}


/*---------------------------ESTILOS DE LAS CAJAS------------------------------------
--------------------------------------------------------------------------------*/

#contenido .infoBoxHeading {
	/* font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#fff;
	margin: 0px 0px 0px 0px;
	background:#d04936;
	text-align:left;
	padding: 0px 0px 2px 10px; */
	/*  */
	display: block;
    height: 32px;
    margin: 15px auto;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #ec048c;
    border: 1px solid #bbb;
    border-radius: 6px;
    align-content: center;
}

.infoBoxHeadingGrey {
	width:240px;
	height:32px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color: #ec048c;
	margin: 15px 0px 0px 0px;
	background: #fff;
	text-align:center;
	border: 1px solid #bbb;
	border-radius: 6px;
	margin-bottom: 15px;
}


#lateralIzq .infoBoxHeading {
	width: 240px;
    height: 32px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #ec048c;
    margin: 15px 0px 0px 0px;
    background: #fff;
    text-align: center;
	border: 1px solid #bbb;
	border-radius: 6px;
	margin-bottom: 15px;
}

.infoBoxHeading td, .infoBoxHeadingGrey td{
	padding: 0px 0px 2px 10px;
}
		

.infoBoxContents {	
	/*padding:0px 5px 5px 5px;*/
	padding:0px 0px 5px 0px;
	border-radius: 6px;
}

.boxText {	
	background:#dfdfdf;
	border-radius: 6px;
    padding: 5px;
}

#cuadro-cart {
	border-radius: 6px;
}

#cuadro-cart .infoBox{
		width: 240px;
		border-radius: 6px;
		background: #dfdfdf;
}
/*---------------------------------BUSCADOR LATERAL-----------------------*/

#cuadroBusqueda  {
	position:relative;
	width:240px;
	height:50px;
	margin:0px 0px 15px 0px;
	border-radius: 6px;
}


#buscador_lateral{
	text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}

#input_buscador_lateral{
    width: 96%;
    height: 27px;
    border: 0px;
    font-size: 14px;
    color: #6a6a6a;
    border: 2px solid #685944;
    border-radius: 6px;
}

#button_buscador_lateral{
	position:absolute;
	top:15px;
	right: 5%;
}

/*---------------------------------LOGIN LATERAL-----------------------*/

#cuadroLogin {
	position:relative;
	width:240px;
	min-height: 125px;
	background:#dfdfdf;
	margin:20px 0px 0px 0px;
	border-radius: 6px;
	padding-bottom: 0.5rem;
}

#input_login_lateral{
	position:absolute;
	top:10px;
	left:10px;
	background:url(imgTemplate/bg-input-login.jpg) top no-repeat;
	width:200px;
	height:27px;
	border:0px;
	border-radius: 6px;
	font-size:14px;
	color:#6a6a6a;
	padding:0px 0px 0px 10px;	
}

#input_pass_lateral{
	position:absolute;
	top:50px;
	left:10px;
	background:url(imgTemplate/bg-input-login.jpg) top no-repeat;
	width:200px;
	height:27px;
	border:0px;
	border-radius: 6px;
	font-size:14px;
	color:#6a6a6a;
	padding:0px 0px 0px 10px;
	z-index:10;	
}

#input_pass{
	position:absolute;
	top:50px;
	left:10px;
	/*background:url(imgTemplate/capa-password.jpg) top no-repeat;*/
	width:210px;
	height:27px;
	border:0px;
	font-size:14px;
	color:#6a6a6a;
	padding:0px 0px 0px 0px;
	z-index:50;
	cursor:text;
}

#input_submit_lateral{
	position: absolute;
    top: 91px;
    left: 10px;
    background: #fff;
    width: 68px;
    height: 23px;
    border: 0px;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    padding: 0px 0px 2px 0px;
    cursor: pointer;
    border-radius: 6px;
}

#input_submit_lateral:hover{
	color: #fff;
	background-color: #ec048c;
}

#remember_lateral{
	position:absolute;
	top:85px;
	left:90px;
}

#remember_lateral a{
	font-size:11px;
	color:#ec048c;
	font-weight:normal;
	border-bottom:1px solid #ec048c;
}

#remember_lateral a:hover{
	color:#333;
	text-decoration:none;
}

#register_lateral{
	position:absolute;
	top:104px;
	left:90px;
}

#register_lateral a{
	font-size:11px;
	color:#ec048c;
	font-weight:normal;
	border-bottom:1px solid #ec048c;
}

#register_lateral a:hover{
	color:#333;
	text-decoration:none;
}

#login_welcome{
	position:relative;
	margin:0px 0px 0px 15px;
	padding:10px 0px 0px 0px;
	color:#333;
	font-size:14px;
	font-weight:bold;
	text-align:left;
}

.login_option, .btn-box {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 6px;
    margin: 5px 0px 5px 15px;
    color: #000;
    font-size: 14px;
    background: #fff;
}

.login_option:hover , .btn-box:hover{
	color: #fff !important;
	background: #ec048c !important;
}

.order_date{
	color:#222;
	font-weight:bold;
	margin:15px 0px 5px 15px;		
	font-size:14px;	
	font-family:arial;
}

.edit_date{
	color:#ec048c;
	font-weight:normal;
	margin:12px 0px 5px 15px;		
	font-size:14px;	
	font-family:arial;
	text-decoration: underline !important;
}

.edit_date:hover{
	color: #333;
}

.order_date_shipping{
	color:#222;
	font-weight:bold;
	margin:0px 0px 0px 0px;		
	font-size:16px;	
	font-family:arial;
}

.order_date_shipping_edit{
	color:#ec048c;
	font-weight:bold;
	margin:10px 0px 0px 0px;		
	font-size:14px;	
	font-family:arial;
}


/*---------------------------------BOX CARRO COMPRA-----------------------*/

#carro{
	width: 230px;
}

*html #carro{
	width:136px;
}	
.productListing a {
	color:#666666;  
}
.productListing a:hover{
	color:#999999;  
}

#carro .infoBoxContents a/*elementos del carro*/{
	font-size:13px;
	color:#000000;
}

#carro .boxText /*precio total*/{
	font-size:14px;
	font-weight:bold;
	margin-right:8px;
}

#carro .boxText b{
	font-weight: 500;
	font-size: 14px;
}

#carro .boxText a{
	color: #000;
	font-size: 14px;
}

.itemInCart /*numero de elementos*/{
	font-size:14px;
	color:#000000;
	font-weight:normal;
}

.newItemInCart /*Nuevo producto en box carro compra */{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #C0091B;
}

.cabeceraBoxCesta {
	width:200px;
	background-color:#F8D582;
	margin:0px 0px 4px 0px;
	padding:2px 0px 2px 0px;
	text-align:center;

}
.cabeceraBoxCesta span {
	padding:0px 10px 0px 10px;
	color:#85602A;
}

.cabeceraBoxCesta span a{
	color:#85602A;
	text-decoration:none;
}

.img_thumb_grid {
    display: grid;
    grid-template-columns: auto auto auto auto;
    gap: 10px;
    justify-content: center;
    align-items: center;
	padding-top: 10px;
}

/*-------------------------------LISTADOS DE PRODUCTOS--------------------------
------------------------------------------------------------------------------*/

td .smallText a:hover{
	color:#333333;
}



td.pageHeading.title_category {
    display: block;
    height: 32px;
    margin: 15px auto auto;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #ec048c;
    border: 1px solid #bbb;
    border-radius: 6px;
    align-content: center;
}

.subtitle_category{
	display: block;
    height: 32px;
    margin: 15px auto auto;
    font-size: 18px;
    font-weight: normal;
    color: #ec048c;
    align-content: center;
}

td.pageHeading.title_product {
    text-align: left;
    border: none;
    color: #000;
	margin: 15px auto auto;
    display: block;
    font-size: 30px;
    font-weight: 100;
}

td.pageHeading.title_product .label_product {
    text-align: left;
    border: none;
    color: #000;
	font-weight: 100;
    font-size: 15px;
}

a.product-img{
	color: #979797;
    font-size: 17px;
    font-weight: 100;
}

a.product-img img {
    border: 1px solid #ec048c;
}

.btn-small{
	display: inline-flex;
    border: 1px solid #ec048c;
    border-radius: 6px;
    color: #333;
    font-size: 12px;
    width: 50px;
    padding: 2px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
	margin-right: 5px;
}

.btn-agotado{
	display: inline-flex;
    border: 1px solid #ec0423;
    border-radius: 6px;
    color: #fff;
    font-size: 14px;
    width: 100px;
    padding: 2px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
	background-color: #ff4760;
	margin-bottom: 10px;
}

.btn-agots{
    display: inline-flex;
    border: 1px solid #ec0423;
    border-radius: 6px;
    color: #fff;
    font-size: 14px;
    width: 100px;
    padding: 2px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: #ff4760;
}

.btn-product-back, .btn-back, .btn-submit ,.btn-gen{
    display: inline-flex;
    border: 1px solid #ec048c;
    border-radius: 6px;
    color: #333;
    font-size: 14px;
    width: 100px;
    padding: 3px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
	background-color: #fff;
}

a.btn-product-back img, a.btn-back img, .btn-submit img {
    width: 24px;
}

a.btn-product-back svg, a.btn-back svg, .btn-submit svg ,.btn-gen svg {
    fill: #333;
	height: 20px;
	margin-right: 0.2rem;
}


.btn-product-back:hover, .btn-back:hover , .btn-submit:hover, .btn-small:hover , .btn-gen:hover {
	background-color: #ec048c !important;
	color: #fff !important;
}

.btn-product-back:hover svg, .btn-back:hover svg, .btn-submit:hover svg, .btn-small:hover svg, .btn-gen:hover svg {
    fill: #fff;
}

.btn-submit { 
    cursor: pointer;
    background-color: #fff;
    margin-left: 20px;
	font-weight: bold;
	width: 165px;
}

.btn-submit_checkout{
    background: #2e2e2e;
    padding: 5px 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #fff;
    font-size: 16px;
	font-weight: bold;
    font-family: Arial, Sans-Serif;
    text-decoration: none;
    vertical-align: middle;
    display: flex;
    width: 165px;
    text-align: center;
    border-radius: 10px;
    align-items: center;
    justify-content: space-between;
	border:0;
	cursor: pointer;
}

.btn-continue_buy { 
	width: 200px !important;
    background-color: #2e2e2e;
    color: #fff;
    border-color: #fff;
}

.btn-continue_buy svg{
	fill:#fff;
}

.products_description{
	font-size:18px;
}

.attribute{
	font-size: 18px;
	font-weight: bold;
}

.attribute strong{
	font-size: 18px;
	font-weight: 300 !important;
}

td.smallText.card-alsopurchased{
	margin-bottom: 1rem;
    display: inline-block;
    width: 200px;
}

.container-alsopurchased .infoBoxContents tbody {
    display: grid;
    grid-template-columns: auto auto auto;
}

.container-alsopurchased .infoBoxContents tr {
    display: inline-block;
	text-align: center;
}

td.smallText.card-alsopurchased a.image_purchased {
	border: 1px solid #bbb;
    border-radius: 6px;
    width: 200px;
    height: 200px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: stretch;
    align-items: center;
}

td.smallText.card-alsopurchased a.ref_purchased_product {
    font-size: 16px;
    color: #000;
    width: 90%;
    display: inline-block;
    margin-bottom: 2rem;
}

td.smallText.card-alsopurchased a img {
    width: 200px;
    max-height: 200px;
    height: auto;
	border-radius: 6px;
}
/*---------------------------ESTILOS DEL BLOQUE DE SECCIONES-----------------------
--------------------------------------------------------------------------------*/

#bloqueSecciones {
	width: 560px;
	margin-left:5px;
	text-align:center;
}

.elementoSeccion {
	/* width: 160px;
	height: 203px;
	float: left;
	background: #000;
	margin: 8px 8px 15px 8px;
	position: relative;
	text-align:center;
	display:block;
	border-radius: 5px; */
	display: flex;
	width: 225px;
    height: 300px;
    float: left;
    background: #000;
	margin: 0;
    position: relative;
    text-align: center;
    border-radius: 6px;
    flex-direction: column-reverse;
    justify-content: space-between;
}

.elementoSeccion:hover {
	background-color: #ec048c;
}

.styleSeccionImage{
 	/* position:absolute;
	top:48px;
	left:2px;
	display:block;
	margin: 0px 0px 0px 0px;
	width:156px;
	height:153px;		
	z-index:50; */
	/* position: relative; */
    /* top: 47px; */
    /* right: 1px; */
    display: block;
    margin: 0px 0px 0px 0px;
	width: 225px;
    height: 225px;
    z-index: 50;
}
.styleSeccionImage a{
	width: 100%;
	height: 100%;
}

.styleSeccionImage img{
	width: 100%;
	height: 100%;
	border-radius: 0 0 5px 5px;
}

.img-cover-category {
    height: 100%;
    background-position: center;
    background-size: cover;
	border-radius: 0 0 5px 5px;
}

.styleSeccionName {
    position: relative;
    display: flex;
    top: 0;
    height: 25%;
    text-align: center;
    overflow: hidden;
    justify-content: center;
    align-items: center;
}

.styleSeccionName a {
	display:block;
	font-size:16px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

.styleSeccionName a:hover{
	color:#fff;
	text-decoration:none;	
}

.styleSeccionAdorno{
	position:absolute;
	top:-5px;
	left:0px;
	z-index:500;
}
/*---------------------------ESTILOS DEL BLOQUE DE PRODUCTOS-----------------------
--------------------------------------------------------------------------------*/

#bloqueProductos {
	position:relative;
	z-index:10;	
}

.bloqueProductos {		
	text-align:center;
	position:relative;	
}

.bloqueProductos .productListing-heading {
	display:none;
}

.productListing-even td, .productListing-odd td  {
	vertical-align:middle;
}

td.productListing-remove a {
    margin: 0 35px;
    width: 30px;
	border: 0;
}

td.productListing-remove svg {
    margin: 0;
	height: 30px;
}

.elementoProducto {
	display: inline-flex;
    width: 223px;
    /* position: relative; */
    /* text-align: left; */
    /* margin: 0px 0px 15px 20px; */
	/*margin-bottom: 30px;*/
	
    flex-direction: column;
	justify-content: flex-start;
    align-items: center;
	border: 1px solid #bbb;
	border-radius: 6px;
}

.elementoProducto:hover {
	border-color:#ec048c;
}
.styleProductModel {
}

.styleProductName {
    min-height: 45px;
	width: 90%;
	/* padding: 0 8px; */
}

.styleProductTextRange{
	position: relative;
    float: left;
    /* margin: 5px 0px 5px 15px; */
    /* width: 550px; */
    background: #ec048c2b;
    /* padding: 5px 10px; */
    color: #ec048c;
    font-weight: bold;
    padding: 5px 10px;
    margin-bottom: 5px;
	width: 92%;
}

.styleProductTextRange span{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.styleProductTextRangeArrow{
	background:url(imgTemplate/arrow_text.png) no-repeat 0 0;
	width:7px;
	height:14px;
	left: -7px;
    position: absolute;
}
.styleProductDescriptionListing {
	position:relative;
	float:left;
	margin:10px 0px 0px 15px;
	width:570px;	
	overflow:hidden;
}

.styleProductName a {	
	font-size: 16px;
	font-weight:bold;	
	color:#000;
	font-family:arial;
}

.styleProductName a:hover{
	color:#333;	
}

.styleProductCaracteristicas {
	position:relative;
	float:left;
	margin:15px 0px 35px 15px;
	display:block;
	font-size:12px;
	font-weight:normal;	
	color:#333333;
	text-align:left;
}

.styleProductsRanges{
	position:relative;
	clear:both;
	width: 90%;
	/* margin:0px 0px 0px 130px; */
}
.container_range{   
    padding-bottom: 15px;
}
.table_price_break{
	padding: 0px;
	margin-top: 5px;
}
.table_price_break .one_price_break{
	font-size:14px;
	color: #000;
}
.styleProductManufacturer {
	display:block;
	font-size:14px;
}

.toggle_prices {
    display: none;
}

button#see_more_prices {
    border: 0;
    width: 100%;
    margin: 5px 0;
    padding: 5px;
    border-radius: 6px;
    background-color: #2e2e2e;
    color: #fff;
    cursor: pointer;
}

button#see_more_prices:hover{
	background-color:#ec048c;
}

.styleProductQuantity {
	position:absolute;
	top:45px;
	right:20px;
	font-size:13px;
	font-weight:bold;
}

.styleProductQuantityPaquete {
	position:absolute;
	top:35px;
	left:142px;
	font-size:13px;
	font-weight:normal;	
	color:#333333;	
	display:none;
}

.styleProductMedida {
	position:absolute;
	top:66px;
	left:144px;
	font-size:12px;
	font-weight:normal;	
	color:#333333;
	text-align:center;
}

.styleProductColor {
	position:absolute;
	top:66px;
	left:262px;
	font-size:12px;
	font-weight:normal;	
	color:#333333;
	text-align:center;
}

.styleProductCalidad {
	position:absolute;
	top:66px;
	left:380px;
	font-size:12px;
	font-weight:normal;	
	color:#333333;
	text-align:center;
}

.styleProductOrigen {
	position:absolute;
	top:66px;
	left:500px;
	font-size:12px;
	font-weight:normal;	
	color:#333333;
	text-align:center;
}
.styleProductTallos {
	position:absolute;
	top:66px;
	left:610px;
	font-size:12px;
	font-weight:normal;	
	color:#333333;
	text-align:center;
}

.styleProductDescription {
	position:absolute;
	top:103px;
	left:144px;	
	width:537px;
	height:30px;
	overflow:hidden;
	color:#222;
	font-size:14px;
	font-family:arial;
 }
 
 .styleProductAtributo {
	position:relative;
	float:left;
	margin:0px 0px 0px 0px;
	width:94px;
	height:26px;
	color:#222;
	font-size:14px;
	font-family:arial;
	text-align:center;
	padding:2px 0px 2px 0px;
	font-weight:normal;	
 }
 
 
.styleProductWeight {
}

.styleProductImage{
	/* position:relative;
	float:left;
	width:115px;
	height:115px; */
	/*border:1px solid #d3d3d3;*/
	width: 100%;
	text-align: center;
}

.styleProductImage a{
	height: 100%;
    text-align: center;
    display: block;
    margin-bottom: 10px;
	color: #bbbb;
}

.styleProductImage a img{
    height: auto;
	/*width: 99%;
	border: 1px solid #bbbb;*/
	max-width: 100%;
    border-radius: 6px;
}

.styleProductAltura {
	left:5px;
	position:absolute;
	top:105px;
}

span.negrita{
	font-weight:bold;
}

.cartQuantity {
	padding-right: 10px;
	font-size: 13px;
	
}

.inputCartQuantity{
	width: 60px;
    height: 20px;
    color: #000;
    border: 1px solid #ec048c;
}

.cartPrice{
    color: #3189e6;
    font-size: 16px;
    padding: 0 10px;
	font-weight: bold;
}
.cartQuantityText{
    padding: 0 5px 0 0;
	font-size: 14px;
	color: #000;
}

.cartQuantityMessage{
	display: inline-block;
    margin-bottom: 10px;
    font-size: 13px;
    color: #000;
}


/*
.cartQuantityText {
	position:absolute;
	top:13px;
	right:145px;
	font-size:14px;
}

.cartQuantityInput {
	position:absolute;
	top:12px;
	left:560px;
	font-size:14px;
	color:#db7280;
	text-align:center;
	width:35px;
	height:18px;
	border:1px solid #bdbdbd;
}


.styleProductBuyNow {
 	position:absolute;
	bottom:10px;
	right:20px;
	width:68px;
	height:23px;
	text-align:center;
	display:none;
}

.styleProductPrice {
 	position:absolute;
	top:11px;
	right:226px;
	font-size:18px;
	font-weight:bold;
	color:#dc7181;
	text-align:right;
	font-family:arial;
}
*/
.button_buy_now{
	background: #000;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    height: 23px;
    margin: 5px;
    text-align: center;
    width: 80px;
    border-radius: 6px;
}


.button_buy_now:hover{
	color:#fff;
	background-color: #ec048c;
	text-decoration:none;
}

.button_sold_out{
	color:#fff;
	background:url(imgTemplate/bg-btn-red.png) top no-repeat;
	border: medium none;
    color: #FFFFFF;   
    font-size: 13px;
    height: 23px;
    margin: 5px 10px;
    padding: 0 0 2px;
    text-align: center;
    width: 68px;
}


.button_not_available{
 	position:absolute;
	top:14px;
	right:20px;
	color:#fff;
	background:url(imgTemplate/bg-btn-gray.png) top no-repeat;
	width:90px;
	height:23px;
	display:block;
	padding:3px 0px 0px 0px;
	margin:0px;	
	border:none;
	text-align:center;
	font-size:13px;
}

.agotado{
	color:#ff0000;
}

.paginacionProductos /*numero de paginas de productos, debajo de un listad0*/ {
	/*width:510px;*/
	margin-top:10px;
	clear:both;
	padding:2px;
	position:relative;
}

.paginacionProductos .smallText{
	font-size:14px;
	color:#ec048c;
	display:block;
	margin:10px 0;
}

SPAN.markProductOutOfStock {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #c76170;
	font-weight: bold;
}

SPAN.productSpecialPrice {
	font-family:Arial, Helvetica, sans-serif;
	color: #ff0000;
}

div#agregue_comentario{
	width:500px;
	padding-left:4px;
	font-size:14px;
	color: #ec048c;
}


.button_buy {
	-moz-box-shadow:inset 0px 1px 0px 0px #9acc85;
	-webkit-box-shadow:inset 0px 1px 0px 0px #9acc85;
	box-shadow:inset 0px 1px 0px 0px #9acc85;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9ddc51), color-stop(1, #5f921c));
	background:-moz-linear-gradient(top, #9ddc51 5%, #5f921c 100%);
	background:-webkit-linear-gradient(top, #9ddc51 5%, #5f921c 100%);
	background:-o-linear-gradient(top, #9ddc51 5%, #5f921c 100%);
	background:-ms-linear-gradient(top, #9ddc51 5%, #5f921c 100%);
	background:linear-gradient(to bottom, #9ddc51 5%, #5f921c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9ddc51', endColorstr='#5f921c',GradientType=0);
	background-color:#9ddc51;
	border:1px solid #3b6e22;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	padding:6px 20px;
	text-decoration:none;
}
.button_buy:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5f921c), color-stop(1, #5f921c));
	background:-moz-linear-gradient(top, #5f921c 5%, #5f921c 100%);
	background:-webkit-linear-gradient(top, #5f921c 5%, #5f921c 100%);
	background:-o-linear-gradient(top, #5f921c 5%, #5f921c 100%);
	background:-ms-linear-gradient(top, #5f921c 5%, #5f921c 100%);
	background:linear-gradient(to bottom, #5f921c 5%, #5f921c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f921c', endColorstr='#5f921c',GradientType=0);
	background-color:#5f921c;
}
.button_buy:active {
	position:relative;
	top:1px;
}


.styleProductInfoRanges{
	background:#FFF;
	color: #ec048c;
	padding:10px;
	border:1px solid #ec048c;
	border-radius: 6px;
    margin-bottom:10px;
}
.table_price_break_product_info{
	padding: 0px;
	text-align: left;
	font-size: 14px;
}
.one_price_break_product_info{

}
#styleProductInfoTextRange{
	 background: #eeeeee none repeat scroll 0 0;
    color: #000000;
    font-weight: normal;
    margin: 5px 0;
    padding: 5px 10px;
	font-size: 18px;
}
.attribute{
	margin:5px 0px;	
}

/*--------------------------GALERIA JQUERY------------------------------------
-------------------------------------------------------------------------------*/


#slides {
	display: block;
    position: relative;
    z-index: 100;
    width: 100%;
    /* height: 271px; */
	height: auto;
    margin: 15px 0px 15px 0px;
}

.slides_container {
	height: 355px;
}

.slides_products > .slides_container {
	height: 222px;
}

.slides_products a.btn_prev_gproduct, .slides_products a.btn_next_gproduct{
	position: absolute;
    top: 45%;
	height:auto;
	color:#000;
	z-index: 999;
	visibility: hidden;
}

.slides_products a.btn_prev_gproduct{
	left:0;
	display: flex;
    flex-direction: row-reverse;
}

.slides_products a.btn_prev_gproduct:after{
	visibility: visible;
	width: 30px;
    height: 30px;
    content: "";
    background: url(imgTemplate/gallery_left.svg);
    background-size: cover;
}

.slides_products a.btn_next_gproduct{
	right: 0;
    display: inline-block;
}

.slides_products a.btn_next_gproduct:after{
	visibility: visible;
	width: 30px;
    height: 30px;
	display: inline-block;
    content: "";
    background: url(imgTemplate/gallery_right.svg);
    background-size: cover;
}

.slides_products {
    position: relative;
	/*border: 1px solid;*/
    border-radius: 6px;
}

.slides_products *{
	border-radius:6px;
}

.slides_products .slides_control{
    height:100% !important;
}

.slides_products .slides_control .slide{
	height: 100% !important;
}

.slides_products .slides_control .slide img {
    max-height: 100% !important;
}

#slides .slide {
	padding:0px 0px 0px 0px;
	width:100%;
	height:auto;
	border-radius:6px;	
	overflow:hidden;
	
}

#slides .slide img {
	border:0px;	
    height: auto;
	width: 100%;
}

#slides .pagination {
    margin: 15px auto 0;
    padding: 0;
    width: 100%;
    height: 20px;
    /* text-align: center; */
    display: flex;
    justify-content: center;
}

#slides > .slides_container > .slides_control{
	width: auto !important;
}

#slides .prev {
	position:absolute;
	top:95px;
	left:-32px;
	display:block;
	z-index:101;
}

#slides .next {
	position:absolute;
	left:661px;	
	top:95px;
	display:block;
	z-index:101;
}

/*
	Pagination
*/

.pagination {
	margin:15px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 3px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:11px;
	height:0;
	padding-top:12px;
	background-image:url(imgTemplate/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/*---------------------------ESTILOS GENERALES------------------------------------

--------------------------------------------------------------------------------*/

h1 {
	font-size:24px;
	color:#D6556B;
	/*margin-bottom:10px;*/
}

h2 {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#7B1B65;
}

a { 
	color:#ec048c; 
	text-decoration: none; 
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration: none !important;
}

a:hover { 
  color: #ec048c; 
  text-decoration: underline; 
}

.Estilo1 {
	color: #00CC33;
	font-weight: bold;
}

img{
	border:0px;
}

#tabla1 {
      position:relative;
      width:250px;
      height:208px;
      float:left;
}

#tabla2 {
      position:relative;
      width:250px;
      height:208px;
      float:left;
      left:100px;
}

/*^-----------COOKIES------------*/
#cookies-message {
    bottom: 0;
    font-family: Arial,Verdana;
    font-size: 14px;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 999999999;
    background: none repeat scroll 0 0 rgba(221, 221, 221, 0.9);
    border-top: 1px solid #AAAAAA;
}

#cookies-message-container{
    margin: 5px auto;
    text-align:center;
    position: relative;
    text-align: center;
    width: 90%;   
}

/*-------CATALOGO----------*/
.box_catalogo{}
.text_catalogo{
	display: block;
    margin: 15px auto auto;
    padding: 13px;
    margin-bottom: 10px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #ec048c;
    border: 1px solid #bbb;
    border-radius: 6px;
    align-content: center;
}
.text_catalogo a{
	color:#2d6711;
	font-size:16px;
	
}
/* modal almacenes */
#bodyalmacenes{
    /*background:#ffffff url(imgTemplate/fondo-selector-almacenes.jpg) repeat;*/
}
#almacen_div{
    margin-top: 60px;
    text-align: center;
}
.button_almacen_sel{
        /*background:#ffffff url(imgTemplate/btn-almacen.jpg) no-repeat;*/
		background-color: #ec048c;
		border-radius: 6px;
        width: 199px;
        height: 22px;
        text-align: center;
        color: #FFF;
        font-size: 18px;
        display: block;
        margin:  0px auto;
        padding: 13px 0px;
}
.button_almacen_sel:hover{
    text-decoration: none;
    color: #FFF;
}
.image_half{
	/*width:47.5%;
	margin:1%;*/
	width: 100%;
}

.banner-home {
    display: block;
}

.img-banner {
    display: inline-block;
	width: 47.5%;
    margin: 1%;
}

.img-banner-full {
	display: inline-block;
	width: 97.5%;
    margin: 1%;
}

.img-banner a {
    width: 100%;
    display: block;
}
/*------- RESPONSIVE ----------*/
.option-menu {
    font-size: 13px;
}

.grid-table {
    display: grid;
    grid-template-columns: auto auto auto;
	grid-gap: 20px;
	align-items: start;
	grid-template-columns: repeat(3, 1fr);
	align-items: stretch;
}

.container_categories {
    display: grid;
    grid-template-columns: auto auto auto;
	gap: 15px;
	grid-template-columns: repeat(3, 1fr);
}

@media screen and (min-width: 1400px) {
	#container, #cabecera, #cuerpo, #pie { width: 1370px; }
	#contenido{ width: 1090px; }
	.slides_container { height: 495px; }
	.slides_products > .slides_container { height: 248px; }
	.grid-table {
		display: grid;
		grid-template-columns: auto auto auto auto;
		grid-gap: 30px;
		grid-template-columns: repeat(4, 1fr);
	}

	/*Left-column*/
	#lateralIzq{ width: 250px}
	#lateralIzq .infoBoxHeading {width: 250px;}
	#lateralIzq .infoBoxHeading { width: 250px;}
	#cuadroLogin { width: 250px; }
	#carro, #cuadro-cart, #cuadro-cart .infoBox, 
	.infoBoxHeadingGrey{ width: 250px; }
	#cuadroBusqueda {width: 250px;}
	
	#input_login_lateral ,#input_pass_lateral, #input_submit_lateral{left:20px;}
	#remember_lateral , #register_lateral{left:100px}
	
	
	/* Header */
	#cuadroBusqueda_header { left: 980px; }	
	#banderas { left: 900px; }
	#icon_home {left: 845px;}
	#icon_blog { left: 775px;}
	#ShoppingCart { left: 92%; }

	/* Footer */
	#pie_columna3 {	right: 12%; left: unset;}
	#pie_columna2 { right: 30%; left: unset;}
	#pie_columna1 { right: 50%; left: unset;}
	#pie_logo img { width: 165px; }


	/* 230px */
	.elementoProducto{width: 250px;}

	/* Category */
	.container_categories { 
		grid-template-columns: auto auto auto auto;	
		gap: 62px;
		grid-template-columns: repeat(4, 1fr);
	}

	.container-alsopurchased .infoBoxContents tbody { grid-template-columns: auto auto auto auto; }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
	#container, #cabecera, #cuerpo, #pie  { width: 1170px; }
	#contenido{ width: 875px; }
	.slides_container { height: 425px; }
	.slides_products > .slides_container { height: 248px; }
	
	.grid-table { grid-gap: 20px 60px;
		grid-template-columns: repeat(3, 1fr); }

	/*Left-column*/
	#lateralIzq{ width: 250px}
	#lateralIzq .infoBoxHeading {width: 250px;}
	#lateralIzq .infoBoxHeading { width: 250px;}
	#cuadroLogin { width: 250px; }
	#carro, #cuadro-cart, #cuadro-cart .infoBox,
	.infoBoxHeadingGrey{ width: 250px; }
	#cuadroBusqueda {width: 250px;}
	
	#input_login_lateral ,#input_pass_lateral, #input_submit_lateral{left:20px;}
	#remember_lateral , #register_lateral{left:100px}
	
	/* ----------- Header */
	#cuadroBusqueda_header { left: 780px; }
	#banderas { left: 700px; }
	#GoCartButton {right: 30px; }
	#icon_home {left: 640px;}
	#icon_blog { left: 570px; }
	.elementoProducto{width: 250px;}
	#ShoppingCart { left: 91%; }
	/* 290px */

	/* Category */
	.container_categories {	
		grid-template-columns: auto auto auto;	
		gap: 98px;	
		grid-template-columns: repeat(3, 1fr);}
}

@media screen and (min-width: 767px) {
/* 230px */
}

/*
#cuerpo{
	display: flex;
    align-content: stretch;
	justify-content: space-between;
}

#separador {
    display: none;
}

#categories_left {
    position: sticky;
    top: 20px;
}*/