body {

	background: #e9b841 url('../img/bg.png');

	color: #323232;

	font-family: 'PT Sans Narrow', Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: 400;

	margin: 0;

	padding: 0;

	}

	body, th, td {

		line-height: 22px;

		}

	input, textarea, select {

		color: inherit;

		font: inherit;

		outline: 0;

		text-shadow: inherit;

		}



::-webkit-scrollbar {

	width: 10px;

	height: 10px;

	}

	::-webkit-scrollbar-track {

		background: #fff;

		}

	::-webkit-scrollbar-thumb {

		background: #b4b4b4;

		}



a {

	color: #a916b2;

	outline: 0;

	text-decoration: none;

	}

	a:hover, a:focus {

		color: #b55eba;

		}

b, strong {

	font-weight: 600;

	}

	input, textarea, select, a, .a {

		 -webkit-transition: all 0.15s ease-in-out;

		 -moz-transition: all 0.15s ease-in-out;

		 -o-transition: all 0.15s ease-in-out;

		 -ms-transition: all 0.15s ease-in-out;

		 transition: all 0.15s ease-in-out;

		}

	img {

		border: 0;

		outline: 0;

		}

p, ul, ol, blockquote {

	margin: 10px 0;

	}

	p.left {

		float: left;

		margin: 0 20px 5px 0;

		}

	p.right {

		float: right;

		margin: 0 0 5px 20px;

		}

form {

	display: block;

	margin: 0;

	}

h1, h2, h3, h4, h5, h6 {

	color: #323232;

	font-size: 24px;

	line-height: 24px;

	margin: 25px 0 15px;

	max-width: 95%;

	text-transform: uppercase;

	}

	h1, h2 {

		font-size: 32px;

		line-height: 32px;

		}

		#match + h2 {

			margin-top: 30px;

			}

	h3 {

		color: #787878;

		}

		h2 + h3 {

			margin-top: -10px;

			}

	h5, h6 {

		color: #787878;

		font-size: 20px;

		line-height: 20px;

		}

blockquote {

	background: #f0f0f0 url('../img/quote.png') no-repeat 15px 20px;

	margin: 15px 0;

	padding: 5px 15px;

	}

	blockquote p {

		margin: 10px 0;

		}

	blockquote p:first-child {

		margin-left: 46px;

		min-height: 30px;

		}



hr {

	border: 0;

	border-bottom: 1px solid #c8c8c8;

	height: 0;

	margin: 20px 0;

	}

.notext {

	font-size: 0;

	line-height: 0;

	overflow: hidden;

	text-indent: -999px;

	}

.width {

	margin: 0 auto;

	padding: 0 20px;

	position: relative;

	text-align: left;

	max-width: 960px;

	}

.clear, .clearer:after, .width:after, .form p:after, .table p:after {

	clear: both;

	content: ' ';

	display: block;

	height: 0;

	}



#overflow {

	overflow: hidden;

	width: 100%;

	}

	#page {

		background: #fff;

			box-shadow: 0 0 0 6px rgba(0,0,0,.05);

		border: 1px solid #fff;

		border-width: 0 1px 1px;

			-webkit-border-radius: 0 0 4px 4px;

			-moz-border-radius: 0 0 4px 4px;

			border-radius: 0 0 4px 4px;

		box-sizing: border-box;

		margin: 0 auto 20px;

		max-width: 1300px;

		min-height: 600px;

		overflow: hidden;

		}



#header {

	background: #fff;

	border-top: 3px solid #a916b2;

	padding: 40px 0 28px;

	}

	#logo {

		float: left;

		height: 40px;

		margin-bottom: 2px;

		width: 265px;

		}

	#logo a {

		background: url('../img/madrid-tickets.png');

		display: block;

		height: 40px;

		width: 265px;

		}



