* {
font-family: times new roman;
position: relative;
}
#DatosMedico {
width: 50em; /* Ancho del contenedor */
height: 50em;
text-align: left;
}
#CalenProxCitas{
margin: 1 auto;
width: 100%; /* Ancho del contenedor */
position: relative;
text-align: left;
}
#Semaforo{
margin: 1 auto;
width: 100%; /* Ancho del contenedor */
position: relative;
text-align: left;
}
#tablaTitulo{
border: 0;
width: 100%;
align-content: center;
position: relative;
}
#container {
margin: 0 auto;
width: 100%; /* Ancho del contenedor */
}
#container input {
height: 2.5em;
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: 1em; /* Tamaño del texto de las pestañas */
height: 2.5em;
line-height: 2.5em;
margin-right: .25em;
padding: 0 1.5em;
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: #444; /* Color de las pestañas al presionar */
position: relative;
z-index: 6;
}
#content {
background: #f1f1f1; /* Fondo del contenido */
border-radius: 0 .25em .25em .25em;
min-height: 100%; /* Alto del contenido */
position: relative;
width: 100%;
z-index: 5;
}
#content div {
opacity: 0;
padding: .5em;
position: absolute;
z-index: -100;
}
#content-3 p,
#content-3 ul {
margin-bottom: 1em;
}
#content-3 ul {
margin-left: 2em;
}
#content-4 p,
#content-4 ul {
margin-bottom: 1em;
}
#content-4 ul {
margin-left: 2em;
}
#content-5 p,
#content-5 ul {
margin-bottom: 1em;
}
#content-5 ul {
margin-left: 2em;
}
#container input#tab-1:checked ~ #content #content-1,
#container input#tab-3:checked ~ #content #content-3,
#container input#tab-4:checked ~ #content #content-4,
#container input#tab-5:checked ~ #content #content-5
{
opacity: 1;
z-index: 100;
}
#DG{
width: 80em; /* Ancho del contenedor */
height: 35em;
border: 0em;
}
#AGO{
width: 80em; /* Ancho del contenedor */
height: 35em;
border: 0em;
}
#AP{
width: 80em; /* Ancho del contenedor */
height: 35em;
border: 0em;
}
#AMO{
width: 80em; /* Ancho del contenedor */
height: 35em;
border: 0em;
}