@charset "UTF-8";

/*ACORDEON*/
 .accordion {
  width: 95%;
  background-color: #e4322b;
  color: #fff;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.2s;
  border-radius: 6px;
}	

.active, .accordion:hover {
  background-color: #ccc;
  color:#FFF;
}

.panel {
  width: 95%;
  padding: 0 12px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  border:solid 1px #fff;
}
.accordion:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: #000;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
  color: #FFF;
}