#search {

	box-sizing: border-box;

	float: right;

	margin: 8px 0 2px 20px;

	padding-right: 45px;

	position: relative;

	width: 300px;

	}

	#search input:first-child {

		background: #fff;

		border: 1px solid #ccc;

			-webkit-border-radius: 4px;

			-moz-border-radius: 4px;

			border-radius: 4px;

		box-sizing: border-box;

		height: 32px;

		padding: 3px 15px 3px 15px;

		width: 100%;

		}

		#search input:first-child:focus {

			border-color: #aaa;

			}

	#search input:last-child {

		background: #646464 url('../img/search.png') no-repeat 11px 6px;

		border: 0;

			-webkit-border-radius: 4px;

			-moz-border-radius: 4px;

			border-radius: 4px;

		cursor: pointer;

		position: absolute;

			right: 0;

			top: 0;

		height: 32px;

		width: 42px;

		}

		#search input:last-child:hover, #search input:last-child:focus {

			opacity: .5;

			filter: alpha(opacity=50);

			}



#flags {

	float: right;

	margin: 8px 0 2px 20px;

	}

	#flags ul, #flags ul li {

		display: block;

		float: left;

		list-style: none;

		margin: 0;

		padding: 0;

		}

	#flags ul li {

			-webkit-border-radius: 4px;

			-moz-border-radius: 4px;

			border-radius: 4px;

		margin-right: 3px;

		}

		#flags ul li:last-child {

			margin-right: 0;

			}

	#flags ul li a, #flags ul li b {

			-webkit-border-radius: 4px;

			-moz-border-radius: 4px;

			border-radius: 4px;

		display: block;

		height: 32px;

		width: 32px;

		}

		#flags ul li:nth-child(1) a, #flags ul li:nth-child(1) b {

			background: url('../img/flag-en.png');

			}

		#flags ul li:nth-child(2) a, #flags ul li:nth-child(2) b {

			background: url('../img/flag-es.png');

			}

		#flags ul li b {

			opacity: 0.35;

			filter: alpha(opacity=35);

			}

		#flags ul li a:hover, #flags ul li a:focus {

			opacity: .5;

			filter: alpha(opacity=50);

			}



#menu {

	background: #ebebeb;

	border-bottom: 2px solid #d2d2d2;

	border-top: 3px solid #d2d2d2;

	padding-bottom: 3px;

	}

	#menu ul, #menu ul li {

		display: block;

		float: left;

		list-style: none;

		margin: 0;

		padding: 0;

		position: relative;

		}

	#menu ul {

		border-top: 3px solid #646464;

		margin-top: -3px;

		}

	#menu ul li {

		border-right: 1px solid #dcdcdc;

		}

	#menu ul li:first-child {

		border-left: 1px solid #dcdcdc;

		}

	#menu ul li a {

		border-bottom: 1px solid transparent;

		color: #323232;

		display: block;

		font-size: 16px;

		line-height: 20px;

		padding: 10px 18px 9px;

		text-decoration: none;

		text-transform: uppercase;

		}

		#menu ul li a:hover, #menu ul li a:focus {

			background: #e1e1e1;

			border-color: #dcdcdc;

			}

	#menu ul li.active a {

		background: #646464;

		border-color: #646464;

			-webkit-border-radius: 0 0 4px 4px;

			-moz-border-radius: 0 0 4px 4px;

			border-radius: 0 0 4px 4px;

		color: #fff;

		margin: 0 -1px;

		padding: 10px 19px 9px;

		text-shadow: 1px 1px 1px rgba(0,0,0,.15);

		}



#menu-mobile {

	background: url('../img/menu-mobile.png') no-repeat 20px 14px;

	color: #323232;

	cursor: pointer;

	display: none;

	font-size: 16px;

	line-height: 20px;

	margin: 0 -20px;

	padding: 10px 20px 9px 51px;

	text-transform: uppercase;

	}

