@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400&display=swap');

body {
	font-family: 'Montserrat', sans-serif; 
}


/************************/
/**      GENERALES     **/
/************************/
.container {
  ///width:100%;
}
.list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -40px;
}
.list-item {
  display: flex; 
  padding: 0.5em;
  width: 50%;
}
@media (max-width: 767px) {
   .list-item {
        padding: 0.1em;
    }
}
.list-content {
   display: flex;
   flex-direction: column;
   background-color: #fff;
   padding: 1em;
   width: 100%;
}
.list-content p {
  flex: 1 0 auto;
}
@media all and (min-width: 40em) {
  .list-item {
    width: 50%;
  }
}
@media all and (min-width: 60em) {
  .list-item {
    width: 25%;
  }
}




.Fondo_Principal {
      background-color:#f4f4f4;
      /*
        background-image: url("../imagenes/FondoPrincipal.jpg");
		background-position: center center;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: cover;
      */
}
.Banner_Principal {
	background-color:#ffffff; 
	position: relative; 
	top:-20px;	
}
.Sellos_Productos {
	background-color:#ffffff;
        border: 2px solid #dddddd;
        transition: all .3s ease-in-out;        
        height: 200px;
        width: 150px;
}
@media (min-width: 767px) {
   .Sellos_Productos:hover {
       background-color: #ffffff;	
       border: 0px solid #ffffff;
       -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.5);
       box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.5);
       -webkit-transform: scale(1.06);
       -ms-transform: scale(1.06);
       transform: scale(1.06);
       transition: all .3s ease-in-out; 
   }
}
.Principal_ImporteEntero {
	color: #000000;
	font-family: 'Montserrat', sans-serif; 
	font-size: 24px; /* 18 */
	display:inline;
}
.Principal_ImporteCentavos {
	color: #000000;
	font-family: 'Montserrat', sans-serif; 
	font-size: 12px; /* 6 */
	display:inline;
}
.Control_BarraSuperior {
	background-color: rgba(180,180,180,0.5); 
	border-bottom:1px solid #cccccc;	
}


/* Navegacion productos */
/* navbar */
.navbar-default {
    //background-color: #333322; /* COLOR PRINCIPAL */
    //border-color:     #333333; /* COLOR PRINCIPAL */

   background-color: transparent; /* COLOR PRINCIPAL */
   border-top-color: #ddd;
   border-bottom-color: #ddd;
   border-right-color: transparent;
   border-left-color: transparent;
   margin-bottom:30px;
}
/* title */
.navbar-default .navbar-brand {
    // color: #f8f8f8;
   color: #333333;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    // color: #ffffff;
    color: #333333;
}
/* link */
.navbar-default .navbar-nav > li > a {
    // color: #f8f8f8;
   color: #333333;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
   // color: #ffffff;
   color: #333333;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #E7E7E7;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #D5D5D5;
}
/* caret */
.navbar-default .navbar-nav > .down > a .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}
.navbar-default .navbar-nav > .down > a:hover .caret,
.navbar-default .navbar-nav > .down > a:focus .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}


/* mobile version */
.navbar-default .navbar-toggle {
    // border-color: #DDD;
    border: 0px;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    // background-color: #333333; /* COLOR PRINCIPAL */
    background-color: transparent; /* COLOR PRINCIPAL */
}
.navbar-default .navbar-toggle .icon-bar {
    // background-color: #ffffff;
    background-color: #333;
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .down-menu > li > a {
	        color: #ffffff;
	        background-color: #ffffff;
    }
    .navbar-default .navbar-nav .open .down-menu > li > a:hover,
    .navbar-default .navbar-nav .open .down-menu > li > a:focus {
        color: #333;
    }
    .navbar .navbar-nav {
	padding-left:  10px;
	padding-right: 20px;
   }
   .navbar .navbar-nav .open {
	background-color: #ffffff;
	border:1px solid #999999; 
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
   }
}


/* Centrado de Menu */
 .nav.navbar-nav {
        display: initial;
        justify-content: center;
        flex-wrap: wrap;
        float: none;
 }

@media (max-width: 767px) {
   .nav.navbar-nav {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        float: none;
    }
}
@media (min-width: 768px) {
   .nav.navbar-nav {
       display: inline-block;
      -webkit-box-pack: center; /* justify-content */
      -webkit-box-align: center; /* align-items */
       justify-content: center;
       flex-wrap: wrap;
       float: none;
    }
}


/************************/
/**  PLECAS ESPECIALES **/
/************************/

.Pleca_Amigos {
	background-color:#ff961d;
	color:#fff; 
}
.Pleca_AmigosTexto {
	font-size: 12px;
	padding:10px;	 	
}
.Pleca_AutoShip {
	background-color:#76608a;
	color:#fff; 
}
.Pleca_AutoShipTexto {
	font-size: 12px;
	padding:10px;	 	
}
.Pleca_Lealtad {
	background-color:#76608a;
	color:#fff; 
}
.Pleca_LealtadTexto {
	font-size: 12px;
	padding:10px;	 	
}

