/* Eliminar márgenes externas e internas*/
  *
  {
  margin:0px;
  padding:0px;
  }

  
  /* Fuentes */
  @font-face {
    font-family:Roboto-Light;
    src: url(../fonts/Roboto-Light.ttf);
    }

    @font-face {
    font-family:Roboto-black;
    src: url(../fonts/Roboto-Black.ttf);
    }

    @font-face {
    font-family:Beindog;
    src: url(../fonts/beindog.ttf);
    }

    @font-face {
    font-family:Roboto-Thin;
    src: url(../fonts/Roboto-Thin.ttf);
    }
     @font-face {
    font-family:Roboto-Regular;
    src: url(../fonts/Roboto-Regular.ttf);
    }

      @font-face {
    font-family:Roboto-Medium;
    src: url(../fonts/Roboto-Medium.ttf);
    }

      @font-face {
    font-family:Roboto-MediumItalic;
    src: url(../fonts/Roboto-MediumItalic.ttf);
    }


    body,html
    {
      margin:0px;
      padding:0px;
    }




#consultoria
{
  font-size: 1.9em;
  color:white;
  width: 100%;
  text-align: center;
  margin-top: 80px;
  font-family:Roboto-Regular;
  line-height: 10px;

}


#comunicacion
{
  font-size: 3.9em;
  color:#8e8e89;
  width: 100%;
  text-align: center;
  font-family:Roboto-Black;
  line-height:50px;
  
}

#uri{

  font-size: 1.2em;
}


    #col1
    {
      background-color:#272428;
      
      padding-bottom: 10%;
    }

#logointer
  {
    width:200px;height:100px;margin:40px auto 50px auto; margin-left: 170px; margin-bottom: 250px;
  }


#merchandising
{
  font-size: 3em;
  color:white;
  width: 100%;
  text-align: center;
  margin-top: -80px;
  margin-bottom: 50px;
  font-family:Roboto-black;
  line-height: 10px;
  color: #aacb0c;

}



#span-en
{
  
  color:white;
  font-family:Roboto-Thin;
}

#hr-text2
{
         background-color:white;
         height:2px; 
         margin:0px auto 7px auto; 
         width: 20%;
         text-align: center; 
         box-shadow: 3px 3px #000;
         line-height: 10px;

}

#paragrag
{
  margin:60px 190px 60px 190px;
  text-align: justify;
  color:white;
  font-family:Roboto-Light;
}



#yellow-image{background-color: white;
  background-image: url('../img/dotacion1.jpg');
  height:350px;background-position:center center;
  background-repeat: no-repeat;background-size: cover;}


#Yellow-image nav
{
  margin: 30px 0px 160px 80px;
  font-family:Roboto-Regular;

}


#Yellow-image nav li 
{
   border:2px solid transparent;
   
}

#Yellow-image nav li a
{
   color:  white;

}


#Yellow-image nav ul li a:hover 
{
   
   border-color: red;
   
}


#text1
{
  font-family:Roboto-Regular;
  color:black;
  text-align: center;
  margin:0px;
  font-size: 100%;

}



#text2
{
  font-family:Roboto-Black;
  color:white;
  margin-left: 20px;
  margin-top: 10px;
  font-size: 2em;
}




#textproducts
{
  
  font-family:Roboto-Regular;
  font-size:100%;
  color: #fff;
  text-align: center;
  width: 100%;
  margin:0px auto 10px auto;

}




#hrproducts{
  height: 10px;
  width: 30%;
  color: #fff;
  margin-left: 520px;
  

  }

#h1-organizacional
{
  color: #7d7d7a;
  font-family:Roboto-Light;
  font-size: 1em;
  margin-bottom:0px 0px 50px 0px;


}

#image-dotacion
{

  margin-left:0px;
  margin-top:0px;
}


#frame
{
  border:2px solid white;
  border-radius:3px;
  margin:20px 20px 30px 18px;
}


#span-ampersandm
    {
        font-family:Roboto-Regular;
        color:#00a5b8;
    }

#ol-culture
{
  margin:30px 0px 50px 50px;
  font-family:Roboto-Regular;
}

#casos
{
  background-color:#7c7c78;
  text-align: center;
  padding:0px; 
  margin:0px;

}

.card
{
  margin:50px;
}