#intro {

	background: #a916b2 url('../img/intro.jpg') no-repeat center center;

	background-size: cover;

	border-bottom: 6px solid #a916b2;

	border-top: 1px solid #fff;

	height: 300px;

	margin-top: -3px;

	position: relative;

	}

	#intro:before {

		background: url('../img/bg.png');

		box-shadow: inset 0 0 100px rgba(0,0,0,.5);

		content: ' ';

		display: block;

		position: absolute;

			bottom: 0;

			left: 0;

			right: 0;

			top: 0;

		}

	#intro-width {

		height: 300px;

		}

	#intro h1 {

		background: rgba(0,0,0,.5);

		color: #fff;

		font-size: 36px;

		line-height: 36px;

		margin: 0;

		padding: 16px 30px 14px;

		position: absolute;

			bottom: 60px;

			left: 20px;

		text-shadow: 1px 1px 1px rgba(0,0,0,.15);

		}

		#intro h1 b {

			color: #e9b841;

			}

#title {

	background: #a916b2 url('../img/bg.png');

	border-top: 1px solid #fff;

	margin-top: -3px;

	color: #fff;

	padding: 40px 0 30px;

	}

	#title h1 {

		color: inherit;

		font-size: 42px;

		line-height: 40px;

		margin: 0;

		}

	#title p {

		color: rgba(255,255,255,.65);

		font-size: 17px;

		line-height: 19px;

		margin: -10px 0 5px;

		text-shadow: 1px 1px 1px rgba(0,0,0,.15);

		text-transform: uppercase;

		}

		#title p span {

			margin: 0 3px;

			position: relative;

				top: -1px;

			}

		#title p a {

			color: #fff;

			text-decoration: none;

			}

		#title p b {

			font-weight: normal;

			}

#body {

	border-top: 1px solid #fff;

	}



#main {

	float: left;

	max-width: 640px;

	padding: 40px 0 60px;

	width: 640px;

	}

	#main > *:first-child, #main > form > *:first-child {

		margin-top: 0!important;

		}

		#main > #matches:first-child {

			margin-top: -20px!important;

			}

		#main > hr:first-child {

			margin-top: 10px!important;

			}

	#main > *:last-child {

		margin-bottom: 0!important;

		}

	#main b, #main i {

		color: #646464;

		}

#sidebar {

	float: right;

	max-width: 640px;

	padding: 40px 0 60px;

	width: 280px;

	}

	.widget {

		border-top: 1px solid #c8c8c8;

		margin-top: 30px;

		padding-top: 30px;

		}

	.widget:first-child {

		border-top: 0;

		margin-top: 0;

		padding-top: 0;

		}

	.widget h4 {

		margin: 0 0 15px;

		}

	.widget a {

		text-decoration: none;

		}

	.widget big {

		font-size: 20px;

		font-weight: bold;

		}

	.widget p {

		margin: 10px 0 0;

		}

		.widget p img {

			padding-top: 5px;

			}



#body ul, #body ul li {

	display: block;

	list-style: none;

	margin: 0;

	padding: 0;

	}

	#body ul {

		margin: 10px 0 0;

		}

	#body ul li {

		background: url('../img/list-checkmark.png') no-repeat 6px 2px;

		margin-top: 5px;

		padding-left: 34px;

		}

	#body ul li.ticket { background-image: url('../img/list-ticket.png'); }

	#body ul li.guide { background-image: url('../img/list-guide.png'); }

	#body ul li.souvenir { background-image: url('../img/list-souvenir.png'); }

	#body ul li.delivery { background-image: url('../img/list-delivery.png'); }

	#body ul li.security { background-image: url('../img/list-security.png'); }

	#body ul li.cup { background-image: url('../img/list-cup.png'); }

	#body ul li.top { background-image: url('../img/list-top.png'); }

	#body ul li.next { background-image: url('../img/list-next.png'); }

	#body ul li.info { background-image: url('../img/list-info.png'); }

	#body ul li a {

		color: inherit;

		}

		#body ul li a:hover, #body ul li a:focus {

			color: #b55eba;

			}

