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


    #col1
    {
      background-color:#272428;
    }

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


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

}


#comunicacion
{
  font-size: 3.2em;
  color:#00a1b4;
  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:50px 170px 50px 170px;
  text-align: justify;
  color:white;
  font-family:Roboto-Light;
}

 #exito
    {
        font-family:Roboto-Black; font-size: 1em; color:#fff;
    }


#blue-image{


height:400px;
background-color: white;
/* Ubicación de la imagen */

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


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

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

horizontalmente */

background-position:center 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;

/* Se muestra un color de fondo mientras se está cargando la imagen

de fondo o si hay problemas para cargarla */

background-color:black;

}




#blue-image nav
{
  margin-bottom:300px;
  font-family:Roboto-Regular;

}

/*
#blue-image nav li 
{
   border:2px solid transparent;
   
}

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

}


#blue-image nav li:hover 
{
   
   border-color:white;
   
}
*/
#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:#000;font-family:Roboto-Regular;font-size:100%;}

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

#span-ampersand{color:#dadc00;}

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

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

.dropdown-menu .dropdown-item:hover{background-color:rgba(34, 136, 150,1);border-bottom:1px solid white;}

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

#text1
{
  font-family:Roboto-Regular;
  color:white;
  margin-left:10%;
  font-size:100%;
}


#text-paragrafh
{
  text-align: justify;
  font-size: 100%;
}
#text2
{
  font-family:Roboto-Black;
  color:white;
  margin-left: 20px;
  margin-top: 10px;
  font-size: 2em;
}


#h1-culture
{
  color:#00a1b4;
  font-family:Roboto-Black;
  margin:50px 0px 50px 40px;
  font-size: 2em;
}

#h1-organizicional
{
  color:#00a1b4;
  font-family:Roboto-Regular;
  margin:50px 0px 50px 10px;
  font-size: 1em;
}


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


#span-ampersand
    {
        font-family:Roboto-Regular;
        color:#dadc00;
    }



#casos
{
  background-color:rgba(1, 133, 153, 0.9);
  padding-left:60px;
}

.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:130px;
    }




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


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

#exit{font-family:Roboto-Black;color: white;margin-top:40px;}

#card-cases{padding:10px 80px 60px 150px;}

#painter{background-color:rgba(255,255,255,1);}






#ol-culture{width:100%;list-style: none;margin: auto;}
#ol-culture li
{
  width: 100%;
  height:auto;
  font-family:Roboto-Regular;
  font-size:100%;
  letter-spacing:2px;
  text-align:center;
  padding:5px auto;
  margin:4px auto 4px auto;
  color:#228896;
  background-color: transparent;
}



















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






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

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

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

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





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

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

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

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

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

#span-ampersand{color:#dadc00;}

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

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

.dropdown-menu .dropdown-item:hover{background-color:rgba(34, 136, 150,1);border-bottom:1px solid white;}

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


/*
#blue-image nav{margin:auto;padding:20px 10px;}

#blue-image nav li{margin:3px;padding:5px 0px 5px 10px;line-height:2px;}


#blue-image nav li a{font-size:80%;}

#blue-image nav li:hover{background-color:rgba(0,0,0,0.2);border-color:transparent; }
*/
#text1{margin:auto;font-size: 70%;}




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

#text2{margin:5px;font-size:80%;}

#painter{background-color:rgba(255,255,255,8);}

#h1-culture{margin:40px 5% 40px 5%;font-size:100%;width:90%;}

#img-cuture{width:40px ;height:40px;}



#casos{padding:0px;}

#text-cases{font-size:100%;}

#card-cases{padding:10px;}

.card{margin:10px auto;}

.card img{width:100%;height:200px;}

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

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

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

#last-row-col2{padding-top:40px;padding-bottom:0px;}

#h4-contact-last-row{font-size:90%;padding-bottom:10px;}


#text-paragrafh
{
  text-align: justify;
  font-size: 80%;
}



#ol-culture{width:100%;list-style: none;margin: auto;}
#ol-culture li
{
  width: 100%;
  height:auto;
  font-family:Roboto-Regular;
  font-size:80%;
  letter-spacing:2px;
  text-align:center;
  padding:5px auto;
  margin:4px auto 4px auto;
  color:#228896;
  background-color: transparent;
}
}