/*HOME.CSS div's side by side as in a table*/

.flex-container {
  display: flex;
  flex-wrap: wrap; /* or nowrap*/
  background-color: DodgerBlue;
}

.flex-container > div {
  background-color: #f1f1f1;
  width: 100px;
  margin: 10px;
  text-align: center;
  line-height: 75px;
  font-size: 30px;
}



.wrap-home {
  display:table;
  width:100%;
}

.row {
  display:table-row;
}
/* For mobile phones:*/ 
.home_td {  width: 100%; }

@media only screen and (min-width: 882px) {
.home_td {  width: 100%; }
}

.home_td{
  display:table-cell;
	/*width:50%;*/
  padding-top:40px;
  padding-bottom:40px;
  /*background: url(/1images/f07.jpg);*/
  background-position: left top;
  background-repeat: repeat;
  border:0px solid black;
  vertical-align:top
}
.home_gr1{ background: url(/1images/im03.jpg);}
.home_gr2{ background: url(/1images/im02.jpg);}
.home_gr3{ background: url(/1images/im03.jpg);}
.home_gr4{ background: url(/1images/im03.jpg);}

.td1 {/*en que consiste*/
  display:table-cell;
  width:50%;
  padding-top:40px;
  padding-bottom:40px;
/* background-color:red;*/
/*  background: url(/1images/f07.jpg);*/
  background-position: left top;
  background-repeat: repeat;
  border:0px solid black;
  vertical-align:top
}

.td2 {
  display:table-cell;
  width:50%;
  padding-top:40px;
  padding-bottom:40px;
/*  background-color:yellow;*/
/*  background: url(/1images/im02.jpg);*/
  background-position: left top;
  background-repeat: no-repeat;
  border:0px solid black;
  vertical-align:top
}

.td3 { /*logos*/
  display:table-cell;
  /*background-color:yellow;*/
  width:90%;
  padding-top:40px;
  padding-bottom:40px;
  background-color: #FFFFFF;
  border:0px solid black;
  vertical-align:top
}

.home_txt1 {
  /*color: #ffffff;*/
 background-color:#adadad;
  font-size: 12px;
  width: 70%;
  text-align: left;
  padding: 12px 12px; /*top+bottom left+right*/
  position: relative;
  border:0px solid black;

  /*top: 40px;
  bottom:40px;*/
  /*padding: 12px 12px;
  position: absolute;
  top: 10px;
  left:100px;
  width: 70%;
  text-align: center;*/	
}
.home_txt2 {
  /*color: #ffffff;*/
  font-size: 12px;
  width: 90%;
  text-align: left;
  padding: 12px 12px; /*top+bottom left+right*/
  position: relative;
  border:0px solid black;

  /*top: 40px;
  bottom:40px;*/
  /*padding: 12px 12px;
  position: absolute;
  top: 10px;
  left:100px;
  width: 70%;
  text-align: center;*/	
}
.home_txt3 {
  width: 90%;
  text-align: left;
  padding: 12px 12px; /*top+bottom left+right*/
  position: relative;
}


/*from w3schools dives side by side*/
* {box-sizing: border-box;}

.column1 {
  float: left;
  width: 25%;
  padding: 5px;
}
.column2 {
  float: left;
  width: 75%;
  padding: 5px;
}
/* Clearfix (clear floats) */
.row1::after {
  content: "";
  clear: both;
  display: table;

}
.column3 {
  float: left;
  width: 33%;
/*  height: 100px;*/
  padding: 25px;
  background-color:none;
  border:0px solid black;
}
.column4 {
  float: left;
  width: 33%;
  padding: 10px;
  background-color:none;
  border:0px solid black;
}

.home_blk1{
	background-color:blue;
	padding:5px;
	font-size:14px;
	height:60px; 
	text-align:center;
	color:#FFFFFF;
  border:0px solid black;
}
.home_blk4{
	padding:5px;
	height:80px; 
	text-align:center;
}