/************************/
/** CAPTURA ESPECIALES **/
/************************/
.CapturaRapida_Box {
	border:2px solid #555555; 
	-webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);		
}
.CapturaRapida_Box > .panel-heading {
  color: #eeeeee;
  background-color: #666666;
  border-color: #666666;
}
.CapturaRapida_Box > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #666666;
}
.CapturaRapida_Box > .panel-heading .badge {
  color: #666666>;
  background-color: #eeeeee;
}
.CapturaRapida_Box > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #666666;
}
.CapturaRapida_Close {
	color:#333333; 
	margin:2px;		
}
.CapturaRapida_Titulo {
  	font-size: 14px;	
}
.CapturaRapida_Texto {
	width:200px;
	height:100px;
	border:1px solid #dddddd;
}
.CapturaRapida_Comprar{
	background-color: #337ab7;
  	border-color: #2E6DA4;
  	margin-top: 5px;
}


.Especial1_Box_BotonPPAL {
	background-color: #337ab7;
  	border-color: #2E6DA4;
  	margin-top: 5px;
  	margin-right: 5px;
}
.Especial1_Box {
	border:2px solid #555555; 
	-webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);		
}
.Especial1_Box > .panel-heading {
  color: #eeeeee;
  background-color: #666666;
  border-color: #666666;
}
.Especial1_Box > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #666666;
}
.Especial1_Box > .panel-heading .badge {
  color: #666666>;
  background-color: #eeeeee;
}
.Especial1_Box > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #666666;
}
.Especial1_Close {
	color:#333333; 
	margin:2px;		
}
.Especial1_Titulo {
  	font-size: 14px;	
}


.Especial2_Box_BotonPPAL {
	background-color: #337ab7;
  	border-color: #2E6DA4;
  	margin-top: 5px;
  	margin-right: 5px;
}
.Especial2_Box {
	border:2px solid #555555; 
	-webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);		
}
.Especial2_Box > .panel-heading {
  color: #eeeeee;
  background-color: #666666;
  border-color: #666666;
}
.Especial2_Box > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #666666;
}
.Especial2_Box > .panel-heading .badge {
  color: #666666>;
  background-color: #eeeeee;
}
.Especial2_Box > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #666666;
}
.Especial2_Close {
	color:#333333; 
	margin:2px;		
}
.Especial2_Titulo {
  	font-size: 14px;	
}

/************************/
/**  THUMB PRODUCTOS   **/
/************************/

/* ribbons */
.marker-ofe {
  color: #caffa6;
}
.marker-top {
  color: #ffb5a8;
}
.marker-new {
  color: #bfdaff;
}

/* Caja de Productos */
.Productos_Caja {
  background-color: rgba(255,255,255,1);	
  border: 1px solid #dddddd;
  transition: all .3s ease-in-out; 
  width:100%;
}
.contenedorimagen {
	padding: 2px;
}
@media (min-width: 767px) {
    .Productos_Caja:hover {
        background-color: #ffffff;	
        border: 0px solid #ffffff;
        -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.5);
        box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.5);
        -webkit-transform: scale(1.06);
        -ms-transform: scale(1.06);
        transform: scale(1.06);
        transition: all .3s ease-in-out; 
   }
}

.Producto_MasMenos {
	color:#666666; 
	margin:2px;	
        border:0px;
        background-color:transparent;
}
.Producto_CampoCantidad {
	text-align:center; 
	height: 23px; 
	width: 30px;
        border:none; 
        background-color:transparent;	
}
.Producto_LeyendaCantidad {
	font-size:10px; 	
}
.Producto_Comprar{
	background-color: #337ab7;
  	border-color: #2E6DA4;
}
.Producto_Descripcion {
	white-space:normal; 
	font-size:16px;	
}
.Producto_Precio {
	white-space:normal; 
	font-size:20px; /* 12 */	
}
.Producto_Moneda {
	font-size:8px;  /* 7 */	
}
@media (max-width: 767px) {
   .Producto_Descripcion {
	white-space:normal; 
	font-size:14px;	
   }
   .Producto_Precio {
	white-space:normal; 
	font-size:12px; /* 12 */	
   }
   .Producto_Moneda {
   	font-size:7px;  /* 7 */	
   }
}


/************************/
/**  DETALLE PRODUCTOS **/
/************************/

/* Informacion dle Producto */
.Detalle_LetrasMoneda {
	 color: #000000;
	 font-family: 'Montserrat', sans-serif; 
	 font-size: 14px;
}	
.Detalle_ImporteEntero {
	color: #000000;
	font-family: 'Montserrat', sans-serif; 
	font-size: 20px;
}
.Detalle_ImporteCentavos {
	color: #000000;
	font-family: 'Montserrat', sans-serif; 
	font-size: 14px;
        top: -0.8em;
}

