/***
Bloque ACORDEON
Estilos para CNMH
Powered by Vennex Group
***/

.acordeon {background: #EDA400;}
.acordeon .titulo1 {display: none;}
.acordeon .contenido1 > ul {
	margin: 0;
}
.acordeon .contenido1 ul li {
	list-style: none;
}
.acordeon .contenido1 > ul > li {
	border-top: 1px solid rgba(0,0,0,.15);
}
.acordeon .contenido1 > ul > li:first-child {border: none;}
.acordeon .contenido1 ul li a {
	color: #FFFFFF;
	padding: 10px 10px 10px 30px;
	display: block;
}
.acordeon .contenido1 > ul > li > a {
	background: url(../imagenes/arrowAcordeon.png) 10px center no-repeat;
	font-family: 'Homenaje', sans-serif;
	font-size: 1.5em; 
}
.acordeon .contenido1 > ul > li > a:hover {
	background-color: rgba(0,0,0,.25);
	color: #FFFFFF;
	text-decoration: none;
}


.acordeon .contenido1 > ul > li > ul  {
	padding: 5px 10px;
	margin: 0;
	background-color: rgba(0,0,0,.15);
	background: -moz-linear-gradient(top, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0) 15%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.06)), color-stop(15%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.06) 0%,rgba(0,0,0,0) 15%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0.06) 0%,rgba(0,0,0,0) 15%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0.06) 0%,rgba(0,0,0,0) 15%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0.06) 0%,rgba(0,0,0,0) 15%,rgba(0,0,0,0) 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f000000', endColorstr='#00000000',GradientType=0 ); W3C ERROR */ /* IE6 to 9 */
}
.acordeon .contenido1 > ul > li > ul > li {
	list-style: disc;
	color: rgba(0,0,0,0.2);
	padding: 0;
	margin: 0 0 0 15px;
	border-top: 1px solid rgba(0,0,0,.15);
}
.acordeon .contenido1 > ul > li > ul > li:first-child {
	border-top: none;
} 
.acordeon .contenido1 > ul > li > ul > li a {
	color: #FFFFFF;
	display: block;
	padding: 5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.acordeon .contenido1 > ul > li > ul > li a:hover {
	background: rgba(0,0,0,.25);
	text-decoration: none;
	border: none;
}