@charset "utf-8";

*{
    font-family: sans-serif;
    text-decoration:none; 
    color: white;
    margin: 0rem;
    padding: 0;
     color: white;
    
}


@media (max-width: 500px) {

 .perfil{
    font-size: 1em;
    list-style: none;
padding-top: 1em;
        padding-right:1.5em;
     padding-left: 1.5em;
        display:flex;
            flex-direction:row;
            align-content: space-between;
            justify-content:space-between;
    align-items: flex-end;
            flex-basis: 0;
        flex-grow: 0;
     flex-wrap: nowrap;
     align-items: baseline;
     
  
 }
nav a figure figcaption{
        display: none;
    }
    
    
iframe{
    width: 381px;
    
    }

.resultados {
    display: flex;
    flex-direction: row;
    align-content: space-between;
    justify-content:space-around;
    
    padding-top: 2.5rem;
    border-bottom: solid 1.3px rgb(8, 181, 181); 
    margin-left: 0rem;
    margin-right: 0rem;
}

.resultados a {
    color: white;
    font-size:1.5em; 
    padding-bottom: 0.2rem
    
    ;
}


.active{
    border-bottom: solid 2px rgb(8, 181, 181);
}

    
    .notas{
        margin-top: 1.2rem;
    }
    .notas div{
        margin-bottom: 1rem;
        margin-top: 0rem;
    }

body{
    background-color: #001A7C;
   background-image: url("fondo.png");
    background-repeat: no-repeat;
    background-position: center top;  
    background-attachment:local; 

}

    .notas div img{
         width: 382px;
    }

.handball{
    background: #5D5DC1;    
    font-size: 0.7em;
    margin-top: -1.2em;
    padding: 0.7rem;
    width: 360px;
    margin-bottom: 1rem
}

h2{
    margin-bottom: -0.8rem;
    
    
}
.futbol{
    background: #F7778F;    
    font-size: 0.7em;
    margin-top: -1.2em;
    padding: 0.7rem;
    width: 360px;
    margin-bottom: 1rem
}

  .handball{
    background: #EE1555;    
    font-size: 0.7em;
    margin-top: -1.2em;
    padding: 0.7rem;
      width: 360px;
      margin-bottom: 1rem
}
    
    
   .hockey{
    background: #FFC205;    
    font-size: 0.7em;
    margin-top: -1.2em;
    padding: 0.7rem;
       width: 360px;
       margin-bottom: 1rem
}   
    
  .tenis{
    background: #EA650A;    
    font-size: 0.7em;
    margin-top: -1.2em;
    padding: 0.7rem;
      width: 360px;
      margin-bottom: 1rem
}    
    
    
   .voley2{
    background: #8989F4;    
    font-size: 0.7em;
    margin-top: -1.2em;
       padding: 0.7rem;
        width: 360px;
       margin-bottom: 1rem
    }
    
  .voley{
    background: #8989F4;    
    font-size: 0.7em;
    margin-top: -1.2em;
    padding: 0.7rem;
      width: 360px;
      margin-bottom: 1rem
}    
   
    

    
section h2{
       padding-top: 1em;
     padding-left: 1rem;
    padding-right: 1rem;
 }


.noti{
    display: flex;
    flex-direction: row;
    align-content: space-between;
    justify-content: space-between;
    align-items: flex-end;
    flex-basis: 0;
    flex-grow: 0;
    flex-wrap: nowrap;
    padding-top: -1em;
    padding-top: 1rem;
    padding-bottom: 0.5rem;
    margin-top: 0.5em;
    padding-left: 1rem;
    padding-right: 1rem;
    
    
}



.arriba{
    border-bottom: solid 1px rgb(8, 181, 181);
    padding: 0.5em;
 
    
    
    
    
}

    .notas div  img {
        width: 382px;
        
    }  
    
    .parte2 div img{
        width: 382px;
    } 
    
    
    
    
.tabla{
    display: flex;
    align-content: space-around; 
    justify-content: space-around;
    align-items: baseline;
   padding: 0.4rem;
    font-family: 'Abel', sans-serif;
  
}

    .tabla h3{
        font-family: 'Abel', sans-serif;
        font-size: 20px;
    }

    .tabla img {
        position: relative;
        margin-right: -1.5rem;
    }   
    
    
.pelotas{
    width: 1.5em;
    padding: 0;
    margin: 0;
}

    
figcaption{
    display: flex;
    flex-direction: column;
}


    
.ocultar{
        display:none;
        visibility:hidden;
    }

    
    
    
.nada{
    display: none;
}


     span{
        color: rgb(8, 181, 181)
    }
    
    .color{
        color: rgb(8, 181, 181);
        
        
    }
     .colorfecha{
       
        color: rgb(8, 181, 181);
         
    }
    
   
     .arriba p {
         font-family: 'Abel', sans-serif;
        font-size: 20px;
    }
    
    #fecha{
        font-size: 16px
    }
       
    
    

