/******************************************/
/*    Estilo para el calendario laboral   */
/******************************************/

#CalendarioLaboral {
	left: 0.5em;
	top: 2.5em;
}

.calendarioLaboralMes td, .calendarioLaboralMes th {
  padding: 0.4rem;
}

@media screen and (max-width: 1200px) {
	.calendarioLaboralMes td, .calendarioLaboralMes th {
  padding: 0.2rem;
}
}

@media screen and (max-width: 992px) {
	.calendarioLaboralMes td, .calendarioLaboralMes th {
  padding: 0.1rem;
}
}

@media screen and (max-width: 768px) {
	.calendarioLaboralMes td, .calendarioLaboralMes th {
  padding: 0.01rem;
}
}

@media screen and (max-width: 500px) {
	.calendarioLaboralMes td, .calendarioLaboralMes th {
  padding: 0.1rem;
}
}

/*******************************/
/*    Estilo para la leyenda   */
/*******************************/

.leyenda{
  	font-weight: normal;
  	font-size: 1em;
	width: 100%;
}
.celdaLeyenda {
  	font-weight: normal;
  	font-size: 1em;
	width: 12%;
}


.calendarioLaboralMarco{
}

.calendarioLaboral{
  	font-weight: normal;
  	font-size: 0.95em;	
	width: 100%;
}

.calendarioLaboralMes{
  	font-weight: normal;
  	font-size: 0.95em;	
	border: 1px solid rgb(0,0,0);
	margin-top: 5px;
	background-color: rgb(255,255,255);
}

.calendarioLaboralCabeceraMes{
	border: 1px solid rgb(0,0,0);
	background-color: rgb(0, 140, 140);
	text-align: center;
}

.calendarioLaboralDiaCabecera{
	background-color: rgb(153,204,204);
	text-align: center;
	border: 1px solid rgb(128,128,128);
	color: rgb(0,0,0);;
}

.calendarioLaboralCelda, .calendarioLaboralCeldaEnlace {
	text-align: center;
	border: 1px solid rgb(192,192,192);
}
.calendarioLaboralDiaLaborable, .calendarioLaboralDiaLaborableEnlace{
	background-color: rgb(255,255,204);;
	text-align: center;
	border: 1px solid rgb(192,192,192);
}

.calendarioLaboralDiaNoLaborable, .calendarioLaboralDiaNoLaborableEnlace{
	background-color: #FF3E3E;
	text-align: center;
	border: 1px solid rgb(192,192,192);
}

.calendarioLaboralDiaFiestaNacional, .calendarioLaboralDiaFiestaNacionalEnlace{
	background-color: rgb(0,153,255);
	text-align: center;
	border: 1px solid rgb(192,192,192);
}

.calendarioLaboralDiaFiestaAutonomica, .calendarioLaboralDiaFiestaAutonomicaEnlace{
	background-color: rgb(0,153,153);
	text-align: center;
	border: 1px solid rgb(192,192,192);
}

.calendarioLaboralDiaFiestaLocal, .calendarioLaboralDiaFiestaLocalEnlace{
	background-color: rgb(204,102,204);
	text-align: center;
	border: 1px solid rgb(192,192,192);
}

.calendarioLaboralDiaInhabil, .calendarioLaboralDiaInhabilEnlace{
	background-color: rgb(183,183,0);
	text-align: center;
	border: 1px solid rgb(192,192,192);
}


.calendarioLaboralDiaSabado, .calendarioLaboralDiaSabadoEnlace{
	text-align: center;
	background-color: #FF9933;
	border: 1px solid rgb(192,192,192);	
}

.calendarioLaboralDiaOculto{
	background-color: rgb(192,192,192);
}

.calendarioLaboralDiaLaborableEnlace, .calendarioLaboralDiaNoLaborableEnlace, .calendarioLaboralDiaFiestaNacionalEnlace, .calendarioLaboralDiaFiestaAutonomicaEnlace, .calendarioLaboralDiaFiestaLocalEnlace, .calendarioLaboralDiaInhabilEnlace, .calendarioLaboralDiaSabadoEnlace, .calendarioLaboralCeldaEnlace {
	cursor: pointer;
}