html {
    position: relative; 
    min-height: 100%;
}
body{
	padding-top:3%;
	padding-bottom:3%;
    background-image: url(images/fondos/fondolinea1.jpg);
	background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

table {
margin: auto;
}



a:link {   
 text-decoration:none;   
}

/* CSS general */
.mi-iframe {
  width: 100%;
  height: 50px;
}

.mi-tabla{
width: 90%;  
}

.mi-tablaHat{
	width: 75%;  
}

.mi-tablaContact{
width: 55%;
background:white;  
} 

/* CSS pantallas de 320px o superior */
@media (min-width: 320px) {

  .mi-iframe {
    width: 100%;
    height: 100px;
  } 

  .mi-tabla{
	width: 90%;  
  }
  
  .mi-tablaHat{
	width: 75%;  
  }
  
 .mi-tablaContact{
	width: 55%;
	background:white;
  }  
}

/* CSS pantallas de 320px o superior */
@media (min-width: 600px) {

  .mi-iframe {
    width: 100%;
    height: 300px;
  } 

  .mi-tabla{
	width: 90%;  
  }
  
  .mi-tablaHat{
	width: 75%;  
  }
  
 .mi-tablaContact{
	width: 55%;
	background:white;
  }  
}

/* CSS pantalla 1024px o superior */
@media (min-width: 1024px) {

  .mi-iframe {
    width: 100%;
    height: 370px;
  }

  .mi-tabla{
	width: 90%;  
  } 
  
  .mi-tablaHat{
	width: 75%;  
  }
  
 .mi-tablaContact{
	width: 55%;
	background:white;	
  }
}

/* CSS pantalla 2048px o superior */
@media (min-width: 1920px) {

  .mi-iframe {
    width: 100%;
    height: 450px;
  }

  .mi-tabla{
	width: 70%;  
  } 
  
  .mi-tablaHat{
	width: 70%;  
  }

 .mi-tablaContact{
	width: 55%;  
	background:white;
  }  

}