/**************************************************************************************************/
/* CSS específico para el widget CALENDARIO de propietarios                                       */
/**************************************************************************************************/

section{
	font-size: 12px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* ----------------- */
/* Article seleccion */
/* ----------------- */

section article.seleccion{
	padding: 0;
	margin: 0;
	background: none;
	border: none;
	}
	section article.seleccion div a{
		text-decoration: none;
		font-weight: bold;
	}
	section article.seleccion div.content{
		width: 100%;
		margin: 10px auto;
		}
		section article.seleccion div.content div.izquierda{
			float: left;
			min-width: 80px;
			height: 30px;
			line-height: 30px;
			text-align: right;
		}
		section article.seleccion div.content div.derecha{
			float: left;
			min-width: 80px;
			height: 30px;
			line-height: 30px;
		}
		section article.seleccion div.content div.central{
			float: left;
			margin: 0px auto;
			height: 30px;
			text-align: center;
			width: 100%;
			}
			section article.seleccion div.content div.central.anual{
				margin: 0px 90px;
				}
			section article.seleccion div.content div.central select{
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				padding: 3px;
			}

/* ------------------ */
/* Article calendario */
/* ------------------ */

section article.calendario div.content div.matriz_titulo{
	float: right;
	margin: 0px 10px 10px 0px;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(150,150,150, 0.3);
	-moz-box-shadow: 5px 5px 5px 0px rgba(150,150,150, 0.3);
	box-shadow: 5px 5px 5px 0px rgba(150,150,150, 0.3);
}

section article.calendario div.content div.matriz_texto{
	float: left;
	clear: both;
	margin: 0px 0px 5px 10px;
	height: 18px;
	line-height: 18px;
}

section article.calendario div.content div.matriz_contenido{
	float: right;
	margin: 0px 10px 5px 0px;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(150,150,150, 0.3);
	-moz-box-shadow: 5px 5px 5px 0px rgba(150,150,150, 0.3);
	box-shadow: 5px 5px 5px 0px rgba(150,150,150, 0.3);
}

section article.calendario div.content div#contenedorCalendario.sombras{
	-webkit-box-shadow: 5px 5px 5px 0px rgba(150,150,150, 0.3);
	-moz-box-shadow: 5px 5px 5px 0px rgba(150,150,150, 0.3);
	box-shadow: 5px 5px 5px 0px rgba(150,150,150, 0.3);
	}
	section article.calendario div.content div#contenedorCalendario div{
		-webkit-box-shadow: 5px 5px 5px 0px rgba(150,150,150, 0.3);
		-moz-box-shadow: 5px 5px 5px 0px rgba(150,150,150, 0.3);
		box-shadow: 5px 5px 5px 0px rgba(150,150,150, 0.3);
		margin: 5px;
	}

section article.calendario div[id$=_controles_cal]{
	display: none;
}

/* --------------- */
/* Article leyenda */
/* --------------- */

section article.leyenda div.content{
	width: 205px;
	margin: 20px auto 10px auto;
	}
	section article.leyenda div.content div.izquierda{
		float: left;
	}
	section article.leyenda div.content div.blanco{
		background-color: #fff;
	}
	section article.leyenda div.content div.derecha{
		float: right;
	}
	section article.leyenda div.content div.gris{
		background-color: #A3A3A3;
	}
	section article.leyenda div.content div.color{
		margin-right: 10px;
		width: 25px;
		height: 15px;
		-webkit-box-shadow: 5px 5px 5px 0px rgba(150,150,150, 0.3);
		-moz-box-shadow: 5px 5px 5px 0px rgba(150,150,150, 0.3);
		box-shadow: 5px 5px 5px 0px rgba(150,150,150, 0.3);
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	section article.leyenda div.content div.texto{
		line-height: 17px;
		height: 17px;
		}
		section article.leyenda div.content div.texto.izquierda{
			margin-right: 20px;
		}

/* --------------- */
/* Article boton */
/* --------------- */

section article.boton div.content{
	width: 200px;
	margin: 15px auto 15px auto;
	text-align: center;
}