/* 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: 80px;
  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;
  margin-top: -90px;
  
}


#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;
         margin-top: 0px;


}

#hr-text3
{
         background-color:#00a1b4e;
         height:2px; 
         margin:0px auto 7px auto; 
         width: 20%;
         text-align: center; 
         box-shadow: 3px 3px #000;
      
        


}

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



#blue-image{
background-color: white;
background-image: url('../img/coaching.jpg');
background-position:top  center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}


#blue-image nav
{
  margin:50px 0px 160px 0px;
  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;
   
}


#text1
{
  font-family:Roboto-Regular;
  color:#00a1b4;
  margin-left:40px;
}

#text3
{
  font-family:Roboto-Regular;
  color:#00a1b4;
  margin-left:40px;
  margin-top: 40px;
}



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


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

#h1-organizicional
{
  color: #aac90c;
  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;
    }

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

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

.card
{
  margin:50px;
}

.card img
{
  width:330px;
  height:320px;
  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;
    }


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



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


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

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


#ul-coaching
{
  margin:0px 180px 60px 180px;
  text-align: justify;
  color:black;
  font-family:Roboto-Light;
}





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

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

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

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

.dropdown-menu{background-color:#00a1b4;}

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

.dropdown-menu .dropdown-item:hover{border-bottom:1px solid black;background-color:#00a1b4;}

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


#text-one{line-height:1px;width:100%;letter-spacing:2px;text-align:center;color:white;margin-top:50px;font-size:100%;font-family:Roboto-Light;}

#text-two{width:100%;letter-spacing:2px;text-align:center;color:white;font-size:100%;font-family:Roboto-Regular;}























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


#text-cases{font-family:Roboto-Light;width: 100%;font-size:50%;color: white;margin:40px 0px 0px 0px;text-align:justify;margin-bottom: 20px;}

 #exito
    {
        font-family:Roboto-Black; font-size:80%; color:#fff; 
    }

#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;margin-top:50px; line-height:10px;
}

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

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

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

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

#ol-culture{margin-left:5%;margin-right:5%;font-family:Roboto-Ligth;width:90%;}

#ol-culture li{font-family:Roboto-Ligth;font-size:70%;}

#casos{padding:0px;}



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

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


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

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

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

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

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

#span-ampersand{color:#228896;}

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

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

.dropdown-menu .dropdown-item:hover{border-bottom:1px solid black;background-color:#00a1b4;}

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



#text3
{
  
  margin:50px 0px;
  font-size:70%;
  text-align: justify;
}




#text-one{line-height:1px;width:100%;letter-spacing:2px;text-align:center;color:white;margin-top:50px;font-size:60%;font-family:Roboto-Light;}

#text-two{width:100%;letter-spacing:2px;text-align:center;color:white;font-size:60%;font-family:Roboto-Regular;}


}