#matches
	{
		width:100%;
		height:100%;
		margin-bottom: 20px;
	}

	#matches .slide-selection
	{
		margin: 15px 0px;		
	}
	
	
	#matches .container
	{
		float: none;
		width: 67%;
		margin: 0 auto;
		padding: 0px;
		position: relative;
	}
	
	#matches .match
	{
		height: 130px;
		background: #ebebeb;
		position: relative;
		overflow: hidden;
		
	}
	
	#matches .match .header
	{
		width: 100%;
		position: relative;
		height: 50px;
		background: #1a1a1a;
		color: #fff;
	}
	
	#matches .match .body
	{
		width: 100%;
		height: 80px;
		position: relative;
	}
	
	#matches .image-holder
	{
		position: absolute;
		height:100%; 
		width: 190px;
		border-right: 3px #fff solid;
		border-bottom: 3px #fff solid;
		background: #1a1a1a;
		transform: skew(-30deg,0deg);
		top: 0px;
		margin-left: -10px;
		z-index : 5;
		
	}
	
	#matches .image-league
	{
		height: 100%;
		width: 150px;
		bottom: 0px;
		position: absolute;
		z-index: 9;
		text-align: center;
	}
	
	
	#matches .image-league img
	{
		height: 100px;
		margin: 11px 0px;
		-webkit-transition: all 5s ease;
		transition: all 5s ease;
			-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
 		 filter: grayscale(100%);
	}

	#matches .match:hover .image-league img
	{
			 -webkit-transition: all 3s ease;
		transition: all 3s ease;
		-webkit-filter: drop-shadow(1px 1px 7px rgb(255,255,255,1)); /* Safari 6.0 - 9.0 */
		 filter: drop-shadow(1px 1px 7px rgb(255,255,255,1));		
	}

	#matches .match:hover .result, #matches .match:hover .lectical
	{
		-webkit-transition: all 0.2s ease;
		transition: all 0.2s ease;
		-webkit-filter: drop-shadow(1px 1px 10px rgba(0,0,0,0.8)); /* Safari 6.0 - 9.0 */
		filter: drop-shadow(1px 1px 10px rgba(0,0,0,0.8));		
	}
		
	
	
	#matches .header .league
	{
		position: absolute;
		height: 50px;
		margin-left: 200px;
		text-align: right;
  		font-size: 1em;
  		right: 0px;
  		margin-right: 230px;
  		display: table;
	}
	
	#matches .header span
	{
		display: table-cell;
		vertical-align: middle;
	}
	
	
	#matches .header .time
	{
		font-size: 1em;
		height: 50px;
		display: table;
		text-align: center;
		width: 200px;
		right: 0;
		position: absolute;
	}
	
	#matches .header .time span
	{
		display: table-cell;
		vertical-align: middle;
	}
	
	#matches .header .time span.seperator
	{
		display: inline;
	}
	
	#matches .time-holder
	{
		position: absolute;
		height:100%; 
		width: 222px;
		right: -22px;
		transform: skew(-30deg,0deg);
		top: 0px;
		z-index : 5;
		box-shadow: -5px -3px 9px #000;
		
	}
	
	#matches .lectical{
		position: absolute;
		left: 185px;
		margin-right: 250px;
		font-size: 1em;
		display: table;
		height:74px;
		-webkit-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}
	
	#matches .lectical span{
		display: table-cell;
		vertical-align: middle;
	}
	
	#matches .match-holder
	{
		transform: skew(-20deg,0deg);
		position: absolute;
		background-color: #dbdbdb;
		height: 100%;
		width: 173px;
		right: -30px;
		z-index: 4;
		
	}
	
	#matches .result
	{
		position: absolute;
		width: 100%;
		height: 72px;
		text-align: right;
		right: 23px;
		z-index: 5;
		line-height: 72px;
		-webkit-transition: all 0.2s ease;
		transition: all 0.2s ease;
		bottom: 0;
	}
	
	#matches .result img
	{
		
		height: 62px;
	}

	#matches .result .points
	{
		font-size: 1.5em;
		width: 45px;
		display: inline-block;
	}

	#matches .result .vs
	{
		font-size: 1.5em;
		width: 108px;
		display: inline-block;
		text-align: center;
	}

	#matches .result .seperator
	{
		font-size: 1.0em;
		width: 18px;
		display: inline-block;
		text-align:center;
	}

	#matches .result .vs-seperator
	{
		font-size: 1.5em;
		width: 108px;
		display: inline-block;
		text-align:center;
	}
	


	#matches .body .result .points.a
	{
		text-align: right;
	}

	#matches .body .result .points.b
	{
		text-align: left;
	}

	
	#matches .body .result .paok-points
	{
			font-weight: bold;
	}

	#matches .container .matches
	{
		border-top: 3px #b99f6e solid;
	}
	
	#matches .container .empty
	{
		display: none;
		height: 200px;
		width: 100%;
	}

	#matches .container .empty div
	{
		color: #000;
		display: table-cell;
		height: 100%;
		width: 100%;
		vertical-align: middle;
		text-align: center;
		font-size: 1.5em;
	}
	
	#matches .container.empty .matches
	{
		display: none;
	}

	#matches .container.empty .empty
	{
		display: table;
	}
	
	#matches .result > .home, #matches .result > .away
	{
		display: inline-block;
		width: 62px;
	}
	
	#matches .round{
		position: absolute;
		width: 237px;
		right: 23px;
		display: table;
		z-index: 5;
		
	}
	
	#matches .round > .round-cell{
		display: table-cell;
		text-align: center;
		
	}

	@media only screen and (max-width: 930px) {
	 #matches .container
		{
			width:90%;
		}
	}
	
	@media only screen and (max-width: 730px) {
		 #matches .container
		{
			width:90%;
		}
		
		#matches .image-holder
		{
			width: 150px;
			
		}
		
		#matches .image-league
		{
			width: 130px;
		}
		
		#matches .image-league img
		{
			margin: 4px 0px;
		}
		
		#matches .lectical{
			left: 145px;
		}
		
		#matches .header .league
		{
			margin-left: 160px;
		}
	
		
	}
	
	@media only screen and (max-width: 640px) {
		 #matches .container
		{
			width:95%;
		}
		
		#matches .image-holder
		{
			display:none;
			
		}
		
		#matches .image-league
		{
			display:none;
		}
		
		#matches .lectical{
			left: 10px;
		}
		
		#matches .header .league
		{
			margin-left: 10px;
		}
	
		
	}
	
	@media only screen and (max-width: 520px) {
		#matches .header .time
		{
			text-align: right;
			width: 100px;
			margin-right:5px;
		}
		
		#matches .header .time span.seperator
		{
			display: none;
		}
		
		#matches .time-holder
		{
			width: 145px;
			
		}
		
		#matches .header .league
		{
			left: 1px;
			margin-right: 138px;
		}
		
		#matches .lectical{
			display: none;
		}
	
		#matches .match-holder
		{
			width: 60%;
			right: 0;
			margin-right: -10%;
		}
	
		#matches .body .result
		{
			height: 74px;
			text-align: center;
			right: 0px
		}
		
		#matches .container .matches {
			font-size: 0.8em;
		}
		
		#matches .round{
		width: 100%;
		right: 0;
		}
	
		
	}