@charset "UTF-8";
/* CSS Document */
body {
  background-color:#000;
  margin:0;
  height:100%;
	}
	
html{
  margin:0px;
  height:100%;
  background-color:#000;
}

h1 {
	font-family:Helvetica, Arial, sans-serif;
	font-stretch:normal;
	font-size:82px;
	text-align:center;
	color:#111;
	margin:0;
}

h2 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:22px;
	font-stretch:normal;
	color:#fff;
	padding-top:3px;
	padding-left:4px;
	margin:0px;
}

h3 {
  font-family:Helvetica, Arial, sans-serif;
  font-size:18px;
  font-stretch:normal;
  color:#111;
  margin:10px 0 5px 10px;
}


p.tit {
  font-family:Helvetica, Arial, sans-serif;
  font-size:20px;
  line-height:30px;
  color:#fff;
  margin:0;
  padding: 0px 0 4px 4px;
}

p.one {
  font-family:Helvetica, Arial, sans-serif;
  font-size:14px;
  line-height:20px;
  color:#444;
  margin:0;
}

p.two {
color:#CCCCCC;
display:inline-block;
float:right;
font-family:Helvetica,Arial,sans-serif;
font-size:14px;
height:90px;
margin-bottom:0;
margin-left:0;
margin-right:10px;
margin-top:10px;
width:156px;
}

p.resumentit {
color:#000;
display:inline-block;
float:right;
font-family:Helvetica,Arial,sans-serif;
font-size:18px;
margin:10px 0 4px 10px;
width:280px;
}

p.resumen {
color:#222;
display:inline-block;
float:right;
font-family:Helvetica,Arial,sans-serif;
font-size:14px;
margin:0 0 0 10px;
width:280px;
line-height:18px;
}

p.foot {
  font-family:Helvetica, Arial, sans-serif;
  font-size:10px;
  line-height:10px;
  color:#444;
  margin:0 0 10px 0;
}

ul {margin:0; padding:0;}

ul.side {margin:0; padding:0;}

li {display:inline; padding:0;}

li.side {padding:0; display:block; margin:0;}

a:link {border:0px;}
a:visited {border:0px;}
a:hover {border:0px;}

a.icon {
	height:24px;
	width:24px;
	margin:2px;
	padding:0px;
	display:inline-block;
	float:left;
	opacity: 0.7;
}

a.icon:hover{
	opacity:1;
}

a.wordpress {
	background-image:url(images/wordpress.png);
}

a.myspace {
	background-image:url(images/myspace.png);
}

a.facebook {
	background-image:url(images/facebook.png);
}

a.twitter {
	background-image:url(images/twitter.png);
}

a.flickr {
	background-image:url(images/flickr.png);
}

a.youtube {
	background-image:url(images/youtube.png);
}

a.lastfm {
	background-image:url(images/lastfm.png);
}

a.banner {
	height:135px;
	width:300px;
	margin:5px 0 0 0;
	padding:0px;
	display:inline-block;
	float:right;
	background-image:url(images/spotify.png);
	opacity:0.5;
}

a.banner:hover {
	opacity:1;
}

a.one:link {
	color:#333;
	font-size:10px;
	text-decoration:none;
	margin:0;
	font-family:Helvetica, Arial, sans-serif;
}

a.one:visited {
	color:#333;
	font-size:10px;
	text-decoration:none;
	margin:0;
	text-decoration:none;
	font-family:Helvetica, Arial, sans-serif;
}

a.one:hover {
	color:#CCC;
	font-size:10px;
	text-decoration:none;
	margin:0;
	font-family:Helvetica, Arial, sans-serif;
}


a.side:link {color:#888;font-size:14px;text-decoration:none;margin:0;line-height:20px;font-family:Helvetica, Arial, sans-serif;}
a.side:visited {color:#333;font-size:14px;text-decoration:none;margin:0;line-height:20px;text-decoration:line-through;font-family:Helvetica, Arial, sans-serif;}
a.side:hover {color:#F30;font-size:14px;text-decoration:none;margin:0;line-height:20px;font-family:Helvetica, Arial, sans-serif;}

img{
  border:0;
}

div.main {
  width:960px;
  height:100%;
  margin-top:0;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:0px;
  background-color:#000;
}

div.page {
  width:960px;
  height:100%;
  margin:0px;
}

div.header {
  width:960px;
  height:240px;
  margin:0;
}

div.barratit {
  width:960px;
  height:30px;
  float:left;
  background-image:url(images/barraTit.png);
  margin:1px 0px 5px 0px;
}

div.barratit01 {
  width:960px;
  height:30px;
  float:left;
  background-image:url(images/anteriores.png);
  margin:5px 0px;
}

div.mainleft {
float:left;
display:inline-block;
margin:5px 0;
position:relative;
width:650px;
height:395px;
background-image:url(images/videobk.png);
}

div.anteriores {
display:inline-block;
margin:0;
padding:0;
position:relative;
width:960px;
}

div.post {
  margin:5px;
  width:640px;
}

div.video {
  width: 640px;
  height:385px;
  margin:0;
}

div.mainright {
display:inline-block;
float:right;
margin:5px 0;
padding:0;
position:relative;
width:300px;
height:250px;
background-image:url(images/resumen.png);
}

div.bannerspo {
display:inline-block;
float:right;
margin:5px 0;
padding:0;
position:relative;
width:300px;
height:130px;
background-image:url(images/spotify.png);
}

div.sidecel {
  width:280px;
  margin:0 0 0 10px;
  padding:0;
}

div.ficha {
background-color:#000000;
background-image:url(images/ficha.png);
height:110px;
margin-bottom:5px;
width:290px;
}

div.ficha01 {
background-color:#000000;
background-image:url(images/ficha00.png);
height:110px;
margin:5px;
padding:0px;
width:310px;
display:inline-block;
border:0px;
float:left;
}

div.thumb {
  background-color:#FFFFFF;
  display:inline-block;
  height:90px;
  margin:10px;
  width:120px;
}

div.icon_facebook {
	height:24px;
	width:24px;
	margin:2px;
	padding:0px;
	display:inline-block;
	float:left;
}

div.icon_wordpress {
	height:24px;
	width:24px;
	margin:2px;
	padding:0px;
	display:inline-block;
	float:left;
}

div.icon_myspace {
	height:24px;
	width:24px;
	margin:2px;
	padding:0px;
	display:inline-block;
	float:left;
}

div.icon_twitter {
	height:24px;
	width:24px;
	margin:2px;
	padding:0px;
	display:inline-block;
	float:left;
}

div.icon_youtube {
	height:24px;
	width:24px;
	margin:2px;
	padding:0px;
	display:inline-block;
	float:left;
}

div.icon_flickr {
	height:24px;
	width:24px;
	margin:2px;
	padding:0px;
	display:inline-block;
	float:left;
}

div.icon_lastfm {
	height:24px;
	width:24px;
	margin:2px;
	padding:0px;
	display:inline-block;
	float:left;
}

div.footerline {
	height:1px;
	width:960px;
	margin:15px 0 5px 0;
	padding:0px;
	background-color:#666;
}

div.footerbox {
	height:10px;
	width:960px;
	margin:5px 0 10px 0;
	padding:0px;
}

div.footerleft {
	height:10px;
	margin:0;
	padding:0;
	float:left;
}

div.footerright {
	height:10px;
	margin:0;
	padding:0;
	float:right;
}



div.anteriores a{
  text-decoration: none;
  color: inherit;
}

div.ficha01{
  opacity: 0.8;
}

div.ficha01:hover{
  opacity: 1;
}