@charset "utf-8";
/* CSS Document */




/* HTML5 tags */  
#footer, #left {  	display: block;  }
/**/

html{height:100%;}
body{
	/*background-image: url(../images/home3.jpg);*/
	background-repeat: no-repeat;
	background-position: center top;
	background-color:#121212;
	height:100%;
	background-attachment: fixed;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}

::selection {
	background: #000; /* Safari */
	}
::-moz-selection {
	background: #000; /* Firefox */
	}
a{color:#CCC;}
#container{
	background-image: url(../images/cruces.png);
	background-repeat: repeat;
	background-position: left top;
	min-height:100%;
	}

#left, .moods_cont{ float:left; padding-top:30px;}
#left{
	width:593px;
	}
	.moods_cont{ width:307px;
	padding-left:50px;}
	
.center{ width:960px; margin:0 auto;}

/*fuentes*/

/*@font-face {
font-family: 'ChunkFive';
src: url(Chunkfive.otf);
}
@font-face {
font-family: 'League Gothic';
src: url(League_Gothic.otf);
}*/

@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('League_Gothic-webfont.eot');
	src: local('☺'), url('League_Gothic-webfont.woff') format('woff'), url('League_Gothic-webfont.ttf') format('truetype'), url('League_Gothic-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ChunkFiveRegular';
	src: url('Chunkfive-webfont.eot');
	src: local('☺'), url('Chunkfive-webfont.woff') format('woff'), url('Chunkfive-webfont.ttf') format('truetype'), url('Chunkfive-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}


h1.league{font-family: 'LeagueGothicRegular';
	font-size:179px;
	height:160px;
	/*background-color:#FF0;*/
	text-transform:uppercase;
	color:#cad3d7;
	margin-bottom:6px;
	letter-spacing:-4px;
	text-shadow: 2px 2px 2px #000;
	font-weight:normal;
	
	}

p.chunk{font-family:'ChunkFiveRegular';
	font-size:46px;
	color:#909698;
	text-transform:uppercase; 
	text-align:justify;
	margin:0;
	padding:0;
	line-height:normal;
	}


p.size01{ font-size:130px; /*line-height:110px;*/  height:100px; display:block;}
p.size02{ font-size:93px; height:70px;}
p.size03{ font-size:100px; height:80px; margin-bottom:30px;}

.color01{color:#e9eb48;}
.color02{color:#4bafae;}
.color03{color:#e048a9;}
.color04{color:#ffb238;}
.color05{color:#5fd041;}

.cajatexto{
	background-color:#111;
background-color: rgba(5, 5, 5, 0.7);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
padding:16px; margin-right:40px;
color:#CCC;
display:block;}

#footer { color:#8d9497;
	font-size:11px;
	padding:10px 30px 10px 15px;
	line-height:13px;}
#footer a{
	color:#8d9497;
	text-decoration:none;
}	
#footer a:hover{
	color:#CCC;
	}
/**/
#wformk{ width:230px;
display:block;
float:left;}
.colleft{float:right; width:260px;}
.colleft{ font-size:12px; line-height:16px;
color:#999
			}
			.colleft p{margin-bottom:10px;}

.mainfloro{ font-size:14px; line-height:18px; color:#4bafae; margin-bottom:10px;}
.clear{ clear:both;}
.share{display:block; margin-bottom:6px;}

.trigger{
	text-decoration:none;
	background-image: url(../images/comments.png);
	background-repeat: no-repeat;
	background-position: right 2px;
	padding-right:20px;
	padding-bottom:5px;
	display:block;
	width:115px;
	cursor:pointer;
}
.trigger{margin-bottom:10px;}
.trigger:hover { color: #fff; background-position: right -24px;}
h2.active{/*background-position: right -53px;*/}