.container-directorio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  background-color:#fff;  }

 #caja-directorio{
 display:flex;
 background-color:red;
height: 100px; 
 width: 290px;
 /*min-width:300px;*/
 padding-top: 10px;
 padding-left:10px;
 margin-left:10px;
 margin-bottom:10px;
 border-radius:5px;  }





 .Colegio{
  display:flex;  
  backgroundd-color:red;
 }

 .Colegio img{
  width:300px;
  height:80px;
 margin: 30px;
vertical-align:middle;
opacity: 1;
   filter: alpha(opacity=50);
   zoom: 1;

 }

 .Colegio img:hover{
  background-position: 100% 100%;
  opacity: 0.5;
   filter: alpha(opacity=100);
   zoom: 1;
  

 }



 .circle{
 	border-radius: 50%;
 	width:45px;
 	height: 45px;
 }