@charset "utf-8";

/* FONTS */
@font-face{font-family:'HPSimplified';src:url('fonts/HPSimplified_Rg.woff') format('woff'), url('fonts/HPSimplified_Rg.ttf') format('truetype'), url('fonts/HPSimplified_Rg.svg') format('svg');}
@font-face{font-family:'HPSimplified';src:url('fonts/HPSimplified_Bd.woff') format('woff'), url('fonts/HPSimplified_Bd.ttf') format('truetype'), url('fonts/HPSimplified_Bd.svg') format('svg');font-weight:bold;}
@font-face{font-family:'HPSimplified';src:url('fonts/HPSimplified_Lt.woff') format('woff'), url('fonts/HPSimplified_Lt.ttf') format('truetype'), url('fonts/HPSimplified_Lt.svg') format('svg');font-weight:300;}

@font-face{font-family:'HPSimplifiedRegular';src:url('fonts/HPSimplified_Rg.eot');src: url('fonts/HPSimplified_Rg.eot?#iefix') format('eot'), url('fonts/HPSimplified_Rg.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'HPSimplifiedBold';src:url('fonts/HPSimplified_Bd.eot');src: url('fonts/HPSimplified_Bd.eot?#iefix') format('eot'), url('fonts/HPSimplified_Rg.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'HPSimplifiedLight';src:url('fonts/HPSimplified_Lt.eot');src: url('fonts/HPSimplified_Lt.eot?#iefix') format('eot'), url('fonts/HPSimplified_Rg.woff') format('woff');font-weight:normal;font-style:normal;}

/* TITLES & OTHERS GENERAL */

.mTitleL1 {  overflow: hidden; clear: both; background-color: #333; padding: 2px; }
/*.mTitleL1:first-child { margin-top: 0px; }*/
.mTitleL1 > div { float: left; font-size: 120%; font-weight: bold; color: #fffadb; padding: 7px 20px; border-left: 3px solid #F5E000; }

.mTitleL1B { clear: both; border-bottom: 1px solid #333; height: 15px; margin: 0 0 27px 0; }
.mTitleL1B > div { float: left; max-width: 80%; margin: 0 0 0 10px; padding: 5px 15px 5px 15px; background-color: #333; font-size: 14px; color: #FFF; text-transform: uppercase; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }

.mTitleL1C { margin-top: 20px; padding: 0; overflow: hidden; background-color: #333; padding: 2px; width: 100%; margin-bottom: 10px; }
.mTitleL1C:first-child { margin-top: 0px; }
	.mTitleL1C > .name { float: left; font-size: 120%; font-weight: bold; color: #FFF; padding: 7px 20px; border-left: 3px solid #F5E000; }
	.mTitleL1C > .desc { float: right; font-size: 100%; color: #CCC; margin: 9px 10px 0 0; }

.mTitleL2 { overflow: hidden; clear: both; border-bottom: 1px solid #DDD;  }
.mTitleL2 > div { float: left; padding: 0 0 5px 0; font-size: 120%; color: #000; font-weight: bold; }

.mTitleL3 { background-color: #333; padding: 10px 17px; font-weight: normal; font: 16px "Source Sans Pro", Tahoma, Geneva, sans-serif; border-left: 3px solid #F5E000; color: #F5E000; }
.mTitleL3 > a { color: #F5E000; }
.mTitleL3 > a:hover { color: #F5E000; }

.mTitleL4 { background-color: #333; padding: 5px 10px; font-weight: normal; font: 14px "Source Sans Pro", Tahoma, Geneva, sans-serif; color: #F5E000; }

.mTitleOptions { float: right; margin: -25px 0 0 0; height: 0px; font: 11px Tahoma, Geneva, sans-serif; }
	.mTitleOptions > a { display: block; float: left; padding: 2px 5px; margin-right: 10px; color: #CCC; font-weight: bold; }
	.mTitleOptions > a:hover, .mTitleOptions > a.active { color: #FFF; }

table.simple { border-collapse: collapse; width: 90%; margin: 0 auto; }
	table.simple th { padding: 7px 10px; background-color: #F6F6F6; color: #666; font: 11px Tahoma, Geneva, sans-serif; font-weight: bold; }
	table.simple td { padding: 7px 10px; border-top: 1px dashed #DDD; color: #333; font: 11px Tahoma, Geneva, sans-serif; }

/* NEWS */
#portalSlider { position: relative; overflow: hidden; height: 279px; border: 1px solid #000; border-bottom: 2px solid #000; background-color: #111; }
	#portalSlider > .newShow { position: absolute; }
		#portalSlider > .newShow > img { width: 100%; }
		#portalSlider > .newShow > .text { display: none; position: absolute; bottom: 0px; left: 0px; width: 100%; background-color: rgba(0,0,0,0.8) !important; }
			#portalSlider > .newShow > .text > h2 { float: left; margin: 0px; padding: 20px 25px 10px 25px; color: #F5E000; font-weight: bold; font-size: 160%; text-shadow: 1px 1px #000; font-family: "Open Sans"; }
			#portalSlider > .newShow > .text > h3 { clear: both; float: left; margin: 0; padding: 0 25px 20px 25px; color: #FFF; font-size: 110%; text-shadow: 1px 1px #000; font-family: "Open Sans"; }
				#portalSlider > .newShow > .text  > h3 > ul { margin: 0px; padding: 0px; }
	#portalSlider > #newsList { position: absolute; z-index: 60; top: 10px; right: 10px; margin: 0; padding: 10px 10px 10px 0px; height: 12px; list-style: none; }
		#portalSlider > #newsList > li { float: left; overflow: hidden; width: 8px; height: 8px; margin: 0 0 0 10px; padding: 2px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
		#portalSlider > #newsList > li.next { }
		#portalSlider > #newsList > li.active { border: 2px solid #F5E000; padding: 0px; }
			#portalSlider > #newsList > li > a { display: block; background-color: #EEE; border: 1px solid #000; width: 6px; height: 6px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
			#portalSlider > #newsList > li > a:hover { background-color: #FFF; }
			#portalSlider > #newsList > li.active > a:hover { background-color: #FFF; }
				#portalSlider > #newsList > li > a > img { display: none; margin: 0; width: 134px; height: 48px; }



.newsListT1 { float: left; width: 323px; height: 341px; margin: 0 20px 10px 0; } /* 2: 223; 3: 341; 4: 447 */
	.newsListT1 > .new { overflow: hidden; height: 96px; border-top: 1px dashed #DDD; margin-top: 10px; padding-top: 10px; }
	.newsListT1 > .new:first-child { margin-top: 0px; padding-top: 0px; border-top: 0px solid #FFF; }
		.newsListT1 > .new > .icon { float: left; width: 40px; height: 40px; }
			.newsListT1 > .new > .icon > img { border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; width: 38px; height: 38px; }
		.newsListT1 > .new > h2 { float: right; width: 268px; margin: 0; font-size: 14px; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }
			.newsListT1 > .new > h2 > a { color: #000; }
			.newsListT1 > .new > h2 > a:hover { color: #666; }
		.newsListT1 > .new > .cat { float: right; width: 268px; margin: 2px 0 0 15px; padding: 3px 0; color: #999; }
		.newsListT1 > .new > h3 { float: right; width: 268px; margin: 1px 0 0 0; font-size: 12px; line-height: 1.5; color: #666; }

.newsListT2 { float: left; width: 324px; height: 341px; margin: 0 0 10px 0; }
	.newsListT2 > .new { overflow: hidden; height: 37.5px; border-top: 1px dashed #DDD; margin-top: 10px; padding-top: 10px; }
	.newsListT2 > .new:first-child { margin-top: 0px; padding-top: 0px; border-top: 0px solid #FFF; }
		.newsListT2 > .new > .icon { float: left; width: 37px; height: 37px; }
			.newsListT2 > .new > .icon > img { border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; width: 37px; height: 37px; }
		.newsListT2 > .new > h2 { float: right; width: 267px; margin: 0; font-size: 14px; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }
			.newsListT2 > .new > h2 > a { color: #000; }
			.newsListT2 > .new > h2 > a:hover { color: #666; }
		.newsListT2 > .new > .cat { float: right; width: 267px; margin: 2px 0 0 15px; padding: 3px 0; color: #999; }

.newsBoxContent { overflow: hidden; margin: 0px; width: 100%;}

	.newsBoxContent > .newBox { float: left; overflow: hidden; position: relative; cursor: pointer;}
	.newsBoxContent > .newBox:hover { background: #042b42; transition: 0.5s;}
        .newsBoxContent > .newBox > .all { margin: 10px; height: 225px;  }
            .newsBoxContent > .newBox > .all > img { margin-top: 13px; width: 100%; -webkit-transition:all .9s ease; -moz-transition:all .9s ease; -o-transition:all .9s ease; -ms-transition:all .9s ease; }
            .newsBoxContent > .newBox > .all > img:hover {  -webkit-transform:scale(1.10); -moz-transform:scale(1.10);m-ms-transform:scale(1.10); -o-transform:scale(1.10); transform:scale(1.10); }
            .newsBoxContent > .newBox > .all > .category { position: absolute; top: 3px; left: 15px; height: 12px; padding: 0 0 3px 0; color: #f9e445; font-size: 80%; font-weight: bold; text-transform: uppercase; border-bottom: 2px solid #f9e445; max-width: 80%; overflow: hidden; }
            .newsBoxContent > .newBox > .all > .comments { position: absolute; top: 9px; right: 20px; width: 24px; padding: 5px 0 8px 0; text-align: center; font-size: 90%; font-weight: bold; color: #000; background-image: URL(img/iconos/comments-black24.png); background-repeat: no-repeat; }
            .newsBoxContent > .newBox > .all > div:empty.comments { display: none; }
            .newsBoxContent > .newBox > .all > h2 { margin-top: 12px; height: 22px; width: 100%; font-size: 130%; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
                .newsBoxContent > .newBox > .all > h2 > a.black { color: #a8daff !important; }
                .newsBoxContent > .newBox > .all > h2 > a.black:hover { color: #dcf0ff !important; transition: 0.5s }
            .newsBoxContent > .newBox > .all > h3 { margin-top: 6px; font-size: 100%; font-weight: normal; color: #7794a9; line-height: 1.5; }
            .newsBoxContent > .newBox > .all > .trans { display: none; position: absolute; bottom: 0px; left: 0px; height: 50px; width: 100%; background-image: URL(img/trans_text.png); pointer-events: none; }

	.newsBoxContent > .newBoxSimple { float: left; overflow: hidden; position: relative; }
        .newsBoxContent > .newBoxSimple > .all { margin: 15px; height: 50px; }
            .newsBoxContent > .newBoxSimple > .all > h2 { margin-top: 12px; height: 22px; width: 100%; font-size: 130%; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
                .newsBoxContent > .newBoxSimple > .all > h2 > a { color: #000; }
                .newsBoxContent > .newBoxSimple > .all > h2 > a:hover { color: #06F; }
            .newsBoxContent > .newBoxSimple > .all > .category { float: left; padding: 3px 0 0 0; color: #666; font-size: 80%; text-transform: uppercase; border-top: 1px solid #CCC; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

	.newsBoxContent > .newBoxBig { float: left; overflow: hidden; position: relative; cursor: pointer;}
	.newsBoxContent > .newBoxBig:hover { background: #042b42; transition: 0.5s;}
        .newsBoxContent > .newBoxBig > .all { margin: 10px; overflow: hidden; }
            .newsBoxContent > .newBoxBig > .all img { width: 100%; -webkit-transition:all .9s ease; -moz-transition:all .9s ease; -o-transition:all .9s ease; -ms-transition:all .9s ease; }
            .newsBoxContent > .newBoxBig > .all img:hover {  -webkit-transform:scale(1.10); -moz-transform:scale(1.10);m-ms-transform:scale(1.10); -o-transform:scale(1.10); transform:scale(1.10); }
            .newsBoxContent > .newBoxBig > .all .category { display: none; margin: 0 0 0 20px; padding: 0 0 3px 0; color: #f9e445; font-size: 80%; font-weight: bold; text-transform: uppercase; border-bottom: 2px solid #f9e445; max-width: 80%; overflow: hidden; }
            .newsBoxContent > .newBoxBig > .all .comments { position: absolute; top: 9px; right: 20px; width: 24px; padding: 5px 0 8px 0; text-align: center; font-size: 90%; font-weight: bold; color: #000; background-image: URL(img/iconos/comments-black24.png); background-repeat: no-repeat; }
            .newsBoxContent > .newBoxBig > .all div:empty.comments { display: none; }
            .newsBoxContent > .newBoxBig > .all h2 { margin: 12px 0 0 20px; width: 100%; font-size: 150%; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
                .newsBoxContent > .newBoxBig > .all h2 > a.black { color: #a8daff !important; }
                .newsBoxContent > .newBoxBig > .all h2 > a.black:hover { color: #dcf0ff !important; transition: 0.5s }
            .newsBoxContent > .newBoxBig > .all h3 { margin: 6px 0 0 20px; font-size: 120%; font-weight: normal; color: #7794a9; line-height: 1.5; }
            .newsBoxContent > .newBoxBig > .all .trans { display: none; position: absolute; bottom: 0px; left: 0px; height: 50px; width: 100%; background-image: URL(img/trans_text.png); pointer-events: none; }


.newsRead { font-family: "Open Sans";  }
	.newsRead > .header { width: 100%; margin-bottom: 10px; }
	.newsRead > h2 { margin: 0 auto; max-width: 800px; padding: 10px 0 0 0; font-size: 200%; color: #a8daff; font-weight: bold; }
	.newsRead > h3 { margin: 15px auto; max-width: 800px; padding: 0; font-size: 140%; color: #5eabe2; font-weight: normal; line-height: 1.5; }
		.newsRead > h3 > ul { margin: 0px; padding: 0px; list-style: none; }
			.newsRead > h3 > ul > li { margin: 0px; padding: 0 0 14px 20px; background-image: URL(img/bullet_t3.png); background-position: 0 4px; background-repeat: no-repeat; line-height: 1; }
			.newsRead > h3 > ul > li:last-child { padding-bottom: 0px; }
	.newsRead > .body { margin: 0 auto; max-width: 800px; padding: 0 0 20px 0; line-height: 1.5; font-size: 130%; color: #d7fbff; }
		.newsRead > .body > p { margin: 15px 0 0 0; }
		.newsRead > .body img { margin: 0 auto; max-width: 100%; height: auto !important; }
		.newsRead > .body > hr { height: 2px; border: 0px solid #FFF; background-color: #FFF; border-top: 1px solid #CCC; border-bottom: 1px solid #DDD; }

.relatedNews { clear: both; width: 100%; margin: 0 0 30px 0; overflow: hidden; }
    .relatedNews > ul { margin: 1px -10px 0 -10px; padding: 0; list-style: none; }
        .relatedNews > ul > li { margin: 0px; padding: 0; background-repeat: no-repeat; background-position: 5px 8px; }
            .relatedNews > ul > li > a { margin: 1px; overflow: hidden; position: relative; display: block; color: #666; }
                .relatedNews > ul > li > a > img { width: 100%; }
                .relatedNews > ul > li > a > .trans { display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); }
                .relatedNews > ul > li > a > .title { display: none; position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 10px 15px; background-color: rgba(0,0,0,0.5); color: #FFF; font-size: 120%; font-weight: bold; text-shadow: 1px 1px #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
            .relatedNews > ul > li > a:hover > .trans { display: none; }
            .relatedNews > ul > li > a:hover > .title { display: block; }
.newsComments { clear: both; width: 100%; }

.newMatchSimpleBox { position: relative; margin: 0 auto; width: 100%; height: 102px; overflow: hidden; margin-top: 15px; }
	.newMatchSimpleBox > .bg { position: absolute; top: -9px; left: -177px; width: 1152px !important; max-width: 1152px !important; min-height: 120px !important; }
	.newMatchSimpleBox > .trans { position: absolute; top: 0; left: 0; width: 100%; height: 102px; background-color: rgba(0,0,0,0.5); }
	.newMatchSimpleBox > .tLeft { position: absolute; top: 1px; left: 1px; width: 100px; height: 100px; background-image: URL(img/tLeft.png); }
	.newMatchSimpleBox > .tRight { position: absolute; top: 1px; right: 1px; width: 100px; height: 100px; background-image: URL(img/tRight.png); }
	.newMatchSimpleBox > .sep { position: absolute; top: 0px; left: 50%; margin-left: -1px; width: 2px; height: 102px; background-color: #FFF; }
	.newMatchSimpleBox > .pBox { position: relative; float: left; width: 50%; padding: 15px 0; }
		.newMatchSimpleBox > .pBox > .avatar { float: left; width: 64px; height: 64px; margin: 0 0 0 20px; padding: 3px; background-color: #FFF; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
			.newMatchSimpleBox > .pBox > .avatar > img { width: 64px; height: 64px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
		.newMatchSimpleBox > .pBox > .name { position: absolute; top: 25px; right: 70px; font-size: 120%; color: #FFF; text-shadow: 1px 1px #000; text-align: right; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }
			.newMatchSimpleBox > .pBox > .name > a { color: #FFF; }
		.newMatchSimpleBox > .pBox > .points { position: absolute; top: 10px; right: 15px; width: 50px; height: 50px; font-size: 220%; color: #FFF; font-weight: bold; text-align: right; text-shadow: 1px 1px #000; }
		.newMatchSimpleBox > .pBox > .infos { position: absolute; bottom: 5px; right: 15px; width: 100%; font-size: 80%; color: #DDD; text-align: right; text-shadow: 1px 1px #000; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }

	.newMatchSimpleBox > .pBox2 { float: right; }
		.newMatchSimpleBox > .pBox2 > .avatar { float: right; margin: 0 20px 0 0; }
		.newMatchSimpleBox > .pBox2 > .name { right: auto; left: 70px; text-align: left; }
		.newMatchSimpleBox > .pBox2 > .points { right: auto; left: 15px; text-align: left; }
		.newMatchSimpleBox > .pBox2 > .infos { right: auto; left: 15px; text-align: left; }

	.newMatchSimpleBox > .pBoxPlayer > .avatar { height: 79px; margin-top: -14px; padding: 0px; border-radius: 0 0 50px 50px; -moz-border-radius: 0 0 50px 50px; -webkit-border-radius: 0 0 50px 50px; overflow: hidden; border: 3px solid #FFF; }
		.newMatchSimpleBox > .pBoxPlayer > .avatar > img { height: 96px; margin-top: -7px; border-radius: 0 0 50px 50px; -moz-border-radius: 0 0 50px 50px; -webkit-border-radius: 0 0 50px 50px; }



.newsPortalBox { overflow: hidden; }
	.newsPortalBox > ul { position: relative; z-index: 50; float: right; width: 300px; list-style: none; margin: 0; padding: 0px;  }
		.newsPortalBox > ul > li { border-top: 1px solid #FFF; background-color: #F6F6F6; }
		.newsPortalBox > ul > li:first-child { border-top: 0px solid #FFF; }
			.newsPortalBox > ul > li > a { display: block; height: 39px; padding: 7px; }
				.newsPortalBox > ul > li > a > img { float: left; width: 34px; height: 34px; padding: 2px; background-color: #FFF; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
				.newsPortalBox > ul > li > a > h2 { float: right; width: 237px; margin-top: 2px; font-weight: normal; font-size: 12px; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; color: #333; }
				.newsPortalBox > ul > li > a > div { float: right; width: 237px; margin-top: 4px; color: #666; font-size: 11px; }

			.newsPortalBox > ul > li.active { margin-left: -30px; background-color: #FFF; border-radius: 50px 0 0 50px; -moz-border-radius: 50px 0 0 50px; -webkit-border-radius: 50px 0 0 50px; }
			.newsPortalBox > ul > li.active > a { margin-left: 10px; color: #FFF; background-color: #222; color: #FEE800; border-radius: 50px 0 0 50px; -moz-border-radius: 50px 0 0 50px; -webkit-border-radius: 50px 0 0 50px; }
			.newsPortalBox > ul > li.active > a > h2 { color: #FEE800; }
			.newsPortalBox > ul > li.active > a > div { color: #EEE; }

	.newsPortalBox > .bigNew { position: relative; z-index: 48; float: left; width: 640px; }
		.newsPortalBox > .bigNew img { float: left; width: 640px; height: 229px; }
		.newsPortalBox > .bigNew > h2 { float: left; width: 640px; margin-top: 15px; font-size: 20px; font-family: "Source Sans Pro", Tahoma, Geneva, sans-serif; font-weight: normal; color: #000; }
		.newsPortalBox > .bigNew > h3 { float: left; width: 640px; margin-top: 10px; font-size: 14px; font-family: "Source Sans Pro", Tahoma, Geneva, sans-serif; font-weight: normal; color: #666; line-height: 1.5; }
	.newsPortalBox > .newsMin { float: right; width: 279px; border-left: 1px solid #EEE; padding: 0 0 5px 20px; }
		.newsPortalBox > .newsMin > .newBox { float: right; width: 279px; overflow: hidden; margin-bottom: 15px; }
		.newsPortalBox > .newsMin > .newBox:last-child { margin-bottom: 0px; }
			.newsPortalBox > .newsMin > .newBox > .image { width: 279px; height: 100px; }
				.newsPortalBox > .newsMin > .newBox > .image > img { width: 279px; height: 100px; }
			.newsPortalBox > .newsMin > .newBox > h2 { margin-top: 10px; height: 42px; font-size: 16px; font-family: "Source Sans Pro", Tahoma, Geneva, sans-serif; font-weight: normal; color: #000; }
			.newsPortalBox > .newsMin > .newBox > h3 { display: none; margin-top: 10px; font-size: 12px; font-family: Tahoma, Geneva, sans-serif; font-weight: normal; color: #666; line-height: 1.5; height: 55px; }


/* EVENTS */

/*    ZONA COPAS    */
#menuLateralBody > .eventList { width: 100%; }
	#menuLateralBody > .eventList > .eventField { cursor: pointer; border-radius: 10px 0 10px 0; -moz-border-radius: 10px 0 10px 0; -webkit-border-radius: 10px 0 10px 0; float: left; width: 30%; display: block; overflow: hidden; padding: 5px; margin: 10px; color: #a8daff; background: #042b42; border-top: 1px solid #042b42; border-bottom: 1px solid #042b42; }
	#menuLateralBody > .eventList > .eventField:first-child { border-top: 0px solid #EEE; }
	#menuLateralBody > .eventList > .eventField:last-child { border-bottom: 0px solid #EEE; margin-bottom: 20px; }
	#menuLateralBody > .eventList > .eventField:hover { background: #023b5d; }
/*	.eventList > .eventField:nth-child(even) { background: #F6F6F6; } */
		#menuLateralBody > .eventList > .eventField > .info > .game { float: left; width: 17%; height: auto; padding: 3px; }
			#menuLateralBody > .eventList > .eventField > .info > .game > img { width: 100%; height: 100%; }
        #menuLateralBody > .eventList > .eventField > .info { float: left; width: 100% !important; cursor: pointer;}
        #menuLateralBody > .eventList > .eventField > .info:hover { float: left; width: 100% !important;}
            #menuLateralBody > .eventList > .eventField > .info > .infos1 { float: left; width: 80%; height: 60px; }
            #menuLateralBody > .eventList > .eventField > .info > .infos2 { float: right; width: 115px; height: 56px; }
            #menuLateralBody > .eventList > .eventField > .info > .infos3 { float: right; width: 115px; height: 56px; }
            #menuLateralBody > .eventList > .eventField .name { margin: 5px 0 0 10px; height: 18px; font-size: 120%; color: #a8daff ; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
            #menuLateralBody > .eventList > .eventField .black { color: #a8daff !important; }
            #menuLateralBody > .eventList > .eventField .type { float: left; margin:23px 0 0 -7px; padding: 3px 6px 3px 6px; font-size: 100%; color: #FFF; }
            #menuLateralBody > .eventList > .eventField .prizepool { float: left; margin: 8px 0 0 10px; padding: 3px 6px; padding: 3px 6px 3px 20px; max-width: 50%; background: URL(img/iconos/coins.png) no-repeat 3px 2px; font-size: 12px; color: #FFF; background-color: #F16452; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
            #menuLateralBody > .eventList > .eventField div:empty.prizepool { display: none; }
            #menuLateralBody > .eventList > .eventField .gold { float: left; margin: 8px 0 0 10px; padding: 3px 6px 3px 32px; background: URL(img/iconos/gold.png) no-repeat 3px 3px; font-size: 12px; color: #FFF; background-color: #d48f00; }
            #menuLateralBody > .eventList > .eventField div:empty.gold { display: none; }
            #menuLateralBody > .eventList > .eventField .clasiffied { float: left; margin: 8px 0 0 10px; padding: 3px 6px 3px 23px; background: URL(img/iconos/podium.png) no-repeat 3px 2px; font-size: 12px; color: #FFF; background-color: #088A68; }
            #menuLateralBody > .eventList > .eventField div:empty.clasiffied { display: none; }
            #menuLateralBody > .eventList > .eventField .modality { margin: 0px 0 0 0; height: 18px; text-align: center; font-size: 110%; font-weight: bold; }
            #menuLateralBody > .eventList > .eventField .date { margin: 15px 0 0 0; height: 18px; text-align: center; }
            #menuLateralBody > .eventList > .eventField .action { margin: 0px 0 0 0; height: 18px; text-align: center; font-size: 110%; font-weight: bold; }
                #menuLateralBody > .eventList > .eventField .action > a { color: #f9e445; }
                #menuLateralBody > .eventList > .eventField .action.button > a { color: #f9e445; }
                #menuLateralBody > .eventList > .eventField .action.button > a:hover { color: #fff6b4; }
            #menuLateralBody > .eventList > .eventField .award { margin: 3px 0 0 0; height: 20px; text-align: center; font-weight: bold; font-size: 130%; color: #000; }
                #menuLateralBody > .eventList > .eventField .award > img { height: 20px; }
            #menuLateralBody > .eventList > .eventField .players { margin: 15px 0 0 0; height: 18px; text-align: center; font-size: 12px; }





.eventList { width: 100%; }
	.eventList > .eventField { cursor: pointer; border-radius: 10px 0 10px 0; -moz-border-radius: 10px 0 10px 0; -webkit-border-radius: 10px 0 10px 0; float: left; width: 30%; display: block; overflow: hidden; padding: 5px; margin: 10px; color: #a8daff; background: #042b42; border-top: 1px solid #042b42; border-bottom: 1px solid #042b42; }
	.eventList > .eventField:first-child { border-top: 0px solid #EEE; }
	.eventList > .eventField:last-child { border-bottom: 0px solid #EEE; }
	.eventList > .eventField:hover { background: #023b5d; }
/*	.eventList > .eventField:nth-child(even) { background: #F6F6F6; } */
		.eventList > .eventField > .info > .game { float: left; width: 17%; height: auto; padding: 3px; }
			.eventList > .eventField > .info > .game > img { width: 100%; height: 100%; }
        .eventList > .eventField > .info { float: left; width: 100% !important; cursor: pointer;}
        .eventList > .eventField > .info:hover { float: left; width: 100% !important;}
            .eventList > .eventField > .info > .infos1 { float: left; width: 80% !important; height: 60px; }
            .eventList > .eventField > .info > .infos2 { float: right; width: 130px; height: 56px; }
            .eventList > .eventField > .info > .infos3 { float: right; width: 130px; height: 56px; }
            .eventList > .eventField .name { margin: 5px 0 0 10px; height: 18px; font-size: 120%; color: #a8daff ; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
            .eventList > .eventField .black { color: #a8daff !important; }
            .eventList > .eventField .type { float: left; margin:23px 0 0 -70px; padding: 3px 6px 3px 6px; font-size: 100%; color: #FFF; }
            .eventList > .eventField .prizepool { float: left; margin: 8px 0 0 10px; padding: 3px 6px; padding: 3px 6px 3px 20px; max-width: 50%; background: URL(img/iconos/coins.png) no-repeat 3px 2px; font-size: 12px; color: #FFF; background-color: #F16452; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
            .eventList > .eventField div:empty.prizepool { display: none; }
            .eventList > .eventField .gold { float: left; margin: 8px 0 0 10px; padding: 3px 6px 3px 32px; background: URL(img/iconos/gold.png) no-repeat 3px 3px; font-size: 12px; color: #FFF; background-color: #d48f00; }
            .eventList > .eventField div:empty.gold { display: none; }
            .eventList > .eventField .clasiffied { float: left; margin: 8px 0 0 10px; padding: 3px 6px 3px 23px; background: URL(img/iconos/podium.png) no-repeat 3px 2px; font-size: 12px; color: #FFF; background-color: #088A68; }
            .eventList > .eventField div:empty.clasiffied { display: none; }
            .eventList > .eventField .modality { margin: 5px 0 0 0; height: 18px; text-align: center; font-size: 110%; font-weight: bold; }
            .eventList > .eventField .date { margin: 8px 0 0 0; height: 18px; text-align: center; }
            .eventList > .eventField .action { margin: 5px 0 0 0; height: 18px; text-align: center; font-size: 110%; font-weight: bold; }
                .eventList > .eventField .action > a { color: #000; }
                .eventList > .eventField .action.button > a { color: #f9e445; }
                .eventList > .eventField .action.button > a:hover { color: #fff6b4; }
            .eventList > .eventField .award { margin: 3px 0 0 0; height: 20px; text-align: center; font-weight: bold; font-size: 130%; color: #000; }
                .eventList > .eventField .award > img { height: 20px; }
            .eventList > .eventField .players { margin: 8px 0 0 0; height: 18px; text-align: center; font-size: 12px; }

.eventListProfile { width: 100%; }
	.eventListProfile > .eventField { display: block; overflow: hidden; padding: 15px 10px; margin: 0; color: #666; border-top: 1px solid #FFF; border-bottom: 1px solid #DDD; }
	.eventListProfile > .eventField:first-child { border-top: 0px solid #EEE; }
	.eventListProfile > .eventField:last-child { border-bottom: 0px solid #EEE; }
		.eventListProfile > .eventField > .game { float: left; width: 50px; height: 50px; padding: 3px; }
			.eventListProfile > .eventField > .game > img { width: 50px; height: 50px; }
		.eventListProfile > .eventField > .infos { float: left; width: 420px; height: 56px; margin-left: 15px; }
		.eventListProfile > .eventField .name { margin: 3px 0 0 0; height: 18px; font-size: 14px; color: #333; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
		.eventListProfile > .eventField .type { float: left; clear: both; margin: 8px 0 0 0; padding: 3px 6px 3px 6px; font-size: 100%; color: #FFF; }
		.eventListProfile > .eventField .prizepool { float: left; margin: 8px 0 0 10px; padding: 3px 6px; padding: 3px 6px 3px 20px; background: URL(img/iconos/coins.png) no-repeat 3px 2px; font-size: 12px; color: #FFF; background-color: #d24432; }
		.eventListProfile > .eventField div:empty.prizepool { display: none; }
		.eventListProfile > .eventField .gold { float: left; margin: 8px 0 0 10px; padding: 3px 6px 3px 32px; background: URL(img/iconos/gold.png) no-repeat 3px 3px; font-size: 12px; color: #FFF; background-color: #FDC44D; }
		.eventListProfile > .eventField div:empty.gold { display: none; }
		.eventListProfile > .eventField .clasiffied { float: left; margin: 8px 0 0 10px; padding: 3px 6px 3px 23px; background: URL(img/iconos/podium.png) no-repeat 3px 2px; font-size: 12px; color: #FFF; background-color: #1f8843; }
		.eventListProfile > .eventField div:empty.clasiffied { display: none; }

.eventsBox { overflow: hidden; margin: 20px -20px 0 -20px; padding: 20px; width: 1010px; background-color: #EEE; }
	.eventsBox > .nextEvents { float: left; width: 715px; padding: 0px; }
	.eventsBox > .nextEventsPortalGame { width: 715px; }
		.eventsBox > .nextEvents > .noevents { padding: 88px 40px; margin: 10px 0 0 0; height: 46px; background-color: #FFF; text-align: center; font: 16px "Source Sans Pro", Tahoma, Geneva, sans-serif; color: #666; line-height: 1.5; }
		.eventsBox > .nextEvents > div:empty.noevents { display: none; }
		.eventsBox > .nextEvents > .eventInfo { float: left; margin: 10px 20px 0 0; width: 205px; height: 201px; padding: 10px; }
		.eventsBox > .nextEvents > .eventInfo:last-child { margin-right: 0px; }
			.eventsBox > .nextEvents > .eventInfo > .header { float: left; margin: -5px -5px -15px -5px; overflow: hidden; width: 209px; height: 60px; border: 1px solid #EEE; padding: 2px; background-color: #FFF; }
				.eventsBox > .nextEvents > .eventInfo > .header > div { width: 209px; height: 60px; overflow: hidden; }
				.eventsBox > .nextEvents > .eventInfo > .header > div > img { width: 576px; height: 60px; margin-left: -227px; }
			.eventsBox > .nextEvents > .eventInfo > .image { float: left; margin: 0 0 0 2px; width: 50px; padding: 2px; background-color: #FFF; }
				.eventsBox > .nextEvents > .eventInfo > .image > img { width: 50px; height: 50px; }
			.eventsBox > .nextEvents > .eventInfo > .date { float: left; margin: 20px 0 0 15px; width: 130px; font-size: 11px; color: #666; text-align: left; }
			.eventsBox > .nextEvents > .eventInfo > .modality { float: left; margin: 4px 0 0 15px; width: 130px; font-size: 11px; color: #666; }
			.eventsBox > .nextEvents > .eventInfo > .name { float: left; width: 205px; height: 45px; margin: 15px 0 0 0; font: 18px "Source Sans Pro", Tahoma, Geneva, sans-serif; text-align: center; vertical-align: middle; }
				.eventsBox > .nextEvents > .eventInfo > .name > a { color: #000; }
			.eventsBox > .nextEvents > .eventInfo > .action { float: left; width: 205px; margin: 10px 0 0 0; height: 15px; text-align: center; font-weight: bold; }
				.eventsBox > .nextEvents > .eventInfo > .action > a { color: #000; }
				.eventsBox > .nextEvents > .eventInfo > .action > a:hover { color: #333; }

		.eventsBox > .nextEvents > .eventInfo:hover { background-color: #F6F6F6; cursor: pointer; }

	.eventsBox > .eventsRoundsPortalGame { float: left; margin: 0 0 0 20px; width: 275px; }
		.eventsBox > .eventsRoundsPortalGame > .noeventsday { padding: 30px 40px; margin: 10px 0 0 0; height: 161px; background-color: #FFF; text-align: center; font: 16px "Source Sans Pro", Tahoma, Geneva, sans-serif; color: #666; line-height: 1.5; }
		.eventsBox > .eventsRoundsPortalGame > div:empty.noeventsday { display: none; }
		.eventsBox > .eventsRoundsPortalGame > .eventRound { display: block; width: 245px; height: 47px; margin: 10px 0 0 0; padding: 10px 15px; overflow: hidden; background-color: #FFF; color: #000; }
			.eventsBox > .eventsRoundsPortalGame > .eventRound > .round { font: 18px Source Sans Pro, Tahoma, Geneva, sans-serif; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }
				.eventsBox > .eventsRoundsPortalGame > .eventRound > .round > .date { float: right; margin: 7px 0 0 10px; font-size: 12px; color: #666; }
			.eventsBox > .eventsRoundsPortalGame > .eventRound > .event { margin-top: 4px; font-size: 14px; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; color: #666; }
		.eventsBox > .eventsRoundsPortalGame > .eventRound:hover { background-color: #F6F6F6; }

	.eventsBox > .sponsors { float: right; width: 200px; }
		.eventsBox > .sponsors > .logos { width: 200px; overflow: hidden; margin-top: 10px; height: 221px; }
			.eventsBox > .sponsors > .logos .img { margin-top: 10px; }
			.eventsBox > .sponsors > .logos .img:first-child { margin-top: 0px; }

.eventsRounds { overflow: hidden; margin-top: 20px; }
	.eventsRounds > .noeventsday { padding: 50px 0 40px 0; text-align: center; font: 16px "Source Sans Pro", Tahoma, Geneva, sans-serif; color: #666; }
	.eventsRounds > div:empty.noeventsday { display: none; }
	.eventsRounds > .eventRound { float: left; width: 175px; margin: 10px 10px 0 0px; padding: 10px 10px 10px 0; border-right: 1px solid #EEE; height: 145px; overflow: hidden; }
	.eventsRounds > .eventRound:last-child { margin-right: 0px; border-right: 0px solid #FFF; padding-right: 0px; }
		.eventsRounds > .eventRound > .date { padding: 0 10px 5px 10px; font: 11px Tahoma, Geneva, sans-serif; color: #666; text-align: right; }
		.eventsRounds > .eventRound > .game { padding: 0; overflow: hidden; margin-left: -191px; background-color: #FFF; }
			.eventsRounds > .eventRound > .game > img { width: 480px; height: 50px; }
		.eventsRounds > .eventRound > .event { clear: both; padding: 10px; font: 14px Source Sans Pro, Tahoma, Geneva, sans-serif; line-height: 1.5; }
			.eventsRounds > .eventRound > .event > a { color: #000; }

table.matches { border-collapse: separate; border-spacing: 0px; margin-top: 15px; width: 100%; }
table.matches th { padding: 0 5px 5px 5px; color: #a8daff; font-size: 100%; font-weight: bold; border-bottom: 2px solid #7794a9; }
table.matches tr > th:first-child { padding-left: 10px; }
table.matches tr > th:last-child { padding-right: 10px; }
table.matches td { margin: 1px 0 0 0; padding: 12px 5px; font-size: 100%; color: #7794a9; border-bottom: 1px solid #7794a9; }
table.matches tr > td:first-child { padding-left: 10px; }
table.matches tr > td:last-child { padding-right: 10px; }
table.matches tr:last-child td { border-bottom: 0px solid #7794a9; }
table.matches td .numBox { font-weight: bold; padding: 0; }
table.matches td .vs { font-weight: normal; color: #7794a9; }
table.matches td .player { font-weight: bold; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }
table.matches td a { color: #a8daff; }
table.matches td a:hover { color: #7794a9 !important; }
table.matches td.nodatas { padding: 50px; font-size: 14px; color: #7794a9; border-top: 1px solid #EFEFEF; text-align: center; text-shadow: 1px 1px #FFF; }
table.matches td img.uavatar { width: 25px; height: 25px; margin: -7px 10px -8px 0; }

table.matches tr.linked { cursor: pointer; }

.eHeader > .signup { position: absolute; bottom: 3px; left: 0px; width: 100%; }
	.eHeader > .signup > .box { float: left; padding: 15px 0; width: 100px; text-shadow: 1px 1px #000; }
	.eHeader > .signup > .box:first-child { margin-left: 160px; }
		.eHeader > .signup > .box > .info { margin: 0 0 0 0; text-transform: uppercase; color: #CCC; font-size: 90%; }
		.eHeader > .signup > .box > .text { margin: 5px 0 0 0; color: #FFF; font-size: 110%; font-weight: bold; }
    .eHeader > .signup > .button { float: right; display: block; margin: 11px 15px 0 0; background-color: #FFD93D; border: 1px solid #FECD00; width: 190px; padding: 10px 0; font-size: 110%; text-align: center; color: #000; font-weight: bold; text-shadow: 1px 1px #F5E000; }
    .eHeader > .signup > .button:hover { background-color: #FECD00; }

.eDesc { margin-right: 30px; }
	.eDesc .cat { font-size: 110%; font-family: "Open Sans"; }
		.eDesc .cat > .title { margin: 20px 0 0 0; padding: 0 0 0 0; overflow: hidden; color: #d7fbff; font-weight: bold; }
		.eDesc .cat:first-child > .title { display: none; }
		.eDesc .cat > .text { margin: 10px 0 0 20px; line-height: 1.5; color: #d7fbff; }
		.eDesc .cat:first-child > .text { margin-top: 20px; margin-left: 0px; }

.eventNews {  }

.ePodium { margin: 0 0 30px 0; overflow: hidden; width: 100%; }
	.ePodium .drawer { margin: 20px 0 0 0; }
		.ePodium .drawer > .avatar { float: left; width: 75px; height: 75px; padding: 2px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border: 5px solid #EEE; }
		.ePodium .drawer > .aPos1 { border: 5px solid #FFD700; }
		.ePodium .drawer > .aPos2 { border: 5px solid #C0C0C0; }
		.ePodium .drawer > .aPos3 { border: 5px solid #D2B48C; }
			.ePodium .drawer > .avatar > img { width: 75px; height: 75px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
		.ePodium .drawer > .infos { float: left; margin: 5px 0 0 15px; }
			.ePodium .drawer > .infos > .user { font-size: 16px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
				.ePodium .drawer > .infos > .user > a { color: #a8daff; }
				.ePodium .drawer > .infos > .user > a:hover { color: #7794a9; }
			.ePodium .drawer > .infos > .stats { overflow: hidden; margin: 10px 0 0 0; color: #7794a9; }
				.ePodium .drawer > .infos > .stats > .line { overflow: hidden; }
					.ePodium .drawer > .infos > .stats > .line > .value { float: left; width: 35px; margin-right: 5px; text-align: right; font-weight: bold; }
					.ePodium .drawer > .infos > .stats > .line > .name { float: right; width: 80px; }
			.ePodium .drawer > .infos > .points { overflow: hidden; margin: 5px 0 0 0; color: #666; }
					.ePodium .drawer > .infos > .points > .value { float: left; width: 65px; text-align: right; font-weight: bold; }
					.ePodium .drawer > .infos > .points > .name { float: right; width: 80px; }

.signupBox { margin: 0; }
	.signupBox > .requirement { overflow: hidden; margin: 20px 0 20px 10px; padding: 10px 0 10px 30px; background-repeat: no-repeat; background-position: 0px 10px; }
	.signupBox > .status_valid { background-image: URL(img/iconos/ok.png); }
	.signupBox > .status_invalid { background-image: URL(img/iconos/error.png); }
		.signupBox > .requirement > .type { font-size: 110%; }
		.signupBox > .requirement > .value { font-size: 110%; margin-top: 5px; color: #7794a9; line-height: 1.5; font-weight: bold;}
			.signupBox > .requirement > .value > label { display: block; margin-top: 7px; }
				.signupBox > .requirement > .value > label > input { margin: 0 10px 0 0; padding: 0px; }
			.signupBox > .requirement > .value > div { margin-top: 7px; background-image: URL(img/dot.png); background-position: 0 5px; background-repeat: no-repeat; padding-left: 20px; }
		.signupBox > .requirement > .confirm { font: 12px Tahoma, Geneva, sans-serif; margin-top: 5px; color: #666; line-height: 1.5; }
	.signupBox > .button { overflow: hidden; text-align: center; }
		.signupBox > .button > input { display: block; margin: 0px auto; background-color: #FFD93D; border: 1px solid #FECD00; padding: 10px 30px; font-size: 110%; text-align: center; color: #000; font-weight: bold; text-shadow: 1px 1px #F5E000; }
		.signupBox > .button > input:hover { background-color: #FECD00; cursor: pointer; }

.playersBox { margin: 0 -15px 0 -15px; padding: 0; overflow: hidden; }
.playersBox:last-child { margin-bottom: 0px; }
	.playersBox .playerBox { position: relative; overflow: hidden; heigth: 56px; width: 100%; margin: 15px 0; padding: 0; }
		.playersBox .playerBox > .image { float: left; margin: 0 0 0 15px; padding: 3px; width: 50px; height: 50px; background-color: #FFF; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
			.playersBox .playerBox > .image > img { width: 50px; height: 50px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
		.playersBox .playerBox > .nation { position: absolute; overflow: hidden; top: 5px; right: 5px; width: 24px; height: 24px; padding: 2px; background-color: #FFF; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
			.playersBox .playerBox > .nation > img { width: 24px; height: 24px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
		.playersBox .playerBox > .info { float: left; margin: 7px 15px 0 15px; }
            .playersBox .playerBox > .info > h2 { float: left; width: 100%; margin: 0; font-size: 120%; font-weight: bold; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }
                .playersBox .playerBox > .info > h2 > a { color: #000; }
                .playersBox .playerBox > .info > h2 > a:hover { color: #06F; }
            .playersBox .playerBox > .info > .gameid { float: left; clear: both; width: 100%; margin: 5px 0 0 0; font-size: 100%; color: #7794a9; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }
        .playersBox .playerBox > .level { position: absolute; top: 3px; right: 15px; width: 20px; padding: 4px 0; text-align: center; font-size: 80%; font-weight: bold; color: #FFF; background-color: #D14432; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }

.boxGroup { margin-bottom: 20px; }
.boxGroup:last-child { margin-bottom: 15px; }



.boardList {}
	.boardList > .boardBox { overflow: hidden; margin-top: 10px; padding: 10px 10px 0 10px; border-top: 1px solid #EEE; }
	.boardList > .boardBox:first-child { padding-top: 0px; border-top: 0px solid #FFF; }
		.boardList > .boardBox > .avatar { float: left; overflow: hidden; width: 38px; height: 38px; border: 1px solid #EEE; padding: 2px; background-color: #FFF; }
		.boardList > .active > .avatar { border: 2px solid #D14432; padding: 1px; }
			.boardList > .boardBox > .avatar > img { width: 38px; height: 38px; }
		.boardList > .boardBox > .event { float: right; width: 301px; font: 11px Tahoma, Geneva, sans-serif; color: #666; margin-top: 5px; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }
		.boardList > .boardBox > .message { float: right; width: 301px; font: 11px Tahoma, Geneva, sans-serif; color: #666; margin-top: 5px; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }


.bracketNav { margin: 10px 0 10px 0; overflow: hidden; }
	.bracketNav a { display: block; padding: 8px 16px; background-color: #042b42; color: #a8daff; }
	.bracketNav .bnPrev, .bracketNav .bnNext { float: left; background-image: URL(img/pmprev.png); background-repeat: no-repeat; background-position: 5px center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	.bracketNav .bnPrev { padding-left: 35px; }
	.bracketNav .bnNext { float: right; background-image: URL(img/pmnext.png); background-position: right 5px center; padding-right: 35px; }
	.bracketNav a:hover { background-color: #023b5d; }

.bracketContent { margin: 0; padding: 0px; overflow: hidden; }

.bcm { position: relative; height: 59px; }
	.bcm > .podium { display: none !important; }
	.bcm > .p1, .bcm > .p2 { position: relative; overflow: hidden; height: 29px; font-size: 100%; background-color: #042b42; }
	.bcm > .p1 { border-bottom: 1px solid #7794a9; }
	.bcm > .p2 { background-color: #023b5d;}
	.bcm > .vs { position: absolute; top: 18px; left: -12px; width: 24px; height: 19px; background-color: #001b3c; border-radius: 0 50px 50px 0; -moz-border-radius: 0 50px 50px 0; -webkit-border-radius: 0 50px 50px 0; border: 2px solid #7794a9; }
		.bcm > .vs > a {display: block; margin: 3px 0 0 5px; color: #FFF; font-weight: bold; font-size: 90%; }
	.bcm .player { float: left; padding: 8px 10px; width: 110px; height: 13px; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }
		.bcm .player a { color: #a8daff; }
	.bcm .result { float: right; padding: 8px 0px; width: 35px; height: 13px; border-left: 1px solid #7794a9; text-align: center; font-weight: bold; color: #a8daff; }

	.bcm .bps0 .result { display: none; }
	.bcm .bps1 { font-weight: bold;}
	   .bcm .bps1 .player a { color: #a8daff; }
	.bcm .bps2 {  }
	   .bcm .bps2 .player a { color: #a8daff; }

	.bplayer[bracketPlayerId=p0] a { color: #13483a; }

	.bcm .blt { position: absolute; left: -25px; border-right: 1px solid #a8daff; border-top: 4px solid #a8daff; width: 10px; }
	.bcm .blb { position: absolute; left: -25px; top: 30px; border-right: 1px solid #a8daff; border-bottom: 4px solid #a8daff; width: 10px; }

.brall { float: left; width: 170px; margin-left: 30px; }
.brall:first-child { margin-left: 10px; }
	.brall > .bround { color: #a8daff; border-bottom: 1px solid #7794a9; font-size: 100%; font-weight: bold; text-align: center; padding: 5px 0; }
	.brall:first-child > .bround { margin-left: -10px; }

.wbr1 > .bcm { margin-top: 11px; margin-left: -10px; }
	.wbr1 > .bcm > .vs { left: -2px; }
	.wbr1 > .bcm .player { padding-left: 20px; }
.wbr2 > .bcm { margin-top: 81px; }
.wbr2 > .bcm:first-child { margin-top: 46px; } /* 35 + 11 */
.wbr3 > .bcm { margin-top: 221px; }
.wbr3 > .bcm:first-child { margin-top: 116px; }
.wbr4 > .bcm { margin-top: 501px; }
.wbr4 > .bcm:first-child { margin-top: 256px; }
.wbr5 > .bcm { margin-top: 1061px; }
.wbr5 > .bcm:first-child { margin-top: 536px; }
.wbr6 > .bcm { margin-top: 2181px; }
.wbr6 > .bcm:first-child { margin-top: 1096px; }
.wbr7 > .bcm { margin-top: 4421px; }
.wbr7 > .bcm:first-child { margin-top: 2216px; }
.wbr8 > .bcm { margin-top: 8901px; }
.wbr8 > .bcm:first-child { margin-top: 4456px; }
.wbr9 > .bcm { margin-top: 17861px; }
.wbr9 > .bcm:first-child { margin-top: 8936px; }

.wbr1 > .bcm .blt { display: none; }
.wbr1 > .bcm .blb { display: none; }
.wbr2 > .bcm .blt { top: -7px; height: 33px; border-color: #a8daff; }
.wbr2 > .bcm .blb { height: 33px; border-color: #a8daff; }
.wbr3 > .bcm .blt { top: -42px; height: 68px; border-color: #a8daff; } /* top: previo * 2 + 28; height: previo * 2 + 2 */
.wbr3 > .bcm .blb { height: 68px; border-color: #a8daff; }
.wbr4 > .bcm .blt { top: -112px; height: 138px; border-color: #a8daff; }
.wbr4 > .bcm .blb { height: 138px; border-color: #a8daff; }
.wbr5 > .bcm .blt { top: -252px; height: 278px; border-color: #a8daff; }
.wbr5 > .bcm .blb { height: 278px; border-color: #a8daff; }
.wbr6 > .bcm .blt { top: -532px; height: 558px; border-color: #a8daff; }
.wbr6 > .bcm .blb { height: 558px; border-color: #a8daff; }
.wbr7 > .bcm .blt { top: -1092px; height: 1118px; border-color: #a8daff; }
.wbr7 > .bcm .blb { height: 1118px; border-color: #a8daff; }
.wbr8 > .bcm .blt { top: -2212px; height: 2238px; border-color: #a8daff; }
.wbr8 > .bcm .blb { height: 2238px; border-color: #a8daff; }
.wbr9 > .bcm .blt { top: -4452px; height: 4478px; border-color: #a8daff; }
.wbr9 > .bcm .blb { height: 4478px; border-color: #a8daff; }


.lbr1 > .bcm { margin-top: 11px; margin-left: -10px; }
	.lbr1 > .bcm > .vs { left: -2px; }
	.lbr1 > .bcm .player { padding-left: 20px; }
.lbr2 > .bcm { margin-top: 11px; }
.lbr2 > .bcm:first-child {  } /* 35 + 11 */
.lbr3 > .bcm { margin-top: 81px; }
.lbr3 > .bcm:first-child { margin-top: 46px; }
.lbr4 > .bcm { margin-top: 81px; }
.lbr4 > .bcm:first-child { margin-top: 46px; }
.lbr5 > .bcm { margin-top: 221px; }
.lbr5 > .bcm:first-child { margin-top: 116px; }
.lbr6 > .bcm { margin-top: 221px; }
.lbr6 > .bcm:first-child { margin-top: 116px; }
.lbr7 > .bcm { margin-top: 501px; }
.lbr7 > .bcm:first-child { margin-top: 256px; }
.lbr8 > .bcm { margin-top: 501px; }
.lbr8 > .bcm:first-child { margin-top: 256px; }
.lbr9 > .bcm { margin-top: 1061px; }
.lbr9 > .bcm:first-child { margin-top: 536px; }
.lbr10 > .bcm { margin-top: 1061px; }
.lbr10 > .bcm:first-child { margin-top: 536px; }
.lbr11 > .bcm { margin-top: 2181px; }
.lbr11 > .bcm:first-child { margin-top: 1096px; }
.lbr12 > .bcm { margin-top: 2181px; }
.lbr12 > .bcm:first-child { margin-top: 1096px; }
.lbr13 > .bcm { margin-top: 4421px; }
.lbr13 > .bcm:first-child { margin-top: 2216px; }
.lbr14 > .bcm { margin-top: 4421px; }
.lbr14 > .bcm:first-child { margin-top: 2216px; }
.lbr15 > .bcm { margin-top: 8901px; }
.lbr15 > .bcm:first-child { margin-top: 4456px; }
.lbr16 > .bcm { margin-top: 8901px; }
.lbr16 > .bcm:first-child { margin-top: 4456px; }

.lbr1 > .bcm .blt { display: none; }
.lbr1 > .bcm .blb { display: none; }
.lbr2 > .bcm .blt { top: 28px; height: 0px; border-color: #a8daff; }
.lbr2 > .bcm .blb { display: none; }
.lbr3 > .bcm .blt { top: -7px; height: 33px; border-color: #a8daff; } /* top: previo * 2 + 28; height: previo * 2 + 2 */
.lbr3 > .bcm .blb { height: 33px; border-color: #a8daff; }
.lbr4 > .bcm .blt { top: 28px; height: 0px; border-color: #a8daff; }
.lbr4 > .bcm .blb { display: none; }
.lbr5 > .bcm .blt { top: -42px; height: 68px; border-color: #a8daff; }
.lbr5 > .bcm .blb { height: 68px; border-color: #a8daff; }
.lbr6 > .bcm .blt { top: 28px; height: 0px; border-color: #a8daff; }
.lbr6 > .bcm .blb { display: none; }
.lbr7 > .bcm .blt { top: -112px; height: 138px; border-color: #a8daff; }
.lbr7 > .bcm .blb { height: 138px; border-color: #a8daff; }
.lbr8 > .bcm .blt { top: 28px; height: 0px; border-color: #a8daff; }
.lbr8 > .bcm .blb { display: none; }
.lbr9 > .bcm .blt { top: -252px; height: 278px; border-color: #a8daff; }
.lbr9 > .bcm .blb { height: 278px; border-color: #a8daff; }
.lbr10 > .bcm .blt { top: 28px; height: 0px; border-color: #a8daff; }
.lbr10 > .bcm .blb { display: none; }
.lbr11 > .bcm .blt { top: -532px; height: 558px;border-color: #a8daff; }
.lbr11 > .bcm .blb { height: 558px; border-color: #a8daff; }
.lbr12 > .bcm .blt { top: 28px; height: 0px; border-color: #a8daff; }
.lbr12 > .bcm .blb { display: none; }
.lbr13 > .bcm .blt { top: -1092px; height: 1118px; border-color: #a8daff; }
.lbr13 > .bcm .blb { height: 1118px; border-color: #a8daff; }
.lbr14 > .bcm .blt { top: 28px; height: 0px; border-color: #a8daff; }
.lbr14 > .bcm .blb { display: none; }
.lbr15 > .bcm .blt { top: -2212px; height: 2238px; border-color: #a8daff; }
.lbr15 > .bcm .blb { height: 2238px; border-color: #a8daff; }
.lbr16 > .bcm .blt { top: 28px; height: 0px; border-color: #a8daff; }
.lbr16 > .bcm .blb { display: none; }

.bplayerSelected { background-color: #13483a !important; color: #a8daff !important; }
.bplayerSelected a { color: #a8daff !important; }

.bfSimple .bcm { margin-top: 11px !important; }
.bfSimple .bcm .blt { display: none !important; }
.bfSimple .bcm .blb { display: none !important; }

.bcmPodium { position: relative; height: 83px; margin-top: 22px !important; }
	.bcmPodium > .podium { display: block !important; padding: 5px 0; margin-bottom: 1px; width: 176px; height: 12px; color: #333; border-bottom: 1px solid #DDD; font-size: 100%; font-weight: bold; text-align: center; }
	.bcmPodium > .vs { top: 44px; left: -2px; }
	.bcmPodium .blt { display: none; }
	.bcmPodium .blb { display: none; }


/* RANKINGS */

.season-box { margin: 20px -20px 0 -20px; background-color: #EEE; padding: 20px; width: 1010px; overflow: hidden; }
	.season-box > .game-season { float: left; width: 210px; }
		.game-season > .mTitleL1 { width: 33.33%;}
		.game-season > ul { list-style: none; margin: 10px 0 0 0; padding: 0px; height: 360px; }
			.game-season > ul > li { padding: 8px; color: #DDD; height: 31px; cursor: pointer; }
			.game-season > ul > li.sep { padding: 0px; height: 0px; border-bottom: 1px dashed #FFF; margin: 10px 0; }
			.game-season > ul > li.more { padding: 10px 0 0 0; margin: 0; padding: 8px 0 0 0; text-align: right; font-size: 11px; }
				.game-season > ul > li.more > a { color: #999;  }
				.game-season > ul > li.more > a:hover { color: #333;  }
				.game-season > ul > li > img { float: left; margin: -3px 0 -3px -3px; width: 31px; height: 31px; padding: 3px; background-color: #FFF; }
				.game-season > ul > li > .game { float: left; width: 140px; margin: 0px; padding: 0px; margin-left: 10px; font-family: Tahoma, Geneva, sans-serif; font-weight: normal; font-size: 12px; color: #666; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }
				.game-season > ul > li > .modo { float: left; width: 140px; margin: 3px 0 0 11px; font-size: 11px; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
			.game-season > ul > li.active { background-color: #111; }
				.game-season > ul > li.active > .game { color: #F5E000; }
				.game-season > ul > li.active > .modo { color: #EEE; } /*250*/
	.season-box > .season-ranking { float: right; width: 760px; height: 378px; padding: 10px; background-color: #FFF;  }
		.season-box > .season-ranking .title { padding: 0 0 10px 0; font: 14px "Source Sans Pro", Tahoma, Geneva, sans-serif; }
		.season-box > .season-ranking .header { position: relative; margin-bottom: 10px; width: 760px; height: 40px; overflow: hidden; }
			.season-box > .season-ranking .header > img { position: absolute; top: -15px; left: -4px; width: 768px; height: 80px; }
			.season-box > .season-ranking .header > .trans { position: absolute; top: 0px; left: 0px; width: 960px; height: 150px; background-color: rgba(0,0,0,0.4); }
			.season-box > .season-ranking .header > h2 { position: absolute; top: 10px; left: 15px; color: #FFF; font: 16px "Source Sans Pro", Tahoma, Geneva, sans-serif; text-shadow: 1px 1px #000; }


ul.rankingGameList { list-style: none; margin: 0; padding: 0px; }
	ul.rankingGameList > li { float: left; width: 100%; margin: 1px 0 0 0; padding: 0; }
	ul.rankingGameList > li:first-child { margin-top: 0px; }
		ul.rankingGameList > li > a { display: block; padding: 10px; color: #DDD; height: 31px; color: #999; background-color: #F6F6F6; }
			ul.rankingGameList > li > a > img { float: left; margin: -2px 0 -2px -2px; width: 30px; height: 30px; padding: 2px; background-color: #FFF; }
			ul.rankingGameList > li > a > .name { float: left; width: 165px; margin: 0px; padding: 0px; margin-left: 10px; font-weight: bold; font-size: 100%; color: #666; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }
			ul.rankingGameList > li > a > .players { float: left; width: 165px; margin: 3px 0 0 10px; font-size: 90%; color: #999; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }
		ul.rankingGameList > li > a:hover, ul.rankingGameList > li.active > a { color: #333; background-color: #EEE; }
		ul.rankingGameList > li > a:hover > .name, ul.rankingGameList > li.active > a > .name {  }
		ul.rankingGameList > li > a:hover > .players, ul.rankingGameList > li.active > a > .players {  }
		ul.rankingGameList > li.active > a { color: #333; background-color: #222; }
		ul.rankingGameList > li.active > a > .name { color: #FFF; }
		ul.rankingGameList > li.active > a > .players { color: #EEE; }
		ul.rankingGameList > li.active { }
		ul.rankingGameList > li:first-child.active {  }
		ul.rankingGameList > li:last-child.active {  }
	ul.rankingGameList > li > ul { margin: 0 0 0 0; padding: 1px 0; list-style: none; border-bottom: 2px solid #222; }
		ul.rankingGameList > li > ul > li { margin: 1px 0 0 0; padding: 0; }
		ul.rankingGameList > li > ul > li:first-child { margin-top: 0; }
			ul.rankingGameList > li > ul > li > a { display: block; text-align: left; background-color: #F6F6F6; color: #333; padding: 10px 15px; font: 12px "Source Sans Pro", Tahoma, Geneva, sans-serif; }
			ul.rankingGameList > li > ul > li > a:hover { background-color: #EEE; color: #000; }
			ul.rankingGameList> li > ul > li.active > a { background-color: #333; color: #F5E000; }

.rankingsGame { margin: 20px; }
	.rankingsGame > .header { position: relative; width: 880px; height: 100px; overflow: hidden; }
		.rankingsGame > .header > img { position: absolute; top: 0px; left: -55px; width: 990px; height: 100px; }
		.rankingsGame > .header > .trans { position: absolute; top: 0px; left: 0px; width: 880px; height: 100px; background-color: rgba(0,0,0,0.4); }
		.rankingsGame > .header > h2 { position: absolute; top: 10px; left: 15px; color: #FFF; font-size: 18px; text-shadow: 1px 1px #000; }
	.rankingsGame > .header > ul { position: absolute; bottom: 0px; left: 0px; list-style: none; margin: 0; padding: 0px; height: 47px; }
		.rankingsGame > .header > ul > li { float: left; margin: 0 0 0 20px; padding: 8px; color: #DDD; width: 178px; height: 31px; cursor: pointer; background-color: rgba(0,0,0,0.5); border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; }
			.rankingsGame > .header > ul > li > img { float: left; margin: -2px 0 -2px -2px; width: 31px; height: 31px; padding: 2px; background-color: #FFF; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
			.rankingsGame > .header > ul > li > .game { float: left; width: 135px; margin: 0px; padding: 0px; margin-left: 10px; font-family: Tahoma, Geneva, sans-serif; font-weight: normal; font-size: 12px; color: #666; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }
			.rankingsGame > .header > ul > li > .modo { float: left; width: 135px; margin: 3px 0 0 10px; font-size: 11px; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
		.rankingsGame > .header > ul > li.active { background-color: #EEE; }
			.rankingsGame > .header > ul > li.active > .game { color: #000; }
			.rankingsGame > .header > ul > li.active > .modo { color: #666; }

.rankingGame { position: relative; margin: 0; height: 100px; padding: 1px 0; }
.rankingGame:first-child { margin-top: 0px; }
	.rankingGame > .image { clear: both; position: relative; z-index: 48; width: 1010px; height: 100px; overflow: hidden; }
		.rankingGame > .image > img { position: absolute; top: 0px; left: 0px; width: 1010px; height: 102px; }
		.rankingGame > .image > .trans { position: absolute; top: 0px; left: 0px; width: 1010px; height: 100px; background-color: rgba(0,0,0,0.4); }
		.rankingGame > .image > h2 { position: absolute; top: 20px; left: 20px; color: #FFF; font-size: 20px; text-shadow: 1px 1px #000; }

.rankingTable { width: 100%; }
	.rankingTable > .header { overflow: hidden; position: relative; z-index: 48; margin: 0 0 5px 0;}
		.rankingTable > .header > .pro { display: none; position: absolute;  top: 18px; left: 17px; width: 24px; height: 24px; background-image: URL(img/star1.png); }
		.rankingTable > .header > h2 { padding: 0 0 5px 10px; color: #a8daff; font-size: 135%; font-weight: bold;   }
            .rankingTable > .header > h2 > .modality { margin: 0 0 0 15px; padding: 0 0 0 15px; border-left: 1px solid #CCC; color: #a8daff ; font-size: 80%; font-weight: normal; }
		.rankingTable > .header > .menu { overflow: hidden; margin: 0; padding: 10px 10px; list-style: none; }
			.rankingTable > .header > .menu > li { float: left; background-color: #042b42; padding: 10px 20px; font-weight: bold; }
			.rankingTable > .header > .menu > li.active { background-color: #023b5d }
			.rankingTable > .header > .menu > li:hover { background-color: #023b5d; cursor: pointer;}
			.rankingTable > .header > .menu > li:first-child { border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; -webkit-border-radius: 10px 0px 0px 10px; }
			.rankingTable > .header > .menu > li:last-child { border-radius: 0px 10px 10px 0px; -moz-border-radius: 0px 10px 10px 0px; -webkit-border-radius: 0px 10px 10px 0px; }
				.rankingTable > .header > .menu > li > a { color: #7794a9 }
				.rankingTable > .header > .menu > li > a:hover { color: #7794a9; }
				.rankingTable > .header > .menu > li.active > a { color: #7794a9; }
	.rankingTable > .infos { margin: 20px 0 20px 0; font-size: 14px; text-align: center; color: #333; }
		.rankingTable > .infos > a { font-weight: bold; }
	.rankingTable > .proranking > .pro { display: block; }
	.rankingTable > .proranking > h2 { left: 45px; }

.rankingList { margin-top: 1px; }
	.rankingList > .rankingField { display: block; position: relative; border-top: 1px solid #7794a9; border-bottom: 1px solid #7794a9; overflow: hidden; padding: 15px; margin: 0; color: #7794a9; }
	.rankingList > .rankingField:first-child { border-top: 0px solid #EEE; }
	.rankingList > .rankingField:last-child { border-bottom: 0px solid #EEE; }
		.rankingList > .rankingField > .game { float: left; width: 60px; height: 60px; padding: 3px; background-color: #FFF; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
			.rankingList > .rankingField > .game > img { width: 60px; height: 60px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
		.rankingList > .rankingField > .infos { float: left; margin-left: 20px; width: 904px; width: 774px; }
            .rankingList > .rankingField > .infos > .rankingInfo { overflow: hidden; margin: 0 0 0 0; }
                .rankingList > .rankingField > .infos > .rankingInfo > .pro { display: none; }
                .rankingList > .rankingField > .infos > .rankingInfo > .name { float: left; width: 350px; font-size: 120%; color: #a8daff; }
                    .rankingList > .rankingField > .infos > .rankingInfo > .name a { color: #a8daff; font-weight: bold; }
                    .rankingList > .rankingField > .infos > .rankingInfo > .name a:hover { color: #7794a9; }
                .rankingList > .rankingField > .infos > .rankingInfo > .modality { float: right; width: 100px; padding: 2px 20px 0 20px; text-align: right; }
                .rankingList > .rankingField > .infos > .rankingInfo > .players { float: right; width: 100px; padding: 2px 20px 0 20px;; text-align: right; }
           .rankingList > .rankingField > .infos > .playerInfo { overflow: hidden; margin: 15px 0 0 0; padding: 5px; background-color: #023b5d; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
               .rankingList > .rankingField > .infos > .playerInfo > div { float: left; border-left: 1px dashed #d7fbff; padding: 5px 20px; color: #d7fbff; }
               .rankingList > .rankingField > .infos > .playerInfo > div:first-child { border-left: 0px dashed #d7fbff; }
               .rankingList > .rankingField > .infos > .playerInfo > .player { }
               .rankingList > .rankingField > .infos > .playerInfo > .pos { width: 50px; text-align: right; font-weight: bold; }
               .rankingList > .rankingField > .infos > .playerInfo > .points { float: right; width: 100px; text-align: right; border-left: 0px dashed #d7fbff; }
               .rankingList > .rankingField > .infos > .playerInfo > .winrate { float: right; width: 100px; text-align: right; }
               .rankingList > .rankingField > .infos > .playerInfo > .matchwin { float: right; width: 100px; text-align: right; }
               .rankingList > .rankingField > .infos > .playerInfo > .matchlost { float: right; width: 100px; text-align: right; }
               .rankingList > .rankingField > .infos > .playerInfo > div > .info { color: #7794a9; }
        .rankingList > .rankingField > .action { float: right; width: 120px; text-align: center; font-weight: bold; line-height: 1.5; }
            .rankingList > .rankingField > .action > a { display: block; width: 100%; padding: 15px 0; background-color: #FFD93D; border: 1px solid #FECD00; font-size: 110%; text-align: center; color: #000; font-weight: bold; text-shadow: 1px 1px #F5E000; }
            .rankingList > .rankingField > .action > a:hover { background-color: #FECD00; }
	.rankingList > .rankingFieldPro > .modality { background: URL(img/star1.png) no-repeat 0px 10px; }

.newComment { margin: 20px; overflow: hidden; }
.newComment textarea { width: 668px; max-width: 668px; max-width: 668px; height: 40px; min-height: 40px; max-height: 100px; margin: 0; border: 1px solid #999; padding: 10px; font: 12px Arial, Helvetica, sans-serif; background-color: #FFF; color: #333; line-height: 1.5; }
.newComment .time { float: left; width: 500px; margin: 10px 0 0 0; }
.newComment .time .minutes { width: 25px; margin: 0; padding: 5px; border: 0px solid #999; font: 14px Arial, Helvetica, sans-serif; font-weight: bold; color: #D14432; text-align: center; }
.newComment .submit { float: right; margin: 10px 0 0 0; padding: 7px 15px; color: #FFF; background-color: #D14432; border: 0px solid #FFF; cursor: pointer; }
.newComment .submit:hover { background-color: #E15442; }

.boardLine { overflow: hidden; padding: 0 10px 20px 10px; margin-top: 20px; border-bottom: 1px dashed #DDD; }
.boardLine:last-child { padding-bottom: 0px; border-bottom: 0px dashed #EEE; }
	.boardLine > .autor { float: left; width: 400px; height: 56px; margin-bottom: 20px; }
		.boardLine > .autor > .avatar { float: left; width: 50px; height: 50px; border: 1px solid #DDD; padding: 2px; background-color: #FFF; }
			.boardLine > .autor > .avatar > img { width: 50px; height: 50px; }
		.boardLine > .autor > .date { float: left; width: 320px; margin: 10px 0 0 20px; font-size: 11px; color: #666; }
		.boardLine > .autor > .user { float: left; width: 320px; margin: 5px 0 0 20px; }
	.boardLine > .challenge { float: right; width: 300px; height: 56px; margin-bottom: 20px; }
		.boardLine > .challenge > a { display: block; float: right; width: 150px; padding: 7px 15px; background-color: #D14432; color: #FFF; font: 16px "Source Sans Pro", Tahoma, Geneva, sans-serif; line-height: 1.5; text-align: center; }
		.boardLine > .challenge > a:hover { background-color: #E15442; }
	.boardLine > .message { clear: both; color: #333; line-height: 1.5; }


table.ranking { border-collapse: collapse; border-spacing: 0px; margin-top: 5px; width: 100%; }
table.ranking th { padding: 0 5px 5px 5px; height: 14px; font-size: 100%; color: #a8daff; border-bottom: 2px solid #7794a9; }
table.ranking tr > th:first-child { padding-left: 10px;}
table.ranking tr > th:last-child { padding-right: 10px !important; }
table.ranking td { padding: 12px 5px; height: 17px; font-size: 100%; color: #7794a9; border-bottom: 1px solid #7794a9; }
table.ranking tr:last-child td { border-bottom: 0px solid #DDD; }
table.ranking tr > td:first-child { padding-left: 10px;  }
table.ranking tr > td:last-child { padding-right: 10px !important; }
table.ranking tr.divClasi td { border-bottom: 1px solid #DDD; }
table.ranking td.nodatas { padding: 50px; font-size: 14px; color: #333; border-top: 1px solid #EFEFEF; text-align: center; text-shadow: 1px 1px #FFF; }
table.ranking td img.uavatar { width: 25px; height: 25px; margin: -7px 10px -8px 0; }
table.ranking td.level {  }
	table.ranking td.level diva { float: right; background-color: #F16452; color: #FFF; height: 19px; margin: -7px 0 -8px 0; padding: 6px 3px 0px 3px; font-size: 10px; }
	table.ranking td.level div { text-align: right; color: #F16452; font-size: 10px; }
table.ranking td.moreLine { text-align: right; padding-right: 20px; }
	table.ranking td.moreLine a { color: #B12412; }
	table.ranking td.moreLine a span.bold { color: #A11402; }
	table.ranking td.moreLine a:hover, table.ranking td.moreLine a:hover span.bold { color: #333; }

table.ranking td .classified { float: right; margin: -3px 0; padding: 3px 6px; font-size: 11px; color: #FFF; background-color: #093; font-weight: normal !important; }
table.ranking td div:empty.classified { display: none; }


table.rankingPanel { border-collapse: collapse; margin-top: 1px; width: 100%; }
table.rankingPanel th { padding: 5px 5px; height: 14px; font: 11px Tahoma, Geneva, sans-serif; color: #FFF; background-color: #D14432; border-bottom: 1px solid #FFF; }
table.rankingPanel td { padding: 0px 5px 5px 5px; height: 17px; font: 11px Tahoma, Geneva, sans-serif; color: #111; }
	table.rankingPanel td a { color: #111; }
	table.rankingPanel td a:hover { color: #A11402; }


/* MATCHES */

#matchSteps { margin: -1px 0 30px -1px; }
	#matchSteps > div { overflow: hidden; }
	#matchSteps .step { float: left; display: block; background-color: #666; border-left: 1px solid #F6F6F6; border-top: 1px solid #F6F6F6; padding: 10px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
		#matchSteps .step > .title { font-size: 110%; color: #FFF; font-weight: bold; text-transform: uppercase; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }
		#matchSteps .step > .info { margin: 5px 0 0 0; font-size: 90%; color: #EEE; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }
	#matchSteps .step:hover { background-color: #777; }
	#matchSteps .stepOk { background-color: #668866; }
	#matchSteps .stepOk:hover { background-color: #769876; }
	#matchSteps .stepActual { background-color: #333; }
	#matchSteps .stepActual:hover { background-color: #444; }
		#matchSteps .stepActual > .title { color: #F5E000; font-weight: bold; }
		#matchSteps .stepActual > .info { color: #F5E000; }
	#matchSteps > .stepsTotal3 > .step { width: 33.33%; }
	#matchSteps > .stepsTotal4 > .step { width: 25%; }
	#matchSteps > .stepsTotal5 > .step { width: 20%; }
	#matchSteps > .stepsTotal6 > .step { width: 16.67%; }

.aditionalMatchMedia { overflow: hidden; margin: -15px 0 0 0; }
    .aditionalMatchMedia > a { display: block; float: right; margin: 0 0 15px 0; background-color: #FFD93D; border: 1px solid #FECD00; padding: 8px 15px; font-size: 100%; text-align: center; color: #000; font-weight: bold; text-shadow: 1px 1px #F5E000; }
    .aditionalMatchMedia > a:hover { background-color: #FECD00; }

.matchDatas { overflow: hidden; margin: 0 0 30px 0; border-bottom: 1px solid #7794a9; }
.matchDatas > div > div { border-top: 1px solid #7794a9; border-bottom: 1px solid #7794a9; }
	.matchDatas .cat { padding: 10px 0 0 15px; text-transform: uppercase; color: #a8daff; font-size: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
	.matchDatas .data { padding: 5px 0 10px 15px; font-size: 100%; color: #7794a9; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

#matchHeroes { overflow: hidden; margin: 30px 0 -20px 0; padding: 3px; }
	#matchHeroes > .player1, #matchHeroes > .player2 { float: left; width: 50%; }
	#matchHeroes > .player2 { float: right; }
	#matchHeroes .heroe { position: relative; float: left; display: block; overflow: hidden; width: 87px; height: 87px; margin: 0 0 30px 30px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
	#matchHeroes > .player1 > .heroe { float: right; margin: 0 30px 30px 0; }
		#matchHeroes .heroe > img { position: absolute; top: 0px; left: 0px; width: 87px; height: 87px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
		#matchHeroes .heroe > .trans { position: absolute; top: 0px; left: 0px; width: 87px; height: 87px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
		#matchHeroes .heroe > .name { position: absolute; top: 55px; left: 0px; width: 87px; padding: 2px 0; text-align: center; color: #FFF; background-color: rgba(0,0,0,0.5); }
	#matchHeroes > .player1 > .heroeBan { margin: -3px 27px 27px -3px; border: 3px solid #DF0101; }
	#matchHeroes > .player2 > .heroeBan { margin: -3px -3px 27px 27px; border: 3px solid #DF0101; }
		#matchHeroes .heroeBan > .trans { background-color: rgba(190,0,0,0.3); }

.matchBox { position: relative; overflow: hidden; margin: 0; padding: 0; }
	.matchBox > .vs { position: absolute; top: 18px; left: 50%; margin-left: -95px; text-align: center; width: 190px; color: #000; }
        .matchBox > .vs > .result { overflow: hidden; width: 190px; }
            .matchBox > .vs > .result > .text { float: left; width: 20px; margin: 11px 15px 0 15px; text-align: center; color: #7794a9; font-size: 120%; text-transform: uppercase; font-weight: bold; }
            .matchBox > .vs > .result > .p1, .matchBox > .vs > .result > .p2 { float: left; width: 70px; text-align: right; font-size: 260%; color: #a8daff; font-weight: bold; }
            .matchBox > .vs > .result > div:empty.p1, .matchBox > .vs > .result > div:empty.p2 {  }
            .matchBox > .vs > .result > .p2 { text-align: left; }

	.matchBox > .p1, .matchBox > .p2 { position: relative; z-index: 90; overflow: hidden; width: 50%; }
	.matchBox .image { margin: 0 0 0 0; padding: 2px; width: 100px; height: 100px; border: 3px solid #000; background-color: #FFF; }
		.matchBox .image > img { width: 100px; height: 100px; }
	.matchBox .datas { margin: 0; padding: 20px 0 0 0; width: 285px; text-align: left; }
	.matchBox .name { margin: 0; padding: 0 15px; height: 20px; font-size: 130%; font-weight: bold; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }
	.matchBox .slogan { overflow: hidden; padding: 5px 15px 0 15px; color: #999; line-height: 1.5; height: 37px; font-style: italic; }
	.matchBox .gameidType { border-top: 1px dashed #7794a9; margin: 10px 0 0 0; padding: 15px 15px 0 15px; color: #7794a9; font-size: 90%; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }
	.matchBox .gameidValue { padding: 5px 15px 0 15px; color: #7794a9; font-weight: bold; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }

	.matchBox > .p1 { float: left; border-color: #09F; }
		.matchBox > .p1 .image { float: left; margin-right: 15px; border-color: #09F; }
		.matchBox > .p1 .datas { float: left; }
		.matchBox > .p1 .name {  }
		.matchBox > .p1 .slogan {  }
		.matchBox > .p1 .gameidType {  }
		.matchBox > .p1 .gameidValue {  }

	.matchBox > .p2 { float: right; border-color: #F33; }
		.matchBox > .p2 .image { float: right; margin-left: 15px; border-color: #F33; }
		.matchBox > .p2 .datas { float: right; }
		.matchBox > .p2 .name { text-align: right; }
		.matchBox > .p2 .slogan {   text-align: right; }
		.matchBox > .p2 .gameidType { text-align: right; }
		.matchBox > .p2 .gameidValue {  text-align: right; }



.matchLineup { margin-top: 30px; }
	.matchLineup > .partial { overflow: hidden; margin-top: 15px; }
	.matchLineup > .partial:first-child { margin-top: 0px; }
	.matchLineup > .partial > .map { position: relative; overflow: hidden; border-bottom: 1px solid #FFF; margin-bottom: 10px; }
		.matchLineup > .partial > .map > .name { padding: 0 0 5px 0; font-size: 110%; font-weight: bold; text-align: center; border-bottom: 1px solid #DDD; }
	.matchLineup > .partial > .p1, .matchLineup > .partial > .p2 { float: left; overflow: hidden; width: 50%; }
		.matchLineup > .partial > .p1 > .points, .matchLineup > .partial > .p2 > .points { float: left; padding: 14px 0; width: 50px; text-align: center; font-size: 140%; color: #a8daff; font-weight: bold; }
		.matchLineup > .partial > .p1 > .players, .matchLineup > .partial > .p2 > .players { float: left; width: 455px; }
			.matchLineup > .partial > .p1 > .players > .player, .matchLineup > .partial > .p2 > .players > .player { float: left; position: relative; width: 50%; height: 40px; padding: 9px 0; }
				.matchLineup > .partial > .p1 > .players > .player > .avatar, .matchLineup > .partial > .p2 > .players > .player > .avatar { position: absolute; top: 5px; left: 15px; width: 40px; height: 40px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
					.matchLineup > .partial > .p1 > .players > .player > .avatar > img, .matchLineup > .partial > .p2 > .players > .player > .avatar > img { width: 40px; height: 40px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
				.matchLineup > .partial > .p1 > .players > .player > .user, .matchLineup > .partial > .p2 > .players > .player > .user { padding: 0 0 0 70px; font-size: 100%; font-weight: bold; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }
					.matchLineup > .partial > .p1 > .players > .player > .user > a, .matchLineup > .partial > .p2 > .players > .player > .user > a { color: #000; }
					.matchLineup > .partial > .p1 > .players > .player > .user > a:hover, .matchLineup > .partial > .p2 > .players > .player > .user > a:hover { color: #333; }
				.matchLineup > .partial > .p1 > .players > .player > .gameid, .matchLineup > .partial > .p2 > .players > .player > .gameid { padding: 3px 0 0 70px; color: #666; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }

.matchLineup > .partial > .p1 > .points { float: right; }
.matchLineup > .partial > .p1 > .players > .player { float: right; }
.matchLineup > .partial > .p1 > .players > .player > .avatar { left: auto; right: 15px; }
.matchLineup > .partial > .p1 > .players > .player > .user { padding: 0 70px 0 0; text-align: right; }
.matchLineup > .partial > .p1 > .players > .player > .gameid { padding: 3px 70px 0 0; text-align: right; }


.matchLineup > .partial > .p1 > .players > .playerCaptain > .avatar, .matchLineup > .partial > .p2 > .players > .playerCaptain > .avatar { margin: -4px; border: 2px solid #F33; padding: 2px; }
.matchLineup > .partial > .p1 > .players > .playerCaptain > .avatar { margin: -4px; border-color: #09F;  }

#matchCommentForm { overflow: hidden; margin: 30px 0 20px 0; }
	#matchCommentForm > form { position: relative; padding: 10px; background-color: #EEE; }
		#matchCommentForm > form textarea { width: 730px; max-width: 730px; mi-width: 730px; height: 80px; min-height: 80px; max-height: 160px; margin: 0; padding: 10px; background-color: #FFF; border: 0px solid #DDD; font: 12px Arial, Helvetica, sans-serif; color: #666; }
		#matchCommentForm > form input { position: absolute; bottom: 10px; right: 10px; background-color: #333; color: #F5E000; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; padding: 10px 20px; width: 100px; border: 0px solid #000; font: 12px Arial, Helvetica, sans-serif; }
		#matchCommentForm > form input:hover { background-color: #111; }

#matchComments { margin: 30px 0 10px 0; }
	#matchComments > .message { overflow: hidden; margin-top: 20px; }
	#matchComments > .message:first-child { margin-top: 0px; }
		#matchComments > .message > .datas { float: left; width: 76px; }
			#matchComments > .message > .datas > .avatar { float: left; margin: 0 10px 5px 10px; width: 50px; height: 50px; background-color: #EEE; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; overflow: hidden; border: 3px solid #CCC; }
				#matchComments > .message > .datas > .avatar > img { width: 50px; height: 50px; }
			#matchComments > .message > .datas > .date { clear: both; width: 76px; font: 11px Tahoma, Geneva, sans-serif; text-transform: lowercase; text-align: center; color: #666; }
		#matchComments > .message > .message { float: left; width: 575px; margin: 10px 0 0 20px; }
			#matchComments > .message > .message > .user { font: 12px Tahoma, Geneva, sans-serif; }
				#matchComments > .message > .message > .user > a { color: #000; font-weight: bold; }
			#matchComments > .message > .message > .text { margin: 10px 0 0 0; background-color: #F6F6F6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 15px; font: 12px Arial, Helvetica, sans-serif; color: #333; line-height: 1.5; }

			#matchComments > .messageP1 > .datas > .avatar { border-color: #09F; }
		#matchComments > .messageP2 > .datas { float: right; }
			#matchComments > .messageP2 > .datas > .avatar { border-color: #F33; }
		#matchComments > .messageP2 > .message { float: right; margin: 10px 20px 0 0; }
			#matchComments > .messageP2 > .message > .user { text-align: right; }
		#matchComments > .messageP3 > .message { width: 688px; }

.heroesList { overflow: hidden; margin: -3px -8px -20px -25px; padding: 3px 0 0 0; font-size: 12px; }
	.heroesList > .heroe { position: relative; float: left; display: block; overflow: hidden; width: 96px; height: 96px; margin: 0 0 20px 20px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
		.heroesList > .heroe > img { position: absolute; top: 0px; left: 0px; width: 96px; height: 96px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
		.heroesList > .heroe > .trans { position: absolute; top: 0px; left: 0px; width: 96px; height: 96px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
		.heroesList > .heroe > .name { position: absolute; top: 55px; left: 0px; width: 96px; padding: 2px 0; text-align: center; color: #FFF; background-color: rgba(0,0,0,0.5); }
	.heroesList > .heroePick { margin: -3px -3px 17px 17px; border: 3px solid #04B431; }
		.heroesList > .heroePick > .trans { background-color: rgba(0,190,50,0.2); }
	.heroesList > .heroeBan { margin: -3px -3px 17px 17px; border: 3px solid #DF0101; }
		.heroesList > .heroeBan > .trans { background-color: rgba(190,0,0,0.3); }
	.heroesList > a:hover { margin: -3px -3px 17px 17px; border: 3px solid #000; }

table.matchResult { margin: 0 0 0 0; padding: 0; border-collapse: collapse; width: 100%; }
	table.matchResult th { padding: 5px 0; background-color: #666; color: #FFF; font: 11px Tahoma, Geneva, sans-serif; text-align: center; font-weight: bold; white-space:nowrap; text-overflow: ellipsis; }
	table.matchResult td { padding: 10px 0 0 0; font: 12px Tahoma, Geneva, sans-serif; color: #000; }
		table.matchResult td input { width: 50px !important; padding: 5px 5px !important; font: 12px Arial, Helvetica, sans-serif !important; }
		table.matchResult td select { width: 130px !important; padding: 4px 5px !important; font: 12px Arial, Helvetica, sans-serif !important; }
	table.matchResult tr.global td { border-top: 1px dashed #CCC; }
		table.matchResult tr.global td input { border: 1px solid #F6F6F6 !important; background-color: #F6F6F6 !important; font-weight: bold !important; color: #000 !important; }

#matchMediaBox { margin: 10px -25px 0 -25px; padding: 20px 25px 0 25px; border-top: 1px solid #333; }
#mediaForm { }
	#mediaForm > .fileSelect { display: none; }
	#mediaForm > .selectFile, #mediaForm > .fileUploading { padding: 10px 15px; margin-bottom: 10px; background-color: #E1EEF9; color: #32536E; font-size: 12px; }
	#mediaForm > .selectFile { display: block; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	#mediaForm > .selectFile:hover { background-color: #D1DEE9; color: #22435E; }
	#mediaForm > .fileUploading { display: none; }

.mediaContent { overflow: hidden; margin: -10px 0 0 -10px; }
	.mediaContent > .mediaFile { float: left; display: block; width: 102px; height: 102px; margin: 10px 0 0 10px; background-color: #EEE; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; color: #000; }
		.mediaContent > .mediaFile > .type { overflow: hidden; width: 96px; height: 96px; margin: 3px; background-color: #FFF; background-image: URL(img/download.png); border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
			.mediaContent > .mediaFile > .type > .datas { margin: 0px; width: 96px; height: 96px; background: rgba(255,255,255,0.8); text-shadow: 1px 1px #FFF; }
				.mediaContent > .mediaFile > .type > .datas > .name { padding-top: 25px; text-align: center; font: 16px "Source Sans Pro", Tahoma, Geneva, sans-serif; }
				.mediaContent > .mediaFile > .type > .datas > .autor { padding-top: 8px; text-align: center; font: 12px "Source Sans Pro", Tahoma, Geneva, sans-serif; color: #666; }
				.mediaContent > .mediaFile > .type > .datas > .date { padding-top: 2px; text-align: center; font: 9px Tahoma, Geneva, sans-serif; color: #666; }

	.mediaContent > .mediaFile:hover { background-color: #333; }
			.mediaContent > .mediaFile:hover > .type > .datas { margin: 0px; width: 96px; height: 96px; background: rgba(255,255,255,0.5); }


/* CALENDAR */
#calendar { overflow: hidden; width: 100%; margin: 0 0 30px 0; }
    #calendar > .nav { overflow: hidden; widht: 100%; }
        #calendar > .nav > .move { float: left; width: 25%; text-align: center; font-size: 100%; padding: 12px 0 12px 0; background: #023b5d; border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0;}
        #calendar > .nav > .move:first-child { text-align: center; border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; }
            #calendar > .nav > .move > a { color: #7794a9; font-weight: bold; }
            #calendar > .nav > .move > a:hover { color: #a8daff; font-weight: bold; }
        #calendar > .nav > .actual { float: left; width: 50%; text-align: center; font-size: 140%; font-weight: bold; color:#a8daff; padding: 9px 0 9px 0; background: #023b5d;}
    #calendar > .week { margin-top: 20px; overflow: hidden; }
        #calendar > .week > .day { float: left; width: 14.2857%; }
            #calendar > .week > .day > .content { padding: 0 0 10px 0; font-size: 90%; text-align: center; color: #a8daff; }
    #calendar > .days { overflow: hidden; margin: 0px; padding: 1px; background-color: #7794a9; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
        #calendar > .days > .day { float: left; width: 14.2857%; -webkit-border-radius: 3px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
            #calendar > .days > .day > .content { overflow: hidden; height: 100px; margin: 1px; padding: 11px; background-color: #023b5d; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
                #calendar > .days > .day > .content > .num { height: 22px; text-align: right; color: #6f8390; font-size: 120%; }
                #calendar > .days > .day.inmonth > .content > .num { color: #a8daff; }
                #calendar > .days > .day.today > .content > .num { height: 25px; margin-top: -3px; font-weight: bold; font-size: 140%; }
                #calendar > .days > .day > .content > .details { display: none; height: 0px; }
                #calendar > .days > .day > .content > .events { margin: 9px -3px -2px -4px; height: 72px; overflow: hidden; }
                    #calendar > .days > .day > .content > .events > .event { display: block; float: left; overflow: hidden; margin: 2px; width: 12px; height: 12px; border: 1px solid #333; background-color: #CCC; }
                    #calendar > .days > .day > .content > .events > .event.event { background-color: #FE2E2E; }
                    #calendar > .days > .day > .content > .events > .event.signup_start { background-color: #01DF01; }
                    #calendar > .days > .day > .content > .events > .event.signup_end { background-color: #FFBF00; }
                    #calendar > .days > .day > .content > .events > .event.game_round { background-color: #9CF; }
                    #calendar > .days > .day > .content > .events > .event.stream { background-color: #9932CC; }
                    #calendar > .days > .day > .content > .events > .event.experience { background-color: #2EFEF7; }
            #calendar > .days > .day.active > .content { height: 112px; margin-bottom: -11px; background-color: #7794a9; }

.info-calendar { position: absolute; top: -50px; left: -72px; font-size: 90%; background-color: #000; color: #FFF; }

.day-info { width: 100%; overflow: hidden; }
    .day-info > .content { overflow: hidden; margin: 1px; padding: 30px; background-color: #7794a9; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
        .day-info > .content > .date { float: left; width: 8%; text-align: right; }
            .day-info > .content > .date > .day { font-size: 160%; }
            .day-info > .content > .date > .month { font-size: 100%; text-transform: uppercase; font-weight: bold; }
        .day-info > .content > .events { float: right; width: 87%; margin: 0px; padding: 0px; list-style: none; }
            .day-info > .content > .events > li { margin: 5px 0 0 0; padding: 2px 0; }
            .day-info > .content > .events > li:first-child { margin-top: 0; }
                .day-info > .content > .events > li > .type { display: block; float: left; margin: -2px 10px -2px 0; overflow: hidden; width: 14px; height: 14px; border: 1px solid #FFF; background-color: #CCC; }
                .day-info > .content > .events > li > .type.event { background-color: #FE2E2E; }
                .day-info > .content > .events > li > .type.signup_start { background-color: #01DF01; }
                .day-info > .content > .events > li > .type.signup_end { background-color: #FFBF00; }
                .day-info > .content > .events > li > .type.game_round { background-color: #9CF; }
                .day-info > .content > .events > li > .type.stream { background-color: #9932CC; }
                .day-info > .content > .events > li > .type.experience { background-color: #2EFEF7; }
                .day-info > .content > .events > li > a { color: #043359; font-size: 100%; }
                .day-info > .content > .events > li > a:hover { color: #a8daff; }
                    .day-info > .content > .events > li > a > .hour { font-weight: bold; margin-right: 10px; }


/* GAMES */
.officialGameList { margin: 15px; overflow: hidden; }
.officialGame { display: block; position: relative; margin: 15px; height: 150px; overflow: hidden; }
	.officialGame > img { position: absolute; top: 0px; left: -215px; width: 1440px; height: 150px; }
	.officialGame > .trans { position: absolute; top: 0px; left: 0px; width: 1010px; height: 150px; background-color: rgba(0,0,0,0.6); }
    .officialGame > .name { position: absolute; top: 20px; left: 0px; width: 100%; padding: 0; }
        .officialGame > .name > h2 { margin: 0 20px; padding: 0; color: #FFF; font-size: 160%; text-shadow: 1px 1px #000; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }
           .officialGame > .name > h2 > span { width: 100%; display: block; height: 1px; margin: -2px 0 0 0; background-color: #FFF; }
	.officialGame > .platforms { position: absolute; top: 50px; right: 20px; padding: 0; color: #FFF; font-size: 100%; font-weight: bold; text-shadow: 1px 1px #000; }
	.officialGame > .events { position: absolute; bottom: 20px; left: 20px; padding: 0; color: #FFF; font-size: 110%; text-shadow: 1px 1px #000; }
	   .officialGame > .events > .status { clear: both; margin: 2px 0 0 0; font-weight: bold; }
	   .officialGame > .events > div:empty.status { display: none; }
	.officialGame > .gameDatas { position: absolute; top: 1px; right: 0px; width: 170px; height: 141px; padding-top: 9px; background-image: URL(img/game_stats_bg.png); }
		.officialGame > .gameDatas > .dataLine { width: 170px; overflow: hidden; margin-top: 7px; height: 14px; text-transform: uppercase; text-shadow: 1px 1px #000; }
			.officialGame > .gameDatas > .dataLine > .num { float: left; width: 60px; text-align: right; font-size: 11px; color: #EEE; }
			.officialGame > .gameDatas > .dataLine > .data { float: right; width: 100px; text-align: left; font-size: 11px; color: #CCC; }

	.officialGame:hover > .trans { background-color: rgba(0,0,0,0.3); }


.gHeader > .signup { position: absolute; bottom: 3px; left: 0px; width: 100%; }
	.gHeader > .signup > .box { float: left; padding: 15px 0; width: 100px; text-shadow: 1px 1px #000; }
	.gHeader > .signup > .box:first-child { margin-left: 160px; }
		.gHeader > .signup > .box > .info { margin: 0 0 0 0; text-transform: uppercase; color: #CCC; font-size: 90%; }
		.gHeader > .signup > .box > .text { margin: 5px 0 0 0; color: #FFF; font-size: 110%; font-weight: bold; }
    .gHeader > .signup > .button { float: right; display: block; margin: 11px 15px 0 0; background-color: #FFD93D; border: 1px solid #FECD00; width: 190px; padding: 10px 0; font-size: 110%; text-align: center; color: #000; font-weight: bold; text-shadow: 1px 1px #F5E000; }
    .gHeader > .signup > .button:hover { background-color: #FECD00; }

/* TEAMS */

.teamCreate { overflow: hidden; margin-right: 30px; margin-top:15px ; padding: 15px; background-color: #042b42; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
    .teamCreate h2 { font-weight: bold; margin-bottom: 5px; }
    .teamCreate p { margin-top: 10px; font-size: 110%; line-height: 1.5; }
        .teamCreate p a { font-weight: bold; }
    .teamCreate p:first-child { margin-top: 0px; }
    .teamCreate input[type=text] { border: 1px solid #EEE; border-bottom: 2px solid #EEE; padding: 7px; margin: 5px 0 0 0; width: 100%; font-size: 110%; color: #333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .teamCreate input[type=submit] { float: right; cursor: pointer; background-color: #FFD93D; border: 1px solid #FECD00; margin: 10px 0 0 0; padding: 8px 15px; font-size: 110%; text-align: center; color: #000; font-weight: bold; text-shadow: 1px 1px #F5E000; }

/* EXPERIENCES */

.ecats { overflow: hidden; list-style: none; margin: -1px -1px 30px 0; padding: 0; }
    .ecats > li { margin: 0; padding: 0; }
        .ecats > li > a { display: block; overflow: hidden; position: relative; height: 50px; margin: 0; padding: 0; border-top: 1px solid #F6F6F6; border-right: 1px solid #F6F6F6; }
            .ecats > li > a > img { width: 100%; }
            .ecats > li > a > .trans { position: absolute; top: 0px; left: 0px; width: 100%; height: 100px; background-color: rgba(0,0,0,0.5); }
            .ecats > li > a > h2 { position: absolute; top: 15px; left: 20px; font-size: 130%; text-shadow: 1px 1px #000; color: #FFF; font-weight: bold; }

	.ecats > li > a:hover > .trans { background-color: rgba(0,0,0,0.2); }

.experiences { margin: -20px -20px 0 -20px; width: 999px; padding: 0 0 0 0; overflow: hidden; }
	.experiences > .experience, .experiences > .gallery { float: left; z-index: 50; width: 292px; overflow: hidden; position: relative; padding: 0 21px 0 20px; margin: 20px 0 0 -1px; border-left: 1px dashed #DDD; height: 400px; overflow: hidden; }
			.experiences > .experience > .image { background-color: #CCC; height: 150px; overflow: hidden; }
				.experiences > .experience > .image > img { margin-left: -4px; }
			.experiences > .experience > h2 { overflow: hidden; margin: 10px 0 10px 0; font: 16px Tahoma, Geneva, sans-serif; font-weight: normal; }
				.experiences > .experience > h2 > a { color: #333; }
				.experiences > .experience > h2 > a:hover { color: #000; }
			.experiences > .experience > .tag { float: left; margin: 5px 5px 0 0; padding: 3px 6px; font-size: 11px; color: #FFF; background-color: #999; }
			.experiences > .experience > div:empty.tag { display: none; }
			.experiences > .experience > .tagEvent { background-color: #06F; }
			.experiences > .experience > .tagGallery { background-color: #093; }
			.experiences > .experience > .tagEvent { clear: left; background-color: #06F; }
			.experiences > .experience > .text { clear: both; padding-top: 10px; font: 14px "Source Sans Pro", Tahoma, Geneva, sans-serif; color: #666; line-height: 1.5; }
				.experiences > .experience > .text > img.principal { float: left; margin: 0 20px 0 0; max-height: 150px; max-width: 150px; }
			.experiences > .experience > .trans { position: absolute; bottom: 0px; left: 0px; height: 50px; width: 333px; background-image: URL(img/trans_text.png); pointer-events: none; }

	.experiences > .gallery { position: relative; z-index: 55; background-color: #FFF; border-left: 1px solid #FFF; }
		.experiences > .gallery > .content { position: relative; z-index: 55; height: 400px; margin: 0 -10px; padding: 0 10px; background-color: #EEE; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
			.experiences > .gallery > .content > h2 { height: 12px; overflow: hidden; padding: 7px 0 10px 0; font: 16px Tahoma, Geneva, sans-serif; font-weight: normal; }
				.experiences > .gallery > .content > h2 > a { color: #333; }
				.experiences > .gallery > .content > h2 > a:hover { color: #000; }
			.experiences > .gallery > .content > .tags { overflow: hidden; height: 46px; }
				.experiences > .gallery > .content > .tags > .tagEvent { float: left; margin: 5px 5px 0 0; padding: 3px 6px; font-size: 11px; color: #FFF; background-color: #06F; }
				.experiences > .gallery > .content > .tags > .tagVotes { float: left; clear: left; margin: 5px 5px 0 0; padding: 3px 6px; font-size: 11px; color: #FFF; background-color: #093; }
			.experiences > .gallery > .content > .photos { clear: both; height: 318px; width: 302px; overflow: hidden; margin: 0 0 0 -10px; }
				.experiences > .gallery > .content > .photos > .image { float: left; display: block; width: 135px; height: 90px; padding: 3px; margin: 9px 0 0 10px; background-color: #FFF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
				.experiences > .gallery > .content > .photos > .image:hover { background-color: #F5E000; }
					.experiences > .gallery > .content > .photos > .image > span { display: block; width: 135px; height: 90px; overflow: hidden; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
						.experiences > .gallery > .content > .photos > .image > span > img {  }

.experience { }
	.experience > .basic { }
		.experience > .basic > .image { float: right; background-color: #F6F6F6; margin: -20px -20px 20px 20px; padding: 20px; }
			.experience > .basic > .image > img { border: 1px solid #000; }
		.experience > .basic > h2 { font-weight: normal; font: 20px "Source Sans Pro", Tahoma, Geneva, sans-serif; color: #000; padding: 20px 0 0 20px; }
			.experience > .basic > h2 > a { color: #F5E000; }
		.experience > .basic > .text { margin: 20px 20px 20px 20px; line-height: 1.5; font-size: 14px; color: #666; }
			.experience > .basic > .text p { margin: 15px 0 0 0; }
			.experience > .basic > .text img { max-width: 920px; }
	.experience > .body { float: left; width: 588px; margin: 20px 0 20px 20px; }
		.experience > .body > h2 { font-weight: normal; font: 20px "Source Sans Pro", Tahoma, Geneva, sans-serif; color: #000; }
			.experience > .body > h2 > a { color: #F5E000; }
		.experience > .body > .tag { float: left; margin: 10px 5px 0 0; padding: 3px 6px; font-size: 11px; color: #FFF; background-color: #999; }
		.experience > .body > div:empty.tag { display: none; }
		.experience > .body > .tagEvent { background-color: #06F; }
		.experience > .body > .tagEvent { background-color: #06F; }
		.experience > .body > .text { clear: both; line-height: 1.5; font-size: 14px; color: #666; padding-top: 1px; }
			.experience > .body > .text p { margin: 15px 0 0 0; }
			.experience > .body > .text img { max-width: 588px; }
	.experience > .panel { float: right; width: 302px; background-color: #EEE; margin: -20px -20px -10000px 20px; padding: 20px 20px 10000px 20px; }
		.experience > .panel > .image { float: right; margin: -20px -20px 0 20px; padding: 20px; }
			.experience > .panel > .image > img { border: 1px solid #000; }
		.experience > .panel > .gallery { }
			.experience > .panel > .gallery > h2 { font: 18px "Source Sans Pro", Tahoma, Geneva, sans-serif; }
				.experience > .panel > .gallery > h2 > a { color: #333; }
				.experience > .panel > .gallery > h2 > a:hover { color: #000; }
			.experience > .panel > .gallery > .photos { clear: both; width: 312px; overflow: hidden; margin: 0 0 0 -10px; }
				.experience > .panel > .gallery > .photos > .image { float: left; display: block; width: 140px; height: 93px; padding: 3px; margin: 10px 0 0 10px; background-color: #FFF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
				.experience > .panel > .gallery > .photos > .image:hover { background-color: #F5E000; }
					.experience > .panel > .gallery > .photos > .image > span { display: block; width: 140px; height: 93px; overflow: hidden; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
						.experience > .panel > .gallery > .photos > .image > span > img {  }



.topPhotos { overflow: hidden; margin: -1px 0 0 29px; }
    .topPhotos .gallery { position: relative; overflow: hidden; height: 378px; }
        .topPhotos .gallery > .trans { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 50px; background-image: URL(img/trans_text.png); pointer-events: none; }
        .topPhotos .gallery > .photos {  }
            .topPhotos .gallery > .photos .image { display: block; margin: 0; padding: 0; border-top: 1px solid #F6F6F6; border-left: 1px solid #F6F6F6; }
            .topPhotos .gallery > .photos .image:hover {  }
                .topPhotos .gallery > .photos .image > span { display: block; overflow: hidden; height: 68px; }
                    .topPhotos .gallery > .photos .image > span > img { width: 100%; }
                    .topPhotos .gallery > .photos .image.hImage > span > img { margin-top: -20%; }


.resumeGalleries { margin: 0 -15px;  }
	.resumeGalleries .gallery { border-top: 1px dashed #DDD; margin: 30px 0 0 0; padding: 15px; }
	.resumeGalleries .gallery:first-child { border-top: 0px solid #FFF; padding-top: 0px;}
	.resumeGalleries .gallery:last-child { padding-bottom: 0px;}
		.resumeGalleries .gallery > h2 { margin: 0 0 10px 0; font-weight: bold; font-size: 140%; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }
		.resumeGalleries .gallery > .photos { clear: both; overflow: hidden; margin: 0; padding: 0px; }
			.resumeGalleries .gallery > .photos .image { display: block; padding: 1px; margin: 0; }
			.resumeGalleries .gallery > .photos .image:hover { background-color: #000; }
				.resumeGalleries .gallery > .photos .image > span { display: block; overflow: hidden; }
					.resumeGalleries .gallery > .photos .image > span > img { width: 100%; }
				    .resumeGalleries .gallery > .photos .image.hImage > span > img { margin-top: -20%; }

.fullGalleries { margin: -1px 0 0 -1px;  }
	.fullGalleries .gallery {  }
        .fullGalleries .gallery > .title { margin: 31px 0 15px 1px; font-size: 140%; font-weight: bold; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }
        .fullGalleries .gallery:first-child > .title { margin-top: 1px; }
		.fullGalleries .gallery > .photos { clear: both; overflow: hidden; margin: 0; padding: 0px; }
			.fullGalleries .gallery > .photos .image { display: block; margin: 1px 0 0 1px; padding: 0px; border: 1px solid #F6F6F6; }
			.fullGalleries .gallery > .photos .image:hover { border-color: #000; }
				.fullGalleries .gallery > .photos .image > span { display: block; overflow: hidden; height: 105px; }
					.fullGalleries .gallery > .photos .image > span > img { width: 100%; }
				    .fullGalleries .gallery > .photos .image.hImage > span > img { margin-top: -20%; }

.eEventInfo { overflow: hidden; }
    .eEventInfo > .lineInfo { margin: 0 0 10px 0; }
        .eEventInfo > .lineInfo > .data { margin-top: 2px; font-size: 110%; color: #000; }
        .eEventInfo > .lineInfo > .category { text-transform: uppercase; font-size: 80%; color: #333; font-weight: bold; }

#galleryContent { position: relative; }
	#galleryContent > .titleBar { position: absolute; z-index: 560; top: 0px; left: 0px; overflow: hidden; width: 100%; height: 40px; background-color: rgba(0,0,0,0.7); }
        #galleryContent > .titleBar > .title { float: left; padding: 10px 50px 8px 10px; color: #FFF; font-size: 140%; font-weight: bold; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }
        #galleryContent > .titleBar > .close { position: absolute; top: 8px; right: 8px; }
	#galleryContent > #photoContent { position: absolute; top: 0px; left: 0px; height: 100%; vertical-align: middle; }
		#galleryContent > #photoContent > .helper { display: inline-block; height: 100%; vertical-align: middle; }
		#galleryContent > #photoContent > img { position: relative; z-index: 540; vertical-align: middle; max-width: 100%; max-height: 100%; }
		#galleryContent > #photoContent > a.prevImage { display: block; position: absolute; z-index: 550; top: 50%; left: 10px; margin-top: -50px; width: 100px; height: 100px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-image: URL(img/icon_prev.png); }
			#galleryContent > #photoContent > a:hover.prevImage { background-color: rgba(0,0,0,0.5); background-image: URL(img/icon_prev2.png);  }
		#galleryContent > #photoContent > a.nextImage { display: block; position: absolute; z-index: 550; top: 50%; right: 10px; margin-top: -50px; width: 100px; height: 100px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-image: URL(img/icon_next.png); }
			#galleryContent > #photoContent > a:hover.nextImage { background-color: rgba(0,0,0,0.5); background-image: URL(img/icon_next2.png); }
	#galleryContent > .options { float: right; width: 145px; background-color: #111; height: 100%; text-align: left; }
        #galleryContent > .options > div { overflow: hidden; padding: 15px; color: #EEE; border-bottom: 1px solid #000; }
		#galleryContent > .options > .vote { margin-top: 40px; }
			#galleryContent > .options > .vote > .total { margin: 0 0 10px 0; text-align: right; }
			#galleryContent > .options > .vote > .note { width: 100%; padding: 10px 0; text-align: center; color: #F5E000; background-color: #222; font-weight: bold; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
		#galleryContent > .options > #galleryPhotoVoteLayer { }
			#galleryContent > .options > #galleryPhotoVoteLayer > .info { text-align: center; font-size: 140%; }
			#galleryContent > .options > #galleryPhotoVoteLayer > .options { margin: 10px 0 0 -6px; overflow: hidden; }
				#galleryContent > .options > #galleryPhotoVoteLayer > .options > a { display: block; float: left; margin: 0 0 0 7px; background-color: #999; color: #000; width: 17px; height: 11px; padding: 3px 0; font-size: 90%; font-weight: bold; color: #FFF; text-align: center; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
				#galleryContent > .options > #galleryPhotoVoteLayer > .options > a.active { background-color: #F5E000; color: #000; }



/* FORUM */
.subforum { display: block; float: left; width: 152.5px; height: 36px; padding: 9px; margin: 10px 0 0 10px; overflow: hidden; border: 1px solid #EEE; background-color: #F9F9F9; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
	.subforum > .image { float: left; margin: -5px 0px -5px -5px; width: 40px; height: 40px; padding: 3px; background-color: #FFF; }
		.subforum > .image > img { width: 40px; height: 40px; }
	.subforum > h3 { float: right; width: 95px; margin: 4px 10px 0 0; font: 12px "Source Sans Pro", Tahoma, Geneva, sans-serif; font-weight: normal; text-align: center; color: #333; }
.subforum:hover { padding: 10px; border: 0px solid #EEE; background-color: #333; }
	.subforum:hover > .image {  }
	.subforum:hover > h3 { color: #F5E000; }

.topicLine { overflow: hidden; padding: 15px; margin: 0; border-bottom: 1px solid #023b5d;}
.topicLine:nth-child(odd) { background:#042b42; }
	.topicLine > .cat { float: left; width: 50px; height: 50px; margin: -2px; padding: 2px; background-color: #023b5d; }
		.topicLine > .cat > img { width: 50px; height: 50px; }
	.topicLine > .infos1 { float: left; width: 620px; height: 56px; overflow: hidden; margin-left: 20px; }
		.topicLine > .infos1 > h2 > a.black { color: #a8daff !important; }
		.topicLine > .infos1 > h2 > a.black:hover { color: #7794a9 !important; }
	.topicLine > .infos2 { float: right; width: 132px; height: 56px; overflow: hidden; border-left: 1px dashed #023b5d; padding-left: 15px; }
	.topicLine h2 { margin: 4px 0 0 0; height: 18px; font-size: 110%; font-weight: bold; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }
	.topicLine .type { display: block; float: left; margin: 4px 10px 0 0; padding: 3px 6px; font-size: 100%; color: #FFF; }
		.topicLine .tGame { background-color: #69F; }
		.topicLine .tNotice { background-color: #37B03C; }
		.topicLine .tAlert { background-color: #F58A29; }
		.topicLine .tAuthor { background-color: #5F8055; }
		.topicLine .tNew { background-color: #F16452; }
	.topicLine div:empty.type { display: none; }
	.topicLine a:empty.type { display: none; }
	.topicLine .pages { float: right; margin: 5px 10px 0 0; padding: 3px 23px 3px 6px; height: 13px; font-size: 100%; color: #666; background-image: URL(img/pagea.png); background-repeat: no-repeat; background-position: right 1px; }
		.topicLine .pages > a { color: #7794a9; }
		.topicLine .pages > a:hover { color: #a8daff; }
	.topicLine div:empty.pages { display: none; }
	.topicLine .replys { margin: 6px 0 0 0; font-size: 100%; line-height: 15px; color: #7794a9; }
	.topicLine .last { margin: 8px 0 0 0; font-size: 100%; line-height: 15px; color: #7794a9; }

.postLine { overflow: hidden; border-bottom: 1px solid #023b5d; }
.postLine:nth-child(odd) { background-color: #042b42; }
	.postLine > .autor { position: relative; height: 40px; margin: 15px; }
		.postLine > .autor > .avatar { float: left; margin: -2px; width: 50px; height: 50px; padding: 2px; background-color: #023b5d; border: 0px solid #000; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
			.postLine > .autor > .avatar > img { width: 50px; height: 50px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
		.postLine > .autor > .numpost { float: left; display: block; margin: 15px 0 0 15px; padding: 3px 5px; color: #042b42; font-size: 90%; text-align: left; background-color: #a8daff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
        .postLine > .autor > .numpost:hover { background-color: #333; color: #FFF; }
		.postLine > .autor > .user { float: left; width: 0; margin: 15px 0 0 15px; font-size: 110%; font-weight: bold; }
			.postLine > .autor > .user > a.black { color: #a8daff !important; }
			.postLine > .autor > .user > a.black:hover { color: #7794a9 !important; }
		.postLine > .autor > .date { float: right; margin: 18px 15px 0 0; font-size: 90%; color: #7794a9; }
		.postLine > .autor > .buttons { display: none; position: absolute; top: 40px; right: 15px; }
			.postLine > .autor > .buttons > a { float: right; display: block; margin: 0 0 0 10px; width: 24px; height: 24px; background-color: #CCC; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-position: center; background-repeat: no-repeat; }
			.postLine > .autor > .buttons > a.fButtonEdit { background-image: URL(img/iconos/edit-grey1-16.png); }
			.postLine > .autor > .buttons > a.fButtonDelete { background-image: URL(img/iconos/delete-grey1-16.png); }
				.postLine > .autor > .buttons > a:hover { background-color: #F5E000; }
	.postLine > .message { padding: 15px 30px 30px 80px; color: #d7fbff; font-size: 110%; font-family: "Open Sans"; line-height: 1.7; }
		.postLine > .message > p.title { margin: 0 0 10px 0; color: #7794a9; font-size: 120%; }
		.postLine > .message > p.intro { font-size: 14px; }
		.postLine > .message > p.link { font-weight: bold; }
		.postLine > .message > p { margin-top: 10px; }
		.postLine > .message li { line-height: 2; }
		.postLine > .message > .deleted { font-style: italic; color: #999; }

.postLine:hover > .autor > .buttons { display: block; }


.topicOptions { margin-top: 30px; overflow: hidden; }
	.topicOptions > .buttons { padding: 0; overflow: hidden; }
		.topicOptions > .buttons > a { display: block; float: left; margin: 0 15px 0 0; padding: 8px 15px; background-color: #FFD93D; border: 1px solid #FECD00; font-size: 110%; text-align: center; color: #000; font-weight: bold; text-shadow: 1px 1px #F5E000; }
		.topicOptions > .buttons > a:hover { background-color: #FECD00; }
		.topicOptions > .buttons > a.active {  }
	.topicOptions > .fastReply { display: none; overflow: hidden; margin: 15px 0 0 0; background-color: #EEE; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
		.topicOptions > .fastReply > .form { overflow: hidden; padding: 15px; }
			.topicOptions > .fastReply > .form > .text { border: 1px solid #DDD; background-color: #FFF; padding: 10px; width: 100%; max-width: 100%; height: 100px; min-height: 100px; max-height: 200px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
			.topicOptions > .fastReply > .form > .button { float: right; margin: 15px 0 0 0; padding: 8px 15px; background-color: #FFD93D; border: 1px solid #FECD00; font-size: 100%; text-align: center; color: #000; font-weight: bold; text-shadow: 1px 1px #F5E000; }
			.topicOptions > .fastReply > .form > .button:hover { background-color: #FECD00; }
			.topicOptions > .fastReply > .form > a { float: right; margin: 24px 20px 0 0; color: #666; }

.mainForm { padding: 0; }
	.mainForm > .option { overflow: hidden; margin-bottom: 30px; }
		.mainForm > .option > .title { width: 150px; margin: 0; padding: 0 0 5px 0; font-size: 110%; color: #000; text-transform: uppercase; font-weight: bold; }
		.mainForm > .option > .value { padding: 0; border-top: 1px solid #666; }
			.mainForm > .option > .value > input { border: 1px solid #CCC; border-top: 0px solid #DDD; margin: 0px; width: 100%; padding: 10px; color: #333; background-color: #FFF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
			.mainForm > .option > .value > textarea { border: 1px solid #CCC; border-top: 0px solid #DDD; margin: 0px; width: 100%; max-width: 100%; height: 300px; min-height: 300px; max-height: 500px; padding: 10px; color: #333; background-color: #FFF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.mainForm > .submit { overflow: hidden; }
		.mainForm > .submit > input { float: right; cursor: pointer; margin: 0; padding: 8px 15px; background-color: #FFD93D; border: 1px solid #FECD00; font-size: 110%; text-align: center; color: #000; font-weight: bold; text-shadow: 1px 1px #F5E000; }
		.mainForm > .submit > input:hover { background-color: #FECD00; }

.forobox { float: left; overflow: hidden; margin-left: 21px; width: 322px; }
.forobox:first-child { margin-left: 0px; }
	.forobox > .mTitleL1 { margin-bottom: 0; }
	.forobox > .foroline { position: relative; overflow: hidden; clear: both; width: 322px; height: 40px; padding: 10px 0; border-bottom: 1px dashed #DDD; }
	.forobox > .foroline:last-child { padding-bottom: 7px; border-bottom: 0px solid #EEE; }
		.forobox > .foroline > img { float: left; width: 40px; height: 40px; margin: 0 15px 0 0; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
		.forobox > .foroline > .ttema { float: left; margin: 3px 0 0 0; width: 251px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
			.forobox > .foroline > .ttema > a { color: #333; }
			.forobox > .foroline > .ttema > a:hover { color: #000; }
		.forobox > .foroline > .nforo { float: left; width: 250px; margin: 3px 0 0 0; font-size: 11px; color: #999; }
		.forobox > .foroline > .nmsg { position: absolute; top: 10px; right: -20px; width: 25px; height: 16px; text-align: right; padding: 12px 30px 12px 0; color: #FFF; font-size: 11px; font-weight: bold; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; background-color: #999; }
		.forobox > .foroline > div:empty.nmsg { display: none; }

.gamePortal > .forobox { width: 280px; margin-left: 20px; }
.gamePortal > .forobox:first-child { margin-left: 0px; }
	.gamePortal > .forobox > .foroline { width: 280px; }
		.gamePortal > .forobox > .foroline > .ttema { width: 209px; }
		.gamePortal > .forobox > .foroline > .nforo { width: 209px; }

.modOptions { margin-top: 30px; overflow: hidden; background-color: #EEE; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	.modOptions > .name { padding: 7px 0; font-weight: bold; text-align: center; margin-top: 15px; background-color: #042b42; color: #a8daff; border-bottom: solid 1px #a8daff; border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px ; -webkit-border-radius: 3px 3px 0px 0px; }
	.modOptions > a { display: block; padding: 7px 10px; background-color: #042b42; color: #a8daff; }
	.modOptions > a:hover { background-color: #023b5d; }

.lastTopics { overflow: hidden; margin: 7px -8px -8px -8px; }
    .lastTopics .topic { overflow: hidden; position: relative; margin: 8px; }
        .lastTopics .topic > .image { float: left; margin: 0 15px 0 0; padding: 2px; background-color: #FFF; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
            .lastTopics .topic > .image > img { border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
        .lastTopics .topic > .replys { position: absolute; top: 0px; left: 35px; width: 24px; padding: 5px 0 8px 0; text-align: center; font-size: 90%; font-weight: bold; color: #000; background-image: URL(img/iconos/comments-black24.png); background-repeat: no-repeat; }
        .lastTopics .topic > div:empty.replys { display: none; }
        .lastTopics .topic > .datas { float: left; width: 245px; }
            .lastTopics .topic > .datas > .title { margin-top: 7px; font-size: 120%; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
            .lastTopics .topic > .datas > .forum { margin-top: 4px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/* USERS */

#guestForms { display: none; position: fixed; z-index: 900; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.95); }
	#guestForms > div { position: relative; top: 80px; left: 50%; margin-left: -400px; width: 800px; text-align: left; color: #FFF; }
		#guestForms > div a.closeLayer { position: absolute; z-index: 910; display: block; top: -80px; right: 0px; background-color: #F5E000; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; padding: 10px 20px; color: #333; }
			#guestForms > div a:hover.closeLayer { background-color: #FEE800; }
		#guestForms > div .blind { position: fixed; z-index: 905; overflow: hidden; top: 0px; left: 0px; width: 100%; padding: 0; background-color: rgba(180,10,0,0.9); }
			#guestForms > div .blind > div { position: relative; left: 50%; margin-left: -400px; width: 800px; text-align: left; color: #FFF; }
				#guestForms > div .blind > div > .title { font: 18px "Source Sans Pro", Tahoma, Geneva, sans-serif; border-bottom: 1px dashed #EEE; padding: 0 0 5px 0; margin: 20px 0 5px 0; }
				#guestForms > div .blind > div > ul { list-style: none; margin: 0px; padding: 0px; }
					#guestForms > div .blind > div > ul > li { margin: 0px; padding: 5px 0 0 25px; line-height: 1.5; font: 14px Tahoma, Geneva, sans-serif; background-image: URL(img/dot.png); background-position: 5px 8px; background-repeat: no-repeat; }
				#guestForms > div .blind > div > .close { display: block; float: right; padding: 5px 10px; background-color: #D14432; color: #FFF; font-size: 11px; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; }
		#guestForms > div .leftColumn { float: left; width: 380px; margin-top: 50px; }
		#guestForms > div .rightColumn { float: right; width: 380px; margin-top: 50px; }
		#guestForms > div .title { font: 32px "Source Sans Pro", Tahoma, Geneva, sans-serif; }
		#guestForms > div .message { margin-top: 10px; font: 14px "Source Sans Pro", Tahoma, Geneva, sans-serif; }
		#guestForms > div .infos { }
			#guestForms > div .infos > .title { font: 18px "Source Sans Pro", Tahoma, Geneva, sans-serif; border-bottom: 1px dashed #EEE; padding: 0 0 5px 0; margin: 0 0 5px 0; }
			#guestForms > div .infos > ul { list-style: none; margin: 0 0 20px 0; padding: 0px; }
				#guestForms > div .infos > ul > li { margin: 0px; padding: 15px 0 0 25px; line-height: 1.5; font: 14px Tahoma, Geneva, sans-serif; background-image: URL(img/dot.png); background-position: 5px 18px; background-repeat: no-repeat; }
					#guestForms > div .infos > ul > li > a { color: #F5E000; }
		#guestForms > div form { margin: 0px; padding: 0px; }
			#guestForms > div form > .option { margin-bottom: 20px;  }
				#guestForms > div form > .option > label { display: block; margin: 0 0 5px 0; font: 18px "Source Sans Pro", Tahoma, Geneva, sans-serif;  }
					#guestForms > div form > .option > label > a { color: #F5E000; }
				#guestForms > div form > .option > input { margin: 0px; background-color: #EEE; border: 0px solid #000; width: 360px; padding: 10px; font: 14px Tahoma, Geneva, sans-serif; color: #000; font: 14px Tahoma, Geneva, sans-serif; }
			#guestForms > div form > .option2 { float: left; width: 170px; margin: 0 0 20px 0;  }
				#guestForms > div form > .option2 > label { display: block; margin: 0 0 5px 0; font: 18px "Source Sans Pro", Tahoma, Geneva, sans-serif;  }
					#guestForms > div form > .option2 > label > a { color: #F5E000; }
				#guestForms > div form > .option2 > input { margin: 0px; background-color: #EEE; border: 0px solid #000; width: 150px; padding: 10px; font: 14px Tahoma, Geneva, sans-serif; color: #000; font: 14px Tahoma, Geneva, sans-serif; }
			#guestForms > div form > .submit {  }
				#guestForms > div form > .submit > input { float: right; margin: 0px; padding: 10px 15px; font: 16px "Source Sans Pro", Tahoma, Geneva, sans-serif; color: #333; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 0px solid #FFF; background-color: #F5E000; cursor: pointer; }
				#guestForms > div form > .submit > input:hover { background-color: #FEE800; }

#phases { overflow: hidden; border-bottom: 1px dashed #DDD; }
	#phases > .phase { float: left; position: relative; overflow: hidden; width: 200px; border-right: 1px dashed #DDD; padding: 10px 20px 10px 20px; margin: 0 -1px 0 0; }
	#phases > .phase:last-child { border-right: 0px dashed #DDD; }
		#phases > .phase > .num { position: absolute; top: 0px; left: 15px; font: 30px Tahoma, Geneva, sans-serif; }
		#phases > .phase > .name { float: right; width: 170px; font: 16px "Source Sans Pro", Tahoma, Geneva, sans-serif; color: #000; }
		#phases > .phase > .info { float: right; width: 170px; margin-top: 5px; font: 12px "Source Sans Pro", Tahoma, Geneva, sans-serif; color: #666; }

	#phases > .phaseActive { background-color: #111; border-color: #111; }
		#phases > .phaseActive > .num { color: #F5E000; }
		#phases > .phaseActive > .name { color: #F5E000; }
		#phases > .phaseActive > .info { color: #EEE; }

.layerForm { margin: 50px 100px; }
	.layerForm label { display: block; font: 16px "Source Sans Pro", Tahoma, Geneva, sans-serif; color: #000; }
	.layerForm input { clear: both; margin: 20px 0; width: 500px; padding: 10px; font: 14px Tahoma, Geneva, sans-serif; color: #333; border: 1px solid #DDD; }
	.layerForm .button { overflow: hidden; text-align: center; margin: 20px 0 0 0; }
		.layerForm .button > input { margin: 0px; background-color: #333; border: 0px solid #FFF; font: 14px "Source Sans Pro", Tahoma, Geneva, sans-serif; color: #F5E000; text-transform: uppercase; padding: 10px 20px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 250px; }
		.layerForm .button > input:hover { background-color: #111; cursor: pointer; }


/* PROFILES */

#pHeader { position: relative; margin: 0; background-color: #333; height: 200px; border-bottom: 1px solid #000; }
	#pHeader > .image { position: absolute; top: 0px; left: 0px; width: 1200px; height: 200px; }
	#pHeader > .trans { position: absolute; bottom: 0px; left: 0px; width: 1050px; height: 60px; background-color: rgba(0,0,0,0.5); }
	#pHeader > .photo { position: absolute; top: 15px; left: 15px; width: 115px; height: 170px; background-color: #FFF; }
		#pHeader > .photo > img { margin: 2px; width: 111px; height: 166px; }
	#pHeader > .avatar { position: absolute; top: 15px; left: 15px; width: 115px; height: 115px; background-color: #FFF; }
		#pHeader > .avatar > img { margin: 2px; width: 111px; height: 111px; }
	#pHeader > .social { position: absolute; top: 20px; right: 20px; }
	#pHeader > div:empty.social { display: none; }
		#pHeader > .social > a { float: right; display: block; position: relative; z-index: 50; margin: 0 0 0 10px; padding: 2px; background-color: #FFF; font: 11px Tahoma, Geneva, sans-serif; color: #666; }
			#pHeader > .social > a > .value { display: none; float: left; margin: 0 10px 0 0; padding: 5px 0 0 0; text-align: center; width: 120px; font: 12px "Source Sans Pro", Tahoma, Geneva, sans-serif; color: #FFF; }
			#pHeader > .social > a > img { width: 25px; height: 25px; float: right; }
		#pHeader > .social > a:hover { z-index: 51; margin: -2px -2px -2px -122px; padding: 4px; background-color: #222; }
			#pHeader > .social > a:hover > .value { display: block;  }
			#pHeader > .social > a:hover > img { margin: -2px; border: 2px solid #FFF; }
	#pHeader > .datas { position: absolute; top: 20px; left: 150px; text-shadow: 1px 1px #000; }
		#pHeader > .datas > .datat1 { font-size: 18px; color: #FFF; max-width: 500px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
		#pHeader > .datas > .datat2 { margin-top: 3px; font-size: 14px; color: #DDD; max-width: 500px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
	#pHeader > .infos { position: absolute; bottom: 20px; left: 150px; }
		#pHeader > .infos > .data { float: left; text-shadow: 1px 1px #000; }
			#pHeader > .infos > .data > .value { float: left; width: 60px; margin-right: 15px; text-align: right; font-size: 22px; color: #FFF; line-height: 18px; }
			#pHeader > .infos > .data > .name { float: left; width: 100px; text-align: left; font-size: 11px; color: #DDD; text-transform: uppercase; line-height: 10px; }

	#pHeader > .level { position: absolute; top: 94px; left: 150px; width: 100px; font-size: 11px; }
		#pHeader > .level > .infos { position: relative; top: 0; right: 0; width: 100px; text-shadow: 1px 1px #000; }
			#pHeader > .level > .infos > .level { float: right; }
				#pHeader > .level > .infos > .level > .num { font-size: 18px; font-weight: bold; color: #FFF; }
			#pHeader > .level > .infos > .text { float: left; margin: 7px 0 0 0; font-size: 11px; text-transform: uppercase; color: #FFF; }
			#pHeader > .level > .infos > .xp { display: none; float: right; margin: 7px 0 0 10px; font-size: 11px; text-transform: uppercase; color: #EEE; text-align: right; }
		#pHeader > .level > .bar { position: absolute; top: 22px; left: 0px; width: 96px; height: 10px; border: 1px solid #FFF; padding: 1px; background-color: rgba(0,0,0,0.5); }
			#pHeader > .level > .bar > .bar { height: 10px; background-color: #F5E000; }

.pinfoSimpleValue { margin: 15px 0 0 25px; font-size: 110%; color: #7794a9; }
.pinfoValue { overflow: hidden; margin: 15px 0; font-size: 110%; color: #7794a9; }
	.pinfoValue > .cat { float: left; width: 30%; text-align: right; color: #a8daff; }
	.pinfoValue > .value { float: right; width: 70%; padding: 0 0 0 15px; color: #7794a9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.profileGames { margin: -15px; }
.profileGameBox { display: block; position: relative; margin: 15px; height: 150px; overflow: hidden; }
	.profileGameBox > img { position: absolute; top: 0px; left: 50%; top: 0px; margin-left: -720px; width: 1440px; height: 150px; }
	.profileGameBox > .trans { position: absolute; top: 0px; left: 0px; width: 100%; height: 150px; background-color: rgba(0,0,0,0.4); }
	.profileGameBox > h2 { position: absolute; top: 15px; left: 15px; width: 75%; color: #FFF; font-size: 160%; text-shadow: 1px 1px #000; }
	.profileGameBox > .level { position: absolute; top: 0px; right: 0px; }
		.profileGameBox > .level > .level { float: right; width: 50px; height: 50px; border-left: 1px solid #F6F6F6; border-bottom: 1px solid #F6F6F6; background-color: rgba(0,0,0,0.5); border-radius: 0 0 0 100px; -moz-border-radius: 0 0 0 100px; -webkit-border-radius: 0 0 0 100px;  }
			.profileGameBox > .level > .level > .num { padding: 10px 10px 0 0; text-align: right; font-size: 140%; color: #F5E000; text-shadow: 1px 1px #000; font-weight: bold; }
	.profileGameBox > .infos { position: absolute; overflow: hidden; bottom: 0px; left: 0px; width: 100%; padding: 10px 0; background-color: rgba(0,0,0,0.5); }
		.profileGameBox > .infos > .dataLine { float: left; width: 33.33%; color: #EEE; text-shadow: 1px 1px #000; }
			.profileGameBox > .infos > .dataLine > .num { margin: 0 0 0 15px; font-size: 120%; font-weight: bold; color: #FFF; }
			.profileGameBox > .infos > .dataLine > .data { margin: 5px 0 0 15px; font-size: 80%; text-transform: uppercase; }

	.profileGameBox:hover > .trans { background-color: rgba(0,0,0,0.2); }

.profileMatchBox { display: block; color: #333; overflow: hidden; margin: 0; padding: 10px; border-top: 1px solid #FFF; border-bottom: 1px solid #DDD; }
.profileMatchBox:first-child { border-top: 0px solid #FFF; }
.profileMatchBox:last-child { border-bottom: 0px solid #FFF; }
	.profileMatchBox > .datas { float: left; overflow: hidden; width: 500px; }
		.profileMatchBox > .datas > .avatar { float: left; width: 50px; height: 50px; padding: 3px; background-color: #FFF; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
			.profileMatchBox > .datas > .avatar > img { width: 50px; height: 50px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
		.profileMatchBox > .datas > .event { float: left; width: 420px; margin: 8px 0 0 15px; color: #999; }
		.profileMatchBox > .datas > .vs { float: left; width: 20px; font-weight: bold; margin: 7px 0 0 15px; }
		.profileMatchBox > .datas > .oponent { float: left; width: 320px; font-size: 16px; margin: 3px 0 0 0; }
	.profileMatchBox > .infos { float: right; width: 170px; }
		.profileMatchBox > .infos > .status { margin: 6px 0 0 0; font-size: 14px; }
		.profileMatchBox > .infos > .date { margin: 7px 0 0 0; color: #999; }
	.profileMatchBox > .result { float: right; width: 140px; margin: 6px 30px 0 0; text-align: right; font-size: 32px; color: #666; }

.profileMatchBox:hover { cursor: pointer; }

/* RULESET */
.ruleset { font-family: "Open Sans"; }
	.ruleset > .updated { color: #999; text-align: right; font-size: 11px; margin-bottom: -20px; font-style: italic; }
	.ruleset > .title { color: #7794a9; margin-top: 20px; }
	.ruleset > .title:first-child { margin-top: 0px; }
		.ruleset > .title > .num { color: #a8daff; display: block; float: left; margin-right: 10px; }
	.ruleset > .title_level_1 { margin-left: 0px; font-size: 160%; }
	.ruleset > .title_level_2 { margin-left: 30px; font-size: 150%; }
	.ruleset > .title_level_3 { margin-left: 75px; font-size: 140%; }
	.ruleset > .title_level_4 { margin-left: 130px; font-size: 130%; }
	.ruleset > .title_level_5 { margin-left: 160px; font-size: 120%; }
	.ruleset > .text { color: #d7fbff; font-size: 110%; line-height: 1.5; margin: 10px 0 0 0; }
	.ruleset > .text_level_1 { margin-left: 27px; }
	.ruleset > .text_level_2 { margin-left: 72px; }
	.ruleset > .text_level_3 { margin-left: 127px; }
	.ruleset > .text_level_4 { margin-left: 157px; }
	.ruleset > .text_level_5 { margin-left: 187px; }


/* SPONSORS */
.sponsors { }
	.sponsors > .sponsor { overflow: hidden; border-top: 1px dashed #DDD; margin-top: 20px; padding-top: 20px; }
	.sponsors > .sponsor:first-child { border-top: 0px dashed #DDD; margin-top: 0px; padding-top: 0px; }
		.sponsors > .sponsor > .left { float: left; width: 200px; }
			.sponsors > .sponsor > .left > .img { }
				.sponsors > .sponsor > .left > .img > img {}
			.sponsors > .sponsor > .left > .web { margin-top: 10px; text-align: center; font: 12px "Source Sans Pro", Tahoma, Geneva, sans-serif; }
				.sponsors > .sponsor > .left > .web > a { color: #333; }
		.sponsors > .sponsor > .right { float: right; width: 740px; }
			.sponsors > .sponsor > .right > .type { float: right; padding: 5px 10px; background-color: #333; color: #FFF; font: 12px "Source Sans Pro", Tahoma, Geneva, sans-serif; }
			.sponsors > .sponsor > .right > h2 { font: 20px "Source Sans Pro", Tahoma, Geneva, sans-serif; color: #000; margin: 0; padding: 0; }
			.sponsors > .sponsor > .right > .desc { margin-top: 20px; font: 14px "Source Sans Pro", Tahoma, Geneva, sans-serif; line-height: 1.5; color: #444; }


/* STREAM */
#streamInfo { position: relative; margin: 0 auto; width: 1050px; width: 1050px; height: 150px; border: 1px solid #000; border-bottom: 2px solid #000; overflow: hidden; background-color: #333; }
	#streamInfo > img.bg { position: absolute; top: 0px; left: -75px; height: 150px; }
	#streamInfo > img.bgtrans { position: absolute; top: 0px; left: 0px; }
	#streamInfo > .trans { position: absolute; top: 0px; left: 0px; width: 1050px; height: 150px; background-color: rgba(0,0,0,0.6); }
	#streamInfo > .icon { position: absolute; top: 19px; left: 19px; width: 50px; height: 50px; border: 1px solid #000; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
	#streamInfo > .text { position: absolute; top: 32px; left: 90px; text-align: left; text-shadow: 1px 1px #111; }
		#streamInfo > .text  > h2 { width: 800px; color: #F5E000; font-weight: bold; font-size: 18px; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }
		#streamInfo > .text  > h3 { width: 300px; margin-top: 10px; font-size: 14px; color: #EEE; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }
		#streamInfo > .text  > .date { margin-top: 10px; font-size: 12px; color: #EEE; }
	#streamInfo > .status { position: absolute; top: 15px; right: 15px; padding: 7px 10px; font-weight: bold; font-size: 14px; text-transform: uppercase; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	#streamInfo > .statusLive { background-color: #DD0000; color: #FFF; text-shadow: 1px 1px #990000; }
	#streamInfo > .statusNext { background-color: #009900; color: #FFF; text-shadow: 1px 1px #006600; }
	#streamInfo > .statusPast { background-color: #0000FF; color: #FFF; text-shadow: 1px 1px #000099; }
	#streamInfo > .casters { position: absolute; bottom: 15px; right: 15px; }
		#streamInfo > .casters > .tile { float: right; position: relative; width: 150px; height: 60px; margin: 0 0 0 20px; color: #FFF; background-color: rgba(0,0,0,0.3); padding: 7px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
			#streamInfo > .casters > .tile > img { float: left; width: 40px; height: 60px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
			#streamInfo > .casters > .tile > .user { float: right; margin: 3px 0 0 0; width: 100px; font-weight: bold; font-size: 14px; text-align: center; }
			#streamInfo > .casters > .tile > .twitter { display: block; position: absolute; bottom: 7px; right: 7px; width: 80px; display: block; margin-top: 10px; background: #55ACEE URL(img/iconos/twitter-white.png) no-repeat 5px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 6px 10px; text-align: right; color: #FFF; font-size: 12px; }
			#streamInfo > .casters > .tile > a:hover.twitter { background-color: #75CCFE; }

#streamVideo { overflow: hidden; margin: 20px auto; width: 1050px; border: 1px solid #000; border-bottom: 2px solid #000; background-color: #111; }

#liveVideo { float: left; width: 760px; height: 450px; } /* 800x450 */
#liveChat { float: right; width: 289px; height: 450px; border-left: 1px solid #000; } /* 249x450 */

#streamTwitter { display: none; overflow: hidden; margin: 20px auto; width: 1052px; height: 84px; background-color: #12BED4; background-image: URL(../../images/redes/otros/twitter-white.png); background-repeat: no-repeat; background-position: 10px 10px; }
	#streamTwitter > #newTwit { float: right; width: 249px; }
		#streamTwitter > #newTwit > textarea { margin: 10px 10px 0 0; width: 229px; height: 54px; padding: 5px; border: 0px solid #FFF; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

#nextLives { overflow: hidden; margin: 20px auto; width: 1052px; background-color: #222; background-image: URL(../../images/default_header.jpg); background-position: center bottom; border: 1px solid #000; border-bottom: 2px solid #000; text-align: left; }
	#nextLives > .title { padding: 10px 20px; background-color: rgba(0,0,0,0.5); font-weight: bold; font-size: 16px; color: #FFF; }
	#nextLives > .tile { position: relative; float: left; overflow: hidden; width: 309px; padding: 20px; border-right: 1px dashed #111; }
	#nextLives > .tile:last-child { width: 310px; border-right: 0px dashed #CCC; }
		#nextLives > .tile > .icon { float: left; margin: -10px 0 0 -10px; width: 50px; height: 50px; border: 1px solid #000; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
		#nextLives > .tile  > h2 { float: right; width: 250px; margin: 0; color: #F5E000; font-weight: bold; font-size: 16px; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }
			#nextLives > .tile  > h2 > a { color: #F5E000; }
			#nextLives > .tile  > h2 > a:hover { color: #FFF; }
		#nextLives > .tile  > h3 { float: right; width: 250px; margin: 10px 0 0 0; font-size: 14px; color: #EEE; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }
		#nextLives > .tile  > .date { float: right; width: 250px; margin: 10px 0 0 0; font-size: 12px; color: #EEE; }
		#nextLives > .tile  > .live { position: absolute; top: 75px; left: 10px; width: 50px; text-align: center; background-color: #DD0000; color: #FFF; text-shadow: 1px 1px #990000; padding: 5px 0; font-weight: bold; font-size: 12px; text-transform: uppercase; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
		#nextLives > .tile  > div:empty.live { display: none; }


/* PERSONAL */
.userInfosText { font-size: 120%; color: #7794a9; line-height: 1.5; margin: 0; padding: 15px 0 15px 25px; max-height: 300px; overflow-y: auto; }

.gameids { margin-bottom: 10px; }
	.gameids > .gameid { overflow: hidden; padding: 15px; border-top: 1px solid #FFF; border-bottom: 1px solid #DDD; }
	.gameids > .gameid:first-child { border-top: 0px solid #DDD; }
	.gameids > .gameid:last-child { border-bottom: 0px solid #DDD; }
		.gameids > .gameid > img { float: left; width: 40px; height: 40px; }
		.gameids > .gameid > .datas { float: left; margin: 0 0 0 15px; }
            .gameids > .gameid > .datas > .name { width: 100%; margin-top: 3px; color: #a8daff; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
            .gameids > .gameid > .datas > .value { width: 100%; margin-top: 5px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/* PERSONAL ALERTS */
.alerts { }
    .alerts > .alert { overflow: hidden; padding: 15px 0; border-bottom: 1px solid #a8daff; }
    .alerts > .alert:first-child { }
    .alerts > .alert:last-child { border-bottom: 0px solid #a8daff; }
        .alerts > .alert > .date { float: right; margin: 4px 0 0 0; color: #7794a9; font-size: 90%; }
        .alerts > .alert > .title { display: block; float: left; margin: 0 0 7px 0; font-size: 120%; font-weight: bold; }
        .alerts > .alert > .message { clear: both; font-size: 100%; color: #7794a9; }

/* PERSONAL CREDITS */
table.infolog { width: 100%; border-collapse: separate; border-spacing: 0px; }
table.infolog th { padding: 0 10px 5px 10px; color: #a8daff; font-weight: bold; border-bottom: 1px solid #a8daff; }
table.infolog tr th:first-child { padding-left: 0px; }
table.infolog tr th:last-child { padding-right: 0px; }
table.infolog td { font-size: 100%; padding: 12px 10px; color: #7794a9; border-bottom: 1px solid #7794a9; }
table.infolog tr td:first-child { padding-left: 0px; }
table.infolog tr td:last-child { padding-right: 0px; }
table.infolog tr:last-child td { border-bottom: 0px solid #7794a9; }

/* PERSONAL MATCHES */
.matches { margin: 0; }
	.matches > .matchLine { display: block; color: #333; overflow: hidden; margin: 0; border-top: 1px solid #FFF; border-bottom: 1px solid #DDD; padding: 10px 0; }
	.matches > .matchLine:first-child { border-top: 0px solid #FFF; }
	.matches > .matchLine:last-child { border-bottom: 0px solid #FFF; }
		.matches > .matchLine > .date { float: left; width: 55px; color: #333; }
			.matches > .matchLine > .date > .date { width: 100%; padding: 11px 0 0 0; font-size: 90%; }
			.matches > .matchLine > .date > .hour { width: 100%; padding: 5px 0 0 0; font-size: 120%; color: #000; }
        .matches > .matchLine > .avatar { float: left; position: relative; width: 50px; height: 50px; margin: 0 15px 0 0; padding: 3px; background-color: #FFF; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
            .matches > .matchLine > .avatar > img { width: 50px; height: 50px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
            .matches > .matchLine > .avatar > .comments { position: absolute; top: -5px; right: -5px; width: 24px; padding: 5px 0 8px 0; text-align: center; font-size: 90%; font-weight: bold; color: #000; background-image: URL(img/iconos/comments-black24.png); background-repeat: no-repeat; }
		.matches > .matchLine > .datas { float: left; overflow: hidden; width: 270px; position: relative; }
			.matches > .matchLine > .datas > .oponent { width: 100%; margin: 8px 0 0 0; font-size: 120%; font-weight: bold; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }
                .matches > .matchLine > .datas > .oponent > a { color: #a8daff }
                    .matches > .matchLine > .datas > .oponent > a > .vs { margin: 0 5px 0 0; font-size: 80%; color: #7794a9; }
                .matches > .matchLine > .datas > .oponent > a:hover { color: #7794a9 !important; }
			.matches > .matchLine > .datas > .event { width: 100%; font-size: 100%; margin: 7px 0 0 0; color: #7794a9; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }
		.matches > .matchLine > .infos { float: right; width: 150px; text-align: right; }
			.matches > .matchLine > .infos > .status { margin: 11px 0 0 0; font-size: 100%; text-transform: uppercase; color: #a8daff; font-weight: bold; }
			.matches > .matchLine > .infos > .obs { margin: 5px 0 0 0; font-size: 100%; color: #7794a9; }

.matchInfoEvent { margin-bottom: 20px; }
	.matchInfoEvent > .header { display: block; position: relative; height: 100px; overflow: hidden; }
        .matchInfoEvent > .header > .image { position: absolute; top: 0px; left: 0px; width: 100%; height: 200px; background-position: top center; background-repeat: no-repeat; border-bottom: 2px solid #F5E000; }
		.matchInfoEvent > .header > .trans { position: absolute; top: 0px; left: 0px; width: 100%; height: 100px; background-color: rgba(0,0,0,0.5); }
		.matchInfoEvent > a:hover.header > .trans { background-color: rgba(0,0,0,0.3); }
        .matchInfoEvent > .header > .datas { position: absolute; top: 20px; left: 0; width: 100%; text-shadow: 1px 1px #000; }
            .matchInfoEvent > .header > .datas > h2 { height: 37px; margin: 0 20px; font-family: "Open Sans"; font-size: 200%; color: #FFF; font-weight: bold; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
                .matchInfoEvent > .header > .datas > h2 > span { display: block; height: 2px; margin-top: -5px; background-color: #CCC; border-bottom: 1px solid #333; border-right: 1px solid #333; }
            .matchInfoEvent > .header > .datas > .infos { margin: 7px 20px 0 20px; font-size: 100%; color: #FFF; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  }
                .matchInfoEvent > .header > .datas > .infos > .box { float: left; margin: 0 15px 0 0; padding: 2px 5px; font-weight: bold; }


/* POLLS */
.pollNew { overflow: hidden; margin: 20px -20px; padding: 20px 20px 20px 40px; background-color: #F6F6F6; background-image: URL(img/poll-bg.png); background-position: 15px 15px; background-repeat: no-repeat; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	.pollNew > h4 { font-size: 16px; font-weight: bold; color: #000; padding: 0 0 0 20px; }
	.pollNew > .options { overflow: hidden; margin: 5px 0 0 20px; }
		.pollNew > .options > .option { overflow: hidden; margin: 10px 0 0 0; }
			.pollNew > .options > .option > .data, .pollNew > .options > .option > .dataUnactive { float: left; display: block; max-width: 430px; font: 12px Tahoma, Geneva, sans-serif; color: #333; }
			.pollNew > .options > .option > .dataUnactive { cursor: default; }
				.pollNew > .options > .option > .data > .num, .pollNew > .options > .option > .dataUnactive > .num { float: left; padding: 5px 7px; width: 10px; text-align: center; background-color: #CCC; color: #FFF; font-weight: bold; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; }
				.pollNew > .options > .option > .data > .value, .pollNew > .options > .option > .dataUnactive > .value { float: left; padding: 5px 10px; margin: 0 0 0 1px; color: #333; }
			.pollNew > .options > .option > .result { float: right; position: relative; margin: 2px 0 0 0; width: 200px; font: 12px Tahoma, Geneva, sans-serif; color: #333; background-color: #CCC; padding: 2px; }
				.pollNew > .options > .option > .result > .bar { float: left; z-index: 50; height: 16px; background-color: #EEE; }
				.pollNew > .options > .option > .result > .votes { position: absolute; top: 3px; left: 5px; font: 11px Tahoma, Geneva, sans-serif; color: #000; }

				.pollNew > .options > .option > .data:hover > .num { background-color: #666; }

			.pollNew > .options > .option > .data > .active, .pollNew > .options > .option > .data:hover > .active { background-color: #666; }
			.pollNew > .options > .option > .dataUnactive > .active { background-color: #666; }


/* RAFFLES */
.raffle { overflow: hidden; padding: 20px; border-bottom: 2px solid #a8daff; }
.raffle:first-child { padding-top: 15px; border-top: 0px solid #FFF; }
.raffle:last-child { padding-bottom: 0px; border-bottom: 0px solid #FFF; }
	.raffle > .title { padding: 0 0 10px 0; font-size: 135%; font-weight: bold; color: #a8daff;}
	.raffle > .image { float: left; width: 190px; height: 190px; background: #042b42;  border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;}
		.raffle > .image > img { width: 150px; height: 150px; margin: 20px; }
	.raffle > .description { float: right; position: relative; width: 760px; }
		.raffle > .description > .button { display: block; position: absolute; right: 20px; bottom: 0px; width: 98px; margin: 0; padding: 8px 15px; background-color: #FFD93D; border: 1px solid #FECD00; font-size: 110%; text-align: center; color: #000; font-weight: bold; text-shadow: 1px 1px #F5E000; }
		.raffle > .description > .button:hover { background-color: #FECD00; }
		.raffle > .description > .info { float: right; position: relative; width: 150px; height: 120px; }
			.raffle > .description > .info > .box { margin: 0 20px 0 0; padding: 10px 10px 10px 10px; border-top: 1px dashed #7794a9; }
			.raffle > .description > .info > .box:first-child { margin-top: 10px; border-top: 0px dashed #7794a9; }
				.raffle > .description > .info > .box > .name { font-size: 12px; color: #a8daff; text-align: center; }
				.raffle > .description > .info > .box > .value { margin-top: 3px; font-size: 14px; color: #a8daff; font-weight: bold; text-align: center; }
		.raffle > .description > .text { float: left; margin: 20px 0 0 0; width: 520px; height: 97px; font-size: 110%; color: #7794a9; line-height: 1.5; }
		.raffle > .description > .stats { float: left; width: 670px; }
			.raffle > .description > .stats > .box { float: left; margin: 0 0 0 20px; padding: 10px 10px 10px 20px; border-left: 1px dashed #7794a9; }
			.raffle > .description > .stats > .box:first-child { margin-left: 0; padding-left: 0; border-left: 0px dashed #7794a9; width: 220px; }
				.raffle > .description > .stats > .box > .name { font-size: 12px; color: #7794a9; }
				.raffle > .description > .stats > .box > .value { margin-top: 3px; font-size: 12px; color: #a8daff; font-weight: bold; }

.raffleParticipateForm > .datas { overflow: hidden; clear: both; }
	.raffleParticipateForm > .datas > .field { float: left; width: 122.5px; margin-left: 20px; }
	.raffleParticipateForm > .datas > .field:first-child { margin-left: 0px; }
		.raffleParticipateForm > .datas > .field > .name { font-size: 12px; color: #999; font-weight: bold; text-align: center; }
		.raffleParticipateForm > .datas > .field > .value { margin-top: 5px; padding-top: 5px; border-top: 1px dashed #DDD; text-align: center; font-size: 16px; font-weight: bold; color: #000; }
			.raffleParticipateForm > .datas > .field > .value > .aditional { font-size: 12px; font-weight: normal; color: #999; }

.raffleParticipateForm > .participate { overflow: hidden; margin: 20px 0 0 0; background: #FFF URL(img/raffle_decoration.png) no-repeat center -7px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	.raffleParticipateForm > .participate > .name { width: 550px; padding: 10px; border-bottom: 1px dashed #EEE; font-size: 12px; color: #000; text-align: center; font-weight: bold; }
	.raffleParticipateForm > .participate > .button { float: left; display: block; width: 60px; height: 60px; margin: 20px; text-align: center; font-size: 60px; background-color: #333; background-position: center; background-repeat: no-repeat; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
	.raffleParticipateForm > .participate > .button:hover { background-color: #000; }
	.raffleParticipateForm > .participate > .buttonDel { background-image: URL(img/del_white_big.png); }
	.raffleParticipateForm > .participate > .buttonAdd { background-image: URL(img/add_white_big.png); }
	.raffleParticipateForm > .participate > .count { float: left; width: 350px; margin-top: 3px; font-size: 60px; font-weight: bold; text-align: center; }

.raffleParticipateForm > .stats { margin-top: 10px; font-size: 12px; }
	.raffleParticipateForm > .stats > .data { overflow: hidden; padding: 10px; border-bottom: 1px dashed #DDD; }
		.raffleParticipateForm > .stats > .data > .name { float: left; }
		.raffleParticipateForm > .stats > .data > .value { float: right; font-weight: bold; }

.raffleParticipateForm > .terms { display: block; margin: 20px auto 0 auto; font-size: 12px; color: #000; font-weight: bold; text-align: center; }
	.raffleParticipateForm > .terms > input[type=checkbox] { margin: 0 5px 0 0; }

.raffleUser { float: left; width: 183px; margin: 0 0 10px 0; }
	.raffleUser > img { float: left; margin: 0 15px 0 0; width: 30px; height: 30px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
	.raffleUser > a { float: left; margin: 5px 0 0 0; width: 130px; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }

/* PERSONAL MESSAGES */
#newMessage { overflow: hidden; padding: 0 0 15px 0; border-bottom: 1px solid #DDD; }
	#newMessage > .form { margin: 0; padding: 0; float: left; width: 100%; }
		#newMessage > .form > textarea { margin: 0; padding: 15px; background-color: #FFF; border: 0px solid #FFF; width: 100%; max-width: 100%; height: 75px; min-height: 75px; max-height: 200px; font-size: 100%; color: #333; border: 1px solid #EEE; border-bottom: 2px solid #EEE; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
		#newMessage > .form > input { float: right; margin: 15px 0 0 0; background-color: #FFD93D; border: 1px solid #FECD00; padding: 8px 15px; font-size: 110%; text-align: center; color: #000; font-weight: bold; text-shadow: 1px 1px #F5E000; cursor: pointer; }
		#newMessage > .form > input:hover { background-color: #FECD00; }
        #newMessage > .form > .options { margin: 0; padding: 0; float: left; list-style: none; }
            #newMessage > .form > .options > li { float: left; margin: 15px 15px 0 0; padding: 0; }
                #newMessage > .form > .options > li > a { position: relative; display: block; background-color: #E6E6E6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 10px 15px; font-size: 80%; color: #333; height: 14px; }
                #newMessage > .form > .options > li > a:hover { color: #F5E000; background-color: #111; }
                    #newMessage > .form > .options > li > a > .markStatusOpen, #newMessage > .form > .options > li > a > .markStatusClose { position: absolute; top: 9px; right: 10px; }

.messages { border-top: 1px solid #FFF; }
	.messages > .message, .messages > .messageI { overflow: hidden; margin-top: 30px; }
        .messages > .message > .avatar, .messages > .messageI > .avatar { float: left; margin: 0; width: 100px; height: 50px; background-color: #EEE; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; overflow: hidden; border: 2px solid #EEE; }
            .messages > .message > .avatar > img, .messages > .messageI > .avatar > img { width: 50px; height: 50px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; }
		.messages > .message > .message, .messages > .messageI > .message { float: left; width: 600px; margin: 0 0 0 -50px; padding: 10px 15px; background-color: #031621; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
			.messages > .message > .message > .user, .messages > .messageI > .message > .user { font-size: 120%; }
				.messages > .message > .message > .user > a, .messages > .messageI > .message > .user > a { color: #000; font-weight: bold; }
			.messages > .message > .message > .date, .messages > .messageI > .message > .date { margin-top: 3px; font-size: 90%; color: #999; }
			.messages > .message > .message > .text, .messages > .messageI > .message > .text { border-top: 1px solid #FFF; margin: 9px 0 0 0; padding: 15px 0 0 0; font-family: "Open Sans"; font-size: 110%; color: #DDD; line-height: 1.5; }

		.messages > .messageI > .avatar { float: right; }
		  .messages > .messageI > .avatar > img { float: right; }
		.messages > .messageI > .message { float: right; margin: 0 -50px 0 0; }
			.messages > .messageI > .message > .user { text-align: right; }
			.messages > .messageI > .message > .date { text-align: right; }

		.messages > .messageP2 > .avatar { float: right; }
		  .messages > .messageP2 > .avatar > img { float: right; }
		.messages > .messageP2 > .message { float: right; margin: 0 -50px 0 0; }
			.messages > .messageP2 > .message > .user { text-align: right; }
			.messages > .messageP2 > .message > .date { text-align: right; }

.userList { overflow: hidden; margin: -10px 0 0 -10px; }
	.userList > .userMiniInfo { display: block; float: left; width: 56px; margin: 11px 0 0 11px; background-color: #EEE; padding: 10px; border: 1px solid #DDD; color: #333; }
		.userList > .userMiniInfo > .avatar { width: 50px; height: 50px; background-color: #FFF; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; overflow: hidden; border: 3px solid #FFF; }
			.userList > .userMiniInfo > .avatar > img { width: 50px; height: 50px; }
		.userList > .userMiniInfo > .name { text-align: center; margin-top: 7px; font: 11px Tahoma, Geneva, sans-serif; }
		.userList > .userMiniInfo > .opt { text-align: left; margin-top: 2px; font: 10px Tahoma, Geneva, sans-serif; }
		.userList > .userMiniInfo > .opt > input { margin: 0px; }
	.userList > .userMiniInfo:hover { background-color: #333; border: 1px solid #333; color: #FFF; }


/* PERSONAL TICKETS */
.suggestions { margin: -14px -14px 0 -14px; padding: 0 0 15px 0; overflow: hidden; }
    .suggestions .suggestion { display: block; background-color: #CCC; margin: 7px; padding: 10px; color: #EEE; }
    .suggestions .suggestion.sug_help { background-color: #088A08; }
    .suggestions a:hover.suggestion.sug_help { background-color: #28AA28; }
    .suggestions .suggestion.sug_award { background-color: #B40404; }
    .suggestions a:hover.suggestion.sug_award { background-color: #D42424; }
    .suggestions .suggestion.sug_raffle { background-color: #08088A; }
    .suggestions a:hover.suggestion.sug_raffle { background-color: #2828AA; }
        .suggestions .suggestion > .title { font-weight: bold; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }
        .suggestions .suggestion > .text { margin-top: 5px; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }


/* FORMS */
#commentForm { width: 100%; margin: 15px 0; background-color: #EEE; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
    #commentForm form { padding: 15px; overflow: hidden; }
        #commentForm textarea { width: 100%; max-width: 100%; height: 100px; max-height: 200px; padding: 15px; border: 1px solid #DDD; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
        #commentForm input[type=submit] { float: right; margin-top: 15px; cursor: pointer; background-color: #FFD93D; border: 1px solid #FECD00; padding: 8px 15px; font-size: 110%; text-align: center; color: #000; font-weight: bold; text-shadow: 1px 1px #F5E000; }
        #commentForm input[type=submit]:hover { background-color: #FECD00; }

table.config { margin: 0px; padding: 0px; width: 100%; border-collapse: collapse; clear: both; }
	table.config tr.sep { height: 10px; }
	table.config tr { height: 40px; }
	table.config tr th { min-width: 100px; max-width: 200px; font-size: 110%; font-weight: normal; color: #d7fbff; text-align: right; vertical-align: text-top; padding-top: 12px; }
	table.config tr td { width: 80%; padding-left: 20px; color: #7794a9; }
	table.config tr.cat { height: 40px; }
	table.config tr.cat th { background-color: #042b42; width: 200px; font-size: 14px; font-weight: normal; color: #a8daff; font-weight: bold; text-align: right; vertical-align: text-top; padding-top: 12px; }
	table.config tr.cat td { background-color: #042b42; padding: 13px 20px; font-size: 11px; color: #a8daff; line-height: 1.5; }
		table.config tr td input[type=text], table.config tr td select, table.config tr td textarea { width: 100%; max-width: 250px; margin: 4px 0; padding: 5px 7px; border: 1px solid #CCC; background-color: #FFF; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
		table.config tr td select {  }
		table.config tr td textarea { width: 100%; max-width: 100%; padding: 7px;  }
	table.config tr td.boxes { padding-bottom: 20px; }
		table.config tr td .cuboBox { float: left; width: 33%; margin: 10px 0 0 0; }
		table.config tr td a.aButton { display: block; float: left; margin: 4px 0; padding: 7px 14px; border: 1px solid #CCC; background-color: #F6F6F6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #666; }
		table.config tr td a:hover.aButton { border: 1px solid #999; background-color: #EEE; color: #000; }

	table.config td.button { width: 75px; }
		table.config td.button a { display: block; background-color: #023b5d; padding: 7px 10px; text-align: center; font: 12px Tahoma, Geneva, sans-serif; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #d7fbff; }
		table.config td.button a:hover { background-color: #042b42; color: #d7fbff; }
		table.config td.button a.active { background-color: #042b42; color: #d7fbff; }
		table.config td.button a.active:hover { background-color: #023b5d; color: #d7fbff; }

.configTopBar { overflow: hidden; padding: 0 0 15px 0; border-bottom: 1px solid #DDD; }
    .configTopBar input[type=text], .configTopBar select { width: 100%; padding: 7px 7px; border: 1px solid #CCC; background-color: #FFF; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .configTopBar select { padding: 6px 7px; }
    .configTopBar > .title { padding: 0 0 10px 0; font-weight: bold; color: #666; font-size: 110%; }
    .configTopBar > .select { float: left; width: 25%; padding: 0 20px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .configTopBar > .input { float: left; width: 50%; padding: 0 20px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .configTopBar > .button { float: right; width: 25%; text-align: right; }
		.configTopBar > .button input[type=submit] { margin: 0; background-color: #FFD93D; border: 1px solid #FECD00; padding: 7px 25px; font-size: 100%; text-align: center; color: #000; font-weight: bold; text-shadow: 1px 1px #F5E000; cursor: pointer; }
		.configTopBar > .button input[type=submit]:hover { background-color: #FECD00; }


.saveLine { margin: 20px auto; text-align: center; }
	.saveLine > input { margin: 0; background-color: #FFD93D; border: 1px solid #FECD00; padding: 8px 15px; font-size: 110%; text-align: center; color: #000; font-weight: bold; text-shadow: 1px 1px #F5E000; cursor: pointer; }
	.saveLine > input:hover { background-color: #FECD00; }

.boxData { display: block; overflow: hidden; height: 50px; border: 1px solid #DDD; padding: 10px; margin-bottom: 10px; }
.boxData:last-child { margin-bottom: 0px; }
	.boxData > .img { float: left; margin: -10px 20px -10px -10px; width: 50px; height: 50px; padding: 10px; background-color: #023b5d; }
		.boxData > .img > img { width: 50px; height: 50px; }
    .boxData > .text { float: left; }
        .boxData > .text > .gameid { width: 100%; margin-top: 5px; font-size: 120%; color: #a8daff; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }
        .boxData > .text > .value { width: 100%; margin-top: 6px; font-size: 110%; color: #7794a9; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }

.boxData:hover { background-color: #023b5d; }
	.boxData:hover > .img { background-color: #023b5d; }

.boxDataAdded { background-color: #023b5d; }
	.boxDataAdded > .img { background-color: #023b5d; }
	.boxDataAdded > .text > .gameid { color: #d7fbff; }
	.boxDataAdded > .text > .value { color: #f9e445; font-weight: bold; }

.boxDataAdded:hover { background-color: #042b42; }
	.boxDataAdded:hover > .img { background-color: #042b42; }

.boxDataSimple { display: block; height: 32px; border: 1px solid #a8daff; padding: 10px; margin-bottom: 10px; }
.boxDataSimple:last-child { margin-bottom: 0px; }
	.boxDataSimple > .img { float: left; margin: -10px 5px -10px -10px; width: 32px; height: 32px; padding: 10px; }
		.boxDataSimple > .img > img { width: 32px; height: 32px;}
	.boxDataSimple > .gameid { float: left; margin-top: 7px; font-size: 120%; color: #a8daff; }
	.boxDataSimple > .value { float: right; margin: 8px 10px 0 0; font-size: 110%; color: #a8daff; text-align: right; }

.boxDataSimple:hover { background-color: #042b42; }


/* FAQs */
.faqs { margin: 30px 0 0 0; }
.faqs:first-child { margin: 0; }
	.faqs > .list { margin: 0; }
		.faqs > .list > .faq { overflow: hidden; margin: 20px 20px 0 20px; }
			.faqs > .list > .faq > .title { margin: 0; font-family: "Open Sans"; font-size: 120%; color: #a8daff; font-weight: bold; }
				.faqs > .list > .faq > .title > a { color: #a8daff; }
			.faqs > .list > .faq > .text { margin: 10px 0 0 20px; line-height: 1.5; font-family: "Open Sans"; font-size: 110%; color: #d7fbff; }


/* PRODUCTS */

#hwMenu { overflow: hidden; list-style: none; margin: -2px -2px 27px -2px !important; padding: 0 !important; }
	#hwMenu > li { text-align: center; margin: 0; padding: 0; }
		#hwMenu > li > a { display: block; margin: 2px; padding: 15px 10px; font-family: HPSimplified; color: #FFF; font-size: 110%; text-shadow: 1px 1px #000; font-weight: bold; background-color: #9B0800; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }
		#hwMenu > li > a.special { background-color: #4396C8; }
		#hwMenu > li > a:hover { background-color: #AB1810; }
		#hwMenu > li > a:hover.special { background-color: #73C6F8; }

.productList {}
    .productList > .product { overflow: hidden; margin: 3px 0px 0 0px; padding: 30px; border-top: 3px solid #9B0800; border-bottom: 1px solid #9B0800; }
    .productList > .product:first-child { border-top: 0px solid #9B0800; }
    .productList > .product:last-child { border-bottom: 0px solid #9B0800; }
        .productList > .product > h2 { margin-top: 00px; text-align: center; font-family: HPSimplified; font-size: 230%; font-weight: bold; color: #d7410b; }
        .productList > .product > h3 { margin-top: 10px; text-align: center; font-family: HPSimplified; font-size: 160%; font-weight: bold; color: #FFF; }
        .productList h4 { float: left; width: 900px; text-align: justify; margin-top: 30px; font-family: HPSimplified; font-size: 130%; line-height: 1.5; color: #FFF; }
        .productList .media { position: relative; margin-top: 30px; overflow: hidden; text-align: center; }
            .productList .media .image { position: relative; margin: 0 30px; }
                .productList .media .image > img { width: 100%; max-width: 500px; margin: 0 auto; }
                .productList .media .image > .intelCore { position: absolute; bottom: 0px; left: 0px; width: 50px; border: 1px solid #000; background-color: #000; }
            .productList .media .video { margin: 30px 30px 0 30px; }
                .productList .media .video > .layer { position: relative; z-index: 99; border: 1px solid #D63F0A; border-bottom: 3px solid #D63F0A; overflow: hidden; }
                    .productList .media .video > .layer > iframe { position: relative; z-index: 99; width: 100%; height: 100%; border: 0px solid #000; }
                    .productList .media .video > .layer > object { position: relative; z-index: 99; width: 100%; height: 100%; border: 0px solid #000; }
                        .productList .media .video > .layer > object > embed { position: relative; z-index: 99; width: 100%; height: 100%; border: 0px solid #000; }
        .productList .features { float: left; width: 900px; margin: 20px 0 0 0; padding: 0; list-style: none; }
            .productList .features > li { margin: 0; padding: 10px 20px 7px 20px !important; overflow: hidden; font-family: HPSimplified; font-size: 120%; color: #EEE !important; border-top: 1px solid #444; }
            .productList .features > li:first-child { border-top: 0px solid #444; }
                .productList .features > li > .cat { float: left; width: 150px; }
                .productList .features > li > .value { float: right; width: 680px; }
                     .productList .features > li > .value > a { color: #9CF; }
        .productList .buy { float: right; display: block; width: 120px; margin: 30px 0 0 0; padding: 10px 0; padding-right: 4px; color: #FFF; font-family: HPSimplified; font-size: 130%; font-weight: bold; text-align: center; text-shadow: 1px 1px #B61F0A; background-color: #D63F0A; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
        .productList a.buy:hover { background-color: #C62F0A; }
        .productList .promo { float: right; width: 120px; margin: 20px 0 0 0; padding: 0; text-align: center; color: #FFF; font-size: 120%; }
            .productList .promo > .text { font-weight: bold; }
            .productList .promo > .disc { margin-top: 5px; font-size: 140%; }
            .productList .promo > .codetext { margin-top: 5px; font-size: 80%; }
            .productList .promo > .code { margin-top: 5px; font-weight: bold; }
            .productList .promo > .date { margin-top: 5px; font-style: italic; font-size: 60%; color: #CCC; }

    .productList > .productSmall {  }
        .productList > .productSmall > .medias { float: left; width: 150px; }
        .productList > .productSmall .media > .image { margin: 0; }
        .productList > .productSmall .media > .image > img { max-width: 200px; }
        .productList > .productSmall .buy { float: left;  width: 90%; margin-right: 5%; margin-left: 5%;}
        .productList > .productSmall > h4 { float: right; }
        .productList > .productSmall > .features { float: right; }


/* OTHERS */
#firstSteps { clear: both; width: 1010px; margin: 20px -20px -20px -20px; padding: 0 20px; background-color: #333; }
	#firstSteps > .title { float: left; padding: 20px 0 0 0; font-size: 16px; color: #F5E000; font-weight: bold; text-shadow: 1px 1px #000; }
	#firstSteps > .subtitle { float: left; padding: 20px 0 0 10px; font-size: 16px; color: #DDD; text-shadow: 1px 1px #000; }
	#firstSteps > .steps { border-top: 1px solid #333; clear: both; padding: 5px 0 0 0; overflow: hidden; }
		#firstSteps > .steps > .step { float: left; position: relative; width: 252px; height: 65px; }
			#firstSteps > .steps > .step > .num { position: absolute; top: -5px; left: 10px; font: 50px Tahoma, Geneva, sans-serif; font-weight: bold; color: #F5E000; text-shadow: 1px 1px #000; }
			#firstSteps > .steps > .step > .info { position: relative; font: 12px Tahoma, Arial, Helvetica, sans-serif; color: #333; margin: 16px 0 0 60px; line-height: 16px; color: #DDD; }
				#firstSteps > .steps > .step > .info a { color: #FFF; }

#firstStepsGamePortal { float: right; overflow: hidden; width: 200px; height: 370px; margin: 0 0 20px 0; padding: 20px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #333; }
	#firstStepsGamePortal > .title { text-align: center; font-size: 18px; color: #F5E000; font-weight: bold; text-shadow: 1px 1px #000; }
	#firstStepsGamePortal > .subtitle { padding: 15px 10px 0 10px; text-align: center; font-size: 14px; color: #DDD; text-shadow: 1px 1px #000; }
	#firstStepsGamePortal > .steps { clear: both; padding: 0; }
		#firstStepsGamePortal > .steps > .step { float: left; position: relative; overflow: hidden; width: 200px; padding: 17px 0; border-top: 1px dashed #666; }
		#firstStepsGamePortal > .steps > .step:first-child { border-top: 0px dashed #666; }
			#firstStepsGamePortal > .steps > .step > .num { position: absolute; top: 2px; left: 5px; font-size: 50px; font-weight: bold; color: #F5E000; text-shadow: 2px 2px #000; padding: 0 20px 0 0; }
			#firstStepsGamePortal > .steps > .step > .info { position: relative; font-size: 12px; color: #DDD; margin: 6px 0 0 45px; line-height: 16px; }
				#firstStepsGamePortal > .steps > .step > .info a { color: #FFF; }