.contenedor_agenda{
	width: 100%;
	min-height: calc(100vh - 200px);
	background: url("../rsc/img/fondo_editar.jpg") center center;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: wrap;
	align-content: flex-start;
}
.contenedor_agenda #agenda{
	margin: 2em auto;
	padding: 2em;
	width: calc(75% - 8em);
	height: calc(100vh - 320px);
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 1500px;
	background: rgba(255,255,255,0.8);
	overflow-x: hidden;
	overflow-y: auto;
}
.contenedor_agenda .contenedor_menu_botones{
	background: rgba(255,255,255,0.8);
	margin: 2em 2em auto 2em ;
	padding: 2em;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 300px;
}

.contendor_calendario{
	width:calc( 100% - 2em);
	display:flex;
	justify-content: center;
	align-items:flex-start;
	margin-bottom: 2em;
	padding: 1em;
	background: #fff;
	box-shadow: 1px 1px 1px 2px rgba(128, 128, 128, 0.1);
}
.contenedor_menu_botones .separacion_bottom{
	margin-bottom: 0.5em;
}
.contendor_calendario{
	width:calc( 100% - 2em);
	display:flex;
	justify-content: center;
	align-items:flex-start;
	margin-bottom: 2em;
	padding: 1em;
	background: #fff;
	box-shadow: 1px 1px 1px 2px rgba(128, 128, 128, 0.1);
}
.contendor_calendario .calendario{
	width:100%;
}
.contendor_calendario .top{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items:center;
	margin-bottom: 1.2em;
}
.contendor_calendario .top div{
	width: 100%;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items:center;
	margin-bottom: 1.2em;
}
.contendor_calendario h1{
	font-size:2em;
	font-weight:normal;
	color:#333;
	text-align:center;
}
.contendor_calendario .navCalendario{
	display:block;
	text-decoration:none;
	color:#999;
	font-size:1.5em;
}
.contendor_calendario h2{
	font-size:1.2em;
	color:#666;
	font-weight:normal;
}
.contendor_calendario .dias{
	display:grid;
	grid-template-columns:auto auto auto auto auto auto auto;
/*	grid-gap:20px;*/
}
.contendor_calendario .dias p{
	display:flex;
	justify-content: center;
	align-items:center;
	color:#ccc;
	margin-bottom: 0.5em;
}
.contendor_calendario .dias p.marcador{
	font-size:1.1em;
	color:#333;
	margin-bottom: 0.9em;
}
.contendor_calendario .evento{
	color:#0076A5;
	text-decoration:none;
	text-shadow:1px 1px 0 #999;
}
.contendor_calendario .evento_pendientes{
	color:#900;
	text-decoration:none;
	text-shadow:1px 1px 0 #999;
}
.contendor_calendario .evento_realizados{
	color:#090;
	text-decoration:none;
	text-shadow:1px 1px 0 #999;
}
.caja_notas_agenda{
	width: calc(100% - 2em);
	min-height: 100px;
	padding: 1em;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 1em;
}
.caja_notas_agenda legend,.caja_notas_agenda .legend{
	opacity:1;
	position: relative;
	margin-left:0;
}
.caja_notas_agenda fieldset input{
	background: #fff !important;
}
.caja_notas_agenda fieldset,.caja_notas_agenda textarea ,.caja_notas_agenda label,.caja_notas_agenda .select-personalizados,.caja_notas_agenda .boton{
	margin-bottom: 1em !important;
	border: none !important;
	background: rgba(208,235,255,0) !important;
}

.caja_notas_agenda textarea{
	color:#0076A5;
	padding: 1em;
	min-height: 80px;
	overflow: hidden;
	resize: vertical;
	background: rgba(255, 255, 255,1) !important;
	border: none;
}
.caja_notas_agenda textarea:disabled{
	background: rgba(255, 255, 255,0.85) !important;
}
/* MEDIA QUERIES */
/* TV */
@media screen and ( min-width: 2049px){
	
}
/* PC */
@media screen and ( max-width: 2048px){
	
}
/* PORTATIL */
@media screen and ( max-width: 1380px){
	
}
/* TABLET */
@media screen and ( max-width: 1600px){

}
@media screen and ( max-width: 870px){
	.caja_notas_agenda{
		justify-content: center;
	}
	.caja_notas_agenda fieldset,.caja_notas_agenda textarea ,.caja_notas_agenda label,.caja_notas_agenda .select-personalizados,.caja_notas_agenda .boton{
		width: 100% !important;
		max-width: 100%  !important;
	}
	.contenedor_agenda #agenda{
		width: calc(95% - 8em);
	}
}

/* MOVIL */
@media screen and ( max-width: 720px){
}
/* SMARTWATCH */
@media screen and ( max-width: 600px){

}

/* ANIMACIONES */