@import url(http://fonts.googleapis.com/css?family=Open+Sans|Open+Sans+Condensed:300);

/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:medium none}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:2.5em;margin:.83em 0;text-shadow: 1px 1px 0 rgba(0, 0, 0, .3)}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:0 none;margin:0;padding:0}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}














/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	/*margin: 0 auto 60px;*/
	margin: 0 70px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/
/*
.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border: solid #fff 5px;
	left: -5px;
	background: #fff;
}
*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(img/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
/*	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;*/
	display: none;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: -60px;
	background: url(img/slide-controls.png) no-repeat 5px center;
}

.bx-wrapper .bx-next {
	right: -60px;
	background: url(img/slide-controls.png) no-repeat -84px center;
}

.bx-wrapper .bx-prev:hover {
	background-position: -38px center;
}

.bx-wrapper .bx-next:hover {
	background-position: -126px center;
}

.bx-wrapper .bx-controls-direction a {
	background-color: rgba(169, 169, 169, .32);
	position: absolute;
	top: 0;
	/*margin-top: -16px;*/
	outline: 0;
	width: 40px;
	height: 100%;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(img/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(img/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

/************************************************************************************************************************************************/



























article, aside, button, div, form, figure, footer, header, img, input, textarea, ul, section, span
{
	        box-sizing	: border-box;
	   -moz-box-sizing	: border-box;
	    -ms-box-sizing	: border-box;
	     -o-box-sizing	: border-box;
	-webkit-box-sizing	: border-box;
}

article, aside, form, footer, header nav, section, ul
{
	height				: auto;
	overflow			: hidden;
	position			: relative;
}

			body {font-size: 16px; font-family: Arial;/*  background-color: #E6E7E2;background: url("img/final_fantasy_vii_advent_children.jpg") no-repeat fixed center top / 100% auto #E6E7E2;*/

background-color: #FFFFFF;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAASklEQVQYV8WOsQ2AMBDEfDPBTGGmMBMZIhTPGIe+CKJIn9LS2TpF9A0oQEOq2PufFdErcCJd2AeQwsc5KDNzlBTP7Zk5SllY/eEFSv5R1/HRko0AAAAASUVORK5CYII=");

			}
			h5 {font-family: 'Open Sans Condensed', Arial; margin: 10px 10px 20px; padding: 10px 0; color: #000000; font-size: 20px; font-style: normal; font-weight: 100; text-transform: uppercase; border-bottom: 1px solid #8E8E8C;}
			ul {margin: 0; padding: 0;}
			[data-type=content] {margin-top: 43px;}
			[data-type=content].menu {padding-left: 44px;}
			[data-type=layout] {width: 100%; background-color: rgba(255, 255, 255, .85); border-bottom: 1px solid #cccccc; text-align: center;
				position: fixed; left: 0; top: 0; z-index: 100001;}
			[data-type=layout] menu ul {height: 42px; overflow: hidden;}
			[data-type=layout] form {border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; margin-left: -5px;}
			[data-type=layout] form, [data-type=layout] ul {display: inline-block; vertical-align: top;}
			[data-type=layout] form button {vertical-align: top; border: 0 none; background: url("img/icons.png") no-repeat scroll -45px 4px rgba(0, 0, 0, 0); height: 22px; margin: 10px 0 0 10px; padding: 0; text-indent: -99999px; width: 22px;}
			[data-type=layout] form input {border: 0 none; background-color: rgba(0, 0, 0, 0); padding: 0; font-size: .75em; font-style: italic; height: 42px; width: 130px;}
			[data-type=layout] form input:focus {font-family: 'Open Sans Condensed', Arial; font-style: normal; text-transform: uppercase; font-size: 1.3em; outline: none;}






		  :-moz-placeholder
{
	color				: rgba(152, 152, 152, 1);
	opacity				: 1;
}

		 ::-moz-placeholder
{
	color				: rgba(152, 152, 152, 1);
	opacity				: 1;
}

	 :-ms-input-placeholder
{
	color				: rgba(152, 152, 152, 1);
	opacity				: 1;
}

::-webkit-input-placeholder
{
	color				: rgba(152, 152, 152, 1);
	opacity				: 1;
}



[data-type=layout] menu			  input:focus:-moz-placeholder { color: rgba(0, 0, 0, 1); font-family: sans-serif; font-size: 12px; font-style: italic; opacity: 1; text-transform: none; }
[data-type=layout] menu			 input:focus::-moz-placeholder { color: rgba(0, 0, 0, 1); font-family: sans-serif; font-size: 12px; font-style: italic; opacity: 1; text-transform: none; }
[data-type=layout] menu		 input:focus:-ms-input-placeholder { color: rgba(0, 0, 0, 1); font-family: sans-serif; font-size: 12px; font-style: italic; opacity: 1; text-transform: none; }
[data-type=layout] menu input:focus::-webkit-input-placeholder { color: rgba(0, 0, 0, 1); font-family: sans-serif; font-size: 12px; font-style: italic; opacity: 1; text-transform: none; }

#loading
{
	margin				: 1em auto;
	width				: 128px;
}

			[data-type=layout] menu {display: inline-block; margin: 0; padding: 0;}
			[data-type=layout] menu a {font-family: 'Trebuchet MS', Arial; display: block; width: 50px; text-align: center; text-decoration: none; color: #658669; text-shadow: 0 1px 0 #FFFFFF; font-weight: bold; padding: 10px 0;}
			[data-type=layout] menu a:hover {color: #476855;}
			[data-type=layout] menu li {float: left; list-style: none outside none;}
			#col-content, #col-feed {
	        transition	: margin-left .2s ease-in-out, opacity .2s ease-in-out;
	   -moz-transition	: margin-left .2s ease-in-out, opacity .2s ease-in-out;
	    -ms-transition	: margin-left .2s ease-in-out, opacity .2s ease-in-out;
	     -o-transition	: margin-left .2s ease-in-out, opacity .2s ease-in-out;
	-webkit-transition	: margin-left .2s ease-in-out, opacity .2s ease-in-out;
				/*float: left;*/ margin-bottom: 20px; margin-left: 2.4%; margin-right: 2.4%; min-width: 360px;}
			#col-game {
				background: none no-repeat fixed center 42px / 100% auto transparent;
	        transition	: margin-left .2s ease-in-out, opacity .2s ease-in-out;
	   -moz-transition	: margin-left .2s ease-in-out, opacity .2s ease-in-out;
	    -ms-transition	: margin-left .2s ease-in-out, opacity .2s ease-in-out;
	     -o-transition	: margin-left .2s ease-in-out, opacity .2s ease-in-out;
	-webkit-transition	: margin-left .2s ease-in-out, opacity .2s ease-in-out;
				float: left; margin-bottom: 20px; min-width: 240px;}

#col-game h1 {color: #ffffff; font-family: "Helvetica"; font-size: 2em; font-weight: 600; line-height: 1.2em; margin: 30px 0 0; padding: 0 1em; text-align: center; text-shadow: 1px 1px 0 #202020; white-space: normal;}
#col-game footer {color: #8F8F8F; font-size: 14px; font-style: italic; text-align: center; padding: 0 3%; background-color: #e6e7e2;}
#col-game footer a {color: #3F9A61; font-weight: bold; text-decoration: none;}
#col-game footer a:hover {text-decoration: underline;}
#col-game header em {color: #ffffff; display: block; font-family: "Helvetica"; font-size: 14px; font-weight: bold; margin-bottom: 30px; text-align: center; text-shadow: 1px 1px 0 #202020; white-space: normal;}
#col-game header menu {margin: 0;padding: 0;text-align: right;width: 100%;}
#col-game header strong {color: #ffffff; display: block; font-family: "Helvetica"; font-size: 8em; text-align: center; text-shadow: 1px 1px 0 #202020; white-space: normal;}
#col-game header menu button {background: none; border: 0 none; color: white; font-size: 12px; margin: 0; padding: 4px 0; width: 75px;}
#col-game > div {background-color: white; padding: 60px 0;}
#col-game [data-col=left] {display: inline-block;margin-right: -3px;vertical-align: top;width: 20%;}
#col-game [data-col=left] img {width: 100%;}
#col-game [data-col=right] {margin: 0 1em;}
#col-game [data-row=description] p {
	font-size: 14px;
}
#col-game [data-row=description] table,
#col-game [data-row=properties] table {
	width: 100%;
}
#col-game [data-row=description] th,
#col-game [data-row=properties] th {
	text-align: left;
	text-transform: uppercase;
	color: #4f4f4f;
	font-size: 14px;
	min-width: 170px;
	width: 20%;
}
#col-game [data-row=description] td,
#col-game [data-row=properties] td {
	color: #8f8f8f;
	font-size: 14px;
}
#col-game [data-row=properties] td {
	font-weight: bold;
}
#col-game [data-row=properties] td a {
	color: #8f8f8f;
	text-decoration: none;
}
#col-game [data-row=properties] td a:hover {text-decoration: underline;}
#col-game [data-row=properties] th,
#col-game [data-row=properties] td {
	padding: 5px 5px 5px 0;
}
#col-game [data-row=statics] div {
	background-color: #3F9A61;

