@import url("../_css/reset.css");
@import url("../_css/grid.css");
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Roboto+Mono');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');

body {
	background: rgba(0,0,0,1) url(../_images/bg.png) fixed;
	text-align: justify;
	font-family: 'Roboto Mono', sans-serif;
	color: #888888;
	font-size: 16px;
}

header {
	background: rgba(255,0,0,.1) url(../_images/banner.png) 0 0 no-repeat;
	background-position: center bottom;
	height: 12em;
	padding: 0 0;
	margin: 0 auto;
}

footer {
	background: rgba(255,0,0,.1);
	clear: both;
	padding: 1em 1em;
	text-align: center;
}

h1, h2, h3{
	display: block;
	font-weight: bold;
	text-align: center;
	margin: 1em 0em;
}

h1 {
	font-size: 1.2em;
}

h2 {
	font-size: 1.1em;
}

h3 {
	font-size: 1em;
}

a, a:visited {
	color: crimson;
	text-decoration: none;
}

a:hover {
	color: #bbbbbb;
	text-decoration: underline;
}

/* LIENZO */

.pagewrap {
	width: 60em;
	margin: 0 auto;
}

/* MENU SUPERIOR FIJO */

.nav {
	background: rgba(255,0,0,0.4);
	position: fixed;
	top: 0em;
	z-index: 9999;
}

.menu {
	list-style-type: none;
	margin: 0em;
	padding: 0em;
	overflow: hidden;
}

.menu > li {
	float: left;
}

.menu > li > a {
	display: block;
	width: 12em;
	height: 26px;
	padding: .2em;
	background: url(../_images/menu.png) 0px 0px no-repeat;
	font-family: 'Roboto Mono', sans-serif;
	color: white;
	text-align: center;
	text-decoration: none;
}

.menu > li > a:hover {
	background: rgba(200,0,100,0.8) url(../_images/menu.png) 0px -25px no-repeat;
}

.divisor {
	clear:left;
	width: 100%;
	height: .01em;'
}

/* BLOCOS IZQUIERDO, CENTRAL Y DERECHO */

[class*="block_"] {
	background: rgba(255,0,0,.2);
	height:55em;
	overflow-y: auto;
	overflow-x: hidden; padding: 1em .5em;
}

.block_left {
	text-align: center;
}

.block_center {
	background: rgba(255,0,0,.4);
	padding: 1em 1em 1em 1em;
}

.releases img {
	/*width: 31%;*/
	float: left;
}
.releases img:hover {
	filter: invert(16%);
	-webkit-filter: invert(16%);
}

.info {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: .75em;
	font-weight: bold;
	color: crimson;
	line-height: 1.25em;
}

.info span {
	line-height: .7em;
}

.imginfo {
	float: left;
	border: 0px;
	width: 39%;
	margin: 0em 1em 1em 0em;
}

.links img {
	width: 49%;
	float: left;
}

.links img:hover {
	filter: invert(16%);
	-webkit-filter: invert(16%);
}

/* UL SOCIAL LINKS */

.social {
	padding:0em;
	list-style-type:none;
}

[class*="icon_"] {
	display:block;
	float:left;
	width:2em;
	height:2em;
	margin:.16em .16em .16em .16em;
	text-indent:-20000px;
	/*cursor: pointer;*/
}

[class*="icon_"]:hover {
	filter: invert(16%);
	-webkit-filter: invert(16%);
	/*cursor: pointer;*/
}

