/*import de google fonts
*
{
    font-family: "Fira Sans Condensed", sans-serif;
    margin:0;
    padding:0;
    box-sizing: border-box;
}
    */
*
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin:0;
    padding:0;
    box-sizing: border-box;
}
    


/*---------------------ESTRUCTURA-------------------------------------*/
.grid-container
 {
    display:grid;
    grid-template-columns:177px 1fr;
    grid-template-rows:90px 104px 250px calc(100vh - 450px); 

    gap:0px;
}

/*--------- HEADER fijo --------*/
.header
{
    grid-column:1/3;
   
}

/*---- menu lateral fijo -----------------------------------------------*/
.flex-menu
{
    grid-column: 1/1;
    grid-row: 2/2;

          
    display:flex;
    flex-direction:column;  
    gap:0px;
    
    background-image:url("../assets/img/fondomenucurva.gif");
    background-size: cover;
        
    padding-left: 10px;
    
    .listaItem 
    {
        
        display:flex;
        align-items: center;
            
        a
        {
            padding-left: 5px;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 8pt;
            font-weight: bold;
            color: #990000;
            text-decoration: none;
            text-align: center;
        }

    }   
  
    .listaItem:hover a
    {
        color:green;
    };
        
       
    
}

/*--------------- panel lateral fijo -----------------------*/
.panelLateral
{
    grid-column: 1/1;
    grid-row: 3/3;
        
    background-color: #e7e4e4;
    margin-right: 18px;

    display:flex;
    flex-direction:column;  
    gap:0px;
    align-items: center;

    .imagenPDF
    {
        height: 60px;
        width: 60px;
        object-fit: none;
    }

    .linkItem 
    {
               
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        font-weight: bold;
        color: #990000;
        text-decoration: none;
        text-align: center;
    }

    
    
    .imagenISO
    {
        height: 140px;
        width: 140px;
        object-fit: none;
    }
    
}

/*---------- area dinamica --------*/
.main
{
    grid-column:2/2;
    grid-row:2/5;
    overflow: auto;

    .contenedorTitulo
    {
        background-color:  #e7e4e4;
        display: flex;
        align-items: center;
        
    }

    .mainIntro
    {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
           
      
    }

    @media only screen and (max-width: 600px) 
    {
        .mainIntro
        {
            display: flex;
            align-items: center;
            justify-content: space-evenly;
                
            flex-wrap: wrap;
        }

    }
    
    h1
    {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 8pt;
        font-weight: bold;
        color: #990000;
        text-decoration: none;
        
        padding-left: 10px;

       
    }

   
    
    h2
    {
        font-family: Arial, Helvetica, sans-serif; 
        font-size: 8pt; 
        font-weight: bold; 
        color: #006600; 
        text-decoration: none;
        
        margin-top: 20px;
            
    }

    .borde
    {
        margin-top: 20px;
        border: solid 1px black; 

        .recuadro
        {
            margin-top:10px;
            margin-left:10px;   
        }
    }
    

    p
    {
        font-family: Arial, Helvetica, sans-serif; 
        font-size: 8pt; 
        font-weight: normal; 
        color: #000000;
        text-decoration: none;

        padding: 10px;
    }

    .listaProductos
    {
    
        font-family: Arial, Helvetica, sans-serif; 
        font-size: 8pt; 
        font-weight: normal; 
        color: #000000;
        text-decoration: none;

        padding: 10px;
        
        li
        {
            padding: 10px;
        };
    }

    .listaControl
    {
    
        font-family: Arial, Helvetica, sans-serif; 
        font-size: 8pt; 
        font-weight: normal; 
        color: #000000;
        text-decoration: none;

        padding: 10px;
        
        li
        {
            padding-top: 3px;
            margin-left: 10px;
        };

    }

    .listaParametros
    {
                
        font-family: Arial, Helvetica, sans-serif; 
        font-size: 8pt; 
        font-weight: normal; 
        color: #000000;
        text-decoration: none;

        margin-left: 20px;
              
        li
        {
            padding: 3px;
            display:flex;
            align-items: center;
                            
        };

        
    }

    label
    {
        display: inline-block;
        width: 70px;
    }

    .galeriaZapatas
    {
        display: flex;
        justify-content: space-evenly;
        align-items:flex-end;
        flex-wrap: wrap;
            
    }

    .corteDeProbeta
    {
        display: flex;
        justify-content:center;
        align-items:center;
        flex-wrap: wrap;
            
    }

    .conYsinGuia
    {
        display: flex;
        justify-content:space-around;
        align-items:center;
        flex-wrap: wrap;

        padding: 10px;
        border: solid 1px black; 

        text-align: center;
            
    }
            
}


/*----------- FOOTER ---------*/
.footerLateral
{
    grid-column: 1/2;
    grid-row: 4/4;
    background-color:  #e7e4e4;
    margin-right: 18px;

}

.galerias
{
    display: flex;
    justify-content:center;
    align-items:center;
    flex-wrap: wrap;
    gap: 10px;



}

.tituloGaleria
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color:white;
    text-decoration: none;
    text-align: center;
    background-color: #990000;

}

.pieGaleria
{
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 8pt; 
    font-weight: bold;
    color: #000000;
    text-decoration: none;

    text-align: center;

    padding: 10px;

}