@font-face {
	font-family: "robotoregular";
	src: url(../fonts/roboto-regular.woff) format("woff"), url(../fonts/roboto-regular.woff2) format("woff2");
	font-style: normal;
	font-weight: 400
}

@font-face {
	font-family: "bentonsansregular";
	src: url(../fonts/bentonsans-regular.woff) format("woff"), url(../fonts/bentonsans-regular.woff2) format("woff2");
	font-style: normal;
	font-weight: 400
}

@font-face {
	font-family: "bentonsansmedium";
	src: url(../fonts/bentonsans-medium.woff) format("woff"), url(../fonts/bentonsans-medium.woff2) format("woff2");
	font-style: normal;
	font-weight: 400
}

@media (max-width:468px) {
	p.btrack {
		top: 27px!important;
		left: 3px!important;
		padding-right: 10px!important
	}
	.btn-balon {
		position: relative;
		top: 8px!important;
		left: 2px!important
	}
	a.logo-comercio {
		display: none!important
	}
	p.btrack {
		top: 18px!important;
		left: 3px!important;
		padding-right: 10px!important
	}
}

p.btrack {
	position: relative;
	top: -24px;
	left: 27px;
	color: white;
	font-size: 14px
}

.bg-black {
    background-color: black
}

.btn-balon {
	position: relative;
	top: 0;
	left: -80px
}

body {
	/*background: #000 0% 0% no-repeat padding-box;*/
    background: url(../images/bg.jpg) no-repeat;
    background-size: cover;
	height: auto;
	opacity: 1
}

.principal {
	width: 100%;
	position: relative;
	overflow: hidden
}

.container-top{
    padding: 60px 0 10px 0;
    height: auto;
    background-color: #161f29;
}

.banner-lateral{
    position: absolute;
    top: 0;
    width: 160px;
    height: 600px;    
}

.sticky-bar {
    margin: 50px 0 0 0;
    position: -webkit-sticky;
    position: sticky;
    top: 0;    
}

.lateral-izq {
    left: 70px;
}

.lateral-der {
    right: 70px;
}

.izq, .der{
    margin: 0;
}

.clear {
	clear: both
}

.relleno{
    height: 350px;
}

.container-caja3{
    display: none;
}

.contenido {
    /*background: url(../images/bg.jpg) no-repeat;
    background-size: cover;*/
}

#humo-final {
    background: url(../images/depor-desktop.jpg) no-repeat;
    background-position: center;
    background-color: #161f29;
    margin: 0;
    width: 100%;
    height: 290px;
}

.contenido-jugadores {
	max-width: 980px;
	margin: 0 auto
}

.desktop {
	display: block
}

.movil {
	display: none
}

#jugadores-river-desktop {
	border-right: 8px solid #fff
}

#jugadores-flamengo-desktop {
	border-left: 8px solid #fff
}

.info-jugador {
	background-color: #223399
}

.info-jugador:nth-child(2) {
	background-color: #B5B0B0
}



.img-jugador {
	width: 189px
}

.img-club {
	width: 215px
}

.img-jugador,
.img-club {
	height: 207px;
	float: left;
    z-index: 2
}

.cont-escudo-club {
    display: block;
    margin: 75px auto;
    width: 81px;
}

.img-fluid {
	height: 100%;
	width: 100%
}

img.escu-dt{
	width: 130%;
}

img.escu-dt2{
	width: 180%;
}

.datos-gral {
	max-width: 100%;
	border-bottom: 1px solid #fff
}

.datos-gral-club {
	max-width: 85%;
	border-bottom: 1px solid #BA9C5B
}

.datos-jugador {
	margin: 20px 0 0 0
}

.datos-club {
	margin: 30px 0 0 0
}

.datos-jugador,
.datos-club {
	color: #fff
}

.cont-nro-jugador {
	width: 65px;
	margin: 0 0 0 10px;
	padding: 3px 0 0 0
}

.nro-jugador {
	font: 500 30px/30px 'bentonsansmedium';
	text-align: left
}

.cont-nombre-jugador {
	margin: 0 0 0 -10px
}

.nombre-apellido-jugador {
    font: 500 19px/20px 'robotoregular';
    text-align: left;
    padding-left: 5px;
}

