* {
	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%;  
  margin:auto;
  text-align:center;
  
}




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


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

.container-fluid{
margin-top:0px; 
margin-right:0px; 
margin-left:0px; 
margin-bottom:0px;
padding: 0px 0px 0px 0px;}

/* footer*/
	footer {
	background: rgb(40,40,40);
	color: rgb(120,120,120);
	text-align: center;
	margin:auto;
	}
	
.dark div{
  
  border-bottom:solid 1px rgb(0,0,0);
  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(248,211,20);
	color:white;
	margin: 5px 5px 5px 5px;	
	padding: 5px 10px 5px 10px;
	border-radius:50px;
	height:40px;
	
	
}




.login2:hover{ background:rgba(248,211,20,.8) !Important;}
 
 
 .yellow {color:rgb(248,211,20);}
 
 
 /* Mi Carta */
 
 .fluidmicarta {
	 position:fixed;
	 top:0;
	 width:100%;
	 background: rgb(230,230,230) !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: rgb(230,230,230) !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);
 }
 
 



.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{
height:85%;
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;
text-align:center !Important;
background:white;
position:relative;

}

.containerx{
height:100%;
width: 92%;
border: .5px solid ;
border-radius:5px;
border-color: rgb(220,220,220);
margin-top: 0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
padding-top:0px;
padding-left:0px;
padding-right:0px;
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;
text-align:center !Important;
background:white;

}

.volver {
position:relative;
background:rgb(80,80,80);
color:rgb(248,211,20);
width:100%;
top:0px;
left:0px;
margin-top:0px;
margin-left:0px;
border-radius:5px 5px 0px 0px;
padding-top:5px;
padding-bottom:5px;
height:35px;
}

.preciocont {
position:relative;
background:rgb(150,150,150);
color:rgb(248,211,20);
width:100%;
top:0px;
left:0px;
margin-top:0px;
margin-left:0px;
padding-top:5px;
padding-bottom:5px;
height:85px;
text-align:center;

}

.centro{text-align:center;}
	
.volver a {color:rgb(248,211,20);
text-decoration:none;}

.volver a:hover {color:rgba(248,211,20,.8);}



.imgmicartacontainer {
	display: inline-block;
	width:150px;
	height:156px;
	padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    border-radius: 0px 0px 0px 0px ;
	border:0;
	margin-top:0px;
	margin-bottom:1px;
	margin-left:10px;
	margin-right:0px;
    background:transparent;
}

.conimg1 {
	position:absolute;
	top:0;
	left:10;
	width:150px;
	height:158px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    border-radius: 0px 0px 0px 0px ;
    display: flex;
    align-items: center;	 
    background:transparent;
	
}



 .imgmicarta {
     border:0px;	 
	 border-radius: 0px 0px 0px 0px ;
	 max-height:160px;
	 max-width:150px;
 }
 
 .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;
}

.vegan {
font-size:10px;
font-weight:bold;
color:green;
position:absolute;
top:30px;
left:170px;
}
.tacc {
font-size:10px;
font-weight:bold;
color:blue;
position:absolute;
top:40px;
left:170px;
}
.aler {
font-size:10px;
font-weight:bold;
color:red;
position:absolute;
top:50px;
left:170px;
}

