#contenedor {
margin: 0px;
padding: 0px;
font-family: arial;
width: 100%;
background-color: #fff;
margin: auto;
height: 100%;
}
#contenedor a {
text-decoration: none;
color: white;
font-weight: bold;
}
#contenedor p {
margin-bottom: 0px;
}
header{
background-color: white;
}
#titulonuevo {
width: 100%;
height: 100%;
}
#bloque1{
margin: 0px 0px 0px 30px;
float: left;
height: 130px;
}
#bloque2{
float: left;
margin: -24px 0px 0px 12px;
}
#agenda{
color: #575756;
font-weight: bold;
font-size: 31px;
line-height: 0.9;
}
#linea{
float: left;
height: 125px;
width: 5px;
background-color: #FFD300;
margin: -1px 0px 0px 15px;
}
#calendario{
float: left;
height:180px;
width: 200px;
background: #fff;
margin: 20px 0px 40px 40px;
}
#mes{
height:50px;
background: #ccc;
text-align: center;
}
#numeromes{
float: left;
color: white;
padding-left: 10px;
margin-top: 20px;
}
#numeromes p{
font-size: 60px;
}
#nombremes{
float: left;
font-size: 22px;
margin-top: 13px;
}
table{
background: #ffffff;
height: 140px;
width: 200px;
padding: 10px;
margin-top: 10px;
}
#diassemana{
text-align: center;
font-weight: bold;
}
#numerossemana{
color: #555656;
text-align: center;
font-weight: bold;
}
#numerossemana p{
font-size: 11px;
}
#audiencia{
background-color: #88bf48;
color: white;
}
#referencias{
background-color: #F9F9F9;
width: auto;
float: left;
margin-left: 40px;
padding: 15px;
margin-top: 40px;
border-radius: 50px;
}
#refinternas{
float: left;
margin: 2px 23px 0px 43px;
}
#cuadrado{
height: 15px;
width: 15px;
float: left;
margin-right: 8px;
border-radius: 50%;
}
/* Clase que tendra el tooltip */
.cssToolTip {
position: relative; /* Esta clase tiene que tener posicion relativa */
color: #ff8c00; /* Color del texto */
}
/* El tooltip */
.cssToolTip span {
background: white center left 5px no-repeat;
border: 1px solid #4C4C4C;
border-radius: 3px;
box-shadow: 2px 2px 5px #A8A8A8;
color: #575756;
display: none; /* El tooltip por defecto estara oculto */
padding: 10px 15px 10px 15px;
min-width: 200px;
position: absolute; /* El tooltip se posiciona de forma absoluta para no modificar el aspezto del resto de la pagina */
top: 30px; /* Posicion apartir de la parte superior del primer elemento padre con posicion relativa */
left: 0px; /* Posicion apartir de la parte izquierda del primer elemento padre con posicion relativa */
z-index: 100; /* Poner un z-index alto para que aparezca por encima del resto de elementos */
font-size: 12px;
}
/* El tooltip cuando se muestra */
.cssToolTip:hover span {
display: inline; /* Para mostrarlo simplemente usamos display block por ejemplo */
@media (min-width: 1100px) {
}
* {
/*margin: 0px;
padding: 0px;
font-family: arial;*/
}
#agenda{
color: #575756;
font-weight: bold;
font-size: 31px;
line-height: 0.9;
}
#linea{
float: left;
height: 125px;
width: 5px;
background-color: #FFD300;
margin: -1px 0px 0px 23px;
}
#contenedor{
height:200px;
margin: auto;
}
.calendario{
/*float: left;*/
/*height: 235px;
margin: 30px 10px 0px 5px;
width: 205px;*/
margin-top: 15px;
}
.calendario a {
color: #555656;
text-decoration: none;
font-weight: bold;
text-align: center;
}
.calendario a.agris{
color: #aaa;
}
.calendario td.cssToolTip a{
color: white;
}
.mes{
height:50px;
background: #ffd300;
text-align: center;
margin-top: 15px;
padding-bottom: 25px;
}
#conjuntomeses{
padding-left: 20px;
}
.calendario .mes .numeromes{
float: left;
color: white;
font-size: 60px;
padding-left: 10px;
margin-top: 0px;
line-height: 70px;
}
.nombremes{
float: left;
font-size: 22px;
margin-top: 15px;
margin-left: 20px;
color: white;
}
.calendario table{
/*
height: 150px;
width: 200px;
margin-top: 3px;
border-spacing: 2px;
*/
width: 95%;
padding: 0px;
margin: auto;
border-spacing: 2px;
border-collapse: separate;
}
.calendario td{
/*
width: 27px;
height: 20px;
*/
padding: 5px 0;
font-size: 11px;
color: #555656;
font-weight: bold;
text-align: center;
}
.calendario tr{
height: 10px;
}
.diassemana{
text-align: center;
font-weight: bold;
color: #666;
}
.diassemana td {
padding: 0;
}
.diassemana p {
margin-bottom: 5px;
}
.numerossemana{
font-size: 11px;
color: #666;
font-weight: bold;
text-align: center;
}
.rojo{
background-color: #e76056;
color: white;
text-align: center;
}
.azul{
background-color: #0389d1;
color: white;
text-align: center;
}
.verde{
background-color: #99c25f;
color: white;
text-align: center;
}
.verdeoscuro{
background-color: #2ebc98;
color: white;
text-align: center;
}
.naranja{
background-color: #f3a32d;
color: white;
text-align: center;
}
.violeta{
background-color: #9d6db6;
color: white;
text-align: center;
}
.celeste{
background-color: #00D1C7;
color: white;
text-align: center;
}
.gris {
background-color: #dddddd;
color: white;
text-align: center;
}
.referencias{
/*height: 35px;
width: 615px;
float: left;
border-radius: 35px;*/
background-color: #F9F9F9;
border-radius: 50px;
padding: 10px 10px 0px 65px;
font-size: 10px;
margin-top: 20px;
}
#contenedor-calendario {
margin-top: 0px;
}
.referencias .row{
margin-top: 10px;
}
.refinternas{
/*float: left;
margin: 1px 4px 8px 15px;*/
margin-bottom: 15px;
}
.refinternasclave{
/*float: left;
margin: 3px 50px 0px 120px;*/
}
.cuadrado{
height: 15px;
width: 15px;
float: left;
margin-right: 4px;
border-radius: 50%;
margin-top: 5px;
}
.cssToolTip {
position: relative;
color: #ff8c00;
}
/* El tooltip #4C4C4C */
.cssToolTip span {
background: white center left 5px no-repeat;
border: 1px solid #4C4C4C;
border-radius: 5px;
box-shadow: 2px 2px 5px #A8A8A8;
color: #575756;
display: none; /* El tooltip por defecto estara oculto */
padding: 10px 15px 10px 20px;
/*text-align: center;*/
width: 250px;
position: absolute; /* El tooltip se posiciona de forma absoluta para no modificar el aspezto del resto de la pagina */
top: 30px; /* Posicion apartir de la parte superior del primer elemento padre con posicion relativa */
left: -100px; /* Posicion apartir de la parte izquierda del primer elemento padre con posicion relativa */
z-index: 100; /* Poner un z-index alto para que aparezca por encima del resto de elementos */
font-size: 12px;
font-weight: normal;
overflow-wrap: normal;
line-height: 1.3em;
}
.cssToolTip:hover span {
display: inline;
opacity: 1;
}
hr{
margin:5px 0px;
}
div .col-md-4, .col-md-2, .col-md-6{
padding-left: 15px;
padding-right: 15px;
}
@media (max-width: 500px) {
.referencias{
margin-top: 20px;
}
#contenedor-calendario {
margin-top: 270px;
}
}
Enero
Febrero
Marzo
Abril
Mayo
Agosto
Septiembre
Octubre
Noviembre
Diciembre
|
D |
L |
M |
M |
J |
V |
S |
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 | 31 |
|
D |
L |
M |
M |
J |
V |
S |
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 |
|
D |
L |
M |
M |
J |
V |
S |
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | 31 |
|
D |
L |
M |
M |
J |
V |
S |
| 1 | 2 | 3 | 4 | 3 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 |
|
D |
L |
M |
M |
J |
V |
S |
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 | 31 |
|
D |
L |
M |
M |
J |
V |
S |
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
|
D |
L |
M |
M |
J |
V |
S |
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 | 29 |
| 30 |
|
D |
L |
M |
M |
J |
V |
S |
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 | 31 |
|
D |
L |
M |
M |
J |
V |
S |
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 |
|
D |
L |
M |
M |
J |
V |
S |
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 | 29 |
| 30 | 31 |