.card 
{
  width:320px;
  height:200px;
  border:none;
  box-shadow: 0px 1px 1px 0.5px;
}






 #row-map
    {
        color:white;
        background-color: #3e3a39;
    }

    #col-map
    {
          padding: 50px 0px;background-color:#272423;
    }

    
    #last-row-col1
    {
        padding-top: 50px;
        padding-bottom: 50px;
        background-color: #3e3a39;
    }

    #h1-servicios-last-row
    {
        font-family:Roboto-Regular;
        text-align: center; 
        letter-spacing: 3px;
        font-size: 110%;
    }

    .row-map .col-map ul
    {
        list-style: none;
    }


    #last-row-col1 #ulmap1
    {
      list-style: none;
    }


    #last-row-col2 ul
    {
      list-style: none;
    }


    #last-row-col2
    {
        padding-top: 50px;padding-bottom: 50px;background-color: #3e3a39;
    }

    #h4-contact-last-row
    {
         font-family:Roboto-Regular;text-align: center; letter-spacing: 3px; font-size: 110%;padding-bottom: 73px;
    }

    #facebook
    {
        font-size: 2em;background-color: transparent;color:#dadc00;
    }

    #emailcontact
    {
        font-family:Roboto-Regular; font-size: 1em; letter-spacing: 3px; color:#dadc00;
    }

    #footer
    {
        background-color: white;height:40px;
    }

    #p-footer
    {
        margin-left:40px;font-family:Roboto-Ligth;
    }

    #span-copy
    {
        color:gray;font-family:Roboto-Medium;font-size:1.5em;padding-top:10px;
    }

    #span-text
    {
        color: gray;font-family:Roboto-Regular;font-size:1em;padding-bottom:10px;
    }






    #logo
    {
        width:200px;height:100px;margin-top:15px;margin-left:200px;
    }




 #ulmap1 li a
    {
        color:white;
        font-family:Roboto-Medium;
        text-decoration: none;

    }

    #ulmap2 li a
    {
        color:white;
        font-family:Roboto-Medium;
        text-decoration: none;

    }

    #ulmap3{
         list-style: none;margin-left: 150px;margin-top: 30px;
    }

    #ulmap3 li a
    {
        color:white;
        font-family:Roboto-Medium;
        text-decoration: none;


    }

    #ulmap1 li a:hover
    {
        color:white;
        
    }

    #ulmap2 li a:hover
    {
        color:white;
        
    }

    #ulmap3 li a:hover
    {
        color:white;
        
    }

    #ulmap1 li:hover
    {
        background-color:#272423;
        
    }

    #ulmap2 li:hover
    {
        background-color:#272423;
        
    }

    #ulmap3 li:hover
    {
        background-color:#272423;
        
    }
    i
    {
        padding:10px;
        background-color: white;
        border-radius: 50%;

    }

    #ulmap1 li span i
    {
        background-color: rgba(0,0,0,0);
        color:yellow;
        font-size: 1em;
    }


    #ulmap2 li a i
    {
        background-color: rgba(0,0,0,0);
        color:yellow;
        font-size: 1em;
    }

    #ulmap3 li i
    {
        background-color: rgba(0,0,0,0);
        color:yellow;
        font-size: 1em;
    }


    #ulmap3 li a:hover
    {
        background-color:#272423;
        color:yellow;
        font-size: 1em;
    }

    #ulmap1 li
    {
        border-bottom: 1px solid gray;
    }

    #ulmap2 li
    {
        border-bottom: 1px solid gray;
    }


    #card-group
    {
      margin-left:20%;
    }

#navbarNav{margin-left:100px;margin-top: 30px;padding:0px;}

#navbarNav li{border:2px solid transparent;}
   
#navbarNav li a{font-family: Roboto-Medium;color: black;}

#navbarNav li:hover{border: 2px solid black;}

#first-row{height:100%;}


#row-text{margin:50px auto;}

#row-products{margin:0px;}


#paragrag-products{font-family:Roboto-Thin;width: 100%;font-size:2em;color: white;margin:30px 0px 0px 0px;text-align: center;}

#span-products{font-family:Roboto-Black;color: white;margin-top:auto;}




