* {
    box-sizing: border-box;
}

body {
    margin: 0px;
    padding: 0px;
    background-color: #f5f5f5;
    font-family: Arial, Helvetica, sans-serif;
}

#card {
    width: 60%;
    margin: auto;
    margin-top: 70px;
    background-color: white;
    border: 1px #0277bd solid;
    border-radius: 6px;
    -webkit-box-shadow: 0px 2px 9px 0px rgba(148, 148, 148, 1);
    -moz-box-shadow: 0px 2px 9px 0px rgba(148, 148, 148, 1);
    box-shadow: 0px 2px 9px 0px rgba(148, 148, 148, 1);
    padding-bottom: 40px;
}

#card header {
    background-color: black;
    color: white;
    font-size: 1.5em;
    padding: 6px;
    padding-left: 35px;
}

#card section {
    padding: 35px;
}

#botones {
}

#botones nav ul {
    list-style: none;
    margin: 0px;
    text-align: center;
}

#botones nav ul li {
    display: inline;
}

#botones nav ul li button{
    border: 1px #0277bd solid;
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 35px;
    font-size: 1.3em;
    margin: 15px;
}

.b_blancos{
    background-color: white;
    color: #0277bd ;
}
.b_azules{
    background-color: #0277bd;
    color: white;
}