.accordion-container {
	width: 80%; margin:0 auto; 
	margin-top:0px; margin-bottom:40px; 
	clear:both;
}


.accordion-titulo {
	position: relative;
	display: block;
	padding: 12px 20px;
	font-size: 1.2em;
	font-weight: 300;
	color: #000;
	opacity:0.8;
	text-decoration: none;
	border:2px solid #000;
	border-radius:6px; 
}
.accordion-titulo.open {
	border:2px solid #000;
	background: #d4d0b9;
}
.accordion-titulo:hover {
	background: #d4d0b9;
}

.accordion-titulo span.toggle-icon:before {
	content:"+"; opacity:0.8; 
}

.accordion-titulo.open span.toggle-icon:before {
	content:"-"; opacity:0.8; 
}

.accordion-titulo span.toggle-icon {
	position: absolute;
	top: 7px;
	right: 15px;
	font-size: 28px;
	font-weight:normal;
}

.accordion-content {
	display: none;
	padding: 20px;
	overflow: auto;
}

@media (max-width: 650px) {
.accordion-container {
	width: 100%; margin:0 auto; 
	margin-top:40px; margin-bottom:40px; 
	}

.accordion-titulo {
	padding: 10px;
	padding-right:40px!important;
	font-weight: 300;
}

.accordion-titulo span.toggle-icon {
	top: 3px;
	right: 10px;
	font-size: 30px;
	}

.accordion-titulo {padding: 10px; font-size: 1.2em; font-weight: normal; }

}