#body ul.errors, #body ul.messages {

	background: #f1dddd;

	border: 1px solid #c8c8c8;

	margin: 15px 0;

	padding: 10px 15px;

	}

	#body ul.messages {

		background: #ffffe1;

		}

	#body ul.errors li, #body ul.messages li {

		background: none;

		list-style: none;

		margin: 0;

		padding: 0 0 0 20px;

		position: relative;

		}

		#body ul.errors li:after, #body ul.messages li:after {

			border: 2px solid #c8c8c8;

				-webkit-border-radius: 5px;

				-moz-border-radius: 5px;

				border-radius: 5px;

			content: ' ';

			display: block;

			height: 6px;

			position: absolute;

				left: 0;

				top: 6px;

			width: 6px;

			}

.table {

	border: 1px solid #c8c8c8;

	margin: 15px 0;

	padding: 10px 0 12px;

	position: relative;

	}

	.table:after {

		background: #646464;

		content: ' ';

		display: block;

		height: 3px;

		position: absolute;

			bottom: -1px;

			left: -1px;

			right: -1px;

		}

	.table p {

		margin: 0;

		padding: 5px 15px 5px 210px;

		}

		.table p:last-child{

			background: #fafafa;

			border-top: 1px solid #dcdcdc;

			margin: 10px 0 -10px;

			padding: 10px 15px 13px 210px;

			}

	.table label.field {

		color: #646464;

		line-height: 20px;

		float: left;

		font-size: 16px;

		font-weight: bold;

		line-height: 18px;

		margin-left: -195px;

		padding-top: 2px;

		text-align: right;

		text-transform: uppercase;

		width: 180px;

		}

		.table hr {

			border: 0;

			border-bottom: 1px solid #dcdcdc;

			height: 0;

			margin: 10px 0;

			}

.form {

	border: 1px solid #c8c8c8;

	font-size: 0;

	line-height: 0;

	margin: 15px 0;

	padding: 10px 0 12px;

	position: relative;

	}

	.form:after {

		background: #646464;

		content: ' ';

		display: block;

		height: 3px;

		position: absolute;

			bottom: -1px;

			left: -1px;

			right: -1px;

		}

	.form span {

		font-size: 18px;

		line-height: 22px;

		margin: 0 5px;

		}

	.form p {

		margin: 0;

		padding: 5px 15px 5px 210px;

		}

		form.form p:last-child, form .form:last-child p:last-child {

			background: #fafafa;

			border-top: 1px solid #dcdcdc;

			margin: 10px 0 -10px;

			padding: 10px 15px 13px 210px;

			}

		.form label.field {

			color: #646464;

			line-height: 20px;

			float: left;

			font-size: 16px;

			font-weight: bold;

			line-height: 18px;

			margin-left: -195px;

			padding-top: 8px;

			text-align: right;

			text-transform: uppercase;

			width: 180px;

			}

		.form label.checkbox {

			background: #fff;

			border: 1px solid #ccc;

				-webkit-border-radius: 4px;

				-moz-border-radius: 4px;

				border-radius: 4px;

			display: inline-block;

			font-size: 18px;

			line-height: 22px;

			padding: 5px 15px;

			}

		.form input.text, .form select, .form textarea {

			background: #fff;

			border: 1px solid #ccc;

				-webkit-border-radius: 4px;

				-moz-border-radius: 4px;

				border-radius: 4px;

			box-sizing: border-box;

			height: 36px;

			font-size: 18px;

			line-height: 22px;

			max-width: 100%;

			padding: 5px 15px;

			}

			.form input.text[disabled] {

				background: #f5f5f5;

				border-color: #e1e1e1;

				}

			.form input.text[type=number] {

				width: 80px;

				}

			.form select {

				padding: 4px 11px;

				}

			.form textarea {

				height: 180px;

				width: 100%;

				}

			.form input.text:focus, .form textarea:focus {

				border-color: #aaa;

				}

	a.button, input.button, s.button {

		background: #a916b2;

		border: 0;

			-webkit-border-radius: 4px;

			-moz-border-radius: 4px;

			border-radius: 4px;

		color: #fff;

		cursor: pointer;

		display: inline-block;

		font-size: 18px;

		font-weight: bold;

		line-height: 22px;

		padding: 8px 20px 7px;

		text-align: center;

		text-transform: uppercase;

		}

		a.button.alt, input.button.alt {

			background: #969696;

			}

		s.button {

			background: #fafafa;

			color: #b4b4b4;

			cursor: text;

			text-decoration: none;

			}

		a.button.small, input.button.small, s.button.small {

			font-size: 16px;

			line-height: 20px;

			padding: 6px 15px 5px;

			}

		a.button:hover, a.button:focus, input.button:hover, input.button:focus {

			opacity: .5;

			filter: alpha(opacity=50);

			}



