@import url('https://fonts.googleapis.com/css2?family=PT+Sans+Narrow:wght@700&display=swap');
.button {
background-color: #886800;
color: #ffffff;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 4px 2px;
cursor: pointer;
border-radius: 5px;
text-transform: none;
border: 1px solid #886800;
font: 20px "PT Sans Narrow";
line-height: 30px;
letter-spacing: 0.3px;
}
.botonpeq {
color: #484848;
background-color: #886800;
padding: 5px 7px;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 4px -4px;
cursor: pointer;
border-radius: 5px;
text-transform: none;
border: 1px solid #9c9c9c;
font: 16px "Roboto Condensed";
}
.buttonsecc {
background-color: #886800;
color: #ffffff;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 4px 2px;
cursor: pointer;
border-radius: 5px;
text-transform: none;
border: 1px solid #886800;
font: 20px "PT Sans Narrow";
line-height: 30px;
letter-spacing: 0.3px;
}
.buttontelf {
background-color: #333333;
color: #ffffff;
padding: 8px 8px;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 6px 4px;
cursor: pointer;
border-radius: 5px;
text-transform: none;
border: 1px solid #333333;
font: 20px "PT Sans Narrow";
line-height: 30px;
letter-spacing: 0.3px;
}
.buttonbuscar {
background-color: #886800;
color: #ffffff;
padding: 10px 15px;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 4px 2px;
cursor: pointer;
border-radius: 5px;
text-transform: none;
border: 1px solid #886800;
font: 18px "PT Sans Narrow";
line-height: 15px;
letter-spacing: 0.5px;
}
.center {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
.centrado {
text-align: center;
}
h3 {
font: bold 24px 'PT Sans Narrow', sans-serif;
text-align: center;
margin-top: 30px;
margin-bottom: 0px;
border-bottom: 1px solid #999999;
}
p {
text-align: left;
}
hr {
height: 1px;
width: 100%;
margin-top: 5px;
margin-bottom: 20px;
background-color: #999999;
}
.tabs {
display: flex;
flex-wrap: wrap;
}
.tabs label {
order: 1;
display: block;
padding: 1rem 1.5rem;
margin-right: 0.2rem;
cursor: pointer;
background: #f2eee3;
color: #aa8200;
font-weight: bold;
transition: background ease 0.2s;
}
.tabs .tab {
order: 99;
flex-grow: 1;
width: 100%;
display: none;
padding: 1rem;
background: #fff;
}
.tabs input[type="radio"] {
display: none;
}
.tabs input[type="radio"]:checked + label {
background: #aa8200;
color: #ffffff;
}
.tabs input[type="radio"]:checked + label + .tab {
display: block;
}
@media (max-width: 45em) {
.tabs .tab, .tabs label {
order: initial;
}
.tabs label {
width: 100%;
margin-right: 0;
margin-top: 0.2rem;
}
}
.datostec {
font-size: 1em;
margin-bottom: -5px;
margin-left: 10%;
margin-right: 10%;
border-bottom: thin solid #c3c3c3;
opacity: 1;
text-align: center
}
details {
background: #ffffff;
color: #333333;
padding: 5px;
border: none;
text-align: left;
outline: none;
font: 18px , "PT Sans";
}
summary {
cursor: pointer;
color: #ffffff;
font-weight: bold;
font: 18px "PT Sans Narrow";
background-color: #886800;
padding: 10px;
}
.cerrado {
background: red;
color: white;
font: 18px "Lucida Grande", Lucida, Verdana, sans-serif;
border: 12px solid red;
text-align: center;
font-weight: bold;
}