@charset "UTF-8";
#contenedor {
	width:100%;
	max-width:1920px;
	margin:0 auto;
	left:0;
	right:0;
	top:0;
	bottom:0;
	position:absolute;
	height:950px
}
.btnmateriales {
	float:right;
	width:10%;
	min-width:100px;
	margin-top:0
}
#area {
	width:100%;
	max-width:1920px;
	height:100%;
	margin:0 auto;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:100;
	text-align:center
}
.musica {
	position:relative;
	width:50%;
	float:left;
	margin:0 auto
}
.imagendisco {
	position:relative;
	width:42%;
	min-width:280px;
	float:left;
	margin-left:13%;
	margin-top:40px;
	text-align:center
}
.audi {
	width:100%;
	height:100%;
	position:absolute;
	margin-top:100px
}
.txtaudio {
	text-align:left;
	font-family: 'Shaker-CHeavy',sans-serif;
	font-size:24px;
	color:#4c4c41;
	line-height:39px;
	width:80%;
	margin:0 auto;
	padding:0;
	position:relative;
	float:left;
	font-weight: normal;
	font-style: normal;
	letter-spacing:normal;
}
.txtaudio p {
	text-align:left;
	font-family: 'Shaker-CLight',sans-serif;
	font-size-adjust:.44;
	font-size:18px;
	color:#4c4c41;
	float:left;
	width:80%;
	line-height:24px;
	font-weight: normal;
	font-style: normal;
	letter-spacing:normal;
}
.txtaudio span{
font-family: 'Shaker-CBoldItalic', sans-serif; 
font-size-adjust:0.46; 
font-weight:normal; 
font-style:normal; 
font-size: 16px
}
@media only screen and (max-width:1400px) {
	.txtaudio {
		text-align:left;
		font-family: 'Shaker-CHeavy',sans-serif;
		font-size:18px;
		color:#4c4c41;
		line-height:39px;
		width:80%;
		margin:0 auto;
		padding:0;
		position:relative;
		float:left
	}
	.txtaudio p {
		text-align:left;
		font-family: 'Shaker-CLight',sans-serif;
		font-size-adjust:.44;
		font-size:16px;
		color:#4c4c41;
		float:left;
		width:80%;
		line-height:24px
	}
}
@media only screen and (max-width:1024px) {
	.txtaudio {
		text-align:left;
		font-family: 'Shaker-CHeavy',sans-serif;
		font-size:18px;
		color:#4c4c41;
		line-height:39px;
		width:70%;
		margin:0 auto;
		padding:0;
		position:relative;
		float:left
	}
	.txtaudio p {
		text-align:left;
		font-family: 'Shaker-CLight',sans-serif;
		font-size-adjust:.44;
		font-size:16px;
		color:#4c4c41;
		float:left;
		width:100%;
		line-height:24px
	}
}
@media only screen and (max-width:768px) {
	.txtaudio {
		text-align:left;
		font-family: 'Shaker-CHeavy',sans-serif;
		font-size:18px;
		color:#4c4c41;
		line-height:39px;
		width:90%;
		margin:0 auto;
		padding:0;
		position:relative;
		float:left
	}
	.txtaudio p {
		text-align:left;
		font-family: 'Shaker-CLight',sans-serif;
		font-size-adjust:.44;
		font-size:14px;
		color:#4c4c41;
		float:left;
		width:90%;
		line-height:20px
	}
	.txtaudio span{
font-family: 'Shaker-CBoldItalic', sans-serif; 
font-size-adjust:0.46; 
font-weight:normal; 
font-style:normal; 
font-size: 14px
}
	
}
@media only screen and (max-width:480px) {
	.txtaudio {
		text-align:left;
		font-family: 'Shaker-CHeavy',sans-serif;
		font-size:16px;
		color:#4c4c41;
		line-height:39px;
		width:90%;
		margin:0 auto;
		padding:0;
		position:relative;
		float:left
	}
	.txtaudio p {
		text-align:left;
		font-family: 'Shaker-CLight',sans-serif;
		font-size-adjust:.44;
		font-size:12px;
		color:#4c4c41;
		float:left;
		width:90%;
		line-height:15px
	}
	.txtaudio span{
font-family: 'Shaker-CBoldItalic', sans-serif; 
font-size-adjust:0.46; 
font-weight:normal; 
font-style:normal; 
font-size: 12px
}
}
.musica2 {
	position:relative;
	width:50%;
	float:right;
	margin:0 auto;
	min-height:1110px
}
.musica3 {
	position:relative;
	width:50%;
	float:right;
	margin:0 auto
}
.canciones {
	margin-top:10%
}
.letras {
	font-size:20px;
	color:#525249;
	letter-spacing:1px;
	line-height:0;
	font-family: 'Shaker-CBoldItalic'sans-serif; 
	font-size-adjust:.46;
	font-weight:normal;
	font-style:normal;
	letter-spacing:normal;
}
.pequenas {
	margin-left:20px;
	font-size:12px;
	color:#26a9e0;
	font-family: 'Shaker-CRegular',sans-serif;
	font-size-adjust:.45;
	font-weight:normal;
	font-style:normal;
	letter-spacing:normal;
}
#buttonbar {
	background:transparent;
	margin-top:16px
}
button {
	background:transparent;
	font-size:26px;
	color:#ffc300;
	font-family: 'Shaker-CBold',sans-serif;
	font-size-adjust:.46;
	font-weight:normal;
	font-style:normal;
	letter-spacing:normal;
}
#area1 {
	width:100%;
	max-width:1920px;
	height:100%;
	margin:0 auto;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:100;
	text-align:center
}
.musica1 {
	position:relative;
	width:50%;
	float:left;
	margin:0 auto
}
.imagencuento {
	position:relative;
	width:25%;
	min-width:120px;
	float:left;
	margin-left:13%;
	margin-top:40px;
	text-align:center
}
#arearizoma {
	margin:0 auto;
	width:100%;
	position:absolute;
	margin-top:200px
}
#arearizoma1 {
	margin:0 auto;
	width:100%;
	position:absolute;
	margin-top:450px
}
.txt1 {
	text-align:right;
	float:left;
	width:40%;
	font-family: 'Shaker-CLight',sans-serif;
	font-size-adjust:.44;
	font-weight:normal;
	font-style:normal;
	letter-spacing:normal;
}
.letras1 {
	font-size:14px;
	color:#525249;
	letter-spacing:1px;
	line-height:20px;
	font-family: 'Shaker-CLight',sans-serif;
	font-size-adjust:.44;
	font-weight:normal;
	font-style:normal;
	letter-spacing:normal;
}
.pequenas1 {
	margin-left:20px;
	font-size:14px;
	color:#26a8df;
	font-family: 'Shaker-CLight',sans-serif;
	font-size-adjust:.44;
	font-weight:normal;
	font-style:normal;
	letter-spacing:normal;
}
#revista {
	display:none
}
@media only screen and (max-width:1300px) {
	.imagendisco {
		position:relative;
		width:305px;
		float:left;
		margin-left:13%;
		margin-top:40px;
		text-align:center
	}
	.musica2 {
		width:50%;
		margin-top:30px
	}
	.musica3 {
		width:50%;
		margin-top:30px
	}
	#arearizoma {
		margin:0 auto;
		width:100%;
		position:absolute;
		margin-top:200px
	}
	#arearizoma1 {
		margin:0 auto;
		width:100%;
		position:absolute;
		margin-top:500px
	}
	.txt1 {
		text-align:right;
		float:left;
		width:40%;
		font-family: 'Shaker-CLight',sans-serif;
		font-size-adjust:.44;
		font-weight:normal;
		font-style:normal;
		letter-spacing:normal;
	}
}
@media only screen and (max-width:1200px) {
	.imagendisco {
		position:relative;
		width:305px;
		float:left;
		margin-left:13%;
		margin-top:40px;
		text-align:center
	}
	.musica2 {
		width:50%;
		margin-top:30px;
		min-height:1070px
	}
	
	.musica3 {
		width:50%;
		margin-top:30px
	}
	#arearizoma {
		margin:0 auto;
		width:100%;
		position:absolute;
		margin-top:200px
	}
	.txt1 {
		text-align:right;
		float:left;
		width:35%;
		font-family: 'Shaker-CLight',sans-serif;
		font-size-adjust:.44;
		font-weight:normal;
		font-style:normal;
		letter-spacing:normal;
	}
	#arearizoma1 {
		margin:0 auto;
		width:100%;
		position:absolute;
		margin-top:400px
	}
}
@media only screen and (max-width:1100px) {
	.imagendisco {
		position:relative;
		width:305px;
		float:left;
		margin-left:13%;
		margin-top:40px;
		text-align:center
	}
	.musica2 {
		width:50%;
		margin-top:30px
	}
	.musica3 {
		width:50%;
		margin-top:30px
	}
	#arearizoma {
		margin:0 auto;
		width:100%;
		position:absolute;
		margin-top:200px
	}
	.txt1 {
		text-align:right;
		float:left;
		width:37%;
		font-family: 'Shaker-CLight',sans-serif;
		font-size-adjust:.44;
		font-weight:normal;
		font-style:normal;
		letter-spacing:normal;
	}
	#arearizoma1 {
		margin:0 auto;
		width:100%;
		position:absolute;
		margin-top:400px
	}
}
@media only screen and (max-width:1040px) {
	#arearizoma {
		margin:0 auto;
		width:100%;
		position:absolute;
		margin-top:200px
	}
	#arearizoma1 {
		margin:0 auto;
		width:100%;
		position:absolute;
		margin-top:400px
	}
	.txt1 {
		text-align:right;
		float:left;
		width:58%;
		font-family: 'Shaker-CLight',sans-serif;
		font-size-adjust:.44;
		font-weight:normal;
		font-style:normal;
		letter-spacing:normal;
	}
	.letras1 {
		font-size:11px
	}
	.pequenas1 {
		font-size:11px
	}
}
@media only screen and (max-width:1024px) {
	.imagendisco {
		position:relative;
		width:305px;
		float:left;
		margin-left:13%;
		margin-top:40px;
		text-align:center
	}
	.musica2 {
		width:50%;
		margin-top:30px
	}
	.musica3 {
		width:50%;
		margin-top:30px
	}
	#arearizoma {
		margin:0 auto;
		width:100%;
		position:absolute;
		margin-top:200px
	}
	.txt1 {
		text-align:right;
		float:left;
		width:50%;
		font-family: 'Shaker-CLight',sans-serif;
		font-size-adjust:.44;
		font-weight:normal;
		font-style:normal;
		letter-spacing:normal;
	}
	.letras1 {
		font-size:11px
	}
	.pequenas1 {
		font-size:11px
	}
}
@media only screen and (max-width:768px) {
	.musica {
		width:100%;
	}
	.imagendisco {
		position:relative;
		width:40%;
		margin-top:80px;
		margin-left:5%
	}
	.musica2 {
		width:50%;
		margin-top:-320px;
		min-height:100% !important;
		height:100% !important;
	}
	.musica3 {
		width:50%;
		margin-top:-340px
	}
	.letras {
		font-size:14px;
		color:#525249
	}
	.pequenas {
		font-size:8px;
		color:#26a9e0
	}
	#arearizoma {
		display:none
	}
}
@media only screen and (max-width:768px) {
	.btnmateriales {
		display:none
	}
	#revista {
		position:absolute;
		display:inherit;
		margin:0 auto;
		margin-top:40%;
		margin-left:50%
	}
	#arearizoma1 {
		display:none
	}
}
@media only screen and (max-width:640px) {
	.musica {
		width:100%
	}
	.imagendisco {
		position:relative;
		width:30%;
		margin-top:80px;
		margin-left:10%;
 	}
	.musica2 {
		width:85%;
		margin-top:0;
		margin-right:0
	}
	.musica3 {
		width:85%;
		margin-top:0;
		margin-right:0
	}
	.letras {
		font-size:18px;
		color:#525249
	}
	.pequenas {
		font-size:12px;
		color:#26a9e0
	}
	#arearizoma,#arearizoma1 {
		display:none
	}
	.txt1 {
		text-align:right;
		width:40%
	}
	.letras1 {
		font-size:10px;
		color:#525249;
		letter-spacing:1px;
		line-height:10px;
		font-weight:100
	}
	.pequenas1 {
		margin-left:20px;
		font-size:10px;
		color:#26a9e0
	}
	.btnmateriales {
		display:none
	}
	#revista {
		position:absolute;
		display:inherit;
		margin:0 auto;
		margin-top:50%;
		margin-left:50%
	}
}
@media only screen and (max-width:480px {
	#revista {
		position:absolute;
		display:inherit;
		margin:0 auto;
		margin-top:30%;
		margin-left: 15%
	}
}