@font-face
{
font-family: 'OpenSans';
src: url('https://suscripciones.falconsi.es/recursos/estilos/techna-sans.otf');
font-style: normal;
font-weight: normal;
}

@media screen and (max-width: 480px)
{
  html {
    background: url('fondo-web_480.jpg') no-repeat center center fixed;
  }
}
@media screen and (min-width: 481px) and (max-width: 900px)
{
  html {
    background: url('fondo-web_900.jpg') no-repeat center center fixed;
  }
}
@media screen and (min-width: 901px) and (max-width: 1280px)
{
  html {
    background: url('fondo-web_1280.jpg') no-repeat center center fixed;
  }
}
@media screen and (min-width: 1281px)
{
  html {
    background: url('fondo-web_1920.jpg') no-repeat center center fixed;
  }
}
html { 
  /*background: url(fondo-web.png) no-repeat center center fixed;  <-- Antes de la mejoría de fondos responsivos*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {


   
min-width: 300px;
    overflow-x: hidden; 
}


.cobros{position: absolute: top:0px; font-family:arial;padding:0px 0 0 0}

.cobros a,.cobros a:visited{text-decoration:underline;color:inherit}ul.notice{:30px auto ;width:300px;text-align:center;list-style-position:inside;font-size:15px;padding:20px 30px;border-radius:3px}ul.notice.errors{background-color:#fff4f4;border:1px solid #f50909;color:#f50909}ul.notice.success{background-color:#d7eacd;border:1px solid #6fae4f;color:#6fae4f}ul.notice li{padding:5px 0}.vertical-form{margin:0 auto; }

.legend{width:100%;font-size:24px;font-weight:500;text-align:center;margin:0 0 30px 0}

.invitado{border:1px #26211E solid;background:transparent;opacity: 1;
height:50px;font-size:18px;position: relative; z-index:1; top: 130px;left:0px;display:block;margin:10px auto 0px auto;width:290px;text-align:center;border-radius:5px;color:#FFFFFF;outline:none;font-family:inherit}


.cajastexto
{border:1px #26211E solid;background:white;opacity: 0.3;
height:50px;font-size:25px;position: center; z-index:1; left:0px; display:block; margin:10px auto 0px auto; width:200px; text-align:center;border-radius:5px;color:#000000;outline:none;font-family:inherit}

.recuadro
{border:2px #26211E solid;background:transparent;opacity: 1;
height:290px;font-size:18px;position: relative; z-index:1; top: 10px;left:0px;display:block;margin:10px auto 0px auto;width:290px;text-align:center;border-radius:5px;color:#FFFFFF;outline:none;font-family:inherit}

.recuadroSinBorde
{border:0px;background:transparent;opacity: 1;
height:290px;font-size:18px;position: relative; z-index:1; top: 10px;left:0px;display:block;margin:10px auto 0px auto;width:290px;text-align:center;border-radius:5px;color:#FFFFFF;outline:none;font-family:inherit}



.footer{text-align:center;display:block;margin:0 auto 10px auto; }.footer p:first-child{color:#666} .footer a:first-child{border-bottom:solid 1px #ccc;text-decoration:none}.footer p:nth-child(2) a{border-bottom:solid 1px #000} @media (max-width:0px){.cobros{padding:10px 0 0 0}}
.footer{
position:relative;
top:-70px;
}