background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAT0lEQVQYV2NUXxHy//2bDwyabLIMf9j/MLxh/86AzGcUm+LyX1BEgEHkJycDy08Whuu/HjMg8xntZyX+x6YTZhKj9cLY/9h0wkxiHARuAADYWGUJgI+BZwAAAABJRU5ErkJggg==);

	height: 200px;
	margin-bottom: 6px;
	margin-right: 2px;
	min-width: 180px;
	overflow: hidden;
	position: relative;
	padding: 10px;
	vertical-align: top;
}
#col-game h5 {
	color: #3f9a61;
	margin-left: 0;
	margin-right: 0;
}
#col-game h6 {
	color: #ffffff;
	font-size: 14px;
	margin: 0;
	text-align: center;
}
#col-game h6 a {
	color: #ffffff;
	text-decoration: none;
}
#col-game h6 a:hover {text-decoration: underline;}
#col-game [data-row=statics] menu {
	margin: 36px auto;
	max-width: 170px;
	padding: 0;
	text-align: center;
	width: 100%;
}
#col-game [data-row=statics] table {
	margin: 38px auto;
	max-width: 170px;
	width: 100%;
}
#col-game [data-row=statics] table th {
	text-align: left;
	color: #AADD64;
	font-size: 12px;
}
#col-game [data-row=statics] table td {
	text-align: right;
}
#col-game [data-row=statics] table td a {
	color: #dbf2ca;
	text-decoration: none;
	font-size: 12px;
}
#col-game [data-row=statics] table td a:hover {text-decoration: underline;}
#col-game [data-row=media] .bx-wrapper
{
	margin: 0 60px;
}
#comparar-vots, #desgloss-vots
{
	position: relative;
	overflow: hidden;
	margin-bottom: 6px;
	margin-right: 2px;
	display: inline-block;
	vertical-align: top;
	color: #3F9A61;
	font-weight: bold;
	font-size: 14px;
	border: 0 none;
	padding: 8px 0;
	font-family: 'Open Sans Condensed', sans-serif, Arial;
	background-color: #AADD64;

background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAT0lEQVQYV2NcdTflPyPDN4a337gYhLj4GRgYPjIg8xlX3436/5+Bi4GBgZ/h3bePDMJc3xiQ+YwzLqf8x6YTZhLjqrvF/7HphJnEOAjcAAAP11ct8cP42wAAAABJRU5ErkJggg==);

	min-width: 180px;
	width: 49%;
}

#comparar-vots:hover, #desgloss-vots:hover
{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAT0lEQVQYV2NUXxHy//2bDwyabLIMf9j/MLxh/86AzGcUm+LyX1BEgEHkJycDy08Whuu/HjMg8xntZyX+x6YTZhKj9cLY/9h0wkxiHARuAADYWGUJgI+BZwAAAABJRU5ErkJggg==);
	color: #ffffff;
}

