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;
}