* {
     font-family: Arial, Helvetica, sans-serif;
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     
 }
 
.containerNav{
	margin: -1px;
	padding: 0;
	border: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

/*top_bar*/

.social { list-style-type:none; margin-bottom:0px;  margin-top:0px; float: right;;}
.social li { float: right;;}
.social li a { padding:0 10px; font-size:13px; line-height:20px; color:#FFF;}

.navbar-dark .navbar-brand {
	color: #fff;
	text-decoration: none;
}

.navbar-brand { 
  font-size: 0.8rem;
  margin-left: 1rem;
  padding-top: .3125rem;
}

.bg-dark {
  background-color: #6a6c6e !important;
}

.navbar0 { 
  padding: 2px 0 0px 0;
}

/*top_bar*/

/* icon social */

.fab.fa-facebook-f:hover{
    color: blue;
    font-size: 20px;
  }
  .fab.fa-twitter:hover{
    color: #ADD8E6; 
    font-size: 20px;
  }
  .fab.fa-instagram:hover{
    color:red;
    font-size: 20px;
  }
  
  .fab.fa-youtube:hover{
    color:red;
    font-size: 20px;
  }

 .col {
     width: 14%;
     min-height: 200px;
     float: left;
 }
 
 .fila {
     overflow: hidden;
     height: 350px;
     margin: auto;
 }
 
 #pasillo {
    background: url("../img/pasillo.png");
    padding: 0;
	border: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
 }
 
 
 
 .tablero {
     background-color: #fff;
     padding-bottom: 50px;
 }
 
 .tablero p {
     text-align: center
 }
 
 #mo,
 #rechazo,#limpio, #vidrio, #envases, #papel {
     display: block;
     margin: auto;
 }
 
 #puntos {
     width: 70px;
     height: 70px;
     font-size: 45px;
     border: solid 1px #000000;
     padding: 10px 0 0 0;
     text-align: center;
     margin: auto;
 }
 
 #mensaje {
     font-size: 40px;
     width: 100%;
     padding: 20px;
     min-height: 100px;
     text-align: center;
     margin: auto;
     margin-top: 70px;
 }
 
 .error {
     color: red;
 }
 
 .correcto {
     color: green;
 }
 
 #mensaje p {
     font-family: 'Dekko', cursive;
     line-height: 60px;
 }
 
 ul {
     list-style: none;
     overflow: auto;
 }
 
 li {
     float: left;
 }
 
 #materiales {
    margin: auto;
    text-align: center;
    padding: 0;
	border: none;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
 }
 
 h2 {
     margin: 50px 0 20px 0;
 }
 
 #pie {
     background-color: #9ee132;
     padding: 0 20px 30px;
     margin-top: 25px;
 }
 
 #pie div {
     margin: auto;
     overflow: hidden;
 }
 
 #pie ul {
     list-style: none;
 }
 
 #pie li {
     line-height: 40px;
     float: left;
     margin: 0 15px;
 }
 
 #pie h3 {
     text-align: center;
     padding: 10px;
 }
 
 #pie a {
     padding: 10px;
     background-color: #fff;
     border-radius: 10px;
     text-transform: uppercase;
     color: #6e942b;
     font-size: 13px;
     text-decoration: none;
 }
 
 #pie a:hover {
     background-color: #6e942b;
     color: #fff;
 }