.iphone {display: none !important;}
.mac {display: block !important;}

#video {
  /*background: #141415 url(../img/masonry-news.jpg) center top no-repeat;*/
  background-color: #111;
  position: relative;
  z-index: 10;
}

#googleads {
  display: none;
}

#loading {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../img/loading.png') 50% 50% no-repeat;
	background-color:#000;
}

#loadingwrong {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url('../wrong/img/volumeup.gif') 50% 50% no-repeat;
  background-color:#000;
}

#loadingdoitagain {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url('../doitagain/img/loading.gif') 50% 50% no-repeat;
  background-color:#000;
}

#bg {
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
}

#whatsnew {
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
}

.rotacion {
  width:2000px;
    height:2000px;
    position:absolute;
    left:50%; 
    top:0px;
    margin-top: 0px;
    margin-left: -1000px;  /* 50% del ancho de la div en px */
}

.rotacionback {
  width:2000px;
    height:2000px;
    position:absolute;
    left:50%; 
    top:-1600px;
    margin-top: 100px;
    margin-left: -1000px;  /* 50% del ancho de la div en px */
}

.sombra {
	 box-shadow: 3px 3px 1px #ccc;
  	-webkit-box-shadow: 3px 3px 1px #ccc;
  	-moz-box-shadow: 3px 3px 1px #ccc;
}

/* SUPERCRITICAL */

#supercritical {
	left: 50%; top: 50%; width: 400px; height: 400px; margin: -200px 0 0 -200px;
	position:fixed;
	-webkit-filter: drop-shadow(0px 0px 2px #333);
	z-index:5;
}

/* WRONG CLUB */

#cf2 {
  position:relative;
  height:400px;
  width:400px;
  margin:0 auto;
}
#cf2 img {
  position:fixed;
  left: 50%; top: 50%; width: 400px; height: 400px; margin: -200px 0 0 -200px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
#cf2 img.transparent {
    opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}
#galeria {
    width:100%;
    height:100%;
    position:relative;
    cursor: url(../cursor/drag.png), auto;
}
#galeria ul{
    width:2000px;
    height:490px;
    display:block;
    white-space:nowrap;
    overflow:auto;
    list-style:none;
    padding:0;
    margin:0;
    text-align:center; /*in case not enough images to create a scroll*/
}
#galeria img{
    width:auto;
    margin-right:10px;
    margin-top:20px;
    height:90%;
    display:inline-block;
    position:relative;
}

#portada {
  	position:absolute;
  	z-index:45;
  	height:100%;
    padding-left: 20px;
    background-color: #111; 
}
#portada ul{
    height:100%;
    width:100%;
    white-space:nowrap;
    overflow:auto;
    list-style:none;
    text-align:left; /*in case not enough images to create a scroll*/
}
#portada img{
    position:absolute;
    -webkit-box-shadow: 5px 5px 10px 1px #000;
    -moz-box-shadow:    5px 5px 10px 1px #000;
    box-shadow:         5px 5px 10px 1px #000;  
}
.blanco{
    margin-right:1500px;
}

/* FIN SUPERCRITICAL */

/* REMIX */

#cf3 {
  position:relative;
  height:400px;
  width:400px;
  margin:0 auto;
}
#cf3 img {
  position:fixed;
  left: 50%; top: 45%; width: 400px; height: 400px; margin: -200px 0 0 -200px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
#paytweet {
	overflow:hidden;
  cursor: pointer;
	left: 50%; top: 50%; width: 400px; height: 50px; margin: 150px 0 0 -200px;
	text-align:center;
	background:;
	position:fixed;
	z-index:100;
	font-size:20px;
}

#paytweet:hover {
	opacity:0.8;
	/* filter:alpha(opacity=60); /* For IE8 and earlier */
	-webkit-filter: grayscale(1);
}

#paytweet {
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}
#linkwrong {
	overflow:hidden;
	margin-top:15px;
	margin-right:25px;
	background:;
	position:fixed;
	z-index:55; 
	font-size:20px;
	opacity:5;
	bottom: 30px;
	left: 50%;
	margin-left: -110px;
}
#socialiphone {
	overflow:hidden;
	right:0;
	margin-top:15px;
	margin-right:25px;
	background:;
	position:fixed;
	z-index:55; 
	font-size:20px;
	opacity:5;
}
#social img:hover, #socialiphone img:hover {
  -webkit-filter: drop-shadow(0px 0px 1px #FFF);
}