.Detalle_Caja {
	background-color:#ffffff; 
	border: 2px solid #dddddd;
}
.Detalle_Descripcion {
	font-size: 22px; 
	padding-right: 60px; 
	padding-left: 60px;	
}
.Detalle_LeyendaCantidad {
	font-size:10px;	
}
.Detalle_MasMenos {
	color:#666666; 
	margin:2px;	
        border:0px;
}
.Detalle_CampoCantidad {
	text-align:center; 
	height: 23px; 
	width: 30px; 	
        border:none;
}
.Detalle_Comprar{
	background-color: #337ab7;
  	border-color: #2E6DA4;
}
.Detalle_Compartir {
	color:#666666; 
	margin:2px;	
}

/* Carpetas de Informacion adicional */
.Carpetas_TitulosPrincipal {
	font-size: 20px;	
}
.Carpetas_Fondo {
	background-color:#fff; 
	padding:10px; 
	border-bottom: 1px solid #dddddd; 
	border-right: 1px solid #dddddd; 
	border-left: 1px solid #dddddd;	
}
.Carpetas_TituloSeccion {
	font-size: 24px;
}
.Carpetas_Contenido {
	font-size: 14px;
}
.Carpetas_MasInfo {
	color:#666666; 
	margin:2px;		
}
.Detalle_ProductosRelacionados {
	font-size: 24px;
}