.nombre-apellido-jugador:nth-child(2) {
    text-transform: uppercase;
}

.nombre-club {
	font: 700 23px/23px 'robotoregular';
	text-align: left
}

.apellido {
	text-transform: uppercase
}

.jugadores-club {
	margin: 15px 0 0 -8px;
	max-width: 100%;
	color: #fff
}

.selector {
	margin: 28px 0 0 0
}

.selector-jugadores {
	max-width: 75%
}

.selector-club {
	max-width: 85%
}

.selector-club {
	font: 500 15px/20px 'robotoregular';
	color: #fff!important;
	margin: 0 0 0 12px!important
}

.url-club,
.url-club:hover {
	color: #fff;
	text-decoration: none
}

.rs-clubes {
	padding: 0 16px 0 0
}

#select-river,
#select-flamengo {
	margin: 0 auto;
	padding: 0 10px
}

.select2-container {
	width: 100%!important
}

.select2-container--default .select2-selection--single {
	background-color: #171717!important;
	border-radius: 0!important;
	border: 1px solid #fff!important;
	height: 45px!important
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    font: 700 13px/13px 'bentonsansmedium';
    color: #fff!important;
    text-align: left;
    padding-left: 5px;
    line-height: 45px!important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	background-color: #171717!important;
	height: 43px;
	width: 30px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #fff transparent transparent transparent!important;
    border-width: 10px 7px 0 7px;
    top: 42%!important;
    height: 43px;
}

.select2-results {
	background-color: #171717!important;
	color: #fff!important;
	font: 700 13px/13px 'bentonsansmedium'
}

.select2-container--default .select2-results__option[aria-selected=true] {
	background-color: #BA9C5B
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #BA9C5B;
	color: white
}

.select2-container--open .select2-dropdown--above {
	background-color: #171717!important
}

.select2-search--dropdown {
	background-color: #171717!important;
	padding: 0!important
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	background-color: #171717!important;
	border: 1px solid #BA9C5B!important;
	color: #fff!important;
	font: 700 13px/13px 'robotoregular'
}

#equipo-dt-river,
#equipo-dt-flamengo {
	color: #fff;
	margin: 10px 0 0 0
}

.dt {
	font: 700 18px/18px 'robotoregular'
}

.temporada {
	font: 500 16px/16px 'robotoregular'
}

.cont-escudo {
	margin: 0
}

.info-gral {
	display: flex;
	font: 700 15px/15px 'robotoregular';
    font-weight: bold;
	margin: 20px -5px 0 -5px
}

.cont-escudo-bar {
    margin: 0;
    position: relative;
    left: -50px;
    z-index: 3;
}

#tabla-titulos-equipo1,
#tabla-titulos-equipo2 {
	color: #BA9C5B
}

.header-tabla {
	margin: 30px auto 5px auto;
	/*margin: 40px auto 25px auto*/
}

.encabezado-tablas {
	font: 700 18px/18px 'robotoregular';
	text-align: center;
	color: #000;
	display: block
}

.tv {
	width: 100%;
	height: 1200px;
	background-color: rgba(3, 19, 60, .7);
	position: absolute;
	z-index: 100000
}

.tvcontent {
	position: relative;
	width: 950px;
	margin: 0 auto
}

.tv1 {
	width: 178px;
	height: 78px;
	top: 280px;
	left: -185px;
	position: relative;
	background: url(../images/instruccion-1.png)
}

.tv2 {
	width: 185px;
	height: 61px;
	top: 203px;
	left: 182px;
	position: relative;
	background: url(../images/instruccion-2.png)
}

.tv3 {
	width: 209px;
	height: 74px;
	top: 230px;
	left: 192px;
	position: relative;
	background: url(../images/instruccion-3.png)
}

.tv4 {
	width: 202px;
	height: 57px;
	top: 340px;
	left: 709px;
	position: relative;
	background: url(../images/instruccion-4.png)
}

.padding-right-5 {
	padding-right: 5px!important
}

img.pb-up {
	padding-bottom: 10px;
	padding-right: 10px
}

.img-flag {
	width: 30px;
	padding-top: 3px
}

