body{
	width:100%;
	font-size:12px;
	background-color:#f2f3f3;
}
.foot{
	margin:-10px;
	padding:10px;
	background-color:black;
	color:yellow;
}
.foot-atas{
	padding:30px;
		margin:-10px;
	background-color:white;
	color:black;
}


.float{
	border:1px solid #bb561e;
	position:fixed;
	bottom:15px;
	background-color:#ff6000;
	width:350px;
	border-radius:10px;
	color:white;
	font-size:15px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
}

.info{
	background-color:white;
	padding:5px;
	border-radius:5px;
}
.float td{
	vertical-align:center;
}
.float a{
	text-decoration:none;
	color:white;
}

.att{
	border:1px dotted red;
	border-radius:3px;
	padding:5px;
	margin:5px;
	
}
.keranjang table{
	background-color:white;
	border-top:1px dotted gray;
}
.keranjang td{
	text-align:left;
	vertical-align:top;
}
.keranjang a{
	font-size:18px;
	color:#EE2538;
	font-weight:bold;
	text-decoration:none;
}
b.sub_tot{
font-weight:bold;
font-size:17px;	
}
.menu table td{
vertical-align:top;
}

.div_prod{
padding:5px;
margin:3px;
border-radius:15px;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
border:1px solid #dcd9d4;
text-align:center;
width:155px;
height:180px;
background-color:white;
}

.grand_total{
	border-radius:5px;
	padding:5px;
	border:1px solid gray;
background-color:white;
font-size:14px;
text-align:left;
}

a.checkout{
	font-size:20px;
	background-color:#EE2538;
	color:white;
	padding:10px;
	border-radius:3px;
	border:1px solid gray;
	font-weight:bold;
	
}

a.capcay{
font-size:15px;
text-weight:bold;
text-decoration:none;
background-color:#EE2538;
border-radius:3px;
padding:5px;
color:white;
}
  .kotak {
    width: 200px;
    height: 200px;
	border-radius:50%;
  }

.menu s{
	
	color:gray;
	font-size:10px;
}
b.harga{
	font-size:15px;
	color:#651815;
}
.order-menu{
	font-weight:bold;
	font-size:12px;
	background-color:#ff6000;
	padding:8px;
	border-radius:10px;
	border:1px solid #B8E0BB;
	color:white;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}
.order-menu a{
	text-decoration:none;
	color:#F3F9F6;
}

.top{
top:-25px;
left:-25px;
width:400px;
 position: relative;
background-color:#ffffff;
border-top: 5px solid black;
border-bottom: 5px solid #2ebe3a;
 box-shadow: 0 4px 15px rgba(0, 0, 0, 0.9);
}
.navbar{
	position:fixed;
	bottom:0px;
	max-width:400px;
	width:100%;
	background-color:white;
	border-top:green;
}
.super{
	margin:auto;
	max-width:350px;
	background-color:#fef8ec;
	border:1px solid #F3F9F6;
	padding:10px;
	
}
.header{
font-size:12px;
padding:5px;
text-align:center;
background-color:#efeff1;
border-radius:10px;
border:1px solid #d0d1d3;
}

.banner{
	padding:20px;
	border-radius:10px;
	text-align:center;
	background-color:#ffe0cb;
	border:1px solid #fce0cb;
	margin:20px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
	max-width:300px;
}
.alamat{
border:1px solid gray;
border-radius:5px;
background-color:white;
padding:10px;
margin:10px;
font-size:14px;
}

.alamat input{
	border-radius:5px;
}

a.simpan{
	text-decoration:none;
	font-size:20px;
	background-color:#EE2538;
	color:white;
	padding:10px;
	border-radius:3px;
	border:1px solid gray;
	font-weight:bold;	
}