body{
font-family: 'Source Sans Pro';	
}
header img {
width: 300px;
}
.titulo {
width: 400px;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
background: #00ae62;
color: #FEFEFE;
border: 1px solid #00ae62;
border-bottom: 0px;
font-size: 20px;
}
button, input, optgroup, select, textarea {
width: auto;
margin: 0px auto;
cursor: pointer;
font-family: 'Source Sans Pro';
}
table:not(.tabla_compra) {
border: 1px solid #00ae62;
border-top: 0px;
}

table:not(.tabla_compra) tr:last-child td {
padding-bottom: 30px;
}

table:not(.tabla_compra) tr td {
border: 0px;
display: flex;
}

table:not(.tabla_compra) tr td button, button {
display: block;
margin-left: auto;
margin-right: auto;
background: #00ae62;
padding: 10px 20px;
color: #ffffff;
border: 0px;
font-size: 16px;
}

table:not(.tabla_compra) tr td input {
font-size: 18px;
border: 1px solid #C0C0C0;
padding: 5px;
padding-left: 15px;
box-shadow: 0px 0px 5px 2px #dadada;
-moz-box-shadow: 0px 0px 5px 2px #dadada;
-webkit-box-shadow: 0px 0px 5px 2px #dadada;
outline: 0;
}

table:not(.tabla_compra) tr td input:focus {
box-shadow: 0px 0px 5px 2px #00ae62;
-moz-box-shadow: 0px 0px 5px 2px #00ae62;
-webkit-box-shadow: 0px 0px 5px 2px #00ae62;
}

#resultado div {
font-size: 14px;
padding: 5px;
border-radius: 15px;
-webkit-border-radius: 5px;
-webkit-border-radius: 5px;
}
@media only screen and (max-width: 1200px) {
header {
width: 100%;
}
header img {
width: 90%;
max-width: 300px;
}
.titulo, table{
width: 90% !important;
max-width: 400px;
}	
}