* {
	margin:0;
	padding:0;
	border:0;
	box-shadow: 0;
	box-sizing: border-box;
	}



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

.container {
  padding-right: 10px ;
  padding-left:10px ;
  width:98%;  
  
}


.accordion-container h2 {
font-family: 'Montserrat', sans-serif;	
	
}

 .profile {
		
		font-size: 14px;
	    text-align: left;	
		
	}
	
	.profile a {
		
		text-decoration:none;
		color:rgb(0,0,0);
		
	}
	
	.encabezadoh2 , .profile h2{color: rgb(0,0,0);}
	
 
 body {
	background:rgb(245,245,245);
    color: rgb(57, 57, 57); 
	 font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	text-align: center;
	font-weight:light;
    }
	


header {
	margin: 0;
	padding: 0;
	border:0;
	box-shadow: 0;
}

/* footer*/
	footer {
	background: rgba(240,81,114,.6);
	color: rgb(120,120,120);
	text-align: center;
	margin:auto;
	}
	
.dark div{
  
  border-bottom:solid 1px rgb(120,120,120);
  width:100%;
  height:10px;
  
}	
 
 .contact1 {
	width:80px;
	max-width:80px;
	position: fixed;
	bottom: 10px;
	right: 20px ;
	z-index:100;	
	}	
	
.contact1:hover , .agranda:hover {
	 transition: all 1s;
	 transform: scale(1.1) !Important;
 }
 
 .contact1 {
	 transition: all 1s;
	 transform: scale(1) !Important;
 }
 
 .login2{
	border:0;
	background: rgb(240,81,114);
	color:white;
	margin: 5px 5px 5px 5px;	
	padding: 5px 10px 5px 10px;
	border-radius:50px;
	height:40px;
	
	
}




.login2:hover{ background:rgba(240,81,114,.8) !Important;}
 
 
 .yellow {color:rgb(240,81,114);}
 
 
 /* Mi Carta */
 
 .fluidmicarta {
	 position:fixed;
	 top:0;
	 width:100%;
	 background: rgba(240,81,114,.6) !Important;
    -webkit-box-shadow: -1px 30px 31px -16px rgba(0,0,0,0.25);
    -moz-box-shadow: -1px 30px 31px -16px rgba(0,0,0,0.25);
     box-shadow: -1px 30px 31px -16px rgba(0,0,0,0.25);
     z-index:10001;




 }
 
 
 .container-fluid-black {
	 
	 width:100%;
	 background: rgba(240,81,114,.6) !Important;
	 
   -webkit-box-shadow: -1px -30px 31px -16px rgba(0,0,0,0.25);
    -moz-box-shadow: -1px -30px 31px -16px rgba(0,0,0,0.25);
     box-shadow: -1px -30px 31px -16px rgba(0,0,0,0.25);
 }
 
 /* Centrar imagen en el medio--*/

.logocontainer {
	display: flex;    
    justify-content: center;
	height:120px;
}


@media (max-width: 1279px) {

.logo {
	
max-width:250px;
max-height:100px;

}

}

@media (min-width: 1280px) {

.logo {
	
max-width:300px;
max-height:100px;

}

}


.logocontainer img {margin-top:10px; margin-bottom:10px; }

.footer3 {
	position:fixed; 
	bottom:0px; 
	width:100%;
	-webkit-box-shadow: -1px -30px 31px -16px rgba(0,0,0,0.25);
    -moz-box-shadow: -1px -30px 31px -16px rgba(0,0,0,0.25);
     box-shadow: -1px -30px 31px -16px rgba(0,0,0,0.25);
	
}

.pmicarta {font-size:14px !Important;}


.container1micarta{

height:162px;
width: : 92%;
border: .5px solid ;
border-radius:5px;
border-color: rgb(220,220,220);
margin-top: 20px;
margin-bottom:20px;
margin-left:20px;
margin-right:20px;
padding-top:0px;
padding-left:0px;
padding-right:20px;
padding-bottom:0px;
-webkit-box-shadow: 0px 3px 10px 3px rgba(50,50,50,0.15); 
box-shadow: 0px 3px 10px 3px rgba(50,50,50,0.15);
margin: auto;
background:rgba(255,255,255,1);
position:relative;
}