.icon_ra1 {background: url(../_images/social.png) 0px 0px no-repeat;}
.icon_as {background: url(../_images/social.png) -32px 0px no-repeat;}
.icon_bp {background: url(../_images/social.png) -64px 0px no-repeat;}
.icon_dg {background: url(../_images/social.png) -96px 0px no-repeat;}
.icon_el {background: url(../_images/social.png) -128px 0px no-repeat;}
.icon_fb {background: url(../_images/social.png) -160px 0px no-repeat;}
.icon_ls {background: url(../_images/social.png) 0px -32px no-repeat;}
.icon_gg {background: url(../_images/social.png) -32px -32px no-repeat;}
.icon_ht {background: url(../_images/social.png) -64px -32px no-repeat;}
.icon_ia {background: url(../_images/social.png) -96px -32px no-repeat;}
.icon_ig {background: url(../_images/social.png) -128px -32px no-repeat;}
.icon_it {background: url(../_images/social.png) -160px -32px no-repeat;}
.icon_ju {background: url(../_images/social.png) 0px -64px no-repeat;}
.icon_mc {background: url(../_images/social.png) -32px -64px no-repeat;}
.icon_mtv {background: url(../_images/social.png) -64px -64px no-repeat;}
.icon_mx {background: url(../_images/social.png) -96px -64px no-repeat;}
.icon_my {background: url(../_images/social.png) -128px -64px no-repeat;}
.icon_pi {background: url(../_images/social.png) -160px -64px no-repeat;}
.icon_ra {background: url(../_images/social.png) 0px -96px no-repeat;}
.icon_rn {background: url(../_images/social.png) -32px -96px no-repeat;}
.icon_sc {background: url(../_images/social.png) -64px -96px no-repeat;}
.icon_sp {background: url(../_images/social.png) -96px -96px no-repeat;}
.icon_tu {background: url(../_images/social.png) -128px -96px no-repeat;}
.icon_td {background: url(../_images/social.png) -160px -96px no-repeat;}
.icon_dl {background: url(../_images/social.png) 0px -128px no-repeat;}
.icon_tid {background: url(../_images/social.png) -32px -128px no-repeat;}
.icon_tw {background: url(../_images/social.png) -64px -128px no-repeat;}
.icon_ra2 {background: url(../_images/social.png) -96px -128px no-repeat;}
.icon_wb {background: url(../_images/social.png) -128px -128px no-repeat;}
.icon_yt {background: url(../_images/social.png) -160px -128px no-repeat;}
.icon_ag {background: url(../_images/social.png) 0px -160px no-repeat;}
.icon_wa {background: url(../_images/social.png) -32px -160px no-repeat;}
.icon_ts {background: url(../_images/social.png) -64px -160px no-repeat;}
.icon_bpr {background: url(../_images/social.png) -96px -160px no-repeat;}
.icon_cl {background: url(../_images/social.png) -128px -160px no-repeat;}
.icon_bb {background: url(../_images/social.png) -160px -160px no-repeat;}

/* UL SOCIAL LINKS */

.lang {
	position: fixed;
	left: 2em;
	top: 2em;
}

[class*="lang"] {
	display:block;
	width:26px;
	height:18px;
	text-indent:-20000px;
	/*cursor: pointer;*/
}

.lang_ch {background:url(../_images/lang.png) 0px 0px no-repeat;}
.lang_ch:hover {background:url(../_images/lang.png) -26px 0px no-repeat;}
.lang_en {background:url(../_images/lang.png) 0 -18px no-repeat;}
.lang_en:hover {background:url(../_images/lang.png) -26px -18px no-repeat;}
.lang_fr {background:url(../_images/lang.png) 0 -36px no-repeat;}
.lang_fr:hover {background:url(../_images/lang.png) -26px -36px no-repeat;}
.lang_ge {background:url(../_images/lang.png) 0 -54px no-repeat;}
.lang_ge:hover {background:url(../_images/lang.png) -26px -54px no-repeat;}
.lang_it {background:url(../_images/lang.png) 0 -72px no-repeat;}
.lang_it:hover {background:url(../_images/lang.png) -26px -72px no-repeat;}
.lang_jp {background:url(../_images/lang.png) 0 -90px no-repeat;}
.lang_jp:hover {background:url(../_images/lang.png) -26px -90px no-repeat;}
.lang_pt {background:url(../_images/lang.png) 0 -108px no-repeat;}
.lang_pt:hover {background:url(../_images/lang.png) -26px -108px no-repeat;}
.lang_ru {background:url(../_images/lang.png) 0 -126px no-repeat;}
.lang_ru:hover {background:url(../_images/lang.png) -26px -126px no-repeat;}
.lang_sp {background:url(../_images/lang.png) 0 -144px no-repeat;}
.lang_sp:hover {background:url(../_images/lang.png) -26px -144px no-repeat;}
.lang_tr {background:url(../_images/lang.png) 0 -162px no-repeat;}
.lang_tr:hover {background:url(../_images/lang.png) -26px -162px no-repeat;}