* {
 font-family: Arial, sans;
 margin: 0;
 padding: 0;
}
#container {
 margin: 0 auto;
width: 100%; /* Ancho del contenedor */
padding: 6px;
}
#container input {
 height: 1em;
 visibility: hidden;
}
#container label {
 background: #f9f9f9; /* Fondo de las pestaņas */
 border-radius: .25em .25em 0 0;
 color: #888; /* Color del texto de las pestaņas */
 cursor: pointer;
 display: block;
 float: left;
 font-size: 0.75em; /* Tamaņo del texto de las pestaņas */
 height: 2.5em;
 line-height: 2.5em;
 margin-right: .25em;
 padding: 0 1em;
 text-align: center;
}
#container input:hover + label {
 background: #ddd; /* Fondo de las pestaņas al pasar el cursor por encima */
 color: #666; /* Color del texto de las pestaņas al pasar el cursor por encima */
}
#container input:checked + label {
 background: #f1f1f1; /* Fondo de las pestaņas al presionar */
 color: #000000; /* Color de las pestaņas al presionar */
 font-weight: bold;
 position: relative;
 z-index: 6;
}
#content {
 background: #f1f1f1; /* Fondo del contenido */
 border-radius: 0 .25em .25em .25em;
 min-height: 20em; /* Alto del contenido */
 position: relative;
 width: 100%;
 height: 915px;
 z-index: 5;
}
#content div {
 opacity: 0;
 padding: 1.5em;
 position: absolute;
 z-index: -100;
}
#content-1 p {
 clear: both;
 margin-bottom: 1em;
}
#content-1 p.left img {
 float: left;
 margin-right: 1em;
}
#content-1 p.last {
 margin-bottom: 0;
}
#content-2 p {
 float: left;
 width: 48.5%;
}
#content-2 p.column-right {
 margin-left: 3%;
}
#content-2 p img {
 display: block;
 margin: 0 auto 1em auto;
}
#content-3 p,
#content-3 ul {
 margin-bottom: 1em;
}
#content-3 ul {
 margin-left: 2em;
}
#container input#tab-1:checked ~ #content #content-1,
#container input#tab-2:checked ~ #content #content-2,
#container input#tab-3:checked ~ #content #content-3 {
 opacity: 1;
 z-index: 100;
}