.tooltip{
      display: inline;
      position: relative;
  }
  
  .tooltip:hover:after{
      background: #333;
      background: rgba(0,0,0,.8);
      border-radius: 5px;
      bottom: 26px;
      color: #fff;
      content: attr(title);
      left: 20%;
      padding: 5px 15px;
      position: absolute;
      z-index: 98;
      width: 220px;
  }
  
  .tooltip:hover:before{
      border: solid;
      border-color: #333 transparent;
      border-width: 6px 6px 0 6px;
      bottom: 20px;
      content: "";
      left: 50%;
      position: absolute;
      z-index: 99;
  }
 

.formatopanelinicio {
width:100;
margin-left:auto;
margin-right:auto;

background-color: #FF0000;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
color: #FFFFFF;
}      
.welcome {
margin-left:auto;
margin-right:auto;
width:300px;
background-color:white;
padding: 1rem;
border: 0;
  /* IMPORTANTE */
text-align: center;
}
 
.alojamiento{
width:90%;
  margin: 0 0 1rem;
  height: 10rem;
  display:block;
  /* align-items por defecto tiene el valor `stretch` */

} 
.inputsselects  {
  padding: .2rem;
  width:40%;
  display:inline-block;
  
} 
 

@media screen and (max-width: 1000px){
.inputsselects  {
  padding: .2rem;
  width:90%;
  display:inline-block
} } 


@media screen and (max-width: 750px) {
	

.inputsselects  {
  padding: .2rem;
  width:90%;
  display:inline-block
} } 

@media (max-width: 600px) and (min-width: 100px) {
	
.inputsselects  {
  padding: .2rem;
  width:90%;
  display:inline-block
} 
} 


@media screen and (max-width: 550px)
{
.inputsselects  {
  padding: .2rem;
  width:90%;
  display:inline-block
} 
}