.bar { 
   text-decoration: none;
    list-style-type: none; 
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-content: space-between;
    flex-basis: 0;
    flex-grow: 0;
    flex-wrap: nowrap;
    border-top: solid 1px rgb(8, 181, 181);
 
    background-color: #001A7C;
    overflow: hidden;
    bottom: 0;
    margin-left: 0em;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
    
    
}
 
.bar ul a img {
    width: 1.5em;
}


/* The navigation bar */
.bar {
    overflow: hidden;
    position: fixed; /* Set the navbar to fixed position */
    bottom: 0; /* Position the navbar at the top of the page */
    width: 100%; /* Full width */
}

/* Links inside the navbar */
.bar ul a {
    
    display: block;
    text-align: center;

    text-decoration: none;
    
}

/* Main content */
main {
    margin-bottom: 40px; /* Add a top margin to avoid content overlay */
}





}



.resultados h3{
    display: none;
}



 footer{
       display: none
        
    }    












@media (min-width: 700px) {

    
  body{
    background-color: #001A7C;
   background-image: url("fondoresp.png");
    
    background-repeat: no-repeat;
    background-position: center top;  
    background-attachment:local; 
margin-left: 1.2rem;
}
    
    
    
    .perfil{
    font-size: 1.2em;
    list-style: none;
padding-top: 1em;
            display:flex;
            flex-direction:row;
            align-content: space-between;
            justify-content:space-between;
    align-items: flex-end;
            flex-basis: 0;
        flex-grow: 0;
     flex-wrap: wrap;
     align-items: baseline;
     
  
 } 
    .logo{
       position: relative;
        left: 7px;
        
    }
    
    .lupa{
        position: relative;
        left: -30;
         border: solid 1px rgb(8, 181, 181);
        border-radius: 10px 10px 10px 10px;
        padding-left: 15rem;
        padding-right: 0.5rem;
        padding-bottom: 0.2rem;
        padding-top: 0.2rem;
        
    }
    
    
    
    iframe{
    width: 290px;
    height: 176px;
   
    }
    
    .bar{
        display: none;
    }   
    
    .hide{
        display: none;
    } 
    
  .handball{
    background: #EE1555;    
    font-size: 0.8em;
    margin-top: 0em;
    padding: 0.7rem;
}
    
    .todo{
        display: flex;
        justify-content: space-around;
    } 
   .hockey{
    background: #FFC205;    
    font-size: 0.8em;
    margin-top: 0em;
    padding: 0.7rem;
       
}   
    
  .tenis{
    background: #EA650A;    
    font-size: 0.8em;
    margin-top: 0em;
    padding: 0.7rem;
}    
 .voley2{
    background: #8989F4;    
    font-size: 0.8em;
    margin-top: 0em;
     padding: 0.7rem;}
    
    
  .voley{
    background: #8989F4;    
    font-size: 0.8em;
    margin-top: 0em;
    padding: 0.7rem;
    width: 267px;
      
}    
       
    

h2{
    margin-bottom: -0.8rem
}
.futbol{
    background: #F7778F;    
    font-size: 0.8em;
    margin-top: 0em;
    padding: 0.7rem;
    
    
}

section h2{
    padding-top: 1em;
    padding: 0.2rem;
    padding-left: 1rem;
    padding-right: 1rem;
 }
    
    

div img{
    width: 100%;
    
}
.noti{
    display: flex;
    flex-direction: row;
    align-content: space-between;
    justify-content: space-between;
    align-items: flex-end;
    flex-basis: 0;
    flex-grow: 0;
    flex-wrap: nowrap;
    padding-top: 0em;
    padding-top:1rem;
    padding-bottom: 0.5rem;
    margin-top: 0.5em;
    padding-left: 1rem;
    padding-right: 1rem;
   

    
}
  
main div{
    
    padding-bottom:1rem;
    padding: 0.7rem;
    max-width: 290px;
    
    }   
    
    .notas{
      display: flex;
    align-content: space-between;
        align-items: center;
      padding-bottom: rem; 
      flex-wrap: wrap;
    
    }
    .notas {
        padding-bottom: -1rem;
        padding-top: -1rem;
    }
  
      .parte2{
      display: flex;
          flex-direction: row;
    align-content: space-around;
        align-items: center;
      padding-bottom: 0rem; 
      flex-wrap: wrap;
    
    }
   
    
   
  .arriba{
    border-top: solid 1px rgb(8, 181, 181);
    
     
    
    
    
}
    
    
.tabla{
    display: flex;
    align-content: space-around; 
    justify-content: space-around;
    align-items: baseline;
   padding: 0.3rem;
    width: 260px;
   
}   
   
    
    
.pelotas{
    width: 1.7em;
    padding: 0;
    margin: 0;
}    
    
    
  
.costado{
    display: flex;
    flex-direction: column;
    
        

    
}


    
   .resultados a {
        display: none;
       
    }
    
      
    
   .resultados  {
       display:flex;
       flex-basis: 0;
       padding-top: 2rem;
       padding-bottom: 0.7rem;
       padding-left: 0.7rem;
       padding-right: 0;
       align-items: center;
       
    }
    
    nav figure{
        display: flex;
      justify-content: space-between;
        align-content: center;
        align-items: center;
        padding-right: 6.2rem;
        
        
    }
    
    
    nav figure img{
        width: 1.5rem;
        padding-right: 0.7rem;
    }
    
    nav h4 {
        padding-left: 0rem;
        font-weight: 740;
        font-size: 18px;
        margin-top: 2rem;
    }
    
    .bold{
        font-weight: 700
    }
    
    .costado{
    margin-right: 2rem;
    margin-left: -3rem; 
           
    
    } 

         span{
        color: rgb(8, 181, 181);
        font-family: 'Abel', sans-serif    
    }
    
    .color{
        color: rgb(8, 181, 181);
        
    }
    
    
     .tabla p{
        font-family: 'Abel', sans-serif; 
    }
    
section h3{
        font-family: 'Abel', sans-serif; 
    }
    
    
    
    
    
    footer{
        font-size: 0.7rem;
        margin: 1rem;
        margin-top: 3rem;
        
    }    
    
    
    
    
    
    
    
    
    
    
}