button.btn
{
	background: #ccc;
	border: 0 none;
	display: inline-block;
	height: 40px;
	margin: 3px 1px;
	overflow: hidden;
	padding: 0;
	vertical-align: top;
	color: rgba(0, 0, 0, 0); text-indent: -99999px;
	width: 40px;
}

			#col-content { max-width: 960px;}

#col-content p,
#col-game p,
#col-view p
{
	color				: #484848;
	text-align			: justify;
}

			#col-feed {max-width: 840px;}
			#col-filter {
	        transition	: margin-left .2s ease-in-out;
	   -moz-transition	: margin-left .2s ease-in-out;
	    -ms-transition	: margin-left .2s ease-in-out;
	     -o-transition	: margin-left .2s ease-in-out;
	-webkit-transition	: margin-left .2s ease-in-out;
				float: left; margin-bottom: 20px; margin-left: 2.4%; margin-right: 2.4%; min-width: 240px; max-width: 720px;}

	#col-filter ul {margin: 0 10px;}
	#col-filter a {text-decoration: none; color: #FFFFFF; display: block; background-color: #bbbbbb; margin: 5px 0; padding: 5px;}
	#col-filter a:hover {text-decoration: underline;}
	#col-filter li a:hover {background-color: #3f9a61;}
	#col-filter li.active a {background-color: #a7dd65;}
/*
.row-filter ul a {text-decoration: none; color: #66AD7F; display: block; margin: 5px 0; padding: 5px; text-align: center;}
.row-filter li.active a {color: #a7dd65;}

.row-filter .bx-wrapper {position: absolute; right: 13px; top: 13px; margin: 0 40px; border-bottom: 2px solid #A7DD65;}
.row-filter .bx-controls-direction {display: none;}
.row-filter:hover .bx-controls-direction {display: block;}
.row-filter .bx-wrapper .bx-next {right: -40px;}
.row-filter .bx-wrapper .bx-prev {left: -40px;}

.row-filter li.active:after
{
	border-bottom: 5px solid #A7DD65;
	border-left: 5px solid rgba(0, 0, 0, 0);
	border-right: 5px solid rgba(0, 0, 0, 0);
	bottom: 0;
	content: "";
	height: 0;
	left: 49.5%;
	position: absolute;
}
*/
	.row-filter ul {margin: 0 10px; list-style: none outside none;}
	.row-filter li {float: left;}
	.row-filter li a {text-decoration: none; color: #FFFFFF; display: block; background-color: #bbbbbb; margin: 5px 5px 0 0; padding: 5px; width: 25%; min-width: 230px;}
	.row-filter li a:hover {background-color: #3f9a61;}
	.row-filter li.active a {background-color: #a7dd65;}






			#col-nav {
	        transition	: width .2s ease-in-out;
	   -moz-transition	: width .2s ease-in-out;
	    -ms-transition	: width .2s ease-in-out;
	     -o-transition	: width .2s ease-in-out;
	-webkit-transition	: width .2s ease-in-out;
				/*display: none; margin-right: 10px;*/ width: 44px; background-color: #68896C; border-left: 1px solid #4E7159; /*border-right: 1px solid #476855;*/ position: fixed; top: 0; left: 0; z-index: 99999; min-height: 1000px; margin-top: 43px; top: 0; left: 0;

background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAATklEQVQYV2Ms6Cv6/+P3L4ZPXz4xMDMzMQjzCTEg8xkzOnP+c7CyMbz99I7h799/DHw8fAzIfMao2rj/2HTCTGKMbUj4j00nzCTGQeAGAM5yZn8kt2JJAAAAAElFTkSuQmCC);

			}

	#col-nav.mark {width: 200px;}
	#col-nav.mark ~ #breadcrumbs {margin-left: 160px;}
	#col-nav.mark ~ #col-content,
	#col-nav.mark ~ #col-feed,
	#col-nav.mark ~ #col-filter {margin-left: 180px;}
	#col-nav.mark a {text-indent: 0;}
	#col-nav.mark span {float: none;}


			#col-nav li:first-of-type a {border-top: 1px solid #476855;}
			#col-nav a {
	        transition	: background-color .2s ease-in-out, color .2s ease-in-out;
	   -moz-transition	: background-color .2s ease-in-out, color .2s ease-in-out;
	    -ms-transition	: background-color .2s ease-in-out, color .2s ease-in-out;
	     -o-transition	: background-color .2s ease-in-out, color .2s ease-in-out;
	-webkit-transition	: background-color .2s ease-in-out, color .2s ease-in-out;
				font-family: 'Open Sans Condensed', Arial; border-bottom: 1px solid #5d8060; display: block; width: 100%; height: 40px; border-top: 1px solid #708e72; color: #c0ccc0; text-decoration: none; line-height: 40px; text-indent: 99999px; white-space: nowrap;}
			#col-nav span {float: left; margin: 12px 10px 0; vertical-align: top;}
			#col-view {display: none;}
			#logotip {display: inline-block; vertical-align: top; position: relative;}
			#logotip > a {
	        transition	: all .2s ease-in-out;
	   -moz-transition	: all .2s ease-in-out;
	    -ms-transition	: all .2s ease-in-out;
	     -o-transition	: all .2s ease-in-out;
	-webkit-transition	: all .2s ease-in-out;
				background: url("img/gamesaffinity.png") no-repeat scroll 4px 6px / auto 67% rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0); display: block; height: 30px; padding: 6px 0; text-decoration: none; text-indent: -99999px; width: 240px; border-right: 1px solid rgba(0, 0, 0, 0); border-left: 1px solid rgba(0, 0, 0, 0);}

#logotip.mark
{
	background-position: -5px 0;
background-color: #658669; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAATklEQVQYV2Ms6Cv6/+P3L4ZPXz4xMDMzMQjzCTEg8xkzOnP+c7CyMbz99I7h799/DHw8fAzIfMao2rj/2HTCTGKMbUj4j00nzCTGQeAGAM5yZn8kt2JJAAAAAElFTkSuQmCC);
}