.descmicarta {
font-size:12px;
color:rgb(80,80,80);
position:absolute;
top:40px;
}
 
 .preciomicarta {
font-size: 18px;
font-weight:bold;
color:rgb(248,211,20);
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:5px;


 }	
 
 .botoncarrito {margin-top:5px; margin-bottom:5px; padding:5px 10px 5px 10px; background:rgb(248,211,20); color:rgb(0,0,0); border-radius:50px;}
 
 .botoncarrito:hover {text-decoration:none; color:rgb(0,0,0); background:rgba(248,211,20,.8);}
 
 .botoncarrito1 {margin-top:5px; margin-bottom:5px; padding:5px 10px 5px 10px; background:rgb(248,211,20); 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(248,211,20,.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; color:white;}
 
 /* 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(248,211,20);}


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

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

.modal-content h3, .modal-content p {color:rgb(248,211,20);}

h3 , p {color:black;}

.tasocial {margin:auto;}

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

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

.socialh3{color:rgb(248,211,20) !Important;}

.socialboton {background:rgb(248,211,20)  !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:100%;		
}

.contmain {min-height : 500px;}

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

.accordion-titulo {
	position: relative;
	display: block;
	padding: 10px;
	font-size: 24px;
	font-weight: 300;
	background: rgb(40,40,40);
	color: rgb(248,211,20);
	text-decoration: none;
	border-radius:5px;
}
.accordion-titulo.open {
	background: rgb(40,40,40);
	color: rgb(248,211,20);
}
.accordion-titulo:hover , .accordion-titulo:focus , .accordion-titulo:active{
	background: rgb(40,40,40);
	color:rgb(248,211,20);
	text-decoration:none;
}

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

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

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

/*Fin Acordeon*/

.icon {
	 	
	padding:10px;
	background:rgb(248,211,20);
	border-radius:100px;
	color:rgb(57,57,57);
	 	 
 }

.icon:hover {
	 	
	padding:10px;
	background:rgb(57,57,57);
	border-radius:100px;
	color:rgb(248,211,20);	 
	 
 }

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

.aicon {background:rgb(248,211,20);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;}
.imgcont{height:150px; margin:auto;max-width:250px;display: flex;    
    justify-content: center;}
.imgcont img {height:150px;}


.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(248,211,20); color:rgb(57,57,57);}

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



/*AddCart*/
.acct{ height:40px; position:absolute; top:20px; margin:auto;}
.addcarttitle{margin:0; padding:5; font-size:calc(1em + 1vw);}
.addcartimagen{position:absolute; top:80px; width: 150px ; max-width: 150px; height: 200px; max-height: 200px; vertical-align:middle; display: flex;
   align-items: center;}
.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;
 } 
 
 .imgcon {display: flex;
   align-items: center; width:150px ; height:200px;  }
 
	 
.acd{position:relative; height:100px; top:0px; background:rgb(120,120,120); margin:auto; padding:0px 0px 0px 0px; width:100%; padding-top:5px; padding-bottom:10px; }
.addcartdesc{font-size:calc(.7em + .7vw); margin:auto; text-align:center !Important;}
.ve{font-size:calc(.7em + .7vw); color:green; margin:auto; text-align:center !Important;}
.ta{font-size:calc(.7em + .7vw); color:blue; margin:auto; text-align:center !Important;}
.al{font-size:calc(.7em + .7vw); color:red; margin:auto; text-align:center !Important;}
.acp{ height:70px; position:absolute; top:300px; margin:auto; display:inline-block;}

.addcartprecio{margin-left:5px; padding:5; font-size:calc(1em + 1vw);color:rgb(248,211,20); font-weight:bold;}
.addcartprecio2{margin-left:5px; padding:5; font-size:calc(1em + 1vw);color:rgb(0,0,0); text-decoration:line-through; }
.addcartprecio3{margin-left:5px; font-size:10px; color:white; background:black; border-radius:50px; padding:10px 10px 10px 10px; font-weight:bold; width:40px; height:40px; margin:auto; margin-top:15px;}
.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; position:absolute; left:10%; top:25px; }
.acc{position:relative; margin:auto; background:rgb(40,40,40); height:100px; width:100%; padding-top:10px; padding-bottom:10px;}
.cant {position:absolute; top:5px; background:rgb(248,211,20); border-radius:50px; text-align:center; height:40px;  width:40px;}
.plus{position:absolute;top:5px; right:25%;}
.minus{position:absolute; top:5px; left:25%;}
.plus {background:rgb(248,211,20); color:rgb(0,0,0,); width:40px ; height: 40px; border-radius:150px; font-size:20px; font-weight:bold; }
.minus {background:rgb(248,211,20); color:rgb(0,0,0); width:40px ; height: 40px; border-radius:150px; font-size:20px; font-weight:bold; }
.acb{ height:40px; position:absolute; top:120px; margin:auto; background:rgb(40,40,40); width:100%;}
.acsa1{height: 90px; position:absolute; top:650px; margin:auto;}
.addcartbc {position:absolute; top: 57px; padding:5px 10px 5px 10px; background:rgb(248,211,20); color:rgb(0,0,0); border-radius:50px; width:200px;}
.bex{background:rgb(248,211,20); color:rgb(0,0,0); border-radius:50px; width:200px; padding:5px 10px 5px 10px;}
.bex:hover {background:rgba(248,211,20,.8);}
.addcartbc:hover {text-decoration:none; color:rgb(0,0,0); background:rgba(248,211,20,.8);}
.addcartform {width:100%; margin:auto;display: flex;    
justify-content: center; background:rgb(40,40,40);}