#match {

	background: #fff;

	border: 1px solid #c8c8c8;

	margin: 15px 0;

	max-width: 640px;

	position: relative;

	}

	#match:after {

		background: #646464;

		content: ' ';

		display: block;

		height: 3px;

		position: absolute;

			bottom: -1px;

			left: -1px;

			right: -1px;

		}

	#match-header {

		border-bottom: 6px solid #646464;

		margin: -1px -1px 0;

		min-height: 150px;

		line-height: 130px;

		overflow: hidden;

		padding: 15px 20px 15px 250px;

		position: relative;

		}

		#match-header-background {

			background: #646464 none no-repeat center center;

			background-size: cover;

			position: absolute;

				bottom: -10px;

				left: -10px;

				right: -10px;

				top: -10px;

			-webkit-filter: blur(5px);

			filter: blur(5px);

			}

		#match-header-overlay {

			background: rgba(50,50,50,.75) url('../img/bg.png');

			content: ' ';

			display: block;

			position: absolute;

				bottom: -6px;

				left: 0;

				right: 0;

				top: 0;

		}

		#match-header-image {

			background: #646464 none no-repeat center center;

			background-size: cover;

			display: block;

			height: 150px;

			overflow: hidden;

			position: absolute;

				left: 20px;

				top: 15px;

			width: 200px;

			}

		#match-header-meta {

			display: inline-block;

			position: relative;

			vertical-align: bottom;

			width: 100%;

			}

		#match-header-title {

			color: #fff;

			font-size: 36px;

			font-weight: bold;

			line-height: 36px;

			max-width: 95%;

			text-shadow: 1px 1px 1px rgba(0,0,0,.15);

			text-transform: uppercase;

			}

			#match-header-title b {

				color: #e9b841;

				display: block;

				}

	#match-body {

		padding: 20px 20px 20px 300px;

		}

	#match-body-meta {

		float: left;

		margin-left: -280px;

		width: 250px;

		}

		#match-body-competition {

			background: url('../img/match-body-competition.png') no-repeat 1px 2px;

			color: #646464;

			margin-bottom: 2px;

			padding-left: 29px;

			}

		#match-body-date {

			background: url('../img/match-body-date.png') no-repeat 1px 1px;

			color: #646464;

			padding-left: 29px;

			}

		#match-body-stadium {

			background: url('../img/match-body-stadium.png') no-repeat 1px 1px;

			color: #646464;

			margin-top: 2px;

			padding-left: 29px;

			}

		#match-body-description p {

			margin: 10px 0 0;

			}

	#match-body-prices {

		border-top: 1px solid #dcdcdc;

		}

		.match-body-price {

			border-bottom: 1px solid #dcdcdc;

			padding: 17px 230px 6px 0;

			position: relative;

			}

		.match-body-price-button {

			position: absolute;

				bottom: 2px;

				right: 0;

			}

			.match-body-price-button a {

				box-sizing: border-box;

				width: 100px;

				}

		.match-body-price-price {

			background: #fafafa;

			color: #646464;

			font-size: 17px;

			font-weight: bold;

			line-height: 21px;

			padding: 6px 15px 4px;

			position: absolute;

				bottom: 2px;

				right: 102px;

			width: 88px;

			}

			.match-body-price-price small {

				font-size: 17px;

				}

		.match-body-price-soldout {

			position: absolute;

				bottom: 2px;

				right: 0;

			}

			.match-body-price-soldout s {

				box-sizing: border-box;

				text-align: left;

				width: 220px;

				}