#logotip.mark > a
{border-color: #476855; box-shadow: 0 1px 1px 0 rgba(71, 104, 85, .9);}

			#logotip span {float: right; margin: 3px;}
			#logotip ul {
	        transition	: opacity .2s ease-in-out;
	   -moz-transition	: opacity .2s ease-in-out;
	    -ms-transition	: opacity .2s ease-in-out;
	     -o-transition	: opacity .2s ease-in-out;
	-webkit-transition	: opacity .2s ease-in-out;
				position: absolute; z-index: 100000; left: -9999px; top: 42px; opacity: 0; background-color: #658669; text-align: left; padding: 5px; width: 100%; border-left: 1px solid #476855; border-bottom: 1px solid #476855; border-right: 1px solid #476855; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; box-shadow: 0 1px 1px 0 rgba(71, 104, 85, .9);

background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAATklEQVQYV2Ms6Cv6/+P3L4ZPXz4xMDMzMQjzCTEg8xkzOnP+c7CyMbz99I7h799/DHw8fAzIfMao2rj/2HTCTGKMbUj4j00nzCTGQeAGAM5yZn8kt2JJAAAAAElFTkSuQmCC);

/*
background-color: #5A7D5E;

background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAPklEQVQYV2OMqo37z8fDx/DpyycGZmYmhr9//zEg8xkzOnP+45IEKWYEmYBNJ8wkxtiGhP/oxiLzwSYMsBsAT5pmCcIiyRMAAAAASUVORK5CYII=);
*/	
			}

#logotip.mark ul
{opacity: 1; left: 0;}

			#logotip li {list-style: none outside none;}
			#logotip ul a {
	        transition	: all .2s ease-in-out;
	   -moz-transition	: all .2s ease-in-out;
	    -ms-transition	: all .2s ease-in-out;
	     -o-transition	: all .2s ease-in-out;
	-webkit-transition	: all .2s ease-in-out;
				text-decoration: none; color: #C0CCC0; font-family: 'Open Sans Condensed', Arial; display: block; padding: 5px 10px; /*border: 1px solid #658669;*/ border-radius: 4px;}

			.icon {display: inline-block; width: 21px; height: 21px; background: url("img/icons.png") repeat scroll 0 0 rgba(0, 0, 0, 0);}
			.icon-down {background-position: -309px -115px;}
			.icon-favorite {background-position: -92px 1px;}
			.icon-star {background-position: -117px 1px;}
			.icon-profile {background-position: -164px 1px;}
			.icon-video {background-position: -189px 1px;}
			.icon-lists {background-position: -260px 1px;}
			.icon-feed {background-position: 4px -22px;}
			.icon-foro {background-position: -260px -22px;}
			.icon-clan {background-position: -283px -22px;}
			.icon-group {background-position: -428px -22px;}
			.icon-vots {background-position: -140px -71px;}
			.icon-message {background-position: -140px -119px;}
			.icon-friends {background-position: -236px -119px;}
			.icon-logout {background-position: -380px 1px;}
			.score {background: none rgba(255, 255, 255, .25); display: block; height: 75px; left: 0; margin: 0; overflow: hidden; position: absolute; bottom: 26px; width: 100%; z-index: 10; padding: 10px 0; text-align: center;}
/*
			.score_50 {background-image: url("http://cdn2.sbnation.com/images/polygon/scores/50.v09a1636.png");}
			.score_57 {background-image: url("http://cdn2.sbnation.com/images/polygon/scores/55.v2a2e16d.png");}
			.score_60 {background-image: url("http://cdn0.sbnation.com/images/polygon/scores/60.vedfa745.png");}
			.score_72 {background-image: url("http://cdn1.sbnation.com/images/polygon/scores/70.v8d0d90e.png");}
			.score_73 {background-image: url("http://cdn1.sbnation.com/images/polygon/scores/70.v8d0d90e.png");}
			.score_74 {background-image: url("http://cdn2.sbnation.com/images/polygon/scores/75.v8c47e8d.png");}
			.score_78 {background-image: url("http://cdn1.sbnation.com/images/polygon/scores/70.v8d0d90e.png");}
			.score_81 {background-image: url("http://cdn3.sbnation.com/images/polygon/scores/80.v26f0aca.png");}
			.score_91 {background-image: url("http://cdn1.sbnation.com/images/polygon/scores/90.ve18d64e.png");}
			.score_95 {background-image: url("http://cdn1.sbnation.com/images/polygon/scores/90.ve18d64e.png");}
*/
			.score div {display: inline-block; padding: 0 10px;}
			.score p {color: #ffffff; font-family: "Trebuchet MS"; font-size: 22px; margin: 0; text-shadow: 1px 1px 0 #202020;}

#login-form,
#register-form
{
	margin				: 0 auto;
	max-width			: 500px;
	width				: 80%;
}


#login-form a,
#register-form a
{
	color				: #3F9A61;
	text-decoration		: none;
}

#login-form button,
#login-form input
{
}

#login-form button,
#register-form button
{
	background-color	: #aadd64;
	background-image	: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAT0lEQVQYV2NcdTflPyPDN4a337gYhLj4GRgYPjIg8xlX3436/5+Bi4GBgZ/h3bePDMJc3xiQ+YwzLqf8x6YTZhLjqrvF/7HphJnEOAjcAAAP11ct8cP42wAAAABJRU5ErkJggg==);
	border				: 0 none;
	border-radius		: 4px;
	/*color				: #ffffff;*/
	color				: #3F9A61;
	display				: block;
	font-family			: 'Open Sans Condensed', sans-serif, Arial;
	font-size			: 18.5px;
	font-weight			: bold;
	margin				: 1em 0;
	overflow			: hidden;
	padding				: .7em 0;
	position			: relative;
	vertical-align		: top;
	width				: 100%;
}

#login-form button:hover,
#register-form button:hover
{
	background-image	: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAT0lEQVQYV2NUXxHy//2bDwyabLIMf9j/MLxh/86AzGcUm+LyX1BEgEHkJycDy08Whuu/HjMg8xntZyX+x6YTZhKj9cLY/9h0wkxiHARuAADYWGUJgI+BZwAAAABJRU5ErkJggg==);
	color				: #ffffff;
}