header {
	background: #000;
	width: 100%
}

.header-comercio {
	background: #000;
	padding: 5px 0;
	position: fixed;
	width: 100%;
	z-index: 9999999;
	height: 48px;
	top: 0;
	-webkit-box-shadow: 0 3px 6px 0 rgba(49, 49, 50, 1);
	-moz-box-shadow: 0 3px 6px 0 rgba(49, 49, 50, 1);
	box-shadow: 0 3px 6px 0 rgba(49, 49, 50, 1);
	opacity: 1
}

.header-comercio {
	background: #000;
	padding: 8px 0 5px
}

.ctn-header-comercio {
	margin: 0 auto;
	max-width: 990px;
	text-align: left
}

.ctn-header-comercio a {
	display: inline-block;
	text-indent: -9999px
}

.ctn-header-comercio-v2 {
	text-align: center
}

a.logo-comercio {
	background-image: url(../images/logo-comercio.png) no-repeat 0 0;
	background-size: 100%;
	height: 30px;
	margin-top: 11px;
	width: 100px;
	;
	float: left;
	display: inline-block
}

a.logo-especiales {
	background: url(../images/logo-especiales.png) no-repeat 0 3px;
	background-size: 100%;
	height: 22px;
	width: 100px
}

a.logo-depor {
	background: url(../images/logo.png) no-repeat 0 0;
	background-size: 100%;
	height: 30px;
	width: 120px
}

.espacio-especiales-v2 {
	display: inline-block;
	margin: 14px 71px 0 0
}

.boton-especiales,
.boton-especiales-v2 {
	text-decoration: none;
	position: absolute;
	display: inline-block;
	text-indent: 0!important;
	margin: 0 0 0 20px;
	color: #fff;
	font: 700 15px/15px Arial
}

.boton-especiales-v2 {
	position: fixed;
	font-weight: 500;
	background: url(../images/arrow.png) no-repeat 0 0
}

.izq-volver {
	float: left;
	margin: 10px 3px 0 0
}

.cruz {
	width: 12px;
	height: 12px;
	position: absolute
}

.cruz:before,
.cruz:after {
	content: "";
	position: absolute;
	z-index: -1;
	background: #ffca00
}

.cruz:before {
	left: 110%;
	width: 10%;
	margin-left: -15%;
	height: 100%
}

.cruz:after {
	top: 55%;
	height: 15%;
	margin-top: -15%;
	width: 100%
}

.compartir {
	background: url(../images/compartir.png) no-repeat 0 0
}

.menu {
	*zoom: 1;
	display: none
}

.menu:before,
.menu:after {
	content: "";
	display: table
}

.menu:after {
	clear: both
}

#social {
	float: right;
	margin-right: 0
}

#social ul {
	display: inline-block;
	margin: -3px auto 0;
	padding: 0;
	vertical-align: middle
}

#social ul li {
	display: inline-block;
	margin: 0 1px;
	vertical-align: middle
}

#social ul li a {
	height: 32px;
	width: 32px
}

#social ul li a.facebook {
	background: url(../images/sprite-redes.png) no-repeat -6px -4px;
	background-size: 130px;
	border-radius: 20px
}

#social ul li a.tw {
	background: url(../images/sprite-redes.png) no-repeat -56px -9px
}

#social ul li a.tw {
	background: url(../images/sprite-redes.png) no-repeat -50px -4px;
	background-size: 130px;
	border-radius: 20px
}

#social ul li a.wst {
	background: url(../images/sprite-redes.png) no-repeat -92px -4px;
	background-size: 130px;
	border-radius: 20px;
	display: none
}

#social ul li:hover {
	opacity: .5
}

.sujeto {
	background: url(../images/jugador.png);
	position: absolute;
	width: 64px;
	height: 315px;
	left: 125px;
	top: -325px
}

.col-sm-12 nopadding {
	height: 70px
}

.borde-dorado {
	background: url(../images/trazado-dorado.png) no-repeat;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	height: 2px
}


.borde-dorado-perfiles {
	background: url(../images/trazado-dorado2.png) no-repeat;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	height: 2px
}

