/*** Grid View ***/

   *{
      box-sizing: border-box; /*Para incluir el borde y el padding en el ancho de las cajas*/
   }   
   [class*="col-"]{
				float: left;
			}

			.renglon::after{
				content: "";
				display: block;
				clear: both;
			}

			/*** celular  ***/	
			[class*="col-"]{
				width: 100%;
			}
	
			/*** tableta  ***/
			@media screen and (min-width: 500px){
				 .col-t-1{width: 8.33%;}
				 .col-t-2{width: 16.66%;}
				 .col-t-3{width: 25%;}
				 .col-t-4{width: 33.33%;}
				 .col-t-5{width: 41.66%;}
				 .col-t-6{width: 50%;}
				 .col-t-7{width: 58.33%;}
				 .col-t-8{width: 66.66%;}
				 .col-t-9{width: 75%;}
				 .col-t-10{width: 83.33%;}
				 .col-t-11{width: 91.66%;}
				 .col-t-12{width: 100%;}
			}
/*** Escritorio  ***/
			@media screen and (min-width: 800px){   
.col-1{
      width: 8.33%;
   }
   .col-2{
      width: 16.66%;
   }
   .col-3{
      width: 25%;
   }
   .col-4{
      width: 33.33%;
   }
   .col-5{
      width: 41.66%;
   }
   .col-6{
      width: 50%;
   }   
   .col-7{
      width: 58.33%;
   }   
   .col-8{
      width: 66.66%;
   }
   .col-9{
      width: 75%;
   }
   .col-10{
      width: 83.33%;
   }
   .col-11{
      width: 91.66%;
   }
   .col-12{
      width: 100%;
   }
   }
/*** Fin Grid View ***/