#social a, #socialiphone a {
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}

#social a:hover, #socialiphone a:hover {
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}
.botoniphone {
	height: 50px;
}

/* FIN REMIX */

/* DO IT AGAIN */

#cf1 {
  position:relative;
  height:400px;
  width:350px;
  margin:0 auto;
}
#cf1 img {
  position:fixed;
  left: 50%; top: 50%; width: 350px; height: 400px; margin: -200px 0 0 -175px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
#soundcloudembed {
	display:;
	position: fixed;
	width:100%;
	height:120px; /* 81 */
	background:#000;
	bottom: 0;
	z-index: 100;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}
.fadecontentwrapper{ 
  position: fixed;
  height: 100%;
  overflow: hidden;
  background-color: white;
}
.fadecontent{ 
  position: fixed;
}
#whatnewstoggler {
  position: fixed;
  z-index: 100;
}
/* FIN DO IT AGAIN */

/* FAILURE */
#cf4 {
  position:fixed;
  left: 50%; width: 814px; margin-left: -407px;
  top: 50%; height: 600px; margin-top: -300px;
}
#cf4 img {
}
/* FIN FAILURE */

/* VINYL */
#cf5 {
  position:fixed;
  left: 50%; width: 800px; margin-left: -400px;
  top: 50%; height: 545px; margin-top: -272px;
}
#cf5 img {
}
/* FIN FAILURE */

/* MOBILE & IPAD */

@media only screen and (max-width: 1024px) {
  .mac {display: none !important;}
  .iphone {display: block !important;}
}

@media (max-width: 480px) {
.mac {display: none !important;}
.iphone {display: block !important;}

.rotacion {
  width:1200px;
    height:1200px;
    position:absolute;
    left:50%; 
    top:0px;
    margin-left: -600px;  /* 50% del ancho de la div en px */
    z-index: 20;
}
.rotacionback {
    top:-1500px;
    width:1800px;
    height:1800px;
    left:50%; 
    margin-left: -900px;  /* 50% del ancho de la div en px */
}

/* SUPERCRITICAL */

#supercritical {
	left: 50%; top: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px;
	position:fixed;
}
#supercritical img {
	width: 150px; height: 150px; 
}

/* WRONG CLUB */

#cf2 {
  position:relative;
  height:150px;
  width:150px;
  margin:0 auto;
}
#cf2 img {
  position:fixed;
  left: 50%; top: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
#galeria img{
  height:200px;
}
#galeria {
  height: 250px;
  padding-top: 50px;
  padding-bottom: 50px;
}
#portada {
  display:none;
}

/* REMIX */

#cf3 {
  position:relative;
  height:150px;
  width:150px;
  margin:0 auto;
}
#cf3 img {
  position:fixed;
  left: 50%; top: 45%; width: 150px; height: 150px; margin: -75px 0 0 -75px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
#socialiphone {
	overflow:hidden;
	right:0;
	margin-top:-5px;
	margin-right:0px;
	background:;
	position:fixed;
	z-index:55; 
	font-size:20px;
	opacity:5;
}
.botoniphone {
	height: 80px;
}
#paytweet {
	overflow:hidden;
	left: 50%; top: 30%; width: 400px; height: 50px; margin: 200px 0 0 -200px;
	text-align:center;
	background:;
	position:fixed;
	z-index:100;
	font-size:20px;
}

/* DO IT AGAIN */

#cf1 {
  position:relative;
  height:200px;
  width:175px;
  margin:0 auto;
}
#cf1 img {
  position:fixed;
  left: 50%; top: 50%; width: 175px; height: 200px; margin: -100px 0 0 -87.5px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

/* VINYL */
#cf5 {
  position:fixed;
  left: 50%; width: 400px; margin-left: -200px;
  top: 50%; height: 272px; margin-top: -136px;
}