/* aqui solo esta barra de nav y footer*/
@font-face {font-family: "LatoLatin"; 
    src: url("//db.onlinewebfonts.com/t/623d4dc6008d0cf75ee9c61ed16ac084.eot"); 
    src: url("//db.onlinewebfonts.com/t/623d4dc6008d0cf75ee9c61ed16ac084.eot?#iefix") format("embedded-opentype"), 
    url("//db.onlinewebfonts.com/t/623d4dc6008d0cf75ee9c61ed16ac084.woff2") format("woff2"), 
    url("//db.onlinewebfonts.com/t/623d4dc6008d0cf75ee9c61ed16ac084.woff") format("woff"), 
    url("//db.onlinewebfonts.com/t/623d4dc6008d0cf75ee9c61ed16ac084.ttf") format("truetype"), 
    url("//db.onlinewebfonts.com/t/623d4dc6008d0cf75ee9c61ed16ac084.svg#LatoLatin") format("svg"); 
} 
@font-face {font-family: "MADE Tommy Soft"; 
    src: url("../fonts/tommy/MADE Tommy Soft Bold PERSONAL USE.otf");
} 
#fondo{
    background-color: #000000;
 /*   padding-top: 0.7%;*/
}
.navbar{
    background-color: #000000;
    height: 72px;
    padding-top: 1.5%;
}
.navbar-nav{
padding-left: 50%;
}
.navbar-dark .navbar-nav .nav-link{
    color: white;
    font-family: "LatoLatin";
    font-weight: 10%;
}
.navbar-toggler{
    margin-right:4px;
}
a {
    color: white;
}
.nav-link:hover{
    background-color: #E7672B;
    text-align: center;
    margin:0 auto;
    display: block;
    color: #000000;
}
#navbarSupportedContent{
    background-color: #000000;
}
.navbar-expand-lg .navbar-nav .nav-link{
    padding:14px;
}
 /*------ moviles   ---------*/
 @media only screen and (min-device-width : 320px) and (max-device-width : 860px) { 
    .navbar-nav{
        padding-left: 0%;
        } 
        .navbar{
        background-color: #000000;
        padding: 0%;
        color: white;
        height: auto;
        }
    .navbar-brand{
        width: 20%;
    }
    a {
      color: white;
      text-align: left;
  }
  #contact {
      display: flex;
  } 
  .float{ 
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 90px;
    right: 25px;
    background-color: #0ac74f;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 32px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
  }
  
}
/* ------------- footer ------------*/
footer{
    background-color: beige;
    width: 100%;
    height: 20%;
  /*  position: absolute;*/
    bottom: 0;
}
#contact a {
    color: #000000;
    margin-left: 8px;
  }
  
  #contact {
    color: #fff;
   display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 200px;
    background-color: #dee2e6;
    height: auto;
    text-align: center;
  /*  padding: 0.2%;*/
  }
  
.icon {
    background-color: #404040;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    color: white;
    justify-content: center;
    align-items: center;
    transition: transform 1s, box-shadow 0.5s;
  }
  
  #icon-container {
    display: flex;
    justify-content: center;
  }
  
.icon:hover {
    transform: translateY(-3px);
}
#icon1:hover{
	background-color: #25d366;
}
#icon2:hover{
	background-color: #3B5998;
}
#icon3:hover{
	background-color: #00acee;
}
#icon4:hover{
 background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}
#icon5:hover{
	background-color: #367add;
}
  ul {
    margin: 0;
    padding: 0;
  }
  
  ul li {
    list-style: none;
  }
  .direccion{
   text-align: center;
  }
  #log {
    font-family: 'MADE Tommy Soft';
    font-size: 23px;
    color: black;
  }
  #logot {
    font-family: 'MADE Tommy Soft';
    font-size: 23px;
    color: #fd7e14;
  }
  .adminw{
      color: black;
      font-family: 'LatoLatin';
      font-size: 13px;
  }
  p{
      color: black;
      font-family: 'LatoLatin';
      font-size: 13px;
  }
  .fa{
      font-size: 18px;
  }
hr{
     color: #666666;
     margin-top:0rem;
     margin-bottom: 1rem;
     border-color: darkgray;
     width: 100%;
 }
 /*- --- whatsapp --- */
 .float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:25px;
/*right:110px;*/
	left: 20px;
	background-color:#0ac74f;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:32px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:15px;
  width: 100%;
  font-size: 100%;
}
#logo1{
  width: 16em;
}