@font-face {
  font-family: Helveticars;
  src: url('http://3dias.cl/recursos/HelveticaLTStd-Bold.otf');
}

body {
width: 400px;
height: 380px;
background: transparent url(img/contacto-muppet-alcorte.jpg) 0 0 no-repeat;
font-size: 12px;
font-family: Helveticars, Helvetica, Arial, sans-serif;
overflow-x: hidden;
}

h2 {
font-size: 1.8em;
font-weight: normal;
text-align: center;
margin: 10px 0 5px 0;
color: #fff;
text-shadow: 1px 1px 0px #000;
}

form {
width: 250px;
margin: 0 auto;
}

form p {
font-size: 1.2em;
margin-top: 5px;
width: 250px;
color: #fff;
text-shadow: 1px 1px 0px #000;
}

form input, form select {
margin-bottom: 5px;
width: 246px;
height: 23px;
padding: 8px 2px 0 2px;
border: 1px solid #fff;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-size: 1em;
}

form select {
height: 32px;
width: 250px;
outline: 0;
}

form textarea {
margin-bottom: 5px;
width: 246px;
height: 80px;
padding: 5px 2px 5px 2px;
border: 1px solid #fff;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-size: .8em;
}

form input[type='submit'] {
display: block;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #05b;
border: 1px solid #01a;
width: 80px;
height: 26px;
color: #fff;
font-size: 1em;
margin: 0 auto;
padding: 0;
}