@charset "utf-8";
/* CSS Document */
html {
       overflow-y: scroll;
}

iframe{
	border:0px;
}

.hide{
	display:none;
}

.align-right{
	text-align:right;
}

.announcement{
	text-align:center;
}

body{
	font-family: "Segoe UI", Verdana, Geneva, sans-serif;
	margin:0px auto;
	background-color:#F0F0F0;
}

.tags img{
	margin-left: 8px;
	margin-right: 8px;
}

img{
	border:0px;
}

.hidpi{
	-moz-transform: scale(0.5);
	-webkit-transform: scale(0.5);
	-o-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
}

#clear{
	clear:both;
}

a{text-decoration:none;color:inherit;}



#container{
	width:960px;
	height:100%;
	clear:both;
	position: relative;
	margin: 0px auto;
	background-color: white;
	border-width: 0px;
	text-align:center;
}

#headlogo{
	text-align:left;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	/*background:url(../qrcode.png) no-repeat top right #9c3;*/
	background: #9c3;
	border:0px;
	height:64px;
	margin:0px;
}

#headabout{
	float:left;
	text-align:left;
	padding-top: 4px;
	padding-left: 308px;
	padding-right: 12px;
	padding-bottom: 12px;
	background-color:#9C3;
	border:0px;
}

#headnav{
	float:left;
	text-align:left;
	padding:0px;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
	border:0px;
}

#headnav ul{
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
}

#headnav li{
	float:left;
}

#headnav a{
	display:block;
	color:#9C3;
	font-size:11px;
	text-align:left;
	padding:4px 8px 4px 8px;
	text-decoration:none;
}

#headnav a:hover{
	background-color:#9C3;
	color:#FFFFFF;
	text-decoration:none;

}

#headnavright{
	float:right;
	font-size:11px;
	padding:4px 8px 4px 8px;
	text-decoration:none;
	color:#FFF;
	background-color:#9C3;

}

#headclock{
	text-align:right;
	padding-top: 4px;
	padding-right: 12px;
	padding-bottom: 12px;
	background-color:#9C3;
	border:0px;
	float:right;
	right:0px;	
}

#modes, #modes a{
	margin: 4px, 4px, 0px, 0px;
	padding: 0px 0px 0px 8px;
	font-size: 9px;
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	text-align:left;
}

#tournament_list{
	clear:both;
	font-family:"Segoe UI", Verdana, sans-serif;
	font-size:10pt;
	color:green;
	text-align:left;
	margin:16px;
	text-decoration:none;
	}
	
.phase{
	font-family:"Segoe UI", Verdana, sans-serif;
	font-size:16pt;
	letter-spacing:-1px;
	font-weight:bold;
}

h1{
	font-family:"Segoe UI", Verdana, sans-serif;
	font-size:28pt;
	text-align:left;
	margin-left:32px;
	font-weight:lighter;
	letter-spacing:-1px;
	color:#999;
}

h2{
	width: 832px;
	font-family:"Segoe UI", Verdana, sans-serif;
	font-size:24px;
	text-align:left;
	margin-left:64px;
	font-weight:normal;
	border-bottom: 1px solid #396;
	margin-bottom: 0px;
	z-index:5;
}

h3{
	font-family:"Segoe UI Semilight", "Segoe UI", Verdana, sans-serif;
	font-size:14pt;
	text-align:left;
	margin-top:8px;
	margin-left:32px;
	font-weight:lighter;
	color:#999;
	margin-bottom:0px;
}

h4{
	font-family: "Segoe UI", sans-serif;
	font-size:9pt;
	text-align:left;
	margin-top:8px;
	margin-left:32px;
	font-weight:normal;
	color:#999;
	margin-bottom:0px;
}

h5{
	font-family:"Segoe UI Semilight", "Segoe UI", Verdana, sans-serif;
	font-size:18pt;
	text-align:center;
	margin-top:16px;
	font-weight:lighter;
	color:#666;
	margin-bottom:0px;
}


.bolder{
	font-weight:bold;
	color:396;
}

#banner{
	width:728px;
	height:90px;
	/*border:1px solid #EEE;*/
	/*background-image:url(../images/adbg.gif);*/
	background-position:center;
	margin-left:119px;
	margin-top:32px;
	margin-bottom:16px;}

.matchbox{
	margin-top: 0px;
	margin-bottom: 16px;
	padding-top:16px;
	padding-bottom:16px;
	text-align:center;
	font-family: Verdana, Geneva, sans-serif;
	/*font-family:Verdana, Geneva, sans-serif;*/
	background-color:#FFF;
	background-image:url(../images/sep.png);
	background-repeat:no-repeat;
	background-position:top center;
}

.matchbox:hover{
	background-color:#FFF;
	background-image:url(../images/hoverbg.png);
	background-repeat:no-repeat;
	background-position:top center;
}

