/* estilos mios */
  .img-footer {
  	width:100%;
    max-width:200px !important;
  }
  
  
.container_map{
    margin-top: -8%;
}

.mapa {
    position: relative;
    padding-bottom: 36.25%;
    height: 0;
    overflow: hidden;
  
}
.mapa iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 50%;
    height: 50%;

}

.social {
  position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
  right: 0; /* Establecemos la barra en la izquierda */
  top: 200px; /*Bajamos la barra 200px de arriba a abajo */
  z-index: 100; /*Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}
 
  .social ul {
    list-style: none;
  }
 
  .social ul li a {
    display: inline-block;
    color:#fff;
    background: #000;
    padding: 10px 15px;
    text-decoration: none;
    -webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
  }
 
  .social ul li .icon-facebook {background:#3b5998;} /*Establecemos los colores de cada red social, aprovechando su class */
  .social ul li .icon-twitter {background: #00abf0;}
  .social ul li .icon-googleplus {background: #d95232;}
  .social ul li .icon-pinterest {background: #ae181f;}
  .social ul li .icon-instagram {background: #e4405f;}
  .social ul li .icon-mail {background: #666666;}
 
  .social ul li a:hover {
      background: #000;
    padding: 5px 10px; /*Hacemos mas pequeño el espacio cuando el usuario pase el mouse */
  }


 /*ESTILO DEL MENU MINAV DEL MENU ANTIGUO */     

      
      #Miheader {
        margin:auto;
        width:500px;
        font-family:Arial, Helvetica, sans-serif;
      }
      
      ul, ol {
        list-style:none;
      }
      
      .Minav > li {
        float:left;
      }
      
      .Minav li a {
        background-color:#337ab7; /*COLOR DE FONDO DEL MENU NAV */
        color:#fff;
        text-decoration:none;
        padding:10px 12px;
        display:block;
      }
      
      .Minav li a:hover {
        background-color:#2ECCFA;/*COLOR DEL NAV CUANDO EL MOUSE ESTÁ ENCIMA */
      }
      
      .Minav li ul {
        display:none;
        position:absolute;
        min-width:140px;
      }
      
      .Minav li:hover > ul {
        display:block;
      }
      
      .Minav li ul li {
        position:relative;
      }
      
      .Minav li ul li ul {
        right:-140px;
        top:0px;
      }
      

  /* ESTILO DEL NAV MENU MY-NAV*/

.my-navbar{
    background: #337ab7;/* color del nav menu */
  
 
}

.my-navbar .navbar-brand{
  color:white; /*color del titulo del menu */
}

.my-navbar .mn-menu li a{
  color: white; /*color de las letras del menu */

}

.my-navbar .mn-menu .dropdown-menu li a{

 color: #337ab7; /* color de las letras del dropdown */
}

.my-navbar li:hover {
        background-color:#2ECCFA;/*COLOR DEL NAV CUANDO EL MOUSE ESTÁ ENCIMA */
      }

.my-navbar li a:hover {
        background-color:#2ECCFA;/*COLOR DEL ENLACE A CUANDO EL MOUSE ESTÁ ENCIMA */
      }











/* CSS CUANDO SE USA NAV AUTOMATICO ON HOVER */

.my-navbar2 {
  overflow: hidden;
  background-color: #333;
}

.my-navbar2 a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}


.my-dropdown {
  float: left;
  overflow: hidden;
}

.my-dropdown .my-dropbtn {
  font-size: 16px;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}
.my-navbar2 a:hover, .my-dropdown:hover .my-dropbtn {
  background-color: red;
}

.my-dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.my-dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.my-dropdown-content a:hover {
  background-color: #ddd;
}

.my-dropdown:hover .my-dropdown-content {
  display: block;
}

/* FIN CSS NAVBAR AUTOMATICO */







/*PROTOTIPO NAVBAR CUSTOM*/

.navbar-custom {
    background-color: #337ab7;/* COLOR DE FONDO DEL NAV CUSTOM */
}
/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: rgba(255,255,255,.8);
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: rgba(255,255,255,.5);
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #ffffff;
}

/* FIN PROTOTIPO */