#menu-datos {
	flex-direction: row;
	margin: 0 auto
}

#menu-datos li {
    background-color: #000;
    border: 0;
    font: 500 16px/65px 'bentonsansregular';
    margin: 0;
    padding: 0 3em;
}

#menu-datos li a {
	display: inline-block;
	color: #AAA;
	height: 65px;
	width: inherit
}

#menu-datos li a.active {
	color: #fff;
	font-weight: 700;
	background: url(../images/trazado-dorado.png) no-repeat;
	background-position: 0 45px;
	background-size: 100%
}

#menu-datos li a:hover {
	text-decoration: none
}

.bg-blanco {
	background-color: white
}

.descr {
    font: 500 17px/25px 'robotoregular'!important;
	color: #000;
	margin: 10px 80px;
	text-align: center;
	padding: 10px 0 10px 0
}

.botones-desktop {
	display: block;
	margin: 10px 0 0 0
}

.botones-movil-club {
	display: none
}

.botones-movil {
	display: none
}

.a-por-datos {
	margin: 0
}

.perfiles {
	margin-top: 6px;
	font: 700 22px/22px 'bentonsansmedium';
	color: #223399
}

.header-perfil {
	margin: 0 auto
}

.padding-top-30 {
	padding-top: 60px!important
}

.margin-top-30 {
	margin-top: 30px!important
}

.details-palmares {
	cursor: pointer;
	float: right
}

.player-image {
	min-height: 250px
}

.player-name {
	min-height: 50px
}

.table-center div.divtd,
.left-right div.divtd {
	padding-top: 5px;
	padding-bottom: 5px;
	min-height: 45px;
	line-height: 2.2
}

.impar {
	background-color: #b5b0b0c7;
    color: black; 
}

.par {
	/*background-color: #000;*/
    color: black;
}

.tripar {
	background-color: #223399;
    color: white; 
}


#tabla-encabezados-gral,
#tabla-encabezados-lib-2019,
#tabla-encabezados-clubes-gral {
	/*color: #BA9C5B;*/
	font-weight: 700
}

.p-l-0 {
	padding-left: 0;
	color: #fff
}

.p-r-0 {
	padding-right: 0;
	color: #fff
}

.container {
	/*min-height: 300px*/
}

#template-image-top-player,
#table-template-player,
#table-template-items-center,
#template-image-top-country,
#table-template-country,
#table-template-country-center {
	display: none
}

.datos-jugadores-gral {
	margin: 30px auto 0 auto
}

table.dataTable {
	border-color: #fff;
	font-family: 'robotoregular'
}

.table th,
.table td {
	/*border: 1px solid #313131!important*/
}

thead,
.sorting {
	color: #000
}

tbody {
	color: #fff
}

.table-striped>tbody>tr:nth-of-type(odd) {
	/*background-color: #313131;*/
    color: black;
}

.table-striped>tbody>tr:nth-of-type(even) {
	background-color: #223399
}

#datos-jugadores_wrapper .row,
#datos-club-1_wrapper .row,
#datos-club-2_wrapper .row {
	width: 100%
}

.form-inline label {
	display: block;
	color: #000
}

div.dataTables_wrapper div.dataTables_info {
	color: #000
}

div.dataTables_wrapper div.dataTables_filter label {
	text-align: right
}

.pagination>li>a,
.pagination>li>span {
    color: #000;
    background-color: #f9f9f9;
    border: 1px solid #dddddd;
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
    color: #313131;
    background-color: #f9f9f9;
    border-color: #c5c5c5;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    color: #fff;
    background-color: #213399;
    border-color: #213399;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    color: #000;
    background-color: #c5c5c5;
    border-color: #d8d8d8;
}

.table>thead:first-child>tr:first-child>th {
    background-color: #d8d8d8 !important;
}

div.dataTables_wrapper div.dataTables_filter input {
	background-color: #223399;
	border-color: #223399;
	color: #fff
}

select.form-control,
select.form-control option,
select.form-control option:checked,
select.form-control option:hover {
	background-color: #223399;
	color: #fff
}

select.form-control option:hover {
	background-color: #BA9C5B
}

.form-control {
	border: 1px solid #313131
}

