@import url('https://fonts.googleapis.com/css?family=Hind:300,400');
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  margin: 0;
  padding: 0 0px;
  font-family: 'Hind', sans-serif;
  background: #fff;
  color: #4d5974;
}
.Barrasotto {
  position: fixed; /* elemento fisso, segue lo scroll */
	z-index: 999; /* livello superiore al sito */
	bottom: 0%; /* distanza dal margine superiore */
	left: 0px;  /* distanza dal margine sinistro */
	width: 100%; /* larghezza elemento */
	height: 50px; /* altezza elemento */	
  //background-image: url(https://whitehouserestaurant.it/images/barrasotto.png);
  background:#293133;
  text-align:center;
}
.bottoni {
  padding:1px !important;
  margin:0px !important;;
}
.bottoni ul {
  padding:0px !important;
  margin:0px !important;;
  
}

.bottoni li {
  list-style: none;
  margin:2px 5px 0 5px;
  display: inline-block;
  font-size:12px;
  line-height:10px;
  padding:0px;  
}
.bottoni li img{ width:30px; border:1px #a1a5a6 solid; border-radius:50px; }
.bottoni li a{ color:#fff; text-decoration: none;}
.bottoni li a:hover{ color:#a1a5a6; }



.container {
  padding: 10px;
  width: auto;    
  border: 0px solid #73AD21;  
  max-width:450px;
  margin:auto;
  margin-bottom:40px;
}
.accordion .ai {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  //padding: 1rem 3rem 1rem 1rem;
  padding: 10px;  
  color: #7288a2;
  font-size: 1.2em;  
  font-weight: 400;
  border-bottom: 1px solid #e5e5e5;
}

.accordion .ai:hover,
.accordion .ai:hover::after {
  cursor: pointer;  
  color: #d6861c; // ARANCIONE
}
.accordion .ai:hover::after {
  border: 1px solid #d6861c;
}
.accordion .ai.active {  
  color: #d6861c;  
  border: 1px solid #d6861c;    
  border-bottom: 0px;  
}
.accordion .ai::after { /* pallino + */
  font-family: 'Ionicons';
  content: '\f218';
  position: absolute;
  float: right;
  right: 1rem;
  font-size: 1rem;
  color: #7288a2;
  padding: 5px;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #7288a2;
  text-align: center;
}
.accordion .ai.active::after { /* pallino - */
  font-family: 'Ionicons';
  content: '\f209';
  color: #d6861c;
  border: 1px solid #d6861c;
}
.accordion .content { 
  opacity: 0;
  //padding: 0 1rem;
  max-height: 0;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
  clear: both;
  -webkit-transition: all 0.2s ease 0.15s;
  -o-transition: all 0.2s ease 0.15s;
  transition: all 0.2s ease 0.15s;
  
  border: 1px solid #d6861c;
  border-top: 0px;
  padding:5px;
}
.accordion .content td{
  border-bottom:1px #ddd solid;
  padding:7px 0 5px 0;
  font-size: 0.8rem;
  font-size: 15px;
  line-height:20px;
  cursor: pointer;  
}
.des{ font-size: 15px; line-height: 15px;font-style: italic; padding:5px; border-bottom: 1px goldenrod solid; }
.fdes{ font-size: 13px; line-height: 13px;font-style: italic; padding:5px; border-bottom: 1px goldenrod solid; }

.accordion .content td b{
  font-size: 18px;
}
.accordion .content .img {
  border:2px #ddd solid;
  border-radius: 7px;
  padding:3px;
  width:60px;
  margin:0 5px;
  float:left;    
}
.td1{
  //text-align:center;
  background:#eee;  
  font-size:20px !important;
  padding:10px !important;
  border:2px #ddd solid;  
  cursor: default !important;
}
.accordion .content p {
  font-size: 1rem;
  margin:0px 5px;
  text-align: left;  
}
.accordion .content.active {
  opacity: 1;    
  max-height: 100%;
  -webkit-transition: all 0.35s ease 0.15s;
  -o-transition: all 0.35s ease 0.15s;
  transition: all 0.35s ease 0.15s;
}