#login-form menu,
#register-form menu
{
	margin				: 0 0 1em;
	overflow			: hidden;
	padding				: 0;
	position			: relative;
}

#login-form menu a
{
	float				: right;
	font-size			: 14px;
}

#login-form menu a:hover
{
	text-decoration: underline;
}

#login-form menu label
{
	cursor				: pointer;
	font-size			: 14px;
}

#login-form p label,
#register-form p label
{
	display				: none;
}

#login-form input,
#register-form input
{
	/*background-color	: #efefef;*/
	border				: 0 none;
	border-radius		: 4px;
	margin				: .5em 0;
	padding				: 1em;
	width				: 100%;
}


#bChange	{background-position: -150px -4px;}
#bDownRate	{background-position: -75px -4px;}
#bPlusRate	{background-position: -114px -4px;}
#bPlusView	{background-position: 0 -4px;}
#bUpRate	{background-position: -38px -4px;}

#bChange.selected	{background-position: -150px -43px;}
#bDownRate.selected	{background-position: -75px -43px;}
#bPlusRate.selected	{background-position: -114px -43px;}
#bPlusView.selected	{background-position: 0 -43px;}
#bUpRate.selected	{background-position: -38px -43px;}

#login-form a#bFacebook,
#login-form a#bGoogle,
#login-form a#bTwitter,
#register-form a#bFacebook,
#register-form a#bGoogle,
#register-form a#bTwitter
{
	        box-sizing	: border-box;
	   -moz-box-sizing	: border-box;
	    -ms-box-sizing	: border-box;
	     -o-box-sizing	: border-box;
	-webkit-box-sizing	: border-box;

	border				: 1px solid;
	border-radius		: 4px;
	display				: block;
	font-family			: 'Open Sans Condensed', sans-serif, Arial;
	font-size			: 18.5px;
	font-weight			: bold;
	margin				: 1em 0;
	overflow			: hidden;
	padding				: .7em 0;
	position			: relative;
	text-align			: center;
	vertical-align		: top;
	width				: 100%;
}

#login-form a#bFacebook,
#register-form a#bFacebook
{
	background			: url("https://pickit.com/static/img/facebook-icon.svg") no-repeat scroll 0 center / 60px auto #3b5998;
	border-color		: #3b5998 #3b5998 #263a63;
	color				: #ffffff;
}

#login-form a#bFacebook:hover,
#login-form a#bFacebook:focus,
#register-form a#bFacebook:hover,
#register-form a#bFacebook:focus
{
	background-color	: #4568b2;
	border-color		: #4568b2 #4568b2 #2d4575;
}

#login-form a#bGoogle,
#register-form a#bGoogle
{
	background-color	: #ffffff;
	border-color		: #c4c4c4;
	color				: #484848;
}

#login-form a#bGoogle:hover,
#login-form a#bGoogle:focus,
#register-form a#bGoogle:hover,
#register-form a#bGoogle:focus
{
	border-color		: #aaa;
	color				: #484848;
}

#login-form a#bTwitter,
#register-form a#bTwitter
{
	background			: url("https://v.cdn.vine.co/w/6852a380-assets/images/shr_icons/twitter_icn.svg") no-repeat scroll 0 center #1da1f2;
	border-color		: #3897f0;
	color				: #ffffff;
}

#login-form a#bTwitter:hover,
#login-form a#bTwitter:focus,
#register-form a#bTwitter:hover,
#register-form a#bTwitter:focus
{
	background-color	: #5fc2ff;
}

#bRegister
{
	background-color	: #aadd64;
	background-image	: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAT0lEQVQYV2NcdTflPyPDN4a337gYhLj4GRgYPjIg8xlX3436/5+Bi4GBgZ/h3bePDMJc3xiQ+YwzLqf8x6YTZhLjqrvF/7HphJnEOAjcAAAP11ct8cP42wAAAABJRU5ErkJggg==);
	border-radius		: 4px;
	color				: #3F9A61;
	display				: block;
	font-family			: 'Open Sans Condensed', sans-serif, Arial;
	font-size			: 18.5px;
	font-weight			: bold;
	margin				: 1em 0;
	padding				: .7em 0;
	text-align			: center;
	text-decoration		: none;
	width				: 100%;
}

#bRegister:hover
{
	background-image	: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAT0lEQVQYV2NUXxHy//2bDwyabLIMf9j/MLxh/86AzGcUm+LyX1BEgEHkJycDy08Whuu/HjMg8xntZyX+x6YTZhKj9cLY/9h0wkxiHARuAADYWGUJgI+BZwAAAABJRU5ErkJggg==);
	color				: #ffffff;
}

