@font-face {
  font-family: Buran;
  src: url("fonts/buran.eot");
  src: url("fonts/buran.eot?#iefix") format("eot"), url("fonts/buran.svg") format("svg"), url("fonts/buran.woff") format("woff"), url("fonts/buran.ttf") format("truetype");
}

body{
	background: url(13491296226132.gif) no-repeat top center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin:0;
}

section{
	width:100%;
	max-width:1000px;
	margin:30px auto;
	position:relative;
}

img.logo{
	display:block;
	margin:80px auto;
	cursor: pointer;
	
	width:90%;
	max-width:450px;
	opacity:1;
	-webkit-transition: all 1s; /* Safari */
    transition: all 1s;
}
img.logo.logo-small{
	max-width:225px;
	margin-top:40px;
	opacity:.8;
}

nav{
	position:absolute;
	right:0;
}

nav a{
	font-size:24px;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	font-family: 'Buran', sans-serif;
	letter-spacing:1px;
	padding:2px 10px;
	margin:12px 0;
	border-right:25px solid #c32328;
	background:none;
	display:block;
	width:120px;
	text-align:right;
}
nav a:hover{
	background:#c32328;
	color:#fff;
}
a#fb{
	font-size:26px;
	color:#fff;
	text-decoration:none;
}

.content{
	display:none;
	color:#fff;
	font-family:Verdana, sans-serif;
}
.content h2{
	font-size:28px;
	letter-spacing:1px;
	font-weight:normal;
	font-family: 'Buran', sans-serif;
	text-transform:uppercase;
	color:#c32328;
}
.content strong{
	color:#c32328;
}


.musica{
	font-family: 'Courier New', Courier, monospace;
	font-size:17px;
}
.musica img.disco{
	width:300px;
	height:300px;
	float:left;
	margin:15px;
}
.musica p{
	padding:25px 0 20px 400px;
}
.musica a.download{
	text-decoration:none;
	color:#FFF;
	font-size:18px;
	padding:10px;
	margin:20px 20px 20px 60px;
	background-color:rgba(0,0,0,.1);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-transition: all .5s; /* Safari */
	transition: all .5s;
}
.musica a.download::before{
	content:"▼";
	font-size:12px;
	padding-right:7px;
}
.musica a.download:hover{
	background-color:rgba(0,0,0,.4);
	padding:10px 25px;
}
.musica .redes{
	margin:40px 0 0 70px;
}
.musica .redes a{}
.musica .redes a img{
	width:36px;
	height:36px;
}


.info .presskit{
	text-decoration:none;
	color:#FFF;
	float:right;
	font-size:18px;
	margin-top:-65px;
	padding:10px;
	background-color:rgba(255,255,255,.1);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-transition: all .5s; /* Safari */
    transition: all .5s;
}
.info .presskit::before{
	content:"▼";
	font-size:12px;
	padding-right:7px;
	position:relative;
	top:-2px;
}
.info .presskit:hover{
	background-color:rgba(0,0,0,.9);
	color:#c32328;
}


.toques{
	font-family: 'Courier New', Courier, monospace;
	font-size:17px;
	line-height:32px;
}
.toques h2{
	margin-left:320px;
}
.toques ul{
	list-style: none;
	background:url('toques.png') 196px 14px no-repeat;
	width:770px;
	padding:0 0 60px 0;
	margin:10px auto;
}
.toques li{
	padding:0;
	margin:0;
}
.toques li:hover{
	color:#c32328 !important; font-weight:bold;
}
.toques li span.fecha{
	display:inline-block;
	width:180px;
	text-align:right;
}
.toques li span.toque, .toques li a.toque, .toques li a.toque:link, .toques li a.toque:visited{
	display:inline-block;
	width:460px;
	color:#FFF !important;
	text-decoration:none;
}
.toques li span.toque:hover, .toques li a.toque:hover{color:#c32328 !important; font-weight:bold;}

.toques li span.blanks{
	display:inline-block;
	width:100px;
}


.media{
	font-family: 'Courier New', Courier, monospace;
	font-size:17px;
	line-height:32px;
}
.media ul{
	list-style: none;
	padding:0 0 60px 0;
	margin:10px auto;
	width:100px;
	float:left;
}
.media li{
	padding:0;
	margin:0;
}
.media li a{
	color:#fff;
	text-decoration:none;
}
.media li a:hover{
	text-decoration:underline;
	color:#ef0003;
}
.media .galeria{
	width:880px;
	float: right;
	display:none;
}
.media .galeria a{
	width:150px;
	height:150px;
	display:inline-block;
	margin:7px;
	overflow: hidden;
	border:1px solid #FFF;
}
.media .galeria img{
	width:auto;
	height:150px;
}

.links{
	font-family: 'Courier New', Courier, monospace;
	font-size:17px;
	line-height:32px;
}
.links ul{
	list-style: none;
	padding:0 0 60px 0;
	margin:10px auto;
}
.links li{
	padding:0;
	margin:0;
	width:30%;
	float:left;
}
.links li a{
	color:#fff;
	text-decoration:none;
}
.links li a:hover{
	text-decoration:underline;
	color:#ef0003;
}

.contacto{
	font-family: 'Courier New', Courier, monospace;
}
.contacto form{
	margin-left:25px;
}
.contacto label{
	width:90px;
	display:inline-block;
	vertical-align: top;
	padding-top:7px;
}
.contacto input, .contacto textarea{
	font-family: 'Courier New', Courier, monospace;
	border:2px solid #5E5E5E;
	background:none;
	color:#FFF;
	font-size:16px;
	padding:5px;
	margin:5px;
}
.contacto input{width:240px;}
.contacto textarea{width:300px;}
.contacto input#submit{
	width:auto;
	background:#5E5E5E;
	margin-left:105px;
}


/* mediaquery para menu-logo */
@media only screen and (max-width:768px) {
  nav {
    position: relative;
	float:right;
  }
}