.container1{

min-height:250px;
width: 92%;
border: .5px solid ;
border-radius:5px;
border-color: rgb(220,220,220);
margin-top: 20px;
margin-bottom:20px;
margin-left:20px;
margin-right:20px;
padding-top:20px;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
-webkit-box-shadow: 0px 3px 10px 3px rgba(50,50,50,0.15); 
box-shadow: 0px 3px 10px 3px rgba(50,50,50,0.15);
margin: auto;
background:rgba(255,255,255,1);
position:relative;
}


.imgmicartacontainer {
	
	display: inline-block;
	width:150px;
	height:162px;
	padding-top:0px;
padding-left:0px;
padding-right:00px;
padding-bottom:0px;

}

 .imgmicarta {
	 
	 border-radius: 5px 0px 0px 5px ;
	 width:150px;
	 height:162px;
	 
 }
 
 .imgmicarta:hover{
	 transition: all 1s;
	 transform: scale(1.8) !Important;
	 z-index:9999999 !Important;
	 border-radius:5px;
 }
 
 .imgmicarta {
	 transition: all 1s;
	 transform: scale(1) !Important;
 } 
	 
 
 

.datamicarta {display:inline-block  ;
margin-left:10px;
height:162px;
margin-top:0px;
padding-top:0px;

}

.h4micarta {
font-size:18px;
font-weight:bold;
margin-top:0px;
position:absolute;
top:5px;
}



.descmicarta {
font-size:12px;
color:rgb(80,80,80);
position:absolute;
top:30px;
}
 
 .preciomicarta {
font-size: 18px;
font-weight:bold;
color:rgb(240,81,114);
position: absolute;
right:20px;
bottom:35px;


 }
 
 .preciomicarta1 {
font-size: 14px;
font-weight:bold;
color:rgb(0,0,0);
position: absolute;
right:100px;
bottom:37px;
text-decoration:line-through;

 }

.cantmicarta {
font-size: 12px;
font-weight:bold;
color:rgb(57,57,57);
position: absolute;
right:70px;
bottom:5px;
background:rgb(240,240,240);
border-radius:5px;
 }
 
 .cartmicarta {

position: absolute;
right:20px;
bottom:5px;

 }
 
	 
 .codmicarta {
font-size: 12px;
font-weight:bold;
color:rgb(57,57,57);
position: absolute;
left:165px;
bottom:15px;


 }	
 
 .botoncarrito {margin-top:5px; margin-bottom:5px; padding:5px 10px 5px 10px; background:rgb(240,81,114); color:rgb(0,0,0); border-radius:50px;}
 
 .botoncarrito:hover {text-decoration:none; color:rgb(0,0,0); background:rgba(240,81,114,.8);}
 
 .botoncarrito1 {margin-top:5px; margin-bottom:5px; padding:5px 10px 5px 10px; background:rgb(240,81,114); color:rgb(0,0,0); border-radius:50px; width:180px ;}
 .botoncarritocont{ height: 40px;margin-top:5px; margin-bottom:5px; margin-left:5px; margin-right:5px;}
 
 .botoncarrito1:hover {text-decoration:none; color:rgb(0,0,0); background:rgba(240,81,114,.8);}
 
 
 .agotado {position: absolute; top:0; left:0;}
 
 .off {position: absolute; top:2 ; left:2; width: 45px; height:45px; background: black; color: white ; font-size:10px; font-weight: bold ; border-radius: 50px; z-index:9999; padding-top:15px;  padding-left:3px; margin:auto;}
  
 .offp {top:10px;}
 
 /* Fin Mi Carta */
 
 

.pdemo{color : white;}

/* Social */



.contact2 {
	width:80px;
	max-width:80px;
	position: fixed;
	bottom: 10px;
	left: 20px ;
	z-index:100;	
	}	
	
