@font-face {
    font-family: 'Bree Serif';
    src: url('/css/BreeSerif-Regular.ttf');
}

.bgMenu_10{
	  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='100' width='200'><defs><style type='text/css'>@font-face {   font-family: 'Bree Serif'; src: url('/css/BreeSerif-Regular.ttf') format('truetype');}</style> </defs> <text x='0' y='105' font-size='50' style='fill:%238f220f;font-family:Bree Serif;font-weight:900'>Accesorios</text></svg>");
	background-size: cover;
	background-repeat:no-repeat;
	background-position:bottom right;
	}

.bgMenu_11{
	  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='100' width='200'><defs><style type='text/css'>@font-face {   font-family: 'Bree Serif'; src: url('/css/BreeSerif-Regular.ttf') format('truetype');}</style> </defs> <text x='0' y='105' font-size='50' style='fill:%238f220f;font-family:Bree Serif;font-weight:900'>Bolsas</text></svg>");
	background-size: cover;
	background-repeat:no-repeat;
	background-position:bottom right;
	}

.bgMenu_13{
	  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='100' width='200'><defs><style type='text/css'>@font-face {   font-family: 'Bree Serif'; src: url('/css/BreeSerif-Regular.ttf') format('truetype');}</style> </defs> <text x='0' y='105' font-size='50' style='fill:%238f220f;font-family:Bree Serif;font-weight:900'>Escritura</text></svg>");
	background-size: cover;
	background-repeat:no-repeat;
	background-position:bottom right;
	}

.bgMenu_22{
	  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='100' width='200'><defs><style type='text/css'>@font-face {   font-family: 'Bree Serif'; src: url('/css/BreeSerif-Regular.ttf') format('truetype');}</style> </defs> <text x='10' y='105' font-size='50' style='fill:%238f220f;font-family:Bree Serif;font-weight:900'>Tecnologia</text></svg>");
	background-size: cover;
	background-repeat:no-repeat;
	background-position:bottom right;
	}

.bgMenu_23{
	  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='100' width='200'><defs><style type='text/css'>@font-face {   font-family: 'Bree Serif'; src: url('/css/BreeSerif-Regular.ttf') format('truetype');}</style> </defs> <text x='70' y='105' font-size='50' style='fill:%238f220f;font-family:Bree Serif;font-weight:900'>Textil</text></svg>");
	background-size: cover;
	background-repeat:no-repeat;
	background-position:bottom right;
	}

.bgMenu_24{
	  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='100' width='200'><defs><style type='text/css'>@font-face {   font-family: 'Bree Serif'; src: url('/css/BreeSerif-Regular.ttf') format('truetype');}</style> </defs> <text x='100' y='105' font-size='50' style='fill:%238f220f;font-family:Bree Serif;font-weight:900'>PLV</text></svg>");
	background-size: cover;
	background-repeat:no-repeat;
	background-position:bottom right;
	}

.bgMenu_26{
	  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='100' width='200'><defs><style type='text/css'>@font-face {   font-family: 'Bree Serif'; src: url('/css/BreeSerif-Regular.ttf') format('truetype');}</style> </defs> <text x='0' y='105' font-size='50' style='fill:%238f220f;font-family:Bree Serif;font-weight:900'>Microfibra</text></svg>");
	background-size: cover;
	background-repeat:no-repeat;
	background-position:bottom right;
	}

.bgMenu_77{
	  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='100' width='200'><defs><style type='text/css'>@font-face {   font-family: 'Bree Serif'; src: url('/css/BreeSerif-Regular.ttf') format('truetype');}</style> </defs> <text x='0' y='105' font-size='50' style='fill:%238f220f;font-family:Bree Serif;font-weight:900'>Tazas Bidones</text></svg>");
	background-size: cover;
	background-repeat:no-repeat;
	background-position:bottom right;
	}



/* **************************************************************** */


#div_categorias{
background-color:#b3250c;	
z-index:100;
}


.menu2 {
/*  padding: 0.2em; */
  background: #b3250c; 
/*  min-height: 1.2em; */
/*  line-height: 0.1em; */
  font-size: 1.0em;
  font-family:normal normal bold 15px/1.4em 'Open Sans',sans-serif;
	font-weight:bold;
	/* text-transform: uppercase; */

 transition: height 0.25s linear;

}
.menu2 .submenu1 {
  transition-delay: 1s;
}
.menu2 ul {
  margin: 0;
  padding: 0;
  width:100%;
 /* text-align: center; */
/*color:#FFF; */
}
.menu2 li {
	text-align: left;
  transition: visibility .25s linear;
  display: inline-block;
  border: 0px solid;
  padding: 0em 0.0em;
  margin: 0 0.5em;
  position: relative;
  background-color:#b3250c;
  color:#FFF;
}