/* INICIO GALERIA */
    #capa1{display:none;}
    #capa2{display:none;}
    #capa3{display:none;}
    #capa4{display:none;}


    #link1:hover{background-color:#fff;color:black;}
    #link2:hover{background-color:#fff;color:black;}
    #link3:hover{background-color:#fff;color:black;}
    #link4:hover{background-color:#fff;color:black;}


    #row-gallery{background-color:#7c7c78;padding:40px 0px;}

    #column{background-color:#7c7c78;}

    

   

    #text-center{border:none;padding: 10px;background-color:transparent;}

    #imagen-gallery-efect{position:relative;padding:0px;width:300px;height:300px;}

    #capa1{z-index:2;position:absolute;top:0px;left:40px;right:0px;bottom:0px;width:300px;height:300px;
      background-color: rgb(0,161,180,0.9);border: 5px solid white;box-sizing: border-box;}

    #link1, #link2, #link3, #link4{z-index:3;background-color: rgb(0,0,0,0.9);color:#fff;border-radius:30px;font-size:100%;
      font-family:Roboto-Regular;border:4px solid #fff;position:absolute;top:41%;bottom:41%;left:20%;right:20%;width:60%;height:18%;padding:9px 0px 4px 0px;letter-spacing:3px;}

      /*
    #link2{z-index: 3;background-color: rgb(0,161,180,0.9);color:#fff;border-radius:30px;font-size: 0.9em;
      font-family:'verdana';border:4px solid #fff;position:absolute;top:41%;bottom:41%;left:25%;right:25%;width: 50%;height:18%;padding-top:-4px;padding-bottom: 5px;}

    #link3{z-index: 3;background-color: rgb(0,161,180,0.9);color:#fff;border-radius:30px;font-size: 0.9em;
      font-family:'verdana';border:4px solid #fff;position:absolute;top:41%;bottom:41%;left:25%;right:25%;width: 50%;height:18%;padding-top:10px;padding-bottom: 5px;}

    #link4{z-index: 3;background-color: rgb(0,161,180,0.9);color:#fff;border-radius:30px;font-size: 0.9em;
      font-family:'verdana';border:4px solid #fff;position:absolute;top:41%;bottom:41%;left:25%;right:25%;width: 50%;height:18%;padding-top:10px;padding-bottom: 5px;}

  */
    #capa2{z-index:2;position:absolute;top:0px;left:40px;right:0px;bottom:0px;width:300px;height:300px;
      background-color: rgb(0,161,180,0.9);border: 5px solid white;box-sizing: border-box;} 

   

    #capa3{z-index:2;position:absolute;top:0px;left:40px;right:0px;bottom:0px;width:300px;height:300px;
      background-color: rgb(0,161,180,0.9);border: 5px solid white;box-sizing: border-box;}

   

    #capa4{z-index:2;position:absolute;top:0px;left:40px;right:0px;bottom:0px;width:300px;height:300px;
      background-color: rgb(0,161,180,0.9);border: 5px solid white;box-sizing: border-box;}

   
/* FINAL GALERIA */


#menu-fixed{background-color:rgba(0,0,0,0);margin:50px auto;}

#ul-menu-fixed{width:100%;margin:auto;}

#menu-fixed li{border:2px solid transparent;}

#menu-fixed li a{color:black;font-family:Roboto-Medium;font-size:100%;}

#menu-fixed li:hover{border-color:black;background-color:rgba(0,0,0,0);}

#span-ampersand{color:#228896;}

.dropdown-menu{background-color:rgba(255,255,255,0.5);}

.dropdown-menu .dropdown-item{border-bottom:1px solid gray;}

.dropdown-menu .dropdown-item:hover{background-color:rgba(0,0,0,0);border-bottom:1px solid black;}

#ul-menu-fixed li a i{display: none;}


#h1-culture
{
  
  
  font-size:2em;
  color: #7d7d7a;
  font-family:Roboto-Black;
  text-align:center;
  width: 100%;
  margin:0px 0px 30px 0px;
 

}








@media screen and (max-width: 800px)
{


#link1, #link2, #link3, #link4{z-index:3;background-color: rgb(0,0,0,0.9);color:#fff;border-radius:30px;font-size:90%;
      font-family:Roboto-Regular;border:4px solid #fff;
      position:absolute;top:41%;bottom:41%;left:20%;right:20%;width:60%;height:18%;padding:11px 0px 3px 0px;letter-spacing:2px;}



    

#paragrag-products{font-family:Roboto-Thin;width: 100%;font-size:100%;color: white;margin:30px 0px 0px 0px;text-align: center;}






#logointer{width:100px;height:50px;margin:auto;margin-top:50px;}

#merchandising{font-size:100%;margin:20px 0px;}

#paragrag{margin:auto;margin-top: 20px;margin-bottom:20px;padding:10px 20px;font-size:70%;}

/*
#navbarNav{margin:20px 0px 100px 0px;padding:0px;width:100%;}

#navbarNav li{border:4px solid transparent;display: block;width: 100%;}


#navbarNav li:hover{border:4px solid transparent;background-color:rgba(0,0,0,0.2);}
*/
#row-text{background-color:rgba(255,255,255,1);margin-top:0px;font-size:70%;z-index:0;}