@media only screen and (max-width:1024px) {
	#social ul li ul {
		right: 16px
	}
	.lateral {
		display: none
	}
	.desktop {
		display: block
	}
	.movil {
		display: none
	}
	#humo-final {
		background: url(../images/depor-desktop.jpg) no-repeat;
		background-size: 100% 100%;
		margin: 0;
		width: 100%;
		height: 290px
	}
	.botones-movil-club {
		display: block;
		margin: 25px 20px
	}
	#jugadores-river-desktop {
		border-right: 2px solid #000
	}
	#jugadores-flamengo-desktop {
		border-left: 2px solid #000
	}
	.img-jugador {
		width: 152px
	}
<<<<<<< HEAD
    .img-jugador, .img-club {
    height: 218px;
    }
=======
        .img-jugador, .img-club {
            height: 218px;
        }
>>>>>>> 7a0daf33c7036b52ad84f8f731e1185078cd71c8
	.img-club {
		width: 208px
	}

        .izq, .der{
            display: none;
        }
}

@media (max-width:1200px) {
	.menu ul li a.wst {
		display: block
	}
    
    .nro-jugador {
        font-size: 38px;
        text-align: center;
    }
    
	#humo-final {
		background: url(../images/depor-desktop.jpg) no-repeat;
		background-size: 100% 100%;
		margin: 65px 0 0 0;
		height: 290px
	}
	/*.padding-top-30 {
		padding: 0!important
	}*/
	.botones-desktop {
		display: none
	}
	.botones-movil {
		display: block;
		/*margin: 25px 0*/
	}
	.botones-movil-club {
		/*margin: 25px 20px;*/
		margin: 20px 0px
	}
	.por-datos {
		margin: -1px -2px 0 0
	}
	.perfil-negro-movil {
		margin: -2px 0 0 0
	}
        .no-gutters {
            margin-right: 0 !important; 
            margin-left: 0 !important;    
            padding-right: 0 !important; 
            padding-left: 0 !important;
        }
    
	.borde-dorado {
		background: none;
		border: 1px solid #BA9C5B
	}
	.borde-dorado-perfiles {
		background-size: 100%
	}
	#menu-datos li {
		padding: 0 12px;
		font: 500 15px/45px 'robotoregular'
	}
	#menu-datos li a {
		height: 45px
	}
	#menu-datos li a.active {
		background-position: 0 35px
	}
	.descr {
		font: 500 13px/20px 'bentonsansregular'!important;
		margin: 0 10px;
		padding: 20px 0 10px 0
	}
	.desktop {
		display: none
	}
	.movil {
		display: block;
		margin: 0 20px
	}
	.contenido-jugadores {
		margin: -20px auto
	}
	.contenido-clubes {
		margin: 20px auto
	}
	.datos-jugador {
		margin: 10px 0;
		border-bottom: 1px solid #fff
	}
	.datos-gral {
		padding: 0;
		border: 0
	}
	.info-jugador {
		padding: 0
	}
	.cont-nombre-jugador {
		margin: 0
	}
	.cont-nombre-club {
		margin: 10px 0 8px 15px
	}
	#jugadores-river-movil {
		border-right: 5px solid #fff
	}
	#jugadores-flamengo-movil {
		border-left: 5px solid #fff
	}
	#equipo-dt-river,
	#equipo-dt-flamengo {
		margin: 0;
		padding: 10px 0 0 0
	}
	.selector-entrenadores {
		/*background-color: #000*/
	}
	.dt {
            font-size: 16px;
            text-align: center;
            font: 700 18px/8px 'robotoregular';
	}
    
	.temporada {
            font-size: 14px;
            padding-left: 7px;
            text-align: center;
            display: inherit;
        }
	.nombre-club {
		font: 600 17px/17px 'robotoregular';
		margin: 8px 0 0 0
	}
	.cont-nro-jugador {
		margin: 0;
		padding: 0
	}
	.nro-jugador {
		font-size: 28px
	}
	.nombre-apellido-jugador {
		font: 500 20px/20px 'robotoregular'
	}
	.contenedor-imagen-jugador-movil {
		position: relative;
		margin: 0 auto;
		width: 158px;
		height: 170px
	}
	.contenedor-imagen-club-movil {
		position: relative;
		margin: 0;
		width: 90px;
		height: 120px
	}
	.imagen-jugador-movil {
		position: absolute;
		height: inherit;
		top: 0;
		left: 0
	}
	.imagen-club-movil {
		margin: 0 auto
	}
	.estadio-movil {
		margin: 0 10px 0 0
	}
	.escudo-equipo-movil {
		position: absolute;
		top: 0;
		left: 5px
	}
	.cont-escudo-club {
		margin: 10px auto
	}
	.selector-club {
		font: 500 13px/18px 'robotoregular';
		margin: 5px 0 0 12px!important
	}
	.selectores {
		margin: 0 -10px!important
	}
	.selector {
		margin: 0px 0 20px 0;
	}
	.select2-container--default .select2-selection--single .select2-selection__rendered {
		font: 700 11px/11px 'bentonsansmedium';
        padding-left: 8px;
	}
	.select2-container--default .select2-selection--single .select2-selection__arrow {
		width: 42px;
		height: 41px;
		top: 2px
	}
	/*.select-movil {
		background-color: #000
	}*/
	.mb-4 {
		margin: 0!important
	}
	.perfiles {
		font-size: 18px
	}
	.encabezado-tablas {
		font-size: 16px
	}
	.sec-entrenadores-movil {
		border-bottom: 1px solid #BA9C5B
	}
	.header-tabla {
		margin: 5px auto 7px auto;
	}
	.header-tabla-clubes {
		margin: 25px auto
	}
	.d-flex {
		display: grid!important
	}
	.btn-up {
		text-align: center!important
	}
	img.pb-up {
		margin: 0 auto!important
	}
	a.centrado {
		margin: 0 auto!important
	}
	div.dataTables_wrapper div.dataTables_filter label {
		text-align: left
	}
	.datos-jugadores-gral {
		margin: 2px auto 5px auto
	}
        
        .container-caja3, .relleno{
            display: none;
        }
}