#matches {

	font-size: 0;

	line-height: 0;

	margin: -20px -20px 15px 0;

	}

	ul.messages + #matches {

		margin-top: -15px;

		}

	.match {

		background: #fafafa;

		box-sizing: border-box;

		display: inline-block;

		font-size: 18px;

		line-height: 22px;

		margin: 20px 20px 0 0;

		overflow: hidden;

		padding-bottom: 18px;

		position: relative;

		text-decoration: none;

		vertical-align: top;

		width: 200px;

		}

		.match:hover, .match:focus {

			color: #fff;

			}

		.match:before {

			border: 1px solid #c8c8c8;

			content: ' ';

			display: block;

			position: absolute;

				bottom: 0;

				left: 0;

				right: 0;

				top: 0;

			}

		.match:after {

			background: #646464;

			content: ' ';

			display: block;

			height: 3px;

			position: absolute;

				bottom: 0;

				left: 0;

				right: 0;

			 -webkit-transition: all 0.15s ease-in-out;

			 -moz-transition: all 0.15s ease-in-out;

			 -o-transition: all 0.15s ease-in-out;

			 -ms-transition: all 0.15s ease-in-out;

			 transition: all 0.15s ease-in-out;

			}

		.match:hover:after, .match:focus:after {

			background: #a916b2;

			height: 59px;

			}	

	.match-image {

		background: #646464 none no-repeat center center;

		background-size: cover;

		display: block;

		height: 0;

		overflow: hidden;

		padding-bottom: 75%;

		position: relative;

		z-index: 999;

		}

		.match-image:before {

			border: 1px solid rgba(0,0,0,.1);

			content: ' ';

			display: block;

			position: absolute;

				bottom: 0;

				left: 0;

				right: 0;

				top: 0;

			}

		.match-image:after {

			background: #fff;

			-moz-background-clip: padding;

			-webkit-background-clip: padding;

			background-clip: padding-box;

			border: 1px solid rgba(0,0,0,.1);

				-webkit-border-radius: 10px;

				-moz-border-radius: 10px;

				border-radius: 10px;

			content: ' ';

			display: block;

			height: 20px;

			margin: -11px 0 0 -11px;

			position: absolute;

				bottom: 0;

				left: 50%;

				right: 0;

				top: 0;

			width: 20px;

			}

	.match-title {

		background: #fff;

		color: #323232;

		display: block;

		font-size: 24px;

		font-weight: bold;

		line-height: 24px;

		margin: 0 1px;

		padding: 20px 15px 15px;

		position: relative;

		text-transform: uppercase;

		z-index: 999;

		}

		.match-title small {

			font-size: 20px;

			}

	.match-date {

		background: #fff url('../img/match-date.png') no-repeat 16px 1px;

		color: #646464;

		display: block;

		margin: -10px 1px 0;

		padding: 0 15px 10px 40px;

		position: relative;

		z-index: 999;

		}

	.match-price {

		border-top: 1px solid #dcdcdc;

		display: block;

		font-size: 24px;

		font-weight: bold;

		line-height: 24px;

		margin: 0 1px;

		padding: 15px 15px 0;

		position: relative;

		text-transform: uppercase;

		z-index: 999;

		}

		.match-price small {

			font-size: 20px;

			}

		.match-price small:first-child {

			font-size: 18px;

			}

.match.soldout {

	color: #a0a0a0;

	}

	.match.soldout:hover, .match.soldout:focus {

		color: #fff;

		}

	.match.soldout:hover:after, .match.soldout:focus:after {

		background: #646464;

		}



.pagination {

	font-size: 0;

	line-height: 0;

	margin: 26px -4px 15px 0;

	}

	.pagination a, .pagination b {

		background: #fff;

		border: 1px solid #c8c8c8;

		color: inherit;

		display: inline-block;

		font-size: 16px;

		line-height: 20px;

		margin: 4px 4px 0 0;

		padding: 8px 15px 7px;

		text-decoration: none;

		text-transform: uppercase;

		}

		.pagination a:hover, .pagination a:focus {

			background: #a916b2;

			border-color: #a916b2;

			color: #fff;

			}

		#main .pagination b {

			background: #646464;

			border-color: #646464;

			color: #fff;

			}