.box-view article > a:after,
.box-view20 article > a:after,
.slide article > a:after
{
	background-color: rgba(155, 155, 155, .2);
	content: "";
	height: 100%;
	position: absolute;
	width: 100%;
}

			.box-view article, .box-view20 article, .slide article {height: 330px; display: block; position: relative; overflow: hidden;}
			.box-view article {height: 231.7px;}
			.box-view figure, .box-view20 figure, .slide figure {position: absolute; top: 0; left: 0; width: 100%; margin: 0;}
			.box-view figcaption, .box-view20 figcaption, .slide figcaption {position: absolute; top: 26px; left: 0; width: 100%; text-transform: uppercase; z-index: 1;}
			.box-view h2, .box-view20 h2, .slide h2 {color: #FFFFFF; font-family: "Helvetica"; text-align: center; margin: 26px 0 0; padding: 0 10px; font-size: 1em; font-weight: 600; text-decoration: none; text-shadow: 1px 1px 0 #202020; line-height: 1.2em; white-space: normal;}
			/*.slide span {position: absolute; top: 0; left: 0; width: 100%; text-align: center; text-transform: uppercase; z-index: 1; color: #FF0052; font-size: 10px; text-shadow: 1px 1px 0 #000000; font-weight: 600; line-height: 1.2em; white-space: normal; padding: 10px;}*/
			.box-view span, .box-view20 span, .slide span {position: absolute; top: 0; left: 0; width: 100%; text-align: center; text-transform: uppercase; z-index: 1; color: #616161; font-size: 13px; font-weight: 600; line-height: 1.2em; white-space: normal; padding: 5px 0; background-color: rgba(255, 255, 255, .5); font-family: "Trebuchet MS"; }
			.box-view span a, .box-view20 span a, .slide span a {color: #616161; text-decoration: none; }

			.scrolled {text-align: left;}
			.scrolled menu ul {display: none;}
			/*.scrolled #logotip {background-color: #658669; border-left: 1px solid #476855;}*/
			.scrolled #logotip span {display: none;}
			.scrolled #logotip > a {
	        transition	: none;
	   -moz-transition	: none;
	    -ms-transition	: none;
	     -o-transition	: none;
	-webkit-transition	: none;
	        	width: 42px;}

.hidden
{
	display: none;
}





input[type="checkbox"],
input[type="radio"]
{
	display				: none;
}


input[type="checkbox"] + label,
input[type="radio"] + label
{
	vertical-align		: top;
}

input[type="checkbox"] + label span,
input[type="radio"] + label span
{
	background			: url("img/icons.png") no-repeat scroll -91px -70px transparent;
	cursor				: pointer;
	display				: inline-block;
	height				: 20px;
	margin				: 0 .2em 0 0;
	vertical-align		: middle;
	width				: 24px;
}

input[type="checkbox"]:checked + label span,
input[type="radio"]:checked + label span
{
	background			: url("img/icons.png") no-repeat scroll -139px -70px transparent;
}





h5.green		{color: #8e8e8b; border-bottom: 1px solid #98d364;}
h5.blue			{color: #8e8e8b; border-bottom: 1px solid #b6cfe0;}
h5.red			{color: #8e8e8b; border-bottom: 1px solid #913030;}
h5.yellow		{color: #8e8e8b; border-bottom: 1px solid #918b30;}
h5.grey			{color: #8e8e8b; border-bottom: 1px solid #686868;}
h5.orange		{color: #8e8e8b; border-bottom: 1px solid #ff8400;}

h5 span			{cursor: pointer; float: right; margin-left: 1em; position: relative;}




#forgot-form, #error-cookies {display: none;}

.list
{
	border: 1px solid #b0c79a;
}

.list li
{
	background-color: #b9e0b6;
	border-bottom: 1px solid #b0c79a;
	padding: .5em;
}

.list li:nth-child(2n)
{
	background-color: #fff;
}

.list li:last-of-type
{
	border-bottom: 0;
}

.mt43 {margin-top: 43px;}

.rate
{
	border: 0px none;
	background: url("img/buttons-rate.png") no-repeat scroll 0 0;
	height: 32px;
	padding: 0px;
	width: 32px;
}

.rate.all
{
	background-position: -51px center;
}

.rate.me
{
	background-position: -3px center;
}

.separator
{
	background			: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	height				: 34px;
	position			: relative;
	text-align			: center;
}

.separator hr
{
    border-color		: #dce0e0 -moz-use-text-color -moz-use-text-color;
    border-style		: solid none none;
    border-width		: 1px 0 0;
	height				: 0;
	margin				: -16px auto 14px;
	width				: 100%;
}

.separator-text
{
	background-color	: #FFFFFF;
	background-image	: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAASklEQVQYV8WOsQ2AMBDEfDPBTGGmMBMZIhTPGIe+CKJIn9LS2TpF9A0oQEOq2PufFdErcCJd2AeQwsc5KDNzlBTP7Zk5SllY/eEFSv5R1/HRko0AAAAASUVORK5CYII=");

	display				: inline-block;
	padding				: 8px;
	color				: #484848;
	font-size			: 14px;
	/*font-weight			: bold;*/
}

.ui-accordion h5
{
	cursor: pointer;
}

.ui-accordion-header-icon {
    background: url("img/icons.png") no-repeat scroll 0 0;
    float: right;
    height: 34px;
    width: 40px;
}

.ui-icon-triangle-1-s {
	background-position: -275px -110px;
}

.ui-icon-triangle-1-e {
	background-position: -300px -110px;
}



/*	==========================================================================
	Media Queries
	========================================================================== */

/* Smartphones (landscape) */
/*@media only screen and (min-width : 321px), only screen and (min-device-width : 321px) {*/
@media only screen and (min-width : 321px) {

}

/*@media only screen and (max-width : 320px), only screen and (max-device-width : 320px) {*/
@media only screen and (max-width : 320px) {

	[data-type=layout] form input,
	[data-type=layout] menu
	{
		width: auto !important;
	}

}

/*@media only screen and (min-width : 400px), only screen and (min-device-width : 400px) {*/
@media only screen and (min-width : 400px) {

}

/*@media only screen and (min-width : 500px), only screen and (min-device-width : 500px) {*/
@media only screen and (min-width : 500px) {

}

/*@media only screen and (max-width : 630px), only screen and (max-device-width : 630px) {*/
@media only screen and (max-width : 640px) {

	[data-type=layout] {text-align: left;}
	[data-type=layout] menu ul {display: none;}
	/*[data-type=layout] #logotip {background-color: #658669;}*/
	[data-type=layout] #logotip span {display: none;}
	[data-type=layout] #logotip > a {
		/*pointer-events : none;*/
	        transition	: none;
	   -moz-transition	: none;
	    -ms-transition	: none;
	     -o-transition	: none;
	-webkit-transition	: none;
	        	width: 42px;}
	[data-type=layout] #logotip {background-color: #476855;

background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAATklEQVQYV2Ms6Cv6/+P3L4ZPXz4xMDMzMQjzCTEg8xkzOnP+c7CyMbz99I7h799/DHw8fAzIfMao2rj/2HTCTGKMbUj4j00nzCTGQeAGAM5yZn8kt2JJAAAAAElFTkSuQmCC);
	}

	[data-type=layout] #logotip + menu form
	{
		border-left: 1px solid #4e7159;
	}

	aside,
	#col-game [data-col=left]
	{
		display: none;
	}

	[data-type=layout]
	{
		height: 43px;
	}

	[data-type=layout] form
	{
		border-right: 0 none;
		display: block;
	}

	[data-type=layout] form input
	{
		width: 85%;
	}

	[data-type=layout] menu
	{
		width: 83%;
	}

	h5 span
	{
		background: url("img/buttons-list.png") no-repeat scroll 0 0;
		height: 32px;
		text-indent: -99999px;
		width: 32px;
	}

}

/*@media only screen and (min-width : 631px), only screen and (min-device-width : 631px) {*/
@media only screen and (min-width : 641px) {

	[data-type=layout].scrolled
	{
		padding: 0;
	}

	[data-type=layout] menu ul
	{
		width: 160px;
	}

	[data-type=content].breadcrumb
	{
		padding-top: 43px;
	}

	#breadcrumbs
	{
		        transition	: margin-left .2s ease-in-out, width .2s ease-in-out;
		   -moz-transition	: margin-left .2s ease-in-out, width .2s ease-in-out;
		    -ms-transition	: margin-left .2s ease-in-out, width .2s ease-in-out;
		     -o-transition	: margin-left .2s ease-in-out, width .2s ease-in-out;
		-webkit-transition	: margin-left .2s ease-in-out, width .2s ease-in-out;
		background-color: #658669;

background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAATklEQVQYV2Ms6Cv6/+P3L4ZPXz4xMDMzMQjzCTEg8xkzOnP+c7CyMbz99I7h799/DHw8fAzIfMao2rj/2HTCTGKMbUj4j00nzCTGQeAGAM5yZn8kt2JJAAAAAElFTkSuQmCC);
background-position: 0 -1px;

		border-bottom: 1px solid #476855;
		border-top: 1px solid #476855;
		display: block;
		left: 0;
		padding: 0 48px;
		position: fixed;
		text-align: left;
		top: 43px;
		width: 100%;
		z-index: 99998;
	}
	[data-type=content].menu > #breadcrumbs
	{
		margin-left: 41px;
		width: 98%;
		width: calc(100% - 41px);
	}
	#breadcrumbs p
	{
		color: #FFFFFF;
		font-family: 'Open Sans Condensed', Arial;
		font-size: 1.3em;
		margin: 5px 0;
		text-transform: uppercase;
	}
	#breadcrumbs a
	{
		color: #FFFFFF;
		text-decoration: none;
	}

	#col-nav:hover {width: 200px;}
	#col-nav:hover ~ #breadcrumbs {margin-left: 177px; width: 91%; width: calc(100% - 177px);}
	#col-nav:hover ~ #col-content,
	#col-nav:hover ~ #col-feed,
	#col-nav:hover ~ #col-filter {margin-bottom: 20px; margin-left: 180px;}
	#col-nav:hover ~ #col-game {margin-bottom: 20px; margin-left: 156px;}
	#col-nav:hover ~ #col-view {display: none;}
	#col-nav:hover a {text-indent: 0;}
	#col-nav a:hover {background-color: #5A7D5E; color: #FFFFFF;

/*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAPklEQVQYV2OMqo37z8fDx/DpyycGZmYmhr9//zEg8xkzOnP+45IEKWYEmYBNJ8wkxtiGhP/oxiLzwSYMsBsAT5pmCcIiyRMAAAAASUVORK5CYII=);*/
/*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAYElEQVQYV2PM6Mz5//vPb4Zfv38ygMDfv/8YODk4GVhZWBm+fv/CwBjbkPAfJMjMzMTAzcnDAFL8/cd3OJ8RZAJIJbpOGB9sAjadMJMYo2rj/iPbieGG5Nb0/8h2Ut8NAMBIaT2LmmbmAAAAAElFTkSuQmCC);*/
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAS0lEQVQYV82OMRHAIBTFXmRQQbB0BA39/loZ1QEyXifuGBDQMUNyoUSz5UciYR+CtDI56o04ZQ9DlzxWJkd7d+YsUa7ad+Ys8YOHD+edZOf6RfwXAAAAAElFTkSuQmCC);

	}
	#col-nav:hover span {float: none;}

	#col-content, #col-feed
	{
		float: left;
	}

	#col-content,
	#col-feed,
	#col-game
	{
		min-width: 480px;
	}
/*
	#logotip:active > a {background-color: #658669; border-color: #476855;}
	#logotip:active ul {opacity: 1; left: 0;}
*/
	/*#col-game {background: none no-repeat fixed center top / 100% auto transparent;}*/

	#col-game [data-row=statics] div {
		display: inline-block;
		width: 49%;
	}
	#col-game [data-col=right] {display: inline-block; margin-left: 0; margin-right: -3px; padding-right: 3%; vertical-align: top;width: 80%;}

	h5 span:after
	{
		bottom: -16px;
		content: "";
		display: block;
		height: 10px;
		left: 43%;
		position: absolute;
		transform: rotate(45deg);
		width: 10px;
	}

	h5 span:hover		{text-decoration: underline;}

	h5 span.green		{color: #369130;}
	h5 span.green:after	{background-color: #369130;}
	h5 span.blue		{color: #306d91;}
	h5 span.blue:after	{background-color: #306d91;}
	h5 span.red			{color: #913030;}
	h5 span.red:after	{background-color: #913030;}
	h5 span.yellow		{color: #918b30;}
	h5 span.yellow:after{background-color: #918b30;}
	h5 span.grey		{color: #686868;}
	h5 span.grey:after	{background-color: #686868;}
	h5 span.orange		{color: #ff8400;}
	h5 span.orange:after{background-color: #ff8400;}

	h5 span.selected	{font-weight: bold;}
}

/* iPads (landscape) */
/*@media only screen and (min-width : 768px), only screen and (min-device-width : 768px) and (orientation : landscape) {*/
@media only screen and (min-width : 775px) {

	[data-type=layout]
	{
		padding: 0 22px;
	}

	[data-type=layout] menu ul
	{
		width: 280px;
	}
/*
	#col-content,
	#col-feed,
	#col-filter
	{
		margin-bottom: 0;
	}
*/
	#col-view
	{
		display: block;
		max-width: 720px;
		margin-left: 2.4%;
		margin-right: 2.4%;
		min-width: 240px;
	}

	.box-view,
	.box-view20
	{
		float: left;
		list-style: none outside none;
		position: relative;
	}

	.box-view
	{
		margin: 0 1.66705% 22px;
		width: 30%;
	}

	.box-view20
	{
		margin: 0 1.66705% 22px;
		width: 30%;
	}
/*
	.box-view20:nth-child(2n)
	{
		margin-right: 0;
	}
*/
	#col-game {padding: 0 5%;}
	#col-game h1 {margin: 106px 0 0;}
	#col-game header em.only { margin-bottom: 164px;}
	#col-game header strong.only { margin-bottom: .25em;}
	#col-game header strong.only-2 {margin-bottom: 45px;}
}

/* iPads (portrait) */
/*@media only screen and (min-width : 1024px), only screen and (min-device-width : 1024px) and (orientation : portrait) {*/
@media only screen and (min-width : 1024px) {

	[data-type=layout]
	{
		padding: 0 44px;
		z-index: 99999;
	}

	[data-type=layout] menu ul
	{
		width: 490px;
	}

	#col-content,
	#col-feed
	{
		width: 55%;
	}

	#col-view
	{
		max-width: 480px;
		width: 35.64%;
		float: left;
		margin-left: 0;
		margin-right: 0;
	}

	#logotip
	{

	        transition	: opacity .2s ease-in-out;
	   -moz-transition	: opacity .2s ease-in-out;
	    -ms-transition	: opacity .2s ease-in-out;
	     -o-transition	: opacity .2s ease-in-out;
	-webkit-transition	: opacity .2s ease-in-out;

background-position: -5px 0;
}

	#logotip:hover {
		background-color: #658669;

background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAATklEQVQYV2Ms6Cv6/+P3L4ZPXz4xMDMzMQjzCTEg8xkzOnP+c7CyMbz99I7h799/DHw8fAzIfMao2rj/2HTCTGKMbUj4j00nzCTGQeAGAM5yZn8kt2JJAAAAAElFTkSuQmCC);

}
	#logotip:hover > a {/*background-color: #658669;*/ border-color: #476855; box-shadow: 0 1px 1px 0 rgba(71, 104, 85, .9);}
	#logotip:hover ul {opacity: 1; left: 0;}
	#logotip ul a:hover {border-color: #476855; /*background-color: #476855;*/ color: #FFFFFF;

/*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAYElEQVQYV2PM6Mz5//vPb4Zfv38ygMDfv/8YODk4GVhZWBm+fv/CwBjbkPAfJMjMzMTAzcnDAFL8/cd3OJ8RZAJIJbpOGB9sAjadMJMYo2rj/iPbieGG5Nb0/8h2Ut8NAMBIaT2LmmbmAAAAAElFTkSuQmCC);*/
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAS0lEQVQYV82OMRHAIBTFXmRQQbB0BA39/loZ1QEyXifuGBDQMUNyoUSz5UciYR+CtDI56o04ZQ9DlzxWJkd7d+YsUa7ad+Ys8YOHD+edZOf6RfwXAAAAAElFTkSuQmCC);
	}

	.box-view
	{
		margin: 0 2.08579% 22px;
		width: 45.83%;
	}

	.box-view20
	{
		margin: 0 2.07% 22px 0;
		width: 23.445%;
	}

	.box-view20:nth-child(4n)
	{
		margin-right: 0;
	}

	.box-view:hover article > a:after,
	.box-view20:hover article > a:after,
	.slide:hover a:after
	{
		background-color: rgba(255, 255, 255, 0.01);
	}

	.scrolled #logotip > a:hover {background-color: #476855;}
/*
			.scrolled #logotip:hover ul {display: none;}
			.scrolled + [data-type=content] #col-nav {display: none;}
*/

}

@media only screen and (min-width : 1055px) {

	#col-game [data-row=statics] {
		position: relative;
		width: 108%;
	}

	#col-game [data-row=statics] div,
	#comparar-vots, #desgloss-vots
	{
		width: 24%;
	}

	/* EXPERIMENTAL CSS PLEC DE LA CAIXA DE ESTADÍSTIQUES DEL VIDEOJOC */
	#col-game [data-row="statics"]::after {
		background-color: #fff;
		bottom: 30px;
		content: "";
		height: 18px;
		position: absolute;
		right: 3.92%;
		width: 18px;
	}
	#col-game [data-row="statics"] div:last-of-type {
		overflow: visible;
	}
	#col-game [data-row="statics"] div:last-of-type::before {
		background-color: green;
		bottom: -13px;
		content: "";
		height: 25px;
		position: absolute;
		right: 6px;
		transform: rotate(45deg);
		width: 25px;
	}
	#col-game [data-row="statics"] div:last-of-type::after {
		background-color: #3f9a61;
		bottom: 0;
		content: "";
		height: 18px;
		position: absolute;
		right: 0;
		width: 36px;
	}
	/*******************************************************************/

	#col-game header em.only { margin-bottom: 260px;}
	#col-game header strong.only {margin-bottom: 1em;}
	#col-game header strong.only-2 {margin-bottom: 81px;}
}

@media only screen and (min-width : 1148px) {

	[data-type=layout] menu ul
	{
		width: 610px;
	}

	#col-feed > div.edit
	{
		border: 1px solid red;
		margin: .5em;
		padding: .5em;
	}

	#col-feed > div.edit > button
	{
		border: 1px solid red;
		color: red;
		float: right;
	}

	#col-feed > div.edit > button.delete
	{
		font-size: 10px;
		padding: 3px 6px;
	}

	#col-feed > div.edit > button.move
	{
		font-size: 16px;
		line-height: 21px;
		margin-right: 5px;
		padding: 0 4px;
	}

	#col-feed > div.edit h5
	{
		margin-top: 20px;
	}

}

@media only screen and (min-width : 1232px) {

	[data-type=layout] menu ul
	{
		width: 710px;
	}

}

@media print,
		(-o-min-device-pixel-ratio: 5/4),
		(-webkit-min-device-pixel-ratio: 1.25),
		(min-resolution: 120dpi) {

}


/*@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx){*/