/************************/
/**   PIE DE TIENDA    **/
/************************/
.PieTienda_LineaSuperior {
        padding-top:3px;
	background-color:#eee;	
}
.PieTienda_Fondo {
	background-color: rgba(230,230,230,0.5);		
        border: 1px solid #ddd;
}
.PieTienda_SelectorIdioma {
	font-family: 'Montserrat', sans-serif; 
        font-color: #666;
	font-size: 10px;
	background-color: #ffffff;
	border: 1px solid #ccc;
	padding-right : 3px;
	padding-left  : 3px;
	padding-top   : 3px;
	padding-bottom: 3px;			
}
.PieTienda_Letras {
	display:inline; 
	color: #666;	
}
.PieTienda_Iconos {
	font-size: 2em; 
	color: #666;
}
a.SocialMedia:link    {text-decoration:none;      	font-family: 'Montserrat', sans-serif;  color: #666; font-size:12px;}
a.SocialMedia:visited {text-decoration:none;      	font-family: 'Montserrat', sans-serif;  color: #666; font-size:12px;} 
a.SocialMedia:active  {text-decoration:none;      	font-family: 'Montserrat', sans-serif;  color: #666; font-size:12px;}
a.SocialMedia:hover   {text-decoration:underline;font-family: 'Montserrat', sans-serif;  color: #666; font-size:12px;}


a.PieTiendaLink:link    {text-decoration:none;	font-family: 'Montserrat', sans-serif;  color: #666; font-size:12px;}
a.PieTiendaLink:visited {text-decoration:none;     font-family: 'Montserrat', sans-serif; color: #666; font-size:12px;} 
a.PieTiendaLink:active  {text-decoration:none;     font-family: 'Montserrat', sans-serif;  color: #666; font-size:12px;}
a.PieTiendaLink:hover   {text-decoration:underline;font-family: 'Montserrat', sans-serif;  color: #666; font-size:12px;}
.PieTiendaLink{
	text-decoration:none; 
	font-family: 'Montserrat', sans-serif;  
	color: #666; 
	font-size:12px;
}
input.PieTienda_email {
	border: 1px solid #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: -1px -1px 1px #666;
	-webkit-box-shadow: -1px -1px 1px #666;
	box-shadow: -1px -1px 1px #666;
	font-family: 'Montserrat', sans-serif;  
	color: #666;
	font-size: 12px;
	padding: 4px 7px;
	outline: 0;
	-webkit-appearance: none;
	-webkit-appearance: none;
	width: 120px;
}
input.PieTienda_email:focus {
	border-color: #666;
}


/************************/
/**      CARRITO       **/
/************************/
.Carrito_MensajeAlerta {
	background-color: #f2dede;
  	border:2px solid #ebccd1;
}
.Carrito_MensajeAlerta_Texto {
	color: #a94442;
	font-size:2em;
}
.Carrito_MensajeAlerta_Boton {
	background-color: #ffffff;
  	border:1px solid #cccccc;		
}
.Carrito_MensajeNormal {
	background-color: #d9edf7;
  	border:2px solid #d6e6ef;
}
.Carrito_MensajeNormal_Texto {
	color: #31708f;
	font-size:2em;
}
.Carrito_MensajeNormal_Boton {
	background-color: #ffffff;
  	border:1px solid #cccccc;	
}


.Carrito_Boton_Regresar {
	background-color: #d9534f;
  	border-color: #d43f3a;	
}
.Carrito_Boton_Terminar {
	background-color: #5cb85c;
  	border-color: #4cae4c;	
}

.Carrito_Header_Carrito {
	background-color:#dbdbdb;
	padding-top:10px; 
	padding-left:10px; 
	padding-left:10px;  
	border:1px solid #cccccc;	
}
.Carrito_Header_CarritoTitulo {
	text-align:left;
	font-size: 20px;
}

.Carrito_Body_Carrito {
	background-color:#dbdbdb; 
	padding:10px; 
	border:1px solid #cccccc;
}

.Carrito_Header_Envio {
	background-color:#dbdbdb;
	padding-top:10px; 
	padding-left:10px; 
	padding-left:10px;  
	border:1px solid #cccccc;	
}
.Carrito_Header_EnvioTitulo {
	text-align:left;
	font-size: 20px;
}

.Carrito_Body_Envio {
	background-color:#dbdbdb; 
	padding:10px; 
	border:1px solid #cccccc;
}


.imagenproducto {
  max-height: 200px;
  max-width:  100%;
  height: auto;
}
.backproducto {
	height: 200px;
}
.texto60 {
	height: 60px;
	padding: 3px;
	text-align: center;
}
.texto25 {
	height: 25px;
	padding: 3px;
	text-align: center;
}
.iconosproducto {
	height: 20px;
	text-align:right;	
}
.PlayButtonVideo {
	border: 0px;
	background-color: transparent;
}
.seccionprecios {
     background-color: rgba(230,230,230,.5);
}

/************************/
/**      HASHTAG       **/
/************************/
	.GroupHash-item {
	    width: 100%;
	    list-style:none;
	}
	@media (min-width: 500px) and (max-width: 769px) {
	  .GroupHash-item {
	    width: 50%;
	  }
	}
	@media (min-width: 770px) and (max-width: 999px) { 
  	  .GroupHash-item {
	    width: 33%;
	  }
	}
	@media (min-width: 1000px) {
	  .GroupHash-item {
	    width: 25%;
	  }
	}
	.contenedorHash {
		margin-bottom: 0px;
	}
	.hashimg {
		max-width: 100px;
		max-height: 100px;
	}
	.hashtags {
		width: 100%;
		height:104px; 
		float:left; 
		margin-right:5px; 
		margin-bottom:5px;		
	    border-collapse:separate;
	    border-radius:5px;
	    -moz-border-radius:5px 5px 5px 5px;
	    -webkit-border-radius: 5px 5px 5px 5px;
	    transition: all .3s ease-in-out; 
	}
	@media (min-width: 767px) {
	    .hashtags:hover {
	        background-color: #ffffff;	
	        border: 0px solid #ffffff;
	        -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.5);
	        -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.5);
	        box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.5);
	        -webkit-transform: scale(1.06);
	        -ms-transform: scale(1.06);
	        transform: scale(1.06);
	        transition: all .3s ease-in-out; 
	   }
	}

.subtitulo {
        font-size:12px;
	    border-radius:5px;
	    -moz-border-radius:5px 5px 5px 5px;
	    -webkit-border-radius: 5px 5px 5px 5px;

}
.AjaxNoLinearHashTag {
    style="border:0px solid #ddd; background-color: transparent;"
}



/************************/
/**      FLIPCARD       **/
/************************/
.flip-card {
  background-color: transparent;
  width: 300px;
  height: 200px;
  border: 1px solid #f1f1f1;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.5s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
  background-color: white;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  background-color: #white;
  color: black;
}

/* Style the back side */
.flip-card-back {
  background-color: #eb6621;
  color: white;
  transform: rotateY(180deg);
}



/************************/
/**      ULTIMOS PRODUCTOS VISTOS  **/    
/************************/
.ContainerLastViewed {
   border:1px solid #ddd; background-color: #eee;
}
.LastViewed_Caja {
  background-color: #ffffff;	
  border: 2px solid #dddddd;
  transition: all .3s ease-in-out;
  width: <?php echo $tamano;?>px;
  height: <?php echo $tamano;?>px;
}
@media (min-width: 767px) {
    .LastViewed_Caja:hover {
        background-color: #ffffff;	
        border: 0px solid #ffffff;
        -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.5);
        box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.5);
        -webkit-transform: scale(1.06);
        -ms-transform: scale(1.06);
        transform: scale(1.06);
        transition: all .3s ease-in-out; 
   }
}

/************************/
/**  ESCOJE TU REGALO      **/    
/************************/
.TituloPromocionesActivas {
   color:#333;
   font-size:16px;
}

.CatalogIcon {
     color: #333;
}