@media only screen and (max-width:700px) {
	.logo {
            width: 70%;
            margin: 10px auto
	}
	.logo img {
		width: 100%
	}
	.espacio-especiales-v2 {
		margin-top: 6px
	}
	#social ul li a.wst {
		display: block
	}
	#humo-final {
            background: url(../images/depor-movil.jpg) no-repeat;
            background-size: 100% 100%;
            margin: 0;
            height: 470px;
	}
	.nombre-apellido-jugador {
		font: 500 16px/14px 'bentonsansregular'
	}
	.nro-jugador {
		font: 500 28px/34px 'bentonsansmedium'
	}
	div.dataTables_wrapper div.dataTables_length,
	div.dataTables_wrapper div.dataTables_filter,
	div.dataTables_wrapper div.dataTables_info,
	div.dataTables_wrapper div.dataTables_paginate {
		font-size: 13px
	}
	div.dataTables_wrapper div.dataTables_length,
	div.dataTables_wrapper div.dataTables_filter,
	div.dataTables_wrapper div.dataTables_info,
	div.dataTables_wrapper div.dataTables_paginate {
		text-align: left
	}
        .container-top{
            background-color: #1B2838;
            padding: 55px 0 0 0;
            height: auto;
        }
        
        .container-caja3{
            display: block;
        }
}

@media (max-width:475.98px) {
	.data-firstname,
	.data-lastname {
		font-size: 12px
	}
	.img-photo {
		margin-top: 10px;
		margin-bottom: 10px;
		width: 100px;
		height: 100px;
		background-position: center center;
		background-size: 120px
	}
	.template-country .img-shield {
		width: 100px;
		margin-top: 20px;
		margin-bottom: 20px
	}
	.img-shield {
		width: 30px
	}
	.data-firstname,
	.data-lastname {
		font-size: 12px
	}
	.item-1,
	.item-2,
	.item-center {
		font-size: 14px
	}
	.vs_club_name {
		min-height: 35px!important
	}
	.pagination>li>a,
	.pagination>li>span {
		padding: 4px 8px
	}
}

