<style>

.gal {
	-webkit-column-count: 5; /* Chrome, Safari, Opera */
    -moz-column-count: 5; /* Firefox */
    column-count: 5;
	}	
	
.gal img{ width: 100%; padding: 7px 0;}

@media (max-width: 1200px) {	
	.gal {
		-webkit-column-count: 4; /* Chrome, Safari, Opera */
		-moz-column-count: 4; /* Firefox */
		column-count: 4;
		}
}

@media (max-width: 1100px) {	
	.gal {
		-webkit-column-count: 3; /* Chrome, Safari, Opera */
		-moz-column-count: 3; /* Firefox */
		column-count: 3;
		}
}


@media (max-width: 700px) {	
	.gal {
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;
		}
}

@media (max-width: 500px) {	
	.gal {
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
		-moz-column-count: 1; /* Firefox */
		column-count: 1;
		}
}

</style>

<!--=== Title v1 ===-->
<div class="container content-sm">
  <div class="row title-v1 no-margin-bottom">
    <div class="col-md-12 shadow-wrapper md-margin-bottom-40" style="border: 0px solid black;">
		<div class="box-shadow shadow-effect-2">
		  <img class="img-responsive img-bordered full-width"  src="<?php echo Yii::app()->request->baseUrl?>/images/people/All.jpg" class="img-responsive">
		</div>
    </div>
  </div>
</div>
<!--=== End Title v1 ===-->

<!--=== Team v3 ===-->
<div class="container content-sm">
  <?php 
    if (!empty($integrantes)) {
  ?>

    <div class="headline-center margin-bottom-60">
      <h2 id="Directorio">¡El GRUPO Geo!</h2>
    </div>
   
    <div class="team-v3">   
    

    <?php 
    
		  echo '<div class="row margin-bottom-30">'; 
		  echo '<div class="gal">';    
      foreach($integrantes as $item) {
        //if($id == "categoria"){
          $categoria = CategoriasInt::model()->findByPk($item["categoria"]);

          $ids = array();

          if(strlen($item["integrante"]) > 1){
            $valor = trim($item["integrante"]);
            $ids = explode(",", $item["integrante"]);
          }else{
            $ids[] = $item["integrante"];
          }
          
          foreach ($ids as $key => $value) {
            $modelI = Integrantes::model()->findByPk($value);
			if(!empty($modelI->foto)){
				if(file_exists("images/integrantes/".$modelI->foto.".a")){

          ?>

		<div class="shadow-wrapper"  style="padding-top:5px;margin-top:5px;">
			<div class="box-shadow shadow-effect-2">
				<div class="team-img" onclick="">
					<img class="img-responsive img-bordered full-width" src="<?php echo Yii::app()->request->baseUrl;?>/images/integrantes/<?php echo $modelI->foto;?>.a" alt="">
					<div class="team-hover">
            	      <span><?php echo $modelI->nombre?></span>
            	      <small><?php echo $categoria->nombre?></small>
					  <small><a style="color: #ffffff; font-size: 14px; font-weight:bold;" href="<?php echo $this->createUrl('integrante',array('id'=>$value)) ?>">Página Personal</a></small>
            	    </div>
				</div>
			</div>
		</div>

          <?php
          }}}

        //}       
      }
      
          echo '</div></div>';      
    ?>


  <?php 
    }
  ?>


</div></div>

<!--=== End Team v3 ===-->