*{/*Todo lo que no tenga algo particularizado*/
	box-sizing: border-box;
}
.acordeon input{
	display: none; /*No tenga el efecto por defaul*/
}
.acordeon_titulo{
	display: block;
	padding: 15px;
	background: crimson;
	color: #fff;
	font-size: 20px;
	cursor: pointer;
	border-bottom: 1px solid #fff; 
}
.acordeon_titulo:hover{
	background: rgb(22,87,51);
	font-size: 25px;
}
.acordeon_contenido{
	height: 0;
	overflow: hidden; /*Aparaciencia de esconder el contenido*/
	margin: 0;
	transition: all .5s;
}
.acordeon input:checked ~ .acordeon_contenido{
	height: auto;
	margin: 15px 0;
}
banner{
	width: 700px;
	height: 300px;
	border: 3px solid red;
	margin: auto;

	/*background-image: url("imgbanner/img1.jpg");*/
	background-size: 100% 100%;	

	/*animation-name: banner;
	animation-duration: 10s;
	animation-iteration-count: infinite;*/

	animation: banner 10s infinite;
}
@keyframes banner{
	0%, 20%{
		background-image: url("loT_2.JPG");
		opacity: 1;
	}
	21%, 24%{
		opacity: 0.1;
	}
	25%, 55%{
		background-image: url("int-1.JPG");
		opacity: 1;
	}
	56%, 59%{
		opacity: 0.1;
	}
	60%, 90%{
		background-image: url("Imagen-45.PNG");
		opacity: 1;
	}
	60%, 90%{
		background-image: url("Tendencias-2017.PNG");
		opacity: 1;
	}