#footer {

	background: #323232 url('../img/bg.png');

	border-top: 6px solid #646464;

	color: #fff;

	padding: 60px 0 40px;

	}

	#footer p {

		clear: both;

		margin: 0 0 10px;

		}

	#footer p:first-child {

		float: left;

		}

	#footer p:last-child {

		color: #b4b4b4;

		margin: 0;

		}

	#footer ul, #footer ul li  {

		display: block;

		float: left;

		list-style: none;

		margin: 0;

		padding: 0;

		}

		#footer ul {

			float: right;

			margin: 0 0 10px 30px;

			}

		#footer ul li {

			border-left: 1px solid rgba(255,255,255,.15);

			margin: 3px 0 3px 10px;

			padding-left: 10px;

			}

			#footer ul li:first-child {

				border-left: 0;

				margin-left: 0;

				padding-left: 0;

				}

		#footer ul li a {

			color: #fff;

			display: block;

			margin: -3px 0;

			}

			#footer ul li a:hover, #footer ul li a:focus {

				color: #b4b4b4;

				}

		#footer ul li a.facebook, #footer ul li a.twitter  {

			background: url('../img/social-facebook.png');

			height: 22px;

			width: 22px;

			}

			#footer ul li a.twitter  {

				background: url('../img/social-twitter.png');

				}



@media screen and (max-width: 1020px) {

	#main, #sidebar {

		float: left;

		width: 100%;

		}

		#sidebar {

			padding-top: 0;

			}

	#menu ul {

		border-top: 0;

		display: none;

		float: none;

		margin: 0 -20px;

		}

		#menu.open ul {

			display: block;

			}

		#menu ul li, #menu ul li:first-child {

			border: 0;

			border-top: 1px solid #dcdcdc;

			float: none;

			}

	#menu ul li a {

		padding: 10px 20px 9px;

		}

	#menu ul li.active a {

			-webkit-border-radius: 0;

			-moz-border-radius: 0;

			border-radius: 0;

		padding: 10px 20px 9px;

		}

	#menu-mobile {

		display: block;

		}

	#footer ul {

		clear: left;

		float: left;

		margin-left: 0;

		}



}

@media screen and (max-width: 734px) {

	#logo {

		margin-bottom: 10px;

		}

	#flags {

		clear: both;

		margin: 0 0 2px -87px;

		}

	#search {

		clear: left;

		float: none;

		margin: 0 87px 2px 0;

		width: auto;

		}

}

@media screen and (max-width: 702px) {

	#match-header {

		padding: 20px;

		}

		#match-header-image {

			position: relative;

				left: auto;

				top: auto;

			}

		#match-header-meta {

			display: block;

			margin-top: 20px;

			}

	#match-body {

		padding: 20px;

		}

	#match-body-meta {

		float: none;

		margin: 0 0 20px;

		width: auto;

		}

	.table p {

		padding: 5px 15px;

		}

		.table p:last-child {

			padding: 10px 15px 13px;

			}

			.table label.field {

				display: block;

				float: none;

				margin-left: 0;

				padding: 0 0 4px;

				text-align: left;

				width: auto;

				}

	.form p {

		padding: 5px 15px;

		}

		form.form p:last-child, form .form:last-child p:last-child {

			padding: 10px 15px 13px;

			}

		.form label.field {

			display: block;

			float: none;

			margin-left: 0;

			padding: 0 0 8px;

			text-align: left;

			width: auto;

			}

}

@media screen and (max-width: 424px) {

	.match-body-price {

		padding: 7px 0 39px;

		}

	.match-body-price-price, .match-body-price-soldout {

		left: 0;

		text-align: right;

		width: auto;

		}

		.match-body-price-soldout s {

			text-align: right;

			width: 100%;

			}



}



