h1 { font-size: 3.6em }
h2 { font-size: 3.0em }
h3 { font-size: 2.4em }
h4 { font-size: 1.8em }
h5 { font-size: 1.4em }
h6 { font-size: 1.0em }
p, label, fieldset { font-size: 1.0em }

h1, h2, h3, h4, h5, h6, p, label, fieldset, a {
    color: inherit;
    font-family: inherit;
    line-height: inherit;
}
h1, h2, h3, h4, h5, h6, p, label { margin: 1% 0 }

aside { padding-top: 20px; }
aside ul { width: 90% }
aside ul li {
    display: block;
    padding: 7px 0;
    position: relative;
    text-indent: 10px;
}
aside ul li a { display: block; font-size: 1.2em }
aside ul li ul {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    transition: 0.5s linear;
}
aside ul li:hover ul { display: block }

fieldset {
    padding: 1% 0;
}
label {
    font-size: 1.2em;
    font-family: inherit;
}
input, select, textarea {
    background-color: inherit;
    border-radius: 3px;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: 1.2em;
    padding: 10px 0;
    text-indent: 10px;
    width: 99%;
    -webkit-appearance: none;
}
select { text-indent: initial }
input[type='radio'], input[type='checkbox'] { display: inline-block; width: 5% }
label.check { display: inline-block; width: 90% }
input.med, select.med, textarea.med { width: 49% }
input.peq, select.peq, textarea.peq { width: 24% }

.paginas {
    font-size: 1.2em;
    padding: 20px 0;
    text-align: center;
    width: 100%;
}
.paginas span {
    padding: 0 1%;
}
.paginas span.pag_selec { font-weight: bold; text-decoration: underline }

.btn {
    border: 1px solid white;
    border-radius: 3px;
    display: inline-block;
    font-size: 1.2em;
    line-height: 18px;
    margin: 10px 0;
    padding: 5px 1%;
    text-indent: 0;
    transition: 0.5s linear;
}
.btn svg {
    float: left;
    height: 18px;
    margin-right: 5px;
    transition: 0.5s linear;
    width: 18px;
}
.back{border: 1px solid #646464;}
.back:hover {background: #646464; color: #fff;}

[class*="col-"] { box-sizing: border-box; width: 100%; }
@media only screen and (min-width: 600px) {
    [class*="col-"] { float: left; }
    .col-m-1 { width: 8.33% }
    .col-m-2 { width: 16.66% }
    .col-m-3 { width: 25% }
    .col-m-4 { width: 33.33% }
    .col-m-5 { width: 41.66% }
    .col-m-6 { width: 50% }
    .col-m-7 { width: 58.33% }
    .col-m-8 { width: 66.66% }
    .col-m-9 { width: 75% }
    .col-m-10 { width: 83.33% }
    .col-m-11 { width: 91.66% }
    .col-m-12 { width: 100% }
}
@media only screen and (min-width: 900px) {
    .col-1 { width: 8.33% }
    .col-2 { width: 16.66% }
    .col-3 { width: 25% }
    .col-4 { width: 33.33% }
    .col-5 { width: 41.66% }
    .col-6 { width: 50% }
    .col-7 { width: 58.33% }
    .col-8 { width: 66.66% }
    /*.col-9 { width: 75% }*/
    .col-10 { width: 83.33% }
    .col-11 { width: 91.66% }
    .col-12 { width: 100% }
}
@media only screen and (min-width: 1020px) {
    .col-9 { width: 75% }    
}

.clear { clear: both }
.display_none { display: none }
.display_block { display: block }
.left { float: left }
.right { float: right }
.float_none { float: none }