.sep{
	background-image:url(../images/sep.png);
	background-repeat:no-repeat;
	background-position:top center;
}

.matchbox_static{
	margin-top: 0px;
	margin-bottom: 16px;
	padding-top:16px;
	padding-bottom:16px;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	background-color:#FFF;
}

.match_link{
	background-color:#FFFFFF;
}

.match_link:hover{
	background-color:#EEFFEE;
}


.jugando{
	color:green;
	font-weight:bold;
	font-size:14px;
	text-decoration:blink;
}

.empezando{
	color:orange;
	font-weight:bold;
	font-size:14px;
	text-decoration:blink;
}

.finalizado{
	color:red;
	font-weight:bold;
	font-size:14px;
	text-decoration:blink;
}

.match_leaguebox{
	font-size:12px;
	font-weight:500;
	text-align:center;
	padding: 4px;
}

.match_team1box{
	letter-spacing:-1pt;
	width:400px;
	height:33px;
	font-size:24px;
	font-weight:bold;
	float:left;
	background-image:url(images/bgteam1.png);
	background-repeat:no-repeat;
	background-position:top right;
	text-align:right;
	padding-left:30px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:1px;
	text-shadow: #FFF 0px 1px 0px;
}

.match_vsbox{
	width:80px;
	height:33px;
	float:left;
	font-size:24px;
	font-weight:bold;
	background-image:url(images/bgvs.png);
	background-color:#333;
	color:white;
	background-repeat:repeat-x;
	background-position:top center;
	text-align:center;
	vertical-align:middle;
	padding-top:3px;
	margin-right:0px;
}

.match_team2box{
		letter-spacing:-1pt;
	margin-left:0px;
	width:400px;
	height:33px;
	font-size:24px;
	font-weight:bold;
	float:right;
	background-image:url(images/bgteam2.png);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:left;
	padding-left:10px;
	padding-right:30px;
	padding-top:2px;
	padding-bottom:1px;
	text-shadow: #FFF 0px 1px 0px;
}

.match_green_team1box{
		letter-spacing:-1pt;
	width:400px;
	height:33px;
	font-size:24px;
	font-weight:bold;
	float:left;
	background-image:url(images/green_bgteam1.png);
	background-repeat:no-repeat;
	background-position:top right;
	text-align:right;
	padding-left:30px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:1px;
	text-shadow: #FFF 0px 1px 0px;
}

.match_green_vsbox{
	width:80px;
	height:33px;
	float:left;
	font-size:24px;
	font-weight:bold;
	background-image:url(images/green_bgvs.png);
	background-color:#333;
	color:white;
	background-repeat:repeat-x;
	background-position:top center;
	text-align:center;
	vertical-align:middle;
	padding-top:3px;
	margin-right:0px;
}

.match_green_team2box{
		letter-spacing:-1pt;
	margin-left:0px;
	width:400px;
	height:33px;
	font-size:24px;
	font-weight:bold;
	float:right;
	background-image:url(images/green_bgteam2.png);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:left;
	padding-left:10px;
	padding-right:30px;
	padding-top:2px;
	padding-bottom:1px;
	text-shadow: #FFF 0px 1px 0px;
}

.match_orange_team1box{
		letter-spacing:-1pt;
	width:400px;
	height:33px;
	font-size:24px;
	font-weight:bold;
	float:left;
	background-image:url(images/orange_bgteam1.png);
	background-repeat:no-repeat;
	background-position:top right;
	text-align:right;
	padding-left:30px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:1px;
	text-shadow: #FFF 0px 1px 0px;
}

.match_orange_vsbox{
	width:80px;
	height:33px;
	float:left;
	font-size:24px;
	font-weight:bold;
	background-image:url(images/orange_bgvs.png);
	background-color:#333;
	color:white;
	background-repeat:repeat-x;
	background-position:top center;
	text-align:center;
	vertical-align:middle;
	padding-top:3px;
	margin-right:0px;
}

.match_orange_team2box{
		letter-spacing:-1pt;
	margin-left:0px;
	width:400px;
	height:33px;
	font-size:24px;
	font-weight:bold;
	float:right;
	background-image:url(images/orange_bgteam2.png);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:left;
	padding-left:10px;
	padding-right:30px;
	padding-top:2px;
	padding-bottom:1px;
	text-shadow: #FFF 0px 1px 0px;
}

.match_red_team1box{
		letter-spacing:-1pt;
	width:400px;
	height:33px;
	font-size:24px;
	font-weight:bold;
	float:left;
	background-image:url(images/red_bgteam1.png);
	background-repeat:no-repeat;
	background-position:top right;
	text-align:right;
	padding-left:30px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:1px;
	text-shadow: #FFF 0px 1px 0px;
}

.match_red_vsbox{
	width:80px;
	height:33px;
	float:left;
	font-size:24px;
	font-weight:bold;
	background-image:url(images/red_bgvs.png);
	background-color:#333;
	color:white;
	background-repeat:repeat-x;
	background-position:top center;
	text-align:center;
	vertical-align:middle;
	padding-top:3px;
	margin-right:0px;
}

