@import url('https://fonts.googleapis.com/css2?family=PT+Sans+Narrow:wght@400;700&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,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-family: 'PT Sans Narrow', sans-serif;
	font-weight: 700;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 0px;
	border-bottom: 1px solid #999999;
}

hr {
	height: 1px;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 20px;
	background-color: #999999;
}

.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 "PT Sans", sans-serif;
	border: 12px solid red;
	text-align: center;
	font-weight: bold;
}


body {
	background: #ffffff;
	font-family: 'PT Sans', sans-serif;
}

h2 {
	color: #000;
	text-align: center;
	font-size: 2em;
}

.warpper {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.tab {
	cursor: pointer;
	padding: 10px 20px;
	margin: 0px 2px;
	background: #000;
	display: inline-block;
	color: #fff;
	border-radius: 3px 3px 0px 0px;
	box-shadow: 0 0.5rem 0.8rem #00000080;
}

.panels {
	background: #fffffff6;
	box-shadow: 0 2rem 2rem #00000080;
	min-height: 200px;
	width: 100%;
	max-width: 500px;
	border-radius: 3px;
	overflow: hidden;
	padding: 20px;
}

.panel {
	display: none;
	animation: fadein .8s;
}
@keyframes fadein {
from {
	opacity: 0;
}

to {
	opacity: 1;
}
}
.panel-title {
	font-size: 1.5em;
	font-weight: bold
}

.radio {
	display: none;
}

#one:checked ~ .panels #one-panel, #two:checked ~ .panels #two-panel, #three:checked ~ .panels #three-panel {
	display: block
}

#one:checked ~ .tabs #one-tab, #two:checked ~ .tabs #two-tab, #three:checked ~ .tabs #three-tab {
	background: #ffffff;
	color: #000;
	border-top: 3px solid #000;
}