.contact2:hover , .agranda:hover {
	 transition: all 1s;
	 transform: scale(1.1) !Important;
 }
 
 .contact2 {
	 transition: all 1s;
	 transform: scale(1) !Important;
 }
 
.socialicon{color:rgb(240,81,114);}


.modal-dialog {	
width:90%;
max-width:500px;
background: rgba(57,57,57,.7) !Important;
margin:auto;
}

.modal-content {
background: transparent !Important;
}

.tasocial {margin:auto;}

.tdsocial {
	margin: 5px 5px 5px 5px;
padding:10px 10px 10px 10px;
}

.inputsocial  {
	background: transparent ;
	border: 1px solid rgb(240,81,114) !Important;
	border-radius:5px;
	color: rgb(240,81,114) !Important;
	font-size:14px;
    padding:5px 5px 5px 5px;
}

.socialh3{color:rgb(240,81,114) !Important;}

.socialboton {background:rgb(240,81,114)  !Important ;}

.ili {display:inline-block;}

.facebook,
.instagram,
.whatsapp,
.suscribetemail,
.suscribetecel {
	margin:5px 5px 5px 5px;
	padding:5px 5px 5px 5px;
	width:50px;
	height:50px;
	transition: all 1s;	
}

/*Fin Social */

 /*---acordeon---*/

#container-main{
	width:98%;		
}

.contmain {min-height : 500px;}

.accordion-container {
	width: 100%;
	border-radius:10px;
}

.accordion-titulo {
	position: relative;
	display: block;
	padding: 10px;
	font-size: 24px;
	font-weight: 300;
	background: rgba(240,81,114,.6);
	color: rgb(0,0,0);
	text-decoration: none;
	border-radius:10px;
}
.accordion-titulo.open {
	background: rgba(240,81,114,.6);
	color: rgb(0,0,0);
}
.accordion-titulo:hover , .accordion-titulo:focus , .accordion-titulo:active{
	background: rgba(240,81,114,.6);
	color:rgb(0,0,0);
	text-decoration:none;
}

.accordion-titulo span.toggle-icon:before {
	content:"+";
	color:rgb(0,0,0);
	
}

.accordion-titulo.open span.toggle-icon:before {
	content:"-";
	color:rgb(0,0,0);
}

.accordion-titulo span.toggle-icon {
	position: absolute;
	top: 15px;
	right: 20px;
	font-size: 38px;
	font-weight:bold;
}

.accordion-content {
	display: none;
	padding: 20px;
	overflow: auto;
}

@media (max-width: 767px) {
	.accordion-content {
		padding: 10px 0;
	}
}

.titcat {border:1px solid white;
border-radius:5px;
margin:2px 2px 2px 2px;
}

/*Fin Acordeon*/

.icon {
	 	
	padding:10px;
	background:rgb(240,81,114);
	border-radius:100px;
	color:rgb(57,57,57);
	 	 
 }

.icon:hover {
	 	
	padding:10px;
	background:rgb(57,57,57);
	border-radius:100px;
	color:rgb(240,81,114);	 
	 
 }

.astyle , .astyle:hover {text-decoration:none; color:rgb(0,0,0);}

.aicon {background:rgb(240,81,114);padding:5px 10px 5px 10px; margin:5 5 5 5 ; border-radius:150px; color:rgb(57,57,57);}

.imagencenter {
	display: flex;    
    justify-content: center;
}

.imgcart {border-radius:5px;}

.containercarrito{max-width:300px; height: 20px; margin:auto;}

.redcircle{ text-align:center; color:rgb(57,57,57); background:tomato; border-radius:0px; width:20px; height:20px; font-size:12px; border-radius:50px;  position:absolute; top:20px; margin-left:8px; z-index:10010;}

.botoncant {margin:auto; max-width:200px; border-radius:50px; background:rgb(240,81,114); color:rgb(57,57,57);}

.tablecart {font-size:calc(.6em + .6vw);}

.volver{text-align:left; margin-top:50px; margin-left:30px;}