.menu2 .submenu1 {
	background-color:#b3250c;
	display: flex;
	justify-content:space-between;
	align-content:center;
	}

.menu2 spam {
/*	padding: 0.5em 0.5em 0.1em 0.1em;  */
/*	white-space: nowrap; */
display: block;
margin:13px;
}

.menu2 a{
	color:#FFF; 
	text-decoration:none;
	}

.menu2 .menuDirActual_1_on a{
	color:#000;

	}

.menu2 .menuDirActual_1_off a{
	color:#FFF;

	}

.menu2 .menuDirActual_2_on a{
	color:#000;

	}	
.menu2 .menuDirActual_2_off a{
	color:#FFF;

	}	

.menu2 .linkMenu {
	/*	padding: 0.5em 0.5em 0.1em 0.1em;  */
	/*	white-space: nowrap; */
	display: block;
	margin:1vw;
	/*border:#099 solid 2px; */
	float:left;
/*	color:#FFF; */
	}




.menu2 .divsubmenus{
	width:70vw;
/*	border:#099 solid 2px; */
	display:flex;
	justify-content:flex-start;
	align-content:center;
	flex-wrap:wrap;
	}


.menu2 spam a ,.menu2 li a {
	text-decoration:none;
	color:#000;
	font-style:normal;
}

.menu2 li a {
/*	padding-left:1vw; */
	font-style:normal;
	color:#FFF;
}


.menu2 .divimg{
	
	margin:1vw;
	
  height: 20vw;
  width: 20vw;
  background-size: 80%;
  background-repeat:no-repeat;
  background-position:center center;
  background-color:#FFF;
	


border-radius: 20vw;

border: solid 1px #b3250c;
-webkit-box-shadow: 0px 0px 5px 2px #CCCCCC;
-moz-box-shadow: 0px 0px 5px 2px #CCCCCC;
box-shadow: 0px 0px 5px 2px #CCCCCC;

}




/* ********************************* menu abierto *************************************** */


@media only screen and (min-aspect-ratio: 1/1){
  .menu2 li .submenu1 {
    display: none;
    position: absolute; 
  /*  top: 100%; */
  /*  margin-top: 0px; */
 /*   left: -1px; */
/*    right: -1px;*/
  }
  .menu2 li:hover .submenu1 {
    display: flex;
	position:fixed; 
	left:5%;
	width:90%; 
  }



}

/********************************************  menu cerrado  ************************************* */
@media only screen and (max-aspect-ratio: 1/1){ 
 .menu2 {
	visibility:hidden;
	 display: none; 
  }

  
}





.menu2 {
/*  position: relative; */
  margin:0px;
  z-index:301;
 /* 	margin-bottom:2px; */
  padding: 5px 0px 5px 0px;
}


.menu2Limpio{
	position:relative;
	}
.menu2Limpio_interior{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	text-align:center;
	}
/* ************************************************************** */	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	



/* ********************** MENU MOVIL **************************** */	


.menuMovil {
/*  padding: 0.2em; */
  background: #b3250c; 
/*  min-height: 1.2em; */
/*  line-height: 0.1em; */
  font-size: 1.0em;
  font-family:normal normal bold 15px/1.4em 'Open Sans',sans-serif;
	font-weight:bold;
	/* text-transform: uppercase; */

 transition: height 0.25s linear;

}
.menuMovil .submenu1 {
  transition-delay: 1s;
}
.menuMovil ul {
  margin: 0;
  padding: 0;
  width:100%;
 /* text-align: center; */
/*color:#FFF; */
}
.menuMovil li {
	text-align: left;
  transition: visibility .25s linear;
  display: inline-block;
  border: 0px solid;
  padding: 0em 0.0em;
  margin: 0 0.5em;
  position: relative;
  background-color:#b3250c;
  color:#FFF;
}



.menuMovil .submenu1 {
	background-color:#b3250c;
	display: flex;
	justify-content:space-between;
	align-content:center;
	}

.menuMovil spam {
/*	padding: 0.5em 0.5em 0.1em 0.1em;  */
/*	white-space: nowrap; */
display: block;
margin:13px;
}

.menuMovil a{
	color:#FFF; 
	text-decoration:none;
	}

.menuMovil .menuDirActual_1_on a{
	color:#3CF;

	}

.menuMovil .menuDirActual_1_off a{
	color:#FFF;

	}

.menuMovil .menuDirActual_2_on a{
	color:#3CF;

	}	
.menuMovil .menuDirActual_2_off a{
	color:#FFF;

	}	

.menuMovil .linkMenu {
	/*	padding: 0.5em 0.5em 0.1em 0.1em;  */
	/*	white-space: nowrap; */
	display: block;
	margin:1vw;
	/*border:#099 solid 2px; */
	float:left;
/*	color:#FFF; */
	}