#row-products{margin-top:0px;}

#text1
{
  font-family:Roboto-Regular;
  color:black;
  text-align: center;
  margin:30px 0px;
  font-size: 100%;

}


#h1-culture
{
  
  margin:0px auto 30px 0px;
  font-size:80%;
  color: #7d7d7a;
  font-family:Roboto-Black;
  text-align: center;
 

}



#image-merchandising
{

  margin: 0px;
  padding: 0px;
}


table{font-family: ;font-size:70%;}



#casos
{
  background-color:#7c7c78;
  text-align: center;
  padding-bottom:40px; 

}



#textproducts
{
  
  font-family:Roboto-Regular;
  text-align: center;
  font-size:80%;
  color: #fff;
  margin:0px;
  

}



















#row-map #col-map{padding:20px 0px;margin:0px;}

#row-map #col-map #logo{width:100px;height:50px;margin:20px auto auto 15%;}

#row-map #col-map #ulmap3{margin:20px auto auto 20px;}

#row-map #col-map #ulmap3 li{line-height: 10px;margin-top:-10px;}

#row-map #col-map #ulmap3 li a{font-size:60%;}

#last-row-col1{padding-top: 50px;padding-bottom:10px;background-color:#3e3a39;}

#h1-servicios-last-row{font-size:80%;}

#ulmap1{margin:0px;padding:20px;}

#ulmap1 li a{font-size:70%;}

#last-row-col2{padding-top: 50px;padding-bottom: 50px;background-color: #3e3a39;}



#h4-contact-last-row{font-size:80%;padding:0px 0px 5px 0px;}

#ulmap2{margin:0px;padding:20px;}

#ulmap2 li a{font-size:70%;}

#footer{height:50px;}

#p-footer{margin:auto;}

#span-copy{font-size:100%;padding:5px 0px;}

#span-text{font-size:70%;padding:0px;}


#row-gallery{background-color:rgba(170, 203, 12, 1);padding:0px;}

    #capa1{z-index:2;position:absolute;top:0px;left:28px;right:0px;bottom:0px;width:300px;height:300px;
      background-color: rgb(0,161,180,0.9);border: 5px solid white;box-sizing: border-box;}

    #capa2{z-index:2;position:absolute;top:0px;left:28px;right:0px;bottom:0px;width:300px;height:300px;
      background-color: rgb(0,161,180,0.9);border: 5px solid white;box-sizing: border-box;}

   

    #capa3{z-index:2;position:absolute;top:0px;left:28px;right:0px;bottom:0px;width:300px;height:300px;
      background-color: rgb(0,161,180,0.9);border: 5px solid white;box-sizing: border-box;}

   

    #capa4{z-index:2;position:absolute;top:0px;left:28px;right:0px;bottom:0px;width:300px;height:300px;
      background-color: rgb(0,161,180,0.9);border: 5px solid white;box-sizing: border-box;}

    



#menu-fixed{background-color:rgba(0,0,0,0.5);margin:50px auto;}

#ul-menu-fixed{width:100%;margin:auto;}

#menu-fixed li{border:2px solid transparent;}

#menu-fixed li a{color:white;font-family:Roboto-Medium;font-size:80%;}

#menu-fixed li:hover{border-color:transparent;background-color:rgba(0,0,0,0.2);}

#span-ampersand{color:#228896;}

.dropdown-menu{background-color:rgba(0,0,0,0);z-index:99;}

.dropdown-menu .dropdown-item{border-bottom:1px solid gray;}

.dropdown-menu .dropdown-item:hover{background-color:rgba(0,0,0,0);border-bottom:1px solid black;}

#ul-menu-fixed li a i{display: none;}



#consultoria
{
  font-size:100%;
  color:white;
  width: 100%;
  text-align: center;
  margin-top: 80px;
  font-family:Roboto-Regular;
  line-height:0px;

}


#comunicacion
{
  font-size:100%;
  color:#8e8e89;
  width: 100%;
  text-align: center;
  font-family:Roboto-Black;
  line-height:10px;
  
}




#h1-organizacional
{
  color: #7d7d7a;
  font-family:Roboto-Light;
  font-size: 90%;
  text-align: center;


}


#image-dotacion
{

  margin-left:0px;
  margin-top: 0px;
}


#yellow-image{background-color: white;
  background-image: url('../img/dotacion1.jpg');
  height:500px;background-position:center center;
  background-repeat: no-repeat;background-size: cover;}
}