.buscar{
	display: grid;
	grid-template-rows: 280x 280px 280px ;
	grid-template-columns: 280px 280px 280px ;
	grid-gap: 15px;
   max-width: 900px;

}

.btn {
	border: none; 
	color: black; 
	padding: 14px 28px; 
	cursor: pointer; 
	border-radius: 5px; 
  }

  .success {background-color: white; border: 2px solid #04AA6D;} 
.success:hover {background-color: #46a049; color: white;}

.tabla {
	width: 98%;
	margin-left: auto;
	  margin-right: auto;
	  border-collapse: collapse;
	  margin: 25px 25px;
	  font-size: 12px;
	  font-family: sans-serif;
	  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
	}
	
	
  .tabla td {
  
	  padding: 5px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-right-color: #A4C4D0;
  border-bottom-color: #A4C4D0;
  text-align:left;
  
  }
  .tabla thead tr {
	  background-color: #009879;
	  color: #ffffff;
	  text-align: left;
  }
  
  .tabla tbody tr {
	  border-bottom: 1px solid #dddddd;
  }
  .tabla  tbody tr:hover {
	font-size:12px ;
	color:green;
	
  }
  .tabla tbody tr:nth-of-type(even) {
	  background-color: #f3f3f3;
  }
  
img {
  height: auto;
   width: 100%;
   vertical-align:middle;
}
*{
	margin:0px;
	padding:0px;
	list-style:none;
	text-decoration:none;
	font-family:Arial;
	box-sizing: border-box;	
	}

	
	
.fila{
	position:relative;
	margin:auto;
	width:100%;
	height:100%;
	clear:both;
	display:table;
	}
[class*="col-"]{
	float:left;
	
}
/*pantalla de escritorio grande*/
@media(min-width:1200px){
	.buscar{
		display: grid;
		grid-template-rows: 280x 280px 280px ;
		grid-template-columns: 280px 280px 280px ;
		grid-gap: 15px;
	   max-width: 900px;
	
	}

	.col-lg-12{width:100%;}
.col-lg-11{width:91.66666667%;}
.col-lg-10{width:83.33333333%;}
.col-lg-9{width:75%;}
.col-lg-8{ width: 66.66666667%; }
.col-lg-7{width:58.33333333%;}
.col-lg-6{width:50%;}
.col-lg-5{ width: 41.66666667%; }
.col-lg-4{width:33.33333333%;}
.col-lg-3{ width: 25%; }
.col-lg-2{width:16.66666667%;}
.col-lg-1{width:8.33333333%;}
}
/*pantalla de tablet mediana*/
@media(max-width:1199px) and (min-width:992px) {
	.buscar{
		display: grid;
		grid-template-rows: 280x 280px 280px ;
		grid-template-columns: 280px 280px 280px ;
		grid-gap: 15px;
	   max-width: 900px;
	
	}

	.col-md-12{width:100%;}
.col-md-11{width:91.66666667%;}
.col-md-10{width:83.33333333%;}
.col-md-9{width:75%;}
.col-md-8{ width: 66.66666667%; }
.col-md-7{width:58.33333333%;}
.col-md-6{width:50%;}
.col-md-5{ width: 41.66666667%; }
.col-md-4{width:33.33333333%;}
.col-md-3{ width: 25%; }
.col-md-2{ width: 16.66666667%;}
.col-md-1{ width: 8.33333333%; }
}
/*pantalla de tablet pequeña */
@media(max-width:991px) and (min-width:768px) {
	.buscar{
		display: grid;
		grid-template-rows: 280x 280px  ;
		grid-template-columns: 280px 280px  ;
		grid-gap: 15px;
	   max-width: 900px;
	
	}

	.col-sm-12{width:100%;}
.col-sm-11{width:91.66666667%;}
.col-sm-10{width:83.33333333%;}
.col-sm-9{width:75%;}
.col-sm-8{ width: 66.66666667%; }
.col-sm-7{width:58.33333333%;}
.col-sm-6{width:50%;}
.col-sm-5{ width: 41.66666667%; }
.col-sm-4{width:33.33333333%;}
.col-sm-3{ width: 25%; }
.col-sm-2{ width: 16.66666667%;}
.col-sm-1{ width: 8.33333333%; }
}
/*pantalla de ceular  extra pequeña */
@media(max-width:767px)  {
	.buscar{
		display: grid;
		grid-template-rows: 280x  ;
		grid-template-columns: 280px  ;
		grid-gap: 15px;
	   max-width: 900px;
	
	}

	.col-xs-12{width:100%;}
.col-xs-11{width:91.66666667%;}
.col-xs-10{width:83.33333333%;}
.col-xs-9{width:75%;}
.col-xs-8{width: 66.66666667%; }
.col-xs-7{width:58.33333333%;}
.col-xs-6{width:50%;}
.col-xs-5{width: 41.66666667%; }
.col-xs-4{width:33.33333333%;}
.col-xs-3{width: 25%; }
.col-xs-2{width: 16.66666667%;}
.col-xs-1{width: 8.33333333%; }
}