header{width:100%;}


h1{font-size:30px; margin: 0px;padding:0px;}	
h2{font-size: 18px; margin: 0px;padding:0px;}
h3{font-size: 16px; margin: 0px;padding:0px;font-weight:bold;font-family:Arial; text-align:justify}
h4{font-size: 14px; margin: 0px;padding:0px;}
h5{font-size: 11px; margin: 0px;padding:0px;font-weight:bold;font-family:Arial;}
p{font-size:14px;text-align: justify;padding:0px;margin:0px;}

#btn-menu:checked ~ .hamburguesa-cont{display:block;}
#btn-menu{display:none;}

.menu-celular{float:left;position:relative;background-color:red;color:white;padding-left:5%;cursor:pointer;width:95%;}
.hamburguesa-cont{float:left;display:none;position:relative;background-color:red;z-index:2;width:100%;}
.hamburguesa-cont a{color:white;text-decoration:none;display:block;}
.hamburguesa-cont a:hover .hamburguesa-div{background-color:black;width:95%;}
.hamburguesa-div{width:94%;font-size:18px;font-family:Arial;padding-left:25px;padding-top:6px;min-height:26px;border-top:1px solid #A50000;z-index:2;} 
.derechos{text-align:center;width:100%;height:24px;float:left;font-size:11px;font-weight:bold;font-family:Arial;background-color:red;color:white;}

.box-fb{margin: 5px auto;text-align:center;width:100%;height:130px;float:left;}
.box-record{margin: 5px auto;text-align:center;width:100%;height:120px;float:left;background-color:blue;border-radius: 0.25rem;}
.box-aside{margin: 5px auto;text-align:center;width:100%;height:195px;float:left;background-color:blue;border-radius: 0.25rem;}
.masJ{text-align:center;width:100%;height:24px;float:left;font-size:18px;font-family:Arial;background-color:red;color:white;}

.fondo{
  background: #000059; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#00002F, #00006C, #A8A8B8); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#00002F, #00006C, #A8A8B8); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#00002F, #00006C, #A8A8B8); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#00002F, #00006C, #A8A8B8); /* Standard syntax */
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#00002F), to(#A8A8B8));
}

.container{margin:auto;width:95%;max-width:1100px;display:flex;flex-direction:row;flex-wrap:wrap;}

.caja1{float:left;}
.carta1{float:left;min-height:130px;width:100%;margin:auto;}
.carta2{float:center;background-color:#ffffff;height:128px;max-width:100px;border:2px solid #fff;margin:auto;}
.datos{float:left;text-align:justify;font-size: 12px;width:90%;padding:20px;}

.logo1 img{float:left;width:70%;height:70%;}
.bandera1 img{width:30px;height:24px;vertical-align: middle;}
.bandera1{margin-left: 35%;float:left;min-height:24px;min-width:35px;max-width:35px;vertical-align: middle;color:white;font-weight:bold;padding-top: 2px;}
.textoI{float:left;min-height:24px;min-width:100px;max-width:100px;vertical-align: middle;color:white;font-weight:bold;  padding-top: 6px;}
.cajaIdioma{text-align:center; width:100%;}

.botonA{
  margin: 3px;
  width:95%;
  color: #212529;
  text-align:center;
  vertical-align: middle;
  background-color: #2085FF;
  border: 1px solid transparent;
  font-size: 1rem;
  border-radius: 0.25rem;
}

.botonSoccer{
  margin: 1% 3%;
  width:94%;
  color: #fff;
  font-weight:bold;
  text-align:center;
  vertical-align: middle;
  background-color: #04B043;
  border: 1px solid transparent;
  font-size: 1rem;
  border-radius: 0.25rem;
  float:left;
}

.botonFootball{
  margin: 1% 3%;
  width:94%;
  color: #fff;
  font-weight:bold;
  text-align:center;
  vertical-align: middle;
  background-color: #2085FF;
  border: 1px solid transparent;
  font-size: 1rem;
  border-radius: 0.25rem;
  float:left;
}

.botonBaseball{
  margin: 1% 3%;
  width:94%;
  color: #fff;
  font-weight:bold;
  text-align:center;
  vertical-align: middle;
  background-color: #1A00E1;
  border: 1px solid transparent;
  font-size: 1rem;
  border-radius: 0.25rem;
  float:left;
}

.botonBasket{
  margin: 1% 3%;
  width:94%;
  color: #fff;
  font-weight:bold;
  text-align:center;
  vertical-align: middle;
  background-color: #E90A0E;
  border: 1px solid transparent;
  font-size: 1rem;
  border-radius: 0.25rem;
  float:left;
}

.botonHockey{
  margin: 1% 3%;
  width:94%;
  color: #fff;
  font-weight:bold;
  text-align:center;
  vertical-align: middle;
  background-color: #3A3A3A;
  border: 1px solid transparent;
  font-size: 1rem;
  border-radius: 0.25rem;
  float:left;
}

.botonA:hover{
  background-color: #0058C4;
}

.botonFootball:hover{
  background-color: #0058C4;
}

.botonBaseball:hover{
  background-color: #14019E;
}

.botonBasket:hover{
  background-color: #CD0609;
}

.botonHockey:hover{
  background-color: #000;
}

.botonSoccer:hover{
  background-color: #08973d;
}


.contenido{z-index:1;
font-family:Arial;
text-align:center;
margin:auto;
color:black;
width:100%;
max-width:800px;
min-height:820px;
background-color: #FFF;
}

.boxP{
font-family:Arial;
margin:auto;
color:black;
width:85%;
}

.botones{z-index:1;
font-family:Arial;
text-align:center;
margin:auto;
color:white;
width:100%;
background-color: #fff;
}

.aside1{
margin:auto;
width:100%;
height:100%;
background-color: transparent;
}

.fecha{
text-align:center;
padding-bottom:30px;
font-size: 24px;
color:white;
width:100%;
background-color: #000;
}

.titulo1{
float:left;
margin-bottom:30px;
position:relative;
font-weight:bold;
text-align:center;
font-size: 50px;
color:#fff;
width:100%;
}





.menu1{display:none;font-family:Arial;width:100%;background-color:red; border:1px solid #FFFFFF;color:white;position:relative;margin-bottom:3px;}

.menuL{text-align:center;padding:0 10px;background-color:red; border:1px solid #FFFFFF;font-size:16px;color:white;float:left;position:relative;font-weight:bold;}

.menuR{text-align:center;padding:0 10px;background-color:red; border: 1px solid #FFFFFF;font-size:16px;color:white;float:right;position:relative;font-weight:bold;}


@media (min-width:800px){
h1{font-size:36px;}
h2{font-size: 20px;}	
.derechos{text-align:center;width:100%;height:24px;float:left;font-size:16px;font-weight:bold;font-family:Arial;background-color:red;color:white;}
.box-fb{margin: 10px auto;text-align:center;width:100%;height:130px;float:left;}
.menu-celular{display:none;}
.hamburguesa-cont{display:none;}
.hamburguesa-div{display:none;}
.menu1{display:block;font-family:Arial;width:100%;background-color:red; border:1px solid #FFFFFF;color:white;position:relative;margin-bottom:3px;}
.caja1{float:left;}
.cajaIdioma{float:right;width:190px;position:relative;}
.bandera1{margin-left:10%;float:left;min-height:24px;min-width:35px;max-width:35px;vertical-align: middle;color:white;font-weight:bold;}
.carta1{float:left;width:25%;}
.carta2{float:left;background-color:#ffffff;height:128px;max-width:100px;border:2px solid #fff;margin-left:25px}
.datos{float:left;text-align:justify;font-size: 12px;width:65%;margin-bottom:5px;}
.botonSoccer,.botonBaseball,.botonBasket,.botonHockey,.botonFootball{
  width:44%;
}
}

@media (min-width:850px){
h3{font-size: 16px; margin: 0px;padding:0px;font-weight:bold;font-family:Arial;}
.contenido{float:left;text-align:center;width:69%;margin:auto;color:black;min-height:820px;}
.aside1{float:left;margin:0 auto;width:30%;display: inline-block;background-color:transparent;}
.box-fb{margin: 10px auto;text-align:center;width:100%;height:130px;float:left;}
}

@media (min-width:900px){
.botonSoccer,.botonBaseball,.botonBasket,.botonHockey,.botonFootball{
  width:23%;
  margin: 1% 1%;
}
}
@media (min-width:1050px){
.contenido{float:left;text-align:center;width:74%;margin:auto;color:black;}
.aside1{float:left;margin:0 auto;width:25%;display: inline-block;background-color: transparent;}
.box-fb{margin: 10px auto;text-align:center;width:100%;height:130px;float:left;}
}


@media (min-width:1180px){
.box1{width:32%; font-size:11px;}
.box2{width:35%;height:168px;}
}