html { 
  background: url(fondocobros.jpg) no-repeat center center fixed; 
  -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:100px;
width:380px;
font-size:18px;
position: relative;
margin:auto;
text-align:center;
position: relative;
border-radius:5px;
color:#FFFFFF;
outline:none;
font-family:inherit
}

.recuadro p
{
margin: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}



.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;
}