/*FUENTES*/ 
/* VARIABLES*/
:root{
} 



/*VENTANTA EMERGENTE*/
#ventana_emergente{
	width: 100%;
	height: 100vh;
	background: rgba(10,10,10,0.5);
	z-index: 10000000000000000000000;
	display: none;
	position: fixed;
	top: 0px;
	overflow: hidden;
}
#ventana_emergente #contenedor_ventana_emergente{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100vh;
}
#ventana_emergente #contenedor_ventana_emergente #draggable{
	background: #fff;
/*	min-width: 500px;*/
/*	min-height: 500px;*/
	max-width: 90%;
	max-height: 90vh;
	overflow: auto;
	overflow-x: hidden;
}

#formulario_notas_crear{
		color:  #0076A5;
		margin: 20px 0px;
		max-width: 100% !important;
}

#formulario_notas_crear fieldset,#formulario_notas_crear label{
	margin: 10px 20px;
	max-width: calc(100% - 44px)!important;
}

#formulario_notas_crear label.label_file{
	margin: 0px;
	font-size: 0.8em;
}
#formulario_notas_crear textarea{
	width: calc(100% - 44px);
	min-height: 150px;
	cursor: default;
	margin: 10px 20px;
	resize: vertical;
	font-family:'titillium';
		overflow-y: hidden;
}
#formulario_notas_crear div.centrar{
	margin: 10px 20px;
	padding: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#formulario_notas_crear div.alinear{
	margin: 10px 20px;
	padding: 0px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#formulario_notas_ver{
			color:  #0076A5;
		max-width: 100% !important;
}
#formulario_notas_ver div{
		max-width:100%;
		padding: 20px 0px;
}
#formulario_notas_ver div.seccion_par{
	background: rgba(0, 118, 165,0.1);
}
#formulario_notas_ver div.seccion_inpar{
	background: rgba(0, 118, 165,0.05);
}
#formulario_notas_ver div fieldset,#formulario_notas_ver div label{
	margin: 10px 20px;
	max-width: calc(100% - 44px)!important;
}
#formulario_notas_ver div textarea{
	padding: 5px;
	width: calc(100% - 54px);
	overflow-y: hidden;
	min-height: 80px;
	cursor: default;
	margin: 10px 20px;
	resize: vertical;
	font-family:'titillium';
}
#formulario_notas_ver div textarea, #formulario_notas_ver div input{
	background: rgba(255,255,255,0.9) !important;
	border: solid 1px #999;
}
#formulario_notas_ver div div.centrar{
	margin: 10px 20px;
	width: calc(100% - 44px);
	padding: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#formulario_notas_ver div div.alinear{
	margin: 10px 20px;
	width: calc(100% - 44px);
	padding: 0px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.funciones_notas{
	position: fixed;
	margin: 20px 0px 0px 20px;
	height: 60px;
	color:  #0076A5;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	z-index: 1;
	border-radius: 5px;
}
.funciones_notas_espacio{
	position: relative;
	height: 100px;
	border-bottom: 1px dashed  #0076A5;
}
.funciones_notas span.boton{
	margin: 0 10px;
}




/*AGENDA*/
.agenda_nueva_nota{
	width: 4em;
	height: 4em;
	position: fixed;
	top: calc(100% - 10px);
	left: calc(100% - 10px - 6em);
	transform: translate(-100% , -100%);
	transition: 1s;
}
.agenda_nueva_nota:hover{
	width: 5em;
	height: 5em;
	cursor: pointer;
}
.agenda_nueva_nota img{
	max-width: 100%;
}

/*AGENDA NOTIFICACIONES*/
.notificaciones_agenda{
	width: 340px;
	max-width: 90%;
	max-height:  calc(100vh - 110px);
	position: fixed;
	top: calc(0% + 105px);
	left: calc(100% - 350px);

	z-index: 100000000;
	overflow-y: auto;
	overflow-x: hidden;
	cursor: move;

}
.contenedor_notificaciones_agenda{
	cursor: auto;
	width: calc(100% - 2em);
	height: 120px;
	background: #099;
	margin-bottom:1em;
	padding: 1em;
	border-radius: 10px;
	color: #fff;
	font-size: 0.8em;
	position: relative;
	transition: 0.4s;
}
.contenedor_notificaciones_agenda .contedenor_float{
	height: 15px;
	font-size: 1.1em;
	float: right;
	transition: 0.4s;
}
.contenedor_notificaciones_agenda .contedenor_float:hover{
	cursor: pointer;
	font-size: 1.3em;
}
.contenedor_notificaciones_agenda h2{
	margin-top: 10px;
	height: 15px;
	overflow: hidden;
	font-size: 1.1em;
	width: 100%;
}

.contenedor_notificaciones_agenda p{
	margin-top: 10px;
	height: 35px;
	overflow: hidden;
	text-align: justify;
}
.contenedor_notificaciones_agenda .agrupar{
	height: 30px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-around;
	flex-wrap: wrap;
	margin-top: 10px;
}
.contenedor_notificaciones_agenda .agrupar span{
	margin: 0;
}
.contenedor_notificaciones_agenda .agrupar span button{
	font-size: 0.8em;
}

/*FOOTER*/
footer{
	padding: 20px;
	border-top: 1px dashed #999;
}
footer p{
	color: #999;
	font-size: 1.2em;
	text-align: center;
}





/*AYUDAS*/
.ayuda{
	width: 4em;
	height: 4em;
	position: fixed;
	top: calc(100% - 10px);
	left: calc(100% - 10px);
	transform: translate(-100% , -100%);
	transition: 1s;
}
.ayuda:hover{
	width: 5em;
	height: 5em;
	cursor: pointer;
}
.ayuda img{
	max-width: 100%;
}







/*ENCABEZADOS*/
.encabezado{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	/*min-height: 70px;*/
	padding:15px 0;
	background: linear-gradient(to bottom,rgba(103,193,255,0.1),#fff,#fff);
	color:  #0076A5;
}
.encabezado h1{
	font-size: 2.2em;
}
.encabezado h3{
	font-size: 1.5em;
}










/* MEDIA QUERIES */
/* TV */
@media screen and ( min-width: 2049px){
	
}
/* PC */
@media screen and ( max-width: 2048px){
	
}
/* PORTATIL */
@media screen and ( max-width: 1330px){
	/*VENTANTA EMERGENTE*/
	#formulario_notas_ver div textarea, #formulario_notas_crear textarea{
		font-size: 0.9em;
	}
}
/* TABLET */
@media screen and ( max-width: 870px){
	/*VENTANTA EMERGENTE*/
	#formulario_notas_ver div textarea, #formulario_notas_crear textarea{
		font-size: 0.9em;
	}
}
/* MOVIL */
@media screen and ( max-width: 720px){
	/*VENTANTA EMERGENTE*/
	#formulario_notas_ver div textarea, #formulario_notas_crear textarea{
		font-size: 0.9em;
	}
/* SMARTWATCH */
@media screen and ( max-width: 330px){
	/*VENTANTA EMERGENTE*/
	#formulario_notas_ver div textarea, #formulario_notas_crear textarea{
		font-size: 0.8em;
	}
}
/* ANIMACIONES */