@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,800');
body {
	margin: 0;
}
.tabla-sorteo-wc2018 {
	width: 90%;
	padding: 20px 20px 10px;
	margin: 15px auto;
	background-image: url('https://www.lafm.com.co/wp-content/uploads/nube_mundial.png'), url('https://www.lafm.com.co/wp-content/uploads/fondo_mundial.jpg');
	background-repeat: no-repeat, no-repeat;
	background-position: top right, top center;
	background-color: #E4DFCC;
	border-radius: 4px;
}
.tabla-sorteo-wc2018 .logos {
	height: auto;
	overflow: hidden;
}
.tabla-sorteo-wc2018 .logos div {
	text-align: center;
}
.tabla-sorteo-wc2018 .logos div img {
	width: auto;
	margin: auto;
	max-width: 100%;
}
.tabla-sorteo-wc2018 .logo-rcn {
	width: 100%;
}
.tabla-sorteo-wc2018 .logo-mundial {
	width: 100%;
}
.tabla-sorteo-wc2018 .Opta {
	font-family: 'Open Sans', sans-serif;
}
.tabla-sorteo-wc2018 .Opta h2 {
	background: none;
	position: absolute;
	bottom: 0;
	text-align: center;
}
.tabla-sorteo-wc2018 .Opta-Title {
	display: none;
}
.tabla-sorteo-wc2018 .Opta h2 .Opta-Logo {
	background-color: #333;
	float: none;
	display: block;
	margin: auto;
}
.tabla-sorteo-wc2018 .Opta>.Opta_W {
	background: none;
}
.tabla-sorteo-wc2018 .Opta>.Opta_W>div {
	background-color: transparent;
	padding: 0 0 42px;
}
.tabla-sorteo-wc2018 .Opta-groupname {
	clear: none;
	text-transform: uppercase;
	height: 35px;
	color: #fff;
	border-radius: 5px 5px 0 0;
	background: rgba(128,0,0,1);
	background: -moz-linear-gradient(left, rgba(128,0,0,1) 0%, rgba(207,0,0,1) 50%, rgba(128,0,0,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(128,0,0,1)), color-stop(50%, rgba(207,0,0,1)), color-stop(100%, rgba(128,0,0,1)));
	background: -webkit-linear-gradient(left, rgba(128,0,0,1) 0%, rgba(207,0,0,1) 50%, rgba(128,0,0,1) 100%);
	background: -o-linear-gradient(left, rgba(128,0,0,1) 0%, rgba(207,0,0,1) 50%, rgba(128,0,0,1) 100%);
	background: -ms-linear-gradient(left, rgba(128,0,0,1) 0%, rgba(207,0,0,1) 50%, rgba(128,0,0,1) 100%);
	background: linear-gradient(to right, rgba(128,0,0,1) 0%, rgba(207,0,0,1) 50%, rgba(128,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800000', endColorstr='#800000', GradientType=1 );
}
.tabla-sorteo-wc2018 .Opta-Striped {
	min-height: 132px;
}
.tabla-sorteo-wc2018 .Opta-Striped tr:last-child th {
	border-radius:0 0 0 5px;
}
.tabla-sorteo-wc2018 .Opta-Striped tr:last-child .Opta-Team {
	border-radius:0 0 5px 0;
}
@media only screen and (min-width: 480px) {
    /* For tablets: */
    .tabla-sorteo-wc2018 .logos .logo-rcn {
		width: 48%;
		float: left;
		text-align: left;
		margin-left: 2%;
	}
    .tabla-sorteo-wc2018 .logos .logo-mundial {
		width: 48%;
		float: left;
		text-align: right;
		margin-right: 2%;
		margin-top: 4%;
	}
	.tabla-sorteo-wc2018 .Opta>.Opta_W>div {
		padding: 0 0 24px;
	}
    .tabla-sorteo-wc2018 .Opta-groupname {
		width: 21%;
		margin: 0 2%;
		float: left;
	}
	.tabla-sorteo-wc2018 .Opta-groupname:nth-child(9){
		clear: both;
	}
	.tabla-sorteo-wc2018 .Opta-Striped {
		width: 21%;
		float: left;
		margin: 34px 0 20px -23%;
		display: block;
	}
}
@media only screen and (max-width: 720px) and (min-width: 600px) {
	.tabla-sorteo-wc2018 .Opta-groupname {
		width: 18.7%;
		margin: 0 3%;
	}
	.tabla-sorteo-wc2018 .Opta-Striped {
		width: 18.7%;
		margin: 34px 0 20px -21.65%;
	}
}
@media only screen and (min-width: 768px) {
    /* For desktop: */
    .tabla-sorteo-wc2018 {
		max-width: 1000px;
	}
}