@media (max-width:360px) {
	#tabla-encabezados-gral,
	#tabla-encabezados-lib-2019 {
		font-size: 13px
	}
	#tabla-encabezados-clubes-gral {
		font-size: 14px
	}
}

@media (min-width:468px) {
	.text-vs {
		background-color: red
	}
	.data-firstname,
	.data-lastname {
		font-size: 16px
	}
	.img-photo {
		margin-top: 10px;
		margin-bottom: 10px;
		width: 130px;
		height: 130px;
		background-position: center center;
		background-size: 160px
	}
	.template-country .img-shield {
		width: 130px;
		margin-top: 10px;
		margin-bottom: 10px
	}
	.img-shield {
		width: 40px
	}
}

@media (min-width:768px) {
	.text-vs {
		background-color: purple
	}
	.img-photo {
		margin-top: 30px;
		margin-bottom: 30px;
		width: 180px;
		height: 180px;
		background-position: center center;
		background-size: 220px
	}
	.data-firstname {
		font-size: 20px
	}
	.data-lastname {
		font-size: 20px;
		padding-bottom: 40px
	}
	.template-country .img-shield {
		width: 180px;
		margin-top: 20px;
		margin-bottom: 20px
	}
	.img-shield {
		width: 40px
	}
	.tv {
		visibility: hidden
	}
}

@media (min-width:992px) {
    .container {
        max-width: 755px;
    }
    
	.text-vs {
		background-color: blue
	}
	.img-photo {
		margin-top: 30px;
		margin-bottom: 30px;
		width: 220px;
		height: 220px;
		background-position: center center;
		background-size: 280px
	}
	.template-country .img-shield {
		width: 220px;
		margin-top: 30px;
		margin-bottom: 30px
	}
}

@media (max-width:992px) {
	.tv1 {
		top: 227px;
		left: 78px;
		position: relative
	}
	.tv2 {
		top: 151px;
		left: 309px;
		position: relative
	}
	.tv3 {
		top: 92px;
		left: 620px;
		position: relative
	}
	.tv4 {
		top: 225px;
		left: 675px;
		position: relative
	}
}



@media only screen and (max-width:320px) {
	.atras-izq {
		margin-left: 8px;
		border-top: 8px solid transparent;
		border-bottom: 8px solid transparent;
		border-right: 8px solid #fff
	}
	.header-barra,
	.header-barra-2 {
		height: 16px
	}
	#social {
		margin-right: 10px
	}
	#social ul li ul {
		right: 15px
	}
	#social ul li a {
		height: 32px;
		width: 24px
	}
	#social {
		margin: 0
	}
	#social ul li a.wst {
		background: url(../images/sprite-redes.png) no-repeat -96px -4px;
		background-size: 130px
	}
	#social ul li a.tw {
		background: url(../images/sprite-redes.png) no-repeat -54px -4px;
		background-size: 130px
	}
	.espacio-especiales-v2 {
		margin: 14px 45px 0 0
	}
	a.logo-comercio {
		width: 90px
	}
	.boton-especiales {
		font: 700 13px/15px Arial
	}
	.espacio-especiales-v2 {
		margin-top: 14px
	}
	.table-center div.divtd,
	.left-right div.divtd {
		min-height: 40px
	}
	.item-1,
	.item-2 {
		font-size: 13px
	}
	#menu-datos li {
		padding: 0 13px
	}
	#tabla-encabezados-gral,
	#tabla-encabezados-lib-2019,
	.info-gral {
		font: 500 12px/12px 'bentonsansmedium';
	}
    .info-gral {
        margin: 5px -5px 0 -5px;
	}
    
	.botones-movil-club {
		display: block;
		margin: 20px 5px
	}
	.por-perfil-movil,
	.por-datos-movil {
		width: 95%
	}
	.select2-container--default .select2-selection--single .select2-selection__arrow {
		width: 40px
	}
	.selector-club {
		font: 500 11px/16px 'robotoregular'
	}
	.dt {
		font-size: 15px
	}
	.temporada {
		font-size: 13px
	}
	.pagination>li>a,
	.pagination>li>span {
		padding: 3px 6px
	}
}

@media only screen and (min-width:1360px) {
	.container {
		max-width: 900px;
	}
}