#buttonLog{
	margin-left: 10%;
	background-color: #ED552B;
}
#buttonReg{
	margin-left: 10%;
}
#button1, #button3, #button5{
	margin-left: 10%;
	background-color: #ED552B;
	
}
#button2, #button4, #button6{
	margin-left: 10%;
	
}
#partidoInfo{
	margin: 0 auto; 
	box-sizing: border-box; 
	text-align: center;
	max-width:400px;
	width: auto;
}
.match div{
    display: inline-block;
}
.classUnder{
    margin-bottom: -20px;
}
.matchLocal div{
    display: table;
}
.matchVisita div{
    display: table;
}
.teamPosition td, .teamPosition tr, .teamPosition td a{
    background-color: lightsteelblue;
    font-weight: bold;
}
.partidoTabla .teamPosition td, .partidoTabla .teamPosition tr, .partidoTabla .teamPosition td a{
    background-color: lightsteelblue;
    font-weight: bold;
}
.playerStats .playerStatMatch a {
    color: black;
    background-color: white;
}
.selectYear{
    margin-left: 5px;
}
.selector {
    width: 80px;
    text-align: center;
    padding: 2px;
    border-radius: 20px;
    background-color: white;
}
.topic .statsJ{
	background-color: white;
	color: black;
	padding: 0 0;
}
.topic .compStatsJ{
    text-align: left;
}
.topic .statsJ:hover{
	background-color: white;
}

.line{
	border-bottom: 1px solid black;
}



.partidoTabla, .partidoTabla table, .partidoTabla th, .partidoTabla tr, .partidoTabla td{
	background-color: white;
	color: black;
}
.partidoTabla td a{
	background-color: white;
	color: black;
	padding: 1px 1px;
	font-weight: normal;
}
.partidoTabla td a:hover{
	background-color: white;
	color: black;
}


.posImg{
	max-width: 40px;
	max-height: 40px;
	height : auto;
	width: auto;
}

.topic h3{
	font-size: 17px;
}

.topic p{
    font-size: 12px;
}

.topic a{
    display: block;
    padding: 10px 20px;
    background-color: #041d37;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    line-height: 1.1;
}

.topic a:hover{
    background-color: #4a648a;
}
.partidoTable a{
	background-color: rgb(162, 174, 214);
	color: black;
	font-weight: normal;
}
.partidoTable a:hover{
	background-color: rgb(162, 174, 214);
}
.partidoTable img{
	max-width: 40px;
	max-height: 40px;
	height : auto;
	width: auto;
}
.btn{
	width: 150px;
	height: 40px;
	float:left;
	margin-top: 10px;
	cursor: pointer;
	border: none;
}

.nav-link{
    font-size : 120%;
    color:white;
	align-self:center;
    text-decoration: none;
}
.console-link{
	font-size : 100%;
	color : black;
	padding: 10px 15px;
	
}
.equipo-link{
	display: block;
    padding: 10px 20px;
    background-color: #8b3535;
	font-size : 100%;
	color:white;
	padding: 10px 15px;
	margin-left: 10px;
	
}
.navbar{
    margin: auto;
	width: 100%;
	background-color: #194e7a;
}
.nav-item {
	float: left;
	vertical-align: middle;
	margin-top: 5px;
}
.container{
	margin-left: 25%;
	margin-right: 20%;
	text-align: center;
	border:2px solid black;
	background-color: rgb(162, 174, 214);
}

.stat div{
	display: inline-block;
	width: 33%;
}
.statLocal{
	text-align: left;
}
.statName{
	text-align: center;
	font-size: small;
}
.statVisita{
	text-align: right;
}

.lider div{
	display: inline-block;
}

.jornadaBtn{
	border: none;
    background-color: #8b3535;
	font-size : 80%;
	color:white;
	padding: 5px 10px;
	margin-left: 10px;
	margin-top: 5px;
}
.playerStat div h3{
	font-size: xx-large;
}
.playerStat div p{
	background-color: red;
	color: white;
}
.playerStats div h3{
	font-size: xx-large;
}
.playerStats div p{
	background-color: red;
	color: white;
}

