.sp-wrap {
    padding: 0px;
    margin-bottom: 3px;
    border: none;
    width: calc(33% - 20px);
    float: left;
    margin-right: 20px;
}
.sp-head {
  cursor: pointer;
  display: block;
  font-weight: 400;
  margin-left: 0px;
  padding: 15px 14px 15px 22px;
  text-align: left;
  font-size: 18px;
  border: 1px solid #577;
  color: #2e3540;
  border-radius: 50px;
}
.sp-body {
       padding: 12px 26px;
    height: auto;
    font-size: 16px;
    color: #393939;
}
.spdiv {
	width: 98%;
    margin: 0px auto;
    text-align: right;
    font-size: 0.8em;
	cursor: pointer;
	display:block;
}


.sp-wrap-default {
background: #fff;
}
.sp-wrap-default .sp-head {
	background: url(/wp-content/themes/komex/images/down.png) #fff right 20px center no-repeat;
    background-size: 20px;

}
.sp-wrap-default .sp-head.unfolded {
	  background: url(/wp-content/themes/komex/images/up.png) #f9f9f9 right 20px center no-repeat;
    background-size: auto;
  border-bottom: none;
  background-size: 20px;
}
.sp-wrap-default .sp-body {
  background: #f9f9f9;
  border-bottom: 1px solid #577;
  border-left: 1px solid #577;
  border-right: 1px solid #577;
  margin-top: -25px;
  padding-top: 20px;
}
.sp-wrap-default .spdiv {
    color: #444;
    display: none;
}


.sp-wrap-green {
	background: none repeat scroll 0% 0% #A9D0B3;
    border-color: #89BE95;
}
.sp-wrap-green .sp-head {
	background: url(../img/icon_plus.gif) no-repeat left center;
	color: #2A2A2A;
}
.sp-wrap-green .sp-head.unfolded {
	background: url(../img/icon_minus.gif) no-repeat left center;
}
.sp-wrap-green .sp-body {
	background: #DBEBDF;
	border-top:1px solid #89BE95;
}
.sp-wrap-green .spdiv {
    color: #444;
}


.sp-wrap-red {
	background: none repeat scroll 0% 0% #FFB3B3;
    border-color: #FF9999;
}
.sp-wrap-red .sp-head {
	background: url(../img/icon_plus.gif) no-repeat left center;
	color: #2A2A2A;
}
.sp-wrap-red .sp-head.unfolded {
	background: url(../img/icon_minus.gif) no-repeat left center;
}
.sp-wrap-red .sp-body {
	background: #FFE5E5;
	border-top:1px solid #FF9999;
}
.sp-wrap-red .spdiv {
    color: #444;
}


.sp-wrap-blue {
	background: none repeat scroll 0% 0% #A8C3F5;
    border-color: #7CA8EE;
}
.sp-wrap-blue .sp-head {
	background: url(../img/icon_plus.gif) no-repeat left center;
	color: #2A2A2A;
}
.sp-wrap-blue .sp-head.unfolded {
	background: url(../img/icon_minus.gif) no-repeat left center;
}
.sp-wrap-blue .sp-body {
	background: #D6E3FA;
	border-top:1px solid #7CA8EE;
}
.sp-wrap-blue .spdiv {
    color: #444;
}


.sp-wrap-yellow {
	background: none repeat scroll 0% 0% #F5EEB2;
    border-color: #ECE06F;
}
.sp-wrap-yellow .sp-head {
	background: url(../img/icon_plus.gif) no-repeat left center;
	color: #2A2A2A;
}
.sp-wrap-yellow .sp-head.unfolded {
	background: url(../img/icon_minus.gif) no-repeat left center;
}
.sp-wrap-yellow .sp-body {
	background: #FBF8DF;
	border-top:1px solid #ECE06F;
}
.sp-wrap-yellow .spdiv {
    color: #444;
}


.sp-wrap-orange {
	background: none repeat scroll 0% 0% #FFD39E;
    border-color: #FFBC6B;
}
.sp-wrap-orange .sp-head {
	background: url(../img/icon_plus.gif) no-repeat left center;
	color: #2A2A2A;
}
.sp-wrap-orange .sp-head.unfolded {
	background: url(../img/icon_minus.gif) no-repeat left center;
}
.sp-wrap-orange .sp-body {
	background: #FFEAD1;
	border-top:1px solid #FFBC6B;
}
.sp-wrap-orange .spdiv {
    color: #444;
}


.sp-wrap-brown {
	background: none repeat scroll 0% 0% #E4C6B4;
    border-color: #D5A890;
}
.sp-wrap-brown .sp-head {
	background: url(../img/icon_plus.gif) no-repeat left center;
	color: #2A2A2A;
}
.sp-wrap-brown .sp-head.unfolded {
	background: url(../img/icon_minus.gif) no-repeat left center;
}
.sp-wrap-brown .sp-body {
	background: #F1E2DA;
	border-top:1px solid #D5A890;
}
.sp-wrap-brown .spdiv {
    color: #444;
}


.sp-wrap-purple {
	background: none repeat scroll 0% 0% #FFB3FF;
    border-color: #FF80FF;
}
.sp-wrap-purple .sp-head {
	background: url(../img/icon_plus.gif) no-repeat left center;
	color: #2A2A2A;
}
.sp-wrap-purple .sp-head.unfolded {
	background: url(../img/icon_minus.gif) no-repeat left center;
}
.sp-wrap-purple .sp-body {
	background: #FFE5FF;
	border-top:1px solid #FF80FF;
}
.sp-wrap-purple .spdiv {
    color: #444;
}


.sp-wrap-cyan {
	background: none repeat scroll 0% 0% #99FFFF;
    border-color: #4DFFFF;
}
.sp-wrap-cyan .sp-head {
	background: url(../img/icon_plus.gif) no-repeat left center;
	color: #2A2A2A;
}
.sp-wrap-cyan .sp-head.unfolded {
	background: url(../img/icon_minus.gif) no-repeat left center;
}
.sp-wrap-cyan .sp-body {
	background: #CCFFFF;
	border-top:1px solid #4DFFFF;
}
.sp-wrap-cyan .spdiv {
    color: #444;
}


.sp-wrap-lime {
	background: none repeat scroll 0% 0% #99FF99;
    border-color: #66FF66;
}
.sp-wrap-lime .sp-head {
	background: url(../img/icon_plus.gif) no-repeat left center;
	color: #2A2A2A;
}
.sp-wrap-lime .sp-head.unfolded {
	background: url(../img/icon_minus.gif) no-repeat left center;
}
.sp-wrap-lime .sp-body {
	background: #CCFFCC;
	border-top:1px solid #66FF66;
}
.sp-wrap-lime .spdiv {
    color: #444;
}

.sp-wrap-steelblue {
	background: none repeat scroll 0% 0% #B2CAE0;
    border-color: #8EB2D2;
}
.sp-wrap-steelblue .sp-head {
	background: url(../img/icon_plus.gif) no-repeat left center;
	color: #2A2A2A;
}
.sp-wrap-steelblue .sp-head.unfolded {
	background: url(../img/icon_minus.gif) no-repeat left center;
}
.sp-wrap-steelblue .sp-body {
	background: #D7E4EF;
	border-top:1px solid #8EB2D2;
}
.sp-wrap-steelblue .spdiv {
    color: #444;
}