.menuMovil .divsubmenus{
	width:70vw;
/*	border:#099 solid 2px; */
	display:flex;
	justify-content:flex-start;
	align-content:center;
	flex-wrap:wrap;
	}


.menuMovil spam a ,.menu2 li a {
	text-decoration:none;
	color:#FFF;
	font-style:normal;
}

.menuMovil li a {
/*	padding-left:1vw; */
	font-style:normal;
	color:#FFF;
}


.menuMovil .divimg{
	
	margin:1vw;
	
  height: 20vw;
  width: 20vw;
  background-size: 80%;
  background-repeat:no-repeat;
  background-position:center center;
  background-color:#FFF;
	


border-radius: 20vw;

border: solid 1px #b3250c;
-webkit-box-shadow: 0px 0px 5px 2px #CCCCCC;
-moz-box-shadow: 0px 0px 5px 2px #CCCCCC;
box-shadow: 0px 0px 5px 2px #CCCCCC;

}




/* ********************************* menu abierto *************************************** */


@media only screen and (min-aspect-ratio: 1/1){
  .menuMovil {
    display: none;
    position: absolute; 
  /*  top: 100%; */
  /*  margin-top: 0px; */
 /*   left: -1px; */
/*    right: -1px;*/
  }

}

/********************************************  menu cerrado  ************************************* */
@media only screen and (max-aspect-ratio: 1/1){ 
 .menuMovil {
/*	padding: 1.2em; */
/*font-size: 1.2em; */
	visibility:hidden;
	 display: none; 
  }

  .menuMovil li {
    visibility: hidden;
 /*   padding: 0 0 0 0; */
  /*  border: none; */
	
  }

  .menuMovil li div {
	 margin: 0.2em 0 0.2em 0;
  /*  border: 1px solid #F00;   */
  }

  .menuMovil div spam {
    margin: 0.2em 0.5em 0.2em 0.5em; 
	font-style:normal;
/*	border: 1px solid #0F0;  */ /* verde */
  }
  
  .menuMovil div spam a{
	font-style:normal;
  }


.menuMovil .linkMenu {
	margin:0.7vw;
	}    

  .menuMovil .navbar-handle2 {
    display: block;
  }
  #navbar-checkbox2:checked + .menuMovil  {
	  display: block; visibility:visible;
  }
  #navbar-checkbox2:checked + .menuMovil h3 + div{
    minX-height: auto;
  }
  #navbar-checkbox2:checked + .menuMovil li {
    visibility: visible;

  }




.menuMovil .casita{
	padding-bottom:1vw;
	border-bottom:3px solid #FFF;
}

.menuMovil li{
 display: list-item;  
    list-style-type: disc; 
    list-style-position: inside;
}


  
}

.navbar-checkbox2 {
  display: none;
}
.navbar-handle2 {
  cursor: pointer;
  position: relative; 
  font-size: 11px; 
  padding: 0.8em 0.5em;
  height: 1em;
  width: 1.66666667em; 
  color:#FFFFFF;
/*  background: url(/imagenes/hamburguer.png) no-repeat center center; */

background-image:url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' width='100' height='100'><line x1='10' y1='20' x2='90' y2='20' stroke='white' stroke-width='8' stroke-linecap='round'/><line x1='10' y1='80' x2='90' y2='80' stroke='white' stroke-width='8' stroke-linecap='round'/><line x1='10' y1='50' x2='90' y2='50' stroke='white' stroke-width='8' stroke-linecap='round'/></svg>");

 background-size: 100% 100%;
 background-position:center;
 
 
     display: block;
	border:#FFF 2px solid; 
	padding:2vw 6vw 2vw 2vw;

	border-radius: 1vw 1vw 1vw 1vw; 
	-moz-border-radius: 1vw 1vw 1vw 1vw; 
	-webkit-border-radius: 1vw 1vw 1vw 1vw; 
	border: 2px solid #ffffff; 
}





.menuMovil {
/*  position: relative; */
  margin:0px;
  z-index:301;
 /* 	margin-bottom:2px; */

}
.menuMovil .navbar-handle2 {
  position: absolute;
  font-size: 1em;
  top: 0.7em;
  right: 12px;
  z-index: 10;

}
.menuMovil h3 + div {
  display: flex;
  flex-direction:row;
  background-color:#b3250c;
}



#accordionMenu h3 {
  color:#00032a;
}

#accordionMenu a {
  color:#FFF;
}
#accordionMenu div + div {
  padding:1vw;
}
#accordionMenu .ui-accordion-header {
 /* background-color: #001b73; */

}
#accordionMenu .ui-state-active {
/*  background-color: #00032a;*/
 color:#FFF; 
}