.statsLider a:hover{
    background-color: white;
}
@media screen and (max-width:400px){
    .playerStats .playerStatMatch div {
        border: none;
        display: initial;
    }
    .playerStats .playerStatMatch a {
        color: black;
        background-color: white;
    }
    .posiciones .rankImg {
        max-width: 60px;
        max-height: 45px;
        height: auto;
        width: auto;
    }
    .playerStat div h3{
	    font-size: xx-large;
	    top: -25px;
	    position: relative;
    }
    .playerStats div h3{
	    font-size: xx-large;
	    top: -25px;
	    position: relative;
    }
    .equipo-bar{
        display: flex;
        overflow-x: auto;
    }
    .comp{
    	width: 110px;
    	height: 45px;
    	padding-left: 10px;
    	padding-top: 3px;
    	padding-bottom: 15px;
    	padding-right: 10px;
    	display: block;
    	background-color: #8b3535;
    	color: white;
    	margin-left: 5px;
    	margin-top: 5px;
    	line-height: 14px;
    }
    .statTabla{
    	margin: 5px;
    	width: 95%;
    	border: 0px;
    	background-color: white;
    	overflow-x: auto;
    }
    .imgMatch{
    	max-width: 110px;
    	max-height: 85px;
    	width: auto;
    	height: auto;
    	padding-top: 20px;
    }
    .imgMatchPlayer{
        max-width: 70px;
        max-height: 65px;
        width: auto;
        height: auto;
        padding-top: 10px;
    }
    .rankImg{
	    max-width: 80px;
	    max-height: 65px;
	    height : auto;
	    width: auto;
    }
    .playerStat div{
    	border: 1px solid black;
    	padding: 0px;
    	width: 24%;
    	margin: 1px;
    	height: 100px;
    }
    .playerStats div{
    	border: 1px solid black;
    	padding: 0px;
    	width: 24%;
    	margin: 1px;
    	height: 100px;
    }
    .tableCompImg{
        max-width: 48px;
        max-height: 35px;
        height : auto;
        width: auto;
    }
    .topic{
        background-color: #FFFFFF;
        width: 150px;
        box-sizing: border-box;
        padding: 20px;
        color: #041d37;
        text-align: center;
        border-radius: 15px;
        display: inline-block;
        margin: 5px;
    }

    .topic img{
    	width: 110px;
    	height: 100px;
    }
    .stats{
	    float:left;
	    width: 98%;
    }
    .statsLider{
	    width: 95%;
	    padding: 5px 15px;
    }
    .statsLider img{
    	height: 60px;
    	width: 50px;
    	border-radius: 10px;
    }
    .statsLider div{
    	padding: 0 5px;
    }
    .statsLider p{
    	margin-top: -18px;
    }
    .statsLider a{
        display: table-caption;
        padding: 0px;
        background-color: white;
        color: black;
    }
    .statsLider h5{
        margin-top: 2px;
        text-align: center;
        width: 75px;
    }
    .lider{
    	display: table-cell;
        border-right: 1px dashed rgb(214, 214, 214); 
    }
    .WR, .Int{
    	border-right: 1px solid white;
    }
    .playerStat{
	    width:99%;
	    padding-left: 5px;
	    padding-right: 5px;
	    overflow-x: auto;
    }
    .playerStats{
        width:99%;
        padding-left: 5px;
        padding-right: 5px;
    }
    .rightImg a{
        margin-left: 30%;
        width: 400px;
    }
    .posiciones{
    	margin: 0px;
    	width: 100%;
    }
    .posiciones td{
    	border : none;
    	border-bottom: 1px solid black;
    }
    .rankPos td {
        width: 100px;
    	word-spacing: 999999px;
    }
    .partidoTabla .posImg{
        height: 30px;
        width: 30px;
    }
    .match img{
    	max-width: 80px;
    	max-height: 60px;
    	width: auto;
    	height: auto;
    }
    
    .match{
        width: 97%;
        padding: 5px;
        text-align: center;
        padding-top: 0px;
        margin-bottom:0px;
        border-radius: 10px;
    }
    .matchVisita div{
        width: 108px;
        line-height: 14px;
    }
    .matchLocal div{
        width: 108px;
        line-height: 14px;
    }
    .match p{
        margin-top: 10px;
    }
    .divResMatch{
        font-size: 35px;
    }
    .teamLider{
        display: inline-block;
    }
    .teamLider h4{
        display: table-caption;
        margin-left: 20px;
    }
    .rosterImg{
        max-width: 30px;
    	max-height: 30px;
    	width: auto;
    	height: auto;
    	margin-left: 5px;
        margin-right: 5px;
        border-radius: 50px;
    }
    .statsEquipoImg{
        max-width: 20px;
        max-height: 20px;
        margin-top: 3px;
        margin-right: 10px;
        margin-left: 10px;
    }
}
@media screen and (min-width:399px) and (max-width:481px){
    .playerStats .playerStatMatch div {
        border: none;
        display: initial;
    }
    .playerStats .playerStatMatch a {
        color: black;
        background-color: white;
    }
    .comp{
    	width: 110px;
    	height: 45px;
    	padding-left: 10px;
    	padding-top: 3px;
    	padding-bottom: 15px;
    	padding-right: 10px;
    	display: block;
    	background-color: #8b3535;
    	color: white;
    	margin-left: 5px;
    	margin-top: 5px;
    }
    .statTabla{
    	margin: 5px;
    	width: 95%;
    	border: 0px;
    	background-color: white;
    	overflow-x: auto;
    }
    .imgMatch{
    	max-width: 120px;
    	max-height: 95px;
    	width: auto;
    	height: auto;
    	padding-top: 10px;
    }
    .imgMatchPlayer{
        max-width: 80px;
        max-height: 75px;
        width: auto;
        height: auto;
        padding-top: 10px;
    }
    .rankImg{
	    max-width: 80px;
	    max-height: 65px;
	    height : auto;
	    width: auto;
    }
    .tableCompImg{
        max-width: 68px;
        max-height: 55px;
        height : auto;
        width: auto;
    }
    .topic{
        background-color: #FFFFFF;
        width: 150px;
        box-sizing: border-box;
        padding: 20px;
        color: #041d37;
        text-align: center;
        border-radius: 15px;
        display: inline-block;
        margin: 5px;
    }
    
    .topic img{
    	width: 110px;
    	height: 100px;
    }
    .stats{
	    float:left;
	    width: 98%;
    }
    .statsLider{
	    width: 98%;
    }
    .statsLider img{
    	height: 80px;
    	width: 60px;
    	border-radius: 20px;
    }
    .statsLider div{
    	padding: 0 5px;
    }
    .statsLider p{
    	margin-top: -18px;
    }
    .statsLider a{
        display: table-caption;
        padding: 0px;
        background-color: white;
        color: black;
    }
    .statsLider h5{
        margin-top: 2px;
        text-align: center;
        width: 80px;
    }
    .lider{
        display: inline-block;
        border-right: 1px dashed rgb(214, 214, 214); 
    }
    .WR, .Int{
    	border-right: 1px solid white;
    }
    .playerStat{
	    width:99%;
	    padding-left: 5px;
	    padding-right: 5px;
	    overflow-x: auto;
    }
    .playerStats{
        width:99%;
        padding-left: 5px;
        padding-right: 5px;
    }
    .rightImg a{
        margin-left: 20%;
        width: 400px;
    }
    .posiciones{
    	margin: 0px;
    	width: 100%;
    }
    .posiciones td{
    	border : none;
    	border-bottom: 1px solid black;
    }
    .rankPos td {
        width: 100px;
    	word-spacing: 999999px;
    }
    .match img{
    	max-width: 100px;
    	max-height: 60px;
    	width: auto;
    	height: auto;
    }
    .match{
        width: 310px;
        padding: 10px;
        text-align: center;
    }
    .matchVisita div{
        width: 108px;
    }
    .matchLocal div{
        width: 108px;
    }
    .match p{
        margin-top: 1px;
    }
    .divResMatch{
        font-size: 30px;
    }
    .rosterImg{
        max-width: 45px;
    	max-height: 45px;
    	width: auto;
    	height: auto;
    	margin-left: 5px;
        margin-right: 5px;
        border-radius: 50px;
    }
    .statsEquipoImg{
        max-width: 20px;
        max-height: 20px;
        margin-top: 3px;
    	width: auto;
    	height: auto;
    	margin-right: 10px;
        margin-left: 10px;
    }
    .playerStat div{
    	border: 1px solid black;
    	padding: 0px;
    	width: 23%;
    	margin: 2px;
    }
    .playerStats div{
    	border: 1px solid black;
    	padding: 0px;
    	width: 23%;
    	margin: 2px;
    }
}
@media screen and (min-width:480px){
    .playerStats .playerStatMatch div {
        border: none;
        display: initial;
    }
    .playerStats .playerStatMatch a {
        color: black;
        background-color: white;
    }
    .comp{
    	width: 110px;
    	height: 45px;
    	padding-left: 10px;
    	padding-top: 3px;
    	padding-bottom: 15px;
    	padding-right: 10px;
    	display: block;
    	background-color: #8b3535;
    	color: white;
    	margin-left: 5px;
    	margin-top: 5px;
    }
    .statTabla{
    	margin: 5px;
    	width: 95%;
    	border: 0px;
    	background-color: white;
    }
    .playerStat div{
    	border: 1px solid black;
    	padding: 0px;
    	width: 22%;
    }
    .playerStats div{
    	border: 1px solid black;
    	padding: 0px;
    	width: 22%;
    }
    .imgMatch{
    	max-width: 160px;
    	max-height: 95px;
    	width: auto;
    	height: auto;
    }
    .imgMatchPlayer{
        max-width: 80px;
        max-height: 75px;
        width: auto;
        height: auto;
    }
    .rankImg{
	    max-width: 100px;
	    max-height: 85px;
	    height : auto;
	    width: auto;
    }
    .tableCompImg{
        max-width: 78px;
        max-height: 65px;
        height : auto;
        width: auto;
    }
    .topic{
        background-color: #FFFFFF;
        width: 200px;
        box-sizing: border-box;
        padding: 20px;
        color: #041d37;
        text-align: center;
        border-radius: 15px;
        display: inline-block;
        margin: 5px;
    }
    
    .topic img{
    	width: 160px;
    	height: 100px;
    }
    .lider{
	    display: inline-block;
	    border-right: 1px dashed rgb(214, 214, 214);
    }
    .WR, .Int{
    	border-right: 1px solid white;
    }
    .stats{
	    float:left;
	    width: 200px;
    }
    .statsLider{
	    width: 98%;
    }
    .statsLider img{
    	height: 100px;
    	width: 100px;
    	border-radius: 20px;
    }
    .statsLider div{
    	padding: 0 10px;
    }
    .statsLider p{
    	margin-top: -10px;
    }
    .statsLider a{
        display: table-caption;
        padding: 0px;
        background-color: white;
        color: black;
    }
    .statsLider h5{
        margin-top: 2px;
        text-align: center;
        width: 100px;
    }
    .playerStat{
	    width:99%;
	    padding-left: 5px;
	    padding-right: 5px;
	    overflow-x: auto;
    }
    .playerStats{
        width:99%;
        padding-left: 5px;
        padding-right: 5px;
    }
    .rightImg{
        width:600px;
    }
    .posiciones{
    	margin: 10px;
    	width: 95%;
    }
    .posiciones td{
    	border : none;
    	border-bottom: 1px solid black;
    }
    .match img{
    	max-width: 100px;
    	max-height: 60px;
    	width: auto;
    	height: auto;
    }
    .match{
        width: 310px;
        padding: 10px;
        text-align: center;
    }
    .matchVisita div{
        width: 108px;
    }
    .matchLocal div{
        width: 108px;
    }
    .match p{
        margin-top: 1px;
    }
    .divResMatch{
        font-size: 30px;
    }
    .rosterImg{
        max-width: 60px;
    	max-height: 60px;
    	width: auto;
    	height: auto;
    	margin-left: 5px;
        margin-right: 5px;
        border-radius: 50px;
    }
    .statsEquipoImg{
        max-width: 20px;
        max-height: 20px;
        margin-top: 3px;
    	width: auto;
    	height: auto;
    	margin-right: 10px;
        margin-left: 10px;
    }
}
.partidoImg{
	max-height: 25px;
	max-width: 25px;
	height : auto;
	width: auto;
	float:left;
	margin-left: 10%;
}
.statTabla th, .statTabla td,  .statTabla{
	border: 0px;
	background-color: white;
}
.statTabla th{
	border-bottom: 1px solid rgb(153, 153, 153);
	padding: 0 5px;
}
.imgInfo{
	border-radius: 10%;
	max-height: 100px;
	height: auto;
	width: auto;
	float: left;
	margin-right: 10px;
}
.playHead{
	margin-left: 5px;
	margin-right: 30px;
}
.partidoScore{
	border: none;
	background-color: white;
}
.partidoScore table, .partidoScore tr, .partidoScore th, .partidoScore td{
	border: none;
	background-color: white;
}
.partidoScore th{
	border-bottom: 1px solid rgb(156, 156, 156);
}
.playHead table, .playHead tr, .playHead th{
	border: none;
	background-color: rgb(172, 172, 172);
}
.redzone tr{
    border: none;
	background-color: red;
}
.imgPlayer{
	border-radius: 10%;
	max-height: 150px;
	height: auto;
	width: auto;
	float: left;
	margin-right: 10px;
}
ul{
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
}
nav {
    z-index:2;
	top: 50%;
	left: 50%;
	text-align: center; 
}
nav ul{	
	margin-left:auto;
	margin-right: auto;
	text-align:center;
	padding: 0;
	list-style-type: none;
}

