Municipalidad Distrital de La Molina

Trámites Municipales

.tabs { display: flex; flex-wrap: wrap; // make sure it wraps } .tabs label { width: 260px; order: 1; // Put the labels first display: block; padding: 15px; margin-right: 1rem; cursor: pointer; font-weight: bold; text-align: center; font-size: 17px; transition: background ease 0.2s; } .tabs .tab { order: 99; // Put the tabs last flex-grow: 1; width: 100%; display: none; padding-top: 15px; background: #fff; } .tabs input[type="radio"] { display: none; } .tabs input[type="radio"]:checked + label { } .tabs input[type="radio"]:checked + label + .tab { display: inline; } @media (max-width: 600px) { .tabs .tab, .tabs label { order: initial; } .tabs label { width: 100%; margin-right: 0; margin-top: 0.2rem; } } /** * Generic Styling */ body { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } .a{ color:#000; } #cuadro{ width: 32%; height: 160px; border: 1px solid #E0E0E0; float: left; margin: 7px; font-weight: 300; line-height: 1.5; font-size: 14px; padding: 20px 20px 0px 20px; } #cuadro2{ width: 32.2%; height: 160px; border: 1px solid #E0E0E0; float: left; margin: 7px; font-weight: 300; line-height: 1.5; font-size: 14px; padding: 20px 20px 0px 20px; } #cuadro3{ width: 32%; height: 160px; border: 1px solid #E0E0E0; float: right; margin: 7px; font-weight: 300; line-height: 1.5; font-size: 14px; padding: 20px 20px 0px 20px; }
scroll