.match_red_team2box{
		letter-spacing:-1pt;
	margin-left:0px;
	width:400px;
	height:33px;
	font-size:24px;
	font-weight:bold;
	float:right;
	background-image:url(images/red_bgteam2.png);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:left;
	padding-left:10px;
	padding-right:30px;
	padding-top:2px;
	padding-bottom:1px;
	text-shadow: #FFF 0px 1px 0px;
}



.match_datebox{
	font-size:12px;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	margin-top: 40px;
	margin-bottom: 0px;
}

.large_match_datebox{
	font-size:20px;
	text-align:center;
	font-family:"Segoe UI", Verdana, Geneva, sans-serif;
	margin-top: 40px;
	margin-bottom: 0px;
}

.match_single_timebox{
	width:480px;
	margin-left:240px;
	/*background-image:url(images/addtocalendar.png);*/
	background-position:top center;
	background-repeat:no-repeat;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	cursor:pointer;
}

.match_timebox_container{
	margin-left:320px;
	width:320px;
  	margin-bottom: 20px;
}
.match_timebox_sidebyside{
	float:left;
	width:160px;
}

.match_timebox{
	font-size:24px;
	font-weight:bold;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	cursor:pointer;
}

.match_timecaption{
	font-size:10px;
	text-align:center;
	font-weight:normal;
	font-family:Verdana, Geneva, sans-serif;
	margin-top: 0px;
	margin-bottom: 8px;
}

.match_comments{
	width:384px;
	padding:4px;
	margin:16px 0px 0px 286px;
	border:1px dotted #6F6;
	background-color:#EFE;
	font-size:10px;
	text-align:center;
}

#fbcomments{
	margin-top:16px;
	margin-left:32px;
	float:left;
}

.social{

	/*margin-top:4px;*/
	text-align:right;
}

.social_container{
	margin-top:16px;
	text-align:right;
  	margin-bottom: 64px;
	margin-right:16px;
}
.social_each{
	/*clear:both;*/
	margin-bottom:4px;
	/*margin-right:8px;*/
}

.match_channelhead{
	font-size:11px;
	padding:4px;
}

#block{
	border-top:1px #EEE solid;
	margin:16px;
	padding:16px;
	text-align:center;
}

#text{
	margin: 32px;
}

#text p{
	font-family: Verdana, sans-serif;
	font-size:11pt;
	color:#333;
	text-align:left;
}

#text a{
	color:#396;
	text-decoration:none;
}

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

#footnav{
	margin-top:16px;
	float:left;
	text-align:left;
	padding:0px;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
	border:0px;
}

#footnav ul{
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
}

#footnav li{
	float:left;
}

#footnav img{
	border:0px;
}

#footnav a{
	display:block;
	color:#9C3;
	font-size:11px;
	text-align:left;
	padding:4px 8px 4px 8px;
	text-decoration:none;

}

#footnav a:hover{
	background-color:#9C3;
	color:#FFFFFF;
	text-decoration:none;
}

#footer{
	clear:both;
	margin: 0px 0px 0px 0px;
	border:0px;
	background-position:left top;
	background-repeat:repeat-x;
	background-color:#9C3;
	padding:0px;
	text-align:center;
}

#copytop{
	padding:10px 20px 0px 20px;
	text-align:center;
	width:920px;
	font-size:10px;
	color:#FFFFFF;
}

#copyleft{
	padding:10px 10px 10px 20px;
	float:left;
	text-align:right;
	width:450px;
	font-size:10px;
	color:#FFFFFF;
}

#copyhd{
	padding:12px 0px 10px 0px;
	float:left;
	}

#copyright{
	padding:10px 20px 10px 10px;
	float:right;
	text-align:left;
	width:418px;
	font-size:10px;
	color:#FFFFFF;
}

#hora{
	padding:8px;
	font-size:10px;
	text-align:left;
}

/*
#match_channels {
	background-color:#CCC;
	border:0px;
	-moz-border-radius:8px;
	border-radius:8px;
	
}
*/

.match_channels{
	clear:both;
}

#match_channels img{
	/*padding-left:4px;
	padding-right:4px;*/
	background-color:white;
	border: 0px #CCC solid;
	margin-left: 4px;
	margin-right: 4px;
}

.box{
	width:64px;
	height:64px;
	max-width:64px;
	max-height:64px;

	background-color:green;
	float:left;
	text-align:center;
}

.box_time{
	font-family:"Segoe WP Semibold","Segoe UI", "Roboto", "Helvetica";
	margin-top:3px;
	color:white;
	font-size:16pt;	
}

.box_date{
	font-family:"Segoe WP Semibold","Segoe UI", "Roboto", "Helvetica";
	margin-top:0px;
	color:white;
	font-size:13pt;	
}