/*SETTINGS*/
	
html, body, div { margin: 0; border: 0 none; padding: 0; }
html, body { height: 100%; min-height: 100%; }
body { background: #C6D2D9; font: 15px Helvetica, Arial, sans-serif; }

h1, h2, h3, h4 { font-family: Helvetica, Arial, sans-serif; font-weight: normal!important; }
h1 { font-size: 2em; color:#000; }
h2 { font-size: 1.5em; color:#F00; }
h3 { font-size: 1.1em; color:#F00;  margin:0 0 5px 0!important;}

/*SOCIAL MEDIA*/
.fb { background: url(../images/ico_fb.png) 0px 0px; margin: 0px 50px 0px; padding: 0px; height: 20px; width: 20px; display:block; float:right; }

/*CONTENT*/
#contenido > img { max-width:100%!important; }
#contenido { position:absolute; width:980px; margin: 0 0 0 0; }

.info { width:320px; }
.info p { margin:0 0 5px 0;}
.info span { color:#666; }

.info-m { width:280px; }
.info-m p { margin:0 0 5px 0;}
.info-m span { color:#666; }

.z-top-high { z-index:300!important; }
.z-top-middle { z-index:200!important; }
.z-top-low { z-index:100!important; }

#bg1,
#bg2,
#bg3 { z-index: 50; top: 0%; left: 0; width: 100%; height: 100%; background: url(../images/agua-1.png) repeat-x center bottom; }
#bg2 { z-index: 150; background-image: url(../images/agua-2.png); }
#bg3 { z-index: 250; background-image: url(../images/agua-3.png); }

#bg1m,
#bg2m,
#bg3m { z-index: 50; top: 0%; left: 0; width: 100%; height: 100%; background: url(../images/agua-1-m.png) repeat-x center bottom; }
#bg2m { z-index: 150; background-image: url(../images/agua-2-m.png); }
#bg3m { z-index: 250; background-image: url(../images/agua-3-m.png); }

#cielo { z-index: 20; top: 0%; left: 0; width: 100%; height: 100%; background: url(../images/cielo.png) repeat; }

/*SOCIAL*/

#social { width: 410px; height:62px; }
.bandcamp { background:url(../images/ico-bandcamp.png) no-repeat center top; width: 62px; height:62px; margin:0 10px; display:block; float:left; }
.facebook { background:url(../images/ico-facebook.png) no-repeat center top; width: 62px; height:62px; margin:0 10px; display:block; float:left; }
.twitter { background:url(../images/ico-twitter.png) no-repeat center top; width: 62px; height:62px; margin:0 10px; display:block; float:left; }
.youtube { background:url(../images/ico-youtube.png) no-repeat center top; width: 62px; height:62px; margin:0 10px; display:block; float:left; }
.soundcloud { background:url(../images/ico-sound-cloud.png) no-repeat center top; width: 62px; height:62px; margin:0 10px; display:block; float:left; }

.bandcamp:hover { background:url(../images/ico-bandcamp.png) no-repeat center bottom; }
.facebook:hover { background:url(../images/ico-facebook.png) no-repeat center bottom; }
.twitter:hover { background:url(../images/ico-twitter.png) no-repeat center bottom; }
.youtube:hover { background:url(../images/ico-youtube.png) no-repeat center bottom; }
.soundcloud:hover { background:url(../images/ico-sound-cloud.png) no-repeat center bottom; }

#social-m { width: 260px; height:40px; }
.bandcamp-m { background:url(../images/ico-bandcamp-m.png) no-repeat; width: 40px; height:40px; margin:0 5px; display:block; float:left; }
.facebook-m { background:url(../images/ico-facebook-m.png) no-repeat; width: 40px; height:40px; margin:0 5px; display:block; float:left; }
.twitter-m { background:url(../images/ico-twitter-m.png) no-repeat; width: 40px; height:40px; margin:0 5px; display:block; float:left; }
.youtube-m { background:url(../images/ico-youtube-m.png) no-repeat; width: 40px; height:40px; margin:0 5px; display:block; float:left; }
.soundcloud-m { background:url(../images/ico-sound-cloud-m.png) no-repeat; width: 40px; height:40px; margin:0 5px; display:block; float:left; }


/*FOOTER*/
#footer { font-size:.8em; color: #FFF; text-align: center; width: 80%; left: 10%;  }
#footer a:link,
#footer a:visited { color: #ccc; text-decoration:none; }
#footer a:hover { color: #344651; }
.creditos { font-size:.9em; color:#FFF; margin: 10px 0; }
.copyright {}

.creditos-m { width:47%; float:right; color:#FFF; margin: 10px 1%; }
.copyright-m { width:47%; float:left; color:#FFF; margin: 10px 1% }

/* Clears Divs */
.clr{ clear: both; }

/* CSS RESET */
*:focus { outline: 0; }
img { border: 0 none; }
strong, b { }