nav ul li{
	padding: 1px 10px;
	font-weight: bold;
}

body{
	background-color: lightgrey;
	margin: 0;
}
header, footer{
	padding: 10px 20px;
	text-align: center;
}
@media screen and (max-width:368px){
    header{
    	background-color: #194e7a;
    	color: #FFFFFF;
    	padding: 10px 0px;
    	height: 181px;
    	position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 10;
    }
    body{
    	padding-top: 181px;
    }
    .imgMatch{
        max-width: 85px;
    	max-height: 85px;
    	width: auto;
    	height: auto;
    	padding-top: 30px;
    }
    .imgMatchPlayer{
        max-width: 65px;
        max-height: 65px;
        width: auto;
        height: auto;
        padding-top: 10px;
    }
    .video{
        height: 400px;
    }
}
@media screen and (min-width:367px) and (max-width:641px){
    header{
    	background-color: #194e7a;
    	color: #FFFFFF;
    	padding: 10px 0px;
    	height: 181px;
    	position: fixed; 
        left: 0;
        right: 0;
        top: 0;
        z-index: 10;
    }
    body{
    	padding-top: 181px;
    }
    .video{
        height: 400px;
    }
}
@media screen and (min-width:640px){
    header{
    	background-color: #194e7a;
    	color: #FFFFFF;
    	padding: 10px 0px;
    	height: 145px;
    	position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 10;
    }
    body{
    	padding-top: 145px;
    }
    .video{
        height: 480px;
    }
}

footer{
	background-color: #173F5F;
	color: #FFFFFF;
	padding: 10px 0px;
}
main{
	background-color: lightgrey;
}
table, th, td {
	border: 1px solid black;
	background-color: whitesmoke;
	text-align: center;
}
table{
	width: 100%;
}

a{
    color: black;
    text-decoration: none;
	cursor: pointer;
}