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


#col1{background-color:rgba(39, 36, 40,1);}

/*
  #col1{

height:800px;
background-color: black;



background-image: url('../img/parallax2.jpg');



background-position:top  center;



background-repeat: no-repeat;



background-attachment: fixed;



background-size: cover;



}

*/

  /* 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;
    }

#uri{

  font-size: 1.2em;
}



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


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

}




#fondo{

/*width: 100%;*/
height:800px;
background-color: white;
/* Ubicación de la imagen */

/*background-image: url('web/imagenes free/fondo.jpg');*/


background-image: url('../img/parallax.jpg');

/* Para dejar la imagen de fondo centrada, vertical y

horizontalmente */

background-position:top  center;

/* Para que la imagen de fondo no se repita */

background-repeat: no-repeat;

/* La imagen se fija en la ventana de visualización para que la altura de la imagen no supere a la del contenido */

background-attachment: fixed;

/* La imagen de fondo se reescala automáticamente con el cambio del ancho de ventana del navegador */

background-size: cover;



}



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

}


#comunicacion
{
  font-size: 3.1em;
  color:#00a1b4;
  width: 100%;
  text-align: center;
  font-family:Roboto-Black;
  line-height:80px;
  
}






#table . table-hover
{

  font-family:Roboto-Light;
}

#comunicacion
{
  font-size: 3em;
  color:#228896;
  width: 100%;
  text-align: center;
  font-family:Roboto-Black;
  line-height:80px;
  
}
#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 180px 50px 180px;
  text-align: justify;
  color:white;
  font-family:Roboto-Light;
}



#yellow-image{background-color: white;
  background-image: url('../img/eventos.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;
  margin-top: -100px;
  text-align: center;
  background-color: rgba(255,255,255,1);
}



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


#h1-culture
{
  color:#228896;
  font-family:Roboto-Black;
  width: 100%;
  text-align: center;
  margin:50px auto;
  font-size: 2em;
}

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

}


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

  }

#h1-organizicional
{
  color: #aac90c;
  font-family:Roboto-Regular;
 
  font-size: 1em;
  margin-left: 0px;
  margin-top: -180px;

}

#image-merchandising
{

  margin-left: 90px;
  margin-top: -30px;
}


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


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

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

#casos
{
  background-color:#228896;


}

.card
{
  margin:50px;
}

.card img
{
  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: #fff;}

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

#first-row{height:100%;background-color: rgba(255,255,255,1);}/*0,0,0,0.8*/


#row-text{margin:0px;background-color:white;}

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

#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:40px;}



/* 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:#951b81;padding:40px 0px;}

    #column{background-color:#951b81;}

    

   

    #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{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;}

    #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:10px;padding-bottom: 5px;}

    #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;}

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

    #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;}

    #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;}

/* 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:#fff;font-family:Roboto-Medium;font-size:100%;}

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

#span-ampersand{color:#dddc00;}

.dropdown-menu{background-color:rgba(34,136,150,0.5);}

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

.dropdown-menu .dropdown-item:hover{background-color:rgba(255,255,255,0.5);border-bottom:1px solid #fff;}

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













@media screen and (max-width: 800px)
{
#logointer{width:100px;height:50px;margin:50px auto 50px auto;}

#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:auto;}

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

#text1{margin-left:0px;margin-top: -150px;
}



#h1-culture
{
  color:#228896;
  font-family:Roboto-Black;
  width: 100%;
  text-align: center;
  margin:50px 0px;
  font-size:90%;
}

#image-merchandising
{

  margin-top:10px;
  padding: 0px;
}


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



#casos
{
  background-color:#228896;

}

#paragrag-products{font-size:100%;color: white;}

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

}


















#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;}/*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;}

    #link1{z-index: 3;background-color: rgb(0,161,180,0.9);color:#fff;border-radius:30px;
      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: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;}

    #link2{z-index: 3;background-color: rgb(0,161,180,0.9);color:#fff;border-radius:30px;
      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;}

    #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;}

    #link3{z-index: 3;background-color: rgb(0,161,180,0.9);color:#fff;border-radius:30px;
      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;}

    #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;}

    #link4{z-index: 3;background-color: rgb(0,161,180,0.9);color:#fff;border-radius:30px;
      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;}






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


#menu-fixed{background-color:rgba(255,255,255,0.5);margin:50px auto;z-index:2;}

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

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

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

#menu-fixed li:hover{border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid transparent;background-color:rgba(0,0,0,0);}

#span-ampersand{color:black;}

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

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

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

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


/*
  #col1{


width: 100%;
height:450px;
background-color: black;


background-image: url('../img/parallax2.jpg');



background-position:top  center;


background-repeat: no-repeat;



background-attachment: fixed;



background-size: cover;



}

*/


#consultoria{font-size:100%;margin-top:10%;line-height:1px;}




#comunicacion{font-size:100%;line-height:20px;}



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

}

}