@media (min-width: 1600px) {

    
  body{
    background-color: #001A7C;
   background-image: url("fondoresp.png");
    background-repeat: no-repeat;
    background-position: center top;  
    background-attachment:local; 

}
    
    
    
    .perfil{
    font-size: 1.2em;
    list-style: none;
padding-top: 1em;
            display:flex;
            flex-direction:row;
            align-content: space-between;
            justify-content:space-around;
    align-items: flex-end;
            flex-basis: 0;
        flex-grow: 0;
     flex-wrap: wrap;
     align-items: baseline;
     
  
 } 
    
    
    
    
    
     .logo{
       position: relative;
        left: -350px;
        
    }
    
    .lupa{
        position: relative;
        left: 210;
        border: solid 1px rgb(8, 181, 181);
        border-radius: 10px 10px 10px 10px;
        padding-left: 15rem;
        padding-right: 0.5rem;
        padding-bottom: 0.3rem;
        padding-top: 0.3rem;
    }
    
    
    iframe{
    width: 1245px;
   
    }
    
    .bar{
        display: none;
    }   
    
    .hide{
        display: none;
    } 
    
  .handball{
    background: #EE1555;    
    font-size: 0.8em;
    margin-top: 0em;
    padding: 0.7rem;
}
    
    
   .hockey{
    background: #FFC205;    
    font-size: 0.8em;
    margin-top: 0em;
    padding: 0.7rem;
       
}   
    
  .tenis{
    background: #EA650A;    
    font-size: 0.8em;
    margin-top: 0em;
    padding: 0.7rem;
}    
    
  .voley{
    background: #8989F4;    
    font-size: 0.8em;
    margin-top: 0em;
    padding: 0.7rem;
    width: 1223px;
      
}    
       
    

h2{
    margin-bottom: -0.8rem
}
.futbol{
    background: #F7778F;    
    font-size: 0.8em;
    margin-top: 0em;
    padding: 0.7rem;
    
    
}

section h2{
    padding-top: 1em;
    padding: 0.2rem;
    font-weight: 500;
 }
    .tabla p{
        font-family: 'Abel', sans-serif; 
    }
    
section h3{
        font-family: 'Abel', sans-serif; 
    }
div img{
    width: 100%;
    
}
.noti{
    display: flex;
    flex-direction: row;
    align-content: space-between;
    justify-content: space-between;
    align-items: flex-end;
    flex-basis: 0;
    flex-grow: 0;
    flex-wrap: nowrap;
    padding-top: 0em;
    padding-top:1rem;
    padding-bottom: 0.5rem;
    margin-top: 0.5em;
   

    
}
  
main div{
    
    padding-bottom: 2rem;
    padding: 0.7rem;
    max-width: 400px;
    
    }   
    
    .notas{
      display: flex;
    align-content: space-around;
        align-items: center;
      padding-bottom: 1rem; 
      flex-wrap: wrap;
    
    }
  
      .parte2{
      display: flex;
          flex-direction: row;
    align-content: space-around;
        align-items: center;
      padding-bottom: 1rem; 
      flex-wrap: wrap;
    
    }
   
    
   
  .arriba{
    border-top: solid 1px rgb(8, 181, 181);
    padding: 1em;
    
    
    
    
}
    
    
.tabla{
    display: flex;
    align-content: space-around; 
    justify-content: space-around;
    align-items: baseline;
   padding: 0.4rem;
    width: 310px;
    font-family: 'Abel', sans-serif; 
    
}   
   
    
    
.pelotas{
    width: 1.7em;
    padding: 0;
    margin: 0;
}    
    
    
  
.costado{
    display: flex;
    flex-direction: column;
    
    
}


    
   .resultados a {
        display: none;
    }
    
      
    
   .resultados  {
       display:flex;
       flex-basis: 0;
        padding-top: 2rem;
       padding-bottom: 0.7rem;
       padding-left: 2rem;
       padding-right: 0;
       align-items: center;
       
    }
    
    nav figure{
        display: flex;
      justify-content: space-between;
        align-content: center;
        align-items: center;
        padding-right: 6rem;
        padding-bottom: 1.5rem
        
    }
    
    
    nav figure img{
        width: 1.5rem;
        padding-right: 0.8rem;
    }
    
    nav h4 {
        padding-left: 19rem;
        font-weight: 700;
    }
    
    
    
    .costado{
      position:relative;
      left: 1290px;
      bottom: 1177px;
        
    
    } 

    
    
     span{
        color: rgb(8, 181, 181);
        font-family: 'Abel', sans-serif    
    }
    
    .color{
        color: rgb(8, 181, 181);
        
    }
    
    
    .tabla h2{
        font-weight: 700;
    }
    
    
    
     footer{
        font-size: 0.7rem;
        margin: 1rem;
        margin-top: 3rem;
        
    }       
    
    
    
    
    
}