.containeraddcart {
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: 220px ; margin:auto;  }

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

.divcolorp {height:100px;}

.radiocolor {height:20px;}



.horarios {
width:100px;
padding-left:10px;
padding-right:10px;
color:black;
background:rgb(258,211,20);
border-radius:50px;
position:absolute;
top:10px;
right:20px;
z-index:10001;
}

.horarios:hover {
width:100px;
padding-left:10px;
padding-right:10px;
color:black;
background:rgba(258,211,20,.8);
border-radius:50px;
position:absolute;
top:10px;
right:20px;
z-index:10001;
}

/*-- Formulario --*/


.formulario {
margin-top:0px; 
margin-right:0px; 
margin-left:0px; 
margin-bottom:0px;
width:100%;	
  background-image: radial-gradient(rgb(70,70,70) , transparent 20%);  
  background-color: rgb(40,40,40);
  background-position: 0 0 50px 50px;
  background-size: 10px 10px;
    
}	

.formulario h2 , .formulario p , .formulario label {color:rgb(248,211,20);}

.formulario a {color:rgb(248,211,20); text-decoration:none;}

.containerform {width:80%; text-align:left; margin:auto;}

.hotereform {border:1px solid rgb(248,211,20); background:transparent;color: rgb(248,211,20); border-radius:0px;}

/*-- End Fromulario --*/

.login1 {width:150px; background: rgb(248,211,20); border-radius:50px; color: black; padding:10px 10px 10px 10px; }

.login1:hover {background:rgba(248,211,20,.8);}

.suscribirse {
margin-top:0px; 
margin-right:0px; 
margin-left:0px; 
margin-bottom:0px;
width:100%;	
  background-image: radial-gradient(rgb(70,70,70) , transparent 20%);  
  background-color: rgb(230,230,230);
  background-position: 0 0 50px 50px;
  background-size: 10px 10px;
    
}	
.hoteresus {border:1px solid rgb(0,0,0); background:transparent;color: rgb(0,0,0); border-radius:0px;}

.iconwhite{color:rgb(248,211,20);}
.iconwhite:hover {color:rgba(248,211,20,.8);}

.share , .share:hover{
position:absolute;
top:10px;
left:20px;
color:rgb(248,211,20);
text-decoration:none;	
z-index:10001;
}

.iconshare {
color:rgb(248,211,20);
	
}

.iconshare:hover {color:rgba(248,211,20,.8);}

.rowheader{max-height:150px;}
.rowleft{text-align:left;}
.rowright{text-align:right;}

/* Centrar imagen en el medio--*/

.logocontainer {
	display: flex;    
    justify-content: center;
	max-height:140px;

}


@media(max-width: 1279px) {

.logo {
	
	max-height:140px;
    margin-top:15px;
	margin-bottom:5px;
	margin-right:20px;
	margin-left:20px;

}

}

@media (min-width: 1280px) {

.logo {
	
	max-height:140px;
    margin-top:5px;
	margin-bottom:5px;
	margin-right:20px;
	margin-left:20px;
}

}

.micartaloader{
position:absolute;
top:0;
z-index:19000;
width:100%;
background:rgb(40,40,40);
min-height:100vh;
display:flex;
	 
 
 }
 
 .micartaloader1{
margin:auto;	
top:-20px; 
 }
 
 .cerrarmicartaloader {
transform:translateY(-100%);
transition:all 1s; 
 }