body{
    font-family: 'Source Sans Pro', sans-serif;
    margin: 0;
    /*background-color: orange;*/
}


/* .container{
    background-image: url(../imagenes/textura-fondo-gris.jpg);
    background-size: cover;
    background-position: right;
    height: 100vh;
    grid-template-columns: 50% 50%;
    grid-template-rows: 50px 100px 1fr 30px;
    grid-template-areas:      "barra barra"
                              "header1 header1"
                              "opciones opciones"
                              "footer footer";
} */

.containerfdo {
    /*  background-image: linear-gradient(to bottom ,  #d4d3d3,  #eeebeb); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    /*margin: 20px 0px 0px 0px;*/
    background-image: url(../imagenes/textura-fondo-gris.jpg);
    background-size: cover;
    background-position: right;
    height: 100vh;
    grid-template-columns: 50% 50%;
    grid-template-rows: 50px 100px 1fr 30px;
    grid-template-areas: "barra barra"
        "header1 header1"
        "opciones opciones"
        "footer footer";

}

.item{
    /*border: red solid 1px; */
}

.barra{
    grid-area: barra;
    background-color: orange;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.barra p{
 
 color: white;
 font-size: 20px;
 margin-left: 20px;
}

.header1{
    grid-area: header1;
    display: flex;
    align-items: center;
    background-color: white ;
    opacity: 60%;
    width: 100%;
    
    border-bottom: orange solid 5px;


}

.logo{
  
    width: 80;
    height: 80;
    margin-left: 30px;
    margin-right: 10px;
 
    }

.logo img{
        
        width: 80px;
        height: 80;
        
        }

.texto-logo{

    font-size: 14px;
    
    }
    

.renglon-texto-logo{
    
    font-weight: 600;
    display: block;
    margin: -1px;
    padding: 0px;
}




.boton-intranet{
    color: white;
    background-color: orange;
    border: white solid 2px;
    margin-right: 20px;
    font-size: 15px;
    font-weight: 500;
    width: 100px;
    height: 30px;
    border-radius: 5px;
    cursor: pointer;
}

.boton-Legales{
    color: white;
    background-color: orange;
    border: white solid 2px;
    margin-right: 20px;
    font-size: 15px;
    font-weight: 500;
    width: 170px;
    height: 30px;
    border-radius: 5px;
    cursor: pointer;
}

.opciones{
    grid-area: opciones;
    display: grid;
    grid-template-columns: 1f 1f 1f 1f 1f 1f;
    grid-template-areas: "Droguerias Laboratorios Liquidaciones Liquidaciones1 Entidades Farmalive";
    align-items: center;
    margin: 0 30px ;


}

/*
.boton:hover{
    opacity: 1;
    background-color: rgb(46, 46, 46);
   
  }*/

.boton{
    
    height: 120px;
    width: 120px;
    margin: 10px;
   /*display: flex;
     flex-direction: column;
    align-items: center;
    justify-content: space-between; */
    text-align: center;
    border-radius: 0px 0px 15px 15px;
    background-color: #747171;
    text-decoration: none;
    
   
}

.boton a{
font-size: 15px;
color: white;
text-decoration: none;


}

.boton span{
    font-size: 15px;
    color: white;
      
    }
    

.boton img{
    width: 100px;
    height: 100px;
   position: relative;
   margin-top: -75px;
    
}


.Droguerias{
    grid-area:Droguerias ;

}

.Laboratorios{
    grid-area:Laboratorios ;
}


.Liquidaciones{
    grid-area:Liquidaciones ;
}

.Liquidaciones1 {
    grid-area: Liquidaciones1;
}

.Entidades{
    grid-area:Entidades ;
}

.Farmalive{
    grid-area:Farmalive ;
}

.footer{
    /* top: 300px; */
    /* grid-area: footer; */
    background-color: orange;
   display: flex;
   align-items: center;
   justify-content: center;
   color: white;
}

.footer1 {
    top: 95vh;
    left: 0px;
    width: 100%;
    position:absolute;
    /* grid-area: footer; */
    background-color: orange;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}