/*AddCart*/
.acct{ height:40px; position:absolute; top:20px; margin:auto;}
.addcarttitle{margin:0; padding:5; font-size:calc(1em + 1vw);}
@media (max-width: 1279px) {
.addcarttitle{font-size: 14px ; font-weight:bold;}	
	
}

.addcartimagen{position:absolute; top:80px; width: 300px ; max-width: 400px; height: 300px; max-height: 400px; }
.addcartimagen:hover{
	 transition: all 1s;
	 transform: scale(1.5) !Important;
	 z-index:9999999 !Important;
	 border-radius:5px;
 }
 
 .addcartimagen {
	 transition: all 1s;
	 transform: scale(1) !Important;
 } 
	 
.acd{ position:absolute; top:580px; margin:auto; padding:10px 10px 10px 10px;}
.addcartdesc{font-size:calc(.7em + .7vw); }
.acp{ height:70px; position:absolute; top:400px; margin:auto; display:inline-block;}

.addcartprecio{margin-left:5px; ; padding:5; font-size:calc(1em + 1vw);color:rgb(240,81,114); font-weight:bold; display:inline-block;}
.addcartprecio2{margin-left:5px; padding:5; font-size:calc(1em + 1vw);color:rgb(0,0,0); text-decoration:line-through; display:inline-block;}
.off2 {width: 45px; height:45px; background: black; color: white ; font-size:10px; font-weight: bold ; border-radius: 50px; z-index:9999; padding-top:15px;  padding-left:3px; display:inline-block; top:-20px;}
.acc{ height:40px; position:absolute; top:460px; margin:auto;}
.cant {background:rgb(240,81,114); border-radius:50px; text-align:center; height:40px;  width:50px;}
.plus{position:absolute; top:460px; right:25%;}
.minus{position:absolute; top:460px; left:25%;}
.plus {background:rgb(240,81,114); color:rgb(0,0,0,); width:40px ; height: 40px; border-radius:150px; font-size:20px; font-weight:bold; }
.minus {background:rgb(240,81,114); color:rgb(0,0,0); width:40px ; height: 40px; border-radius:150px; font-size:20px; font-weight:bold; }
.acb{ height:40px; position:absolute; top:520px; margin:auto;}
.acsa1{height: 90px; position:absolute; top:750px; margin:auto;}
.addcartbc {padding:5px 10px 5px 10px; background:rgb(240,81,114); color:rgb(0,0,0); border-radius:50px;}
.addcartbc:hover {text-decoration:none; color:rgb(0,0,0); background:rgba(240,81,114,.8);}
.addcartform {width:100%; margin:auto;display: flex;    
justify-content: center;}

.containeraddcart {
height: 1200px;
width: 92%;
border: .5px solid ;
border-radius:5px;
border-color: rgb(220,220,220);
margin-top: 20px;
margin-bottom:20px;
margin-left:20px;
margin-right:20px;
padding-top:20px;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
-webkit-box-shadow: 0px 3px 10px 3px rgba(50,50,50,0.15); 
box-shadow: 0px 3px 10px 3px rgba(50,50,50,0.15);
background:white;
position:relative;
margin: auto !Important;
display: flex;    
justify-content: center;
}

/*Fin AddCart*/

.opcion {font-weight:bold; color:rgb(253,208,3);}

.imgcolor {width:100px; height:100px; border-radius:50px; border: 1px solid black;}
.imgcolor:hover {opacity: .8;}

.divcolor {display:inline-block ; width:120px; height: 180px ; margin:auto;  }

.divimgcolor { display: flex;    
justify-content: center; height:100px;}

.divcolorp {height:60px;}

.radiocolor {height:20px;}


/*Contact1*/

.contact1 {
	width:80px;
	max-width:80px;
	position: fixed;
	bottom: 10px;
	right: 20px;
	z-index:100;	
	}	
	
.contact1:hover , .agranda:hover {
	 transition: all 1s;
	 transform: scale(1.1) !Important;
 }
 
.contact1 {
	 transition: all 1s;
	 transform: scale(1) !Important;
 }
 
 /*Fin Contact1*/