html {
	height: 100%;
}
body {
	background-color: rgb(40, 154, 56); /* Verde PI rgb(1, 105, 52); */ /* rgb(1, 53, 87); Azul FEAPS */ /* #66CCFF; Azul clarito*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
header, nav, footer, section, article {
	height: 99%;
	display: block;
}
h1 { /* Versalita cursiva sans serif sombreada */}
h2 {
	color: navy; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt; 
	font-weight: bold; 
	text-decoration: underline;
}
/* --- Barra de desplazamiento:www.aizumblog.com--- */
::-webkit-scrollbar {
background:#fff;
width:12px;
}
::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
background-image: -webkit-linear-gradient(top, #A0A0A0 10%,#A0A0A0 51%);
}
::-webkit-scrollbar-track {
}
a {
    color: white;
    font-family: Arial;
	/* font-size: 8pt; */
    text-decoration: none;
}
a:hover {
    color: darkblue;
    /* font-variant: small-caps; */
    font-weight: bold;
    text-decoration: underline;
}
#cabecera-apli {
	/* background-color: rgba(255, 255, 0, 0.6); */
	background-color: rgba(255, 255, 255, 1);
	height: 155px;
	mmargin-top: -15px;
	padding: 0px 2px 0px 0px;
	vertical-align: middle;
}
.logoPersona {
	border: none;
	display: block; 
	float: left; 
	height: 100%; 
	margin-right: 20px;
	vertical-align: middle;
}
.logoAstorHeader {
	display: block; 
	float: right; 
	height: 40px;
	margin-top: 100px;
	vertical-align: middle;
}
header#cabecera-apli h1 {
	color: rgb(75, 75, 75); 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18pt; 
	font-style: italic; 
	font-variant: small-caps;
	font-weight: bold; 
	padding-top: 40px;
	text-align: center;
	text-shadow: 0.1em 0.1em 0.1em gray;
}
.debug {
	clear: both; 
	color: red; 
	float: left;
}
.elemento-lista-mensaje-del-sistema {
	font-size: 10pt;
	list-style-type: square;
}
.tabla-servicios {
	border: 0px solid gray; 
	caption-side: bottom;
	clear: both;
	display: block;
	float: left;
	margin-top: 15px;
    width: 100%;
}
table.tabla-servicios tbody tr td {
   font-weight: normal;
   font-size: 10pt;
   text-align: left;
}
tr#fila1 th.th-svc{
   background-color: #546DC7;
   border: 1px dotted darkblue;
   color: white;
   font-weight: bold;
}
tr#fila2 th.th-svc {
   background-color: rgba(60, 138, 234, 0.75);
   border: 1px dotted black;
   color: black;
   font-weight: bold;
}
tr#fila3 th.th-svc {
   background-color: rgba(159,221,251,0.68);
   border: 1px dotted black;
   color: black;
   font-weight: bold;
}
tr#fila1 td{
   background-color: #546DC7;
   color: white;
   font-weight: normal;
}
tr#fila2 td{
   background-color: rgba(60, 138, 234, 0.75);
   color: black;
   font-weight: normal;
}
tr#fila3 td{
   background-color: rgba(159,221,251,0.68);
   color: black;
   font-weight: normal;
}
#fila1 td a.lightwindow {
   color: white;
}
#fila2 td a.lightwindow, #fila3 td a.lightwindow {
   color: black;
}
a:hover.op-falsomenuPP {
   color: purple;
   background-color: #A0A0A0;
}   
a:hover.menu-boton {
   background-color: #A0A0A0;
   border: 2px solid rgba(200, 200, 200, 0.80);
   color: yellow;
   text-decoration: none;
   font-variant: small-caps;
}   
a:hover img.botones-edicion {
   /*
   border: 1px solid #404040;
   */
   border-radius: 8px 8px 8px 8px; 
   background-color: rgba(255, 255, 255, 0.3);
}
.add-accion {
   background-color: green;
   border: none; 
   border-radius: 4px; 
   display: block;
   float: right;
   text-align: center;
   margin: 0px; 
   padding: 0px;
   width: 50px;
}
.chg-texto {
   background-color: green;
   border: none; 
   border-radius: 4px; 
   display: block;
   float: right;
   text-align: center;
   margin: 0px; 
   padding: 2px 6px;
   /* width: 100px; */
}
.add-accion:hover, .chg-texto:hover {
   border-radius: 6px; 
   background-color: lightgreen;
   font-weight: normal;
}
.estilo-ponerEscribirenMail {
	background-color: white;
	color: black; 
	font-size: 10pt; 
}
.estilo-ponerEscribirenMail-fa {
	background-color: rgba(255, 255, 255, 0);
	color: black; 
	font-size: 10pt; 
}
.txt-error{
	background-color: rgb(255, 255, 255, 0.5);
	color: black;
    font-family: fixed;	
	font-size: 10pt; 
	margin: 15px;
}
#mensaje-cierre {
   height: 265px;
   width: 500px;
}

#zona-trabajo {
	background: url('/img/pags/0-acceso/acceso.jpg') no-repeat center;  /* 'http://persona.astor-inlade.org/img/pags/0-acceso/acceso.jpg' no-repeat fixed center */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	height: 99.5%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1px;
    overflow: hidden;
	padding: 0px 0px 0px 0px;
	width: 1300px;
}
.frm-acceso {
	background-color: rgba(230, 230, 230, 0.80); 
	font-family: Helvetica, Arial, Sans serif;
	font-size: 10pt;
	margin: 30px auto; /* vert horiz */
	padding: 20px 5px 5px 10px; /* arr der aba izq*/
	width: 40%;
}
.logo-frm-acceso {
	display: block;
	float: right; 
	vertical-align: bottom;
	width: 220px; 
}

#cmdSubmit {
	background-color:#AAAAAA; 
	border-radius: 10px 10px 10px 10px;
	margin-left: 10px; 
	margin-bottom: 10px; 
	text-align: left; 
	width: auto;
}
.entrada-menu {
    background-color: white; 
	/* border: 6px solid magenta;  */
	margin: 4px auto; 
	text-align: center;
	/* width: 85%; */
	width: 100%;
}
h3.titulo-menu {
    color: darkblue;
	margin-top: 0px;
	margin-bottom: 0px;
}
h3.titulo-menu h3:hover {
	color: white;
	background-color: darkblue;
}
.enlaces-entrada-menu {
    margin-left: 10px;
	margin-bottom: 15px;
}
div .enlaces-entrada-menu a {
    display: block;
}
#section-menu-usuario {
    height: 80%;
	overflow-y: auto;
    width: 100%;
}
#area-usuario {
	background-color: rgba(230, 230, 230, 0.80); 
	/* border: 10px solid magenta;*/
	float: right;
	height: 145px;
	margin-right: 10px;
	margin-top: 10px;
	width: 85%;
}
#area-total {
	background-color: rgba(230, 230, 230, 0.80); 
	float: none;
	height: 72%;
	margin: 2px auto;
	overflow-y: auto;
	padding: 5px;
	width: 98%;
}
.boton-apagado {
	display: inline; 
	margin-left: 10px; 
	vertical-align: middle; 
	width: 25px;
}
.txt-boton-apagado {
	font-size: 10pt;
}
.boton-lupa {
	display: block; 
	float: right; 
	margin-right: 100px; 
	padding: 0px;
	vertical-align: middle; 
	width: 50px;
}
.boton-todos {
	display: block; 
	float: left; 
	margin-left: 100px; 
	padding: 0px;
	vertical-align: middle; 
	width: 50px;
}
#nav-foto-usuario {
	background-color: rgba(80, 80, 80, 0.80); 
	float: left;
	height: 100%;
	width: 153px;
}
#ficha-usuario {
    background-color: rgba(230, 230, 230, 0.80); 
    display: block;
    /* float: right; */
    margin: 5px auto;
    height: 100%;
    width: 85%;
    overflow: hidden;
}
#menu-ficha-usuario {
	background-color: rgba(230, 230, 230, 0.80); 
	margin-bottom: 50px;
	margin-left: -10px;
	margin-top: 5px;
}
.formulario-usuario{
	display: block;
	float: left;
	height: 100%;
	overflow-y: auto;
}
.figura-ficha-usuario {
	display: block; 
	margin: 10px auto;  /* vert horiz */
	width: 120px;
}
.figura-botones-ficha-usuario {
	display: block;
	float: left;
	margin-bottom: 15px; 
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 49%;
}
figure.figura-botones-ficha-usuario figcaption {
	color: white; 
	font-size: 9pt; 
	margin: auto; 
	text-align: center;
}
figure.foto-ficha {
	display: block; 
	float: left; 
	height: 160px; 
	width: 90px;
}
figure.foto-ficha figcaption {
	color: white; 
	font-size: 10pt; 
	text-align: center; 
	margin-top: -5px; 
	text-shadow: black 0.1em 0.1em 0.2em;
}
.mini-ficha-usuario {
	background-color: gray;
	border: 1px solid black;
	display: block; 
	height: 110px; 
	/* width: 60px; */
	margin: 0 auto; 
}
.foto-ficha-usuario  {
	background-color: gray;
	border: 1px solid black;
	display: block; 
	hheight: 75px; 
	width: 120px;
	margin: 0 auto 0; 
}
 .foto-ficha-profesional {
	background-color: gray;
	border: 1px solid black;
	display: block; 
	height: 75px; 
	margin: 0 auto 5px; 
	width: 60px;
}
.botones-edicion {
	display: inline; 
	margin-left: auto; 
	margin-right: auto;
	vertical-align: middle; 
	width: 40px;
}
.op-botonesPrinFU {
  background-color: black;
  border-radius: 8px 8px 8px 8px;
  color: white;
  display: block;
  font-weight: bold;
  margin: 0px auto 5px auto; /* arr der aba izq*/
  padding: 2px 10px 2px 10px; /* arr der aba izq*/
  text-align: center;
  width: 60px;
 }
#div-boton-datos-personales {
   text-shadow: black 0.1em 0.1em 0.2em;
}
#div-boton-seguimiento-informes {
   display: inline;
   text-shadow: black 0.1em 0.1em 0.2em;
}
#div-boton-datos-salud {
   text-shadow: black 0.1em 0.1em 0.2em;
}
#div-boton-planes-personales {
   text-shadow: black 0.1em 0.1em 0.2em;
}
.menu-boton div {
   display: block;
   vertical-align: middle; 
}
.grupo-datos {
   display: none;
   float: left;
   height: 70%;
   margin-left: 2px;
   margin-top: 5px;
   padding-bottom: 5px;
   overflow-y: auto;
   width: 99%;
}
.marco-ficha-usuario {
   /* height: 94%; 
   width: 96%;
   */
   padding-bottom: 20px;
   overflow-y: auto;
}
.marco-ficha-usuario legend {
   color: darkblue;
   font-weight: bold;
}
#falsomenuPP {
    text-align: center;
    clear: both;
    height: 30px;    
}
.op-falsomenuPP {
  background-color: rgba(0, 0, 255, 0.75);
  border-radius: 8px 8px 8px 8px;
  color: white;
  display: block;
  float: left;
  font-weight: bold;
  height:32px;
  margin-bottom: 10px;
  margin-left: 15px;
  margin-top: 5px;
  padding: 2px 10px 2px 10px; /* arr der aba izq*/
  text-align: center;
  width: 110px;
 }
a.op-falsomenuPP {
	vertical-align: middle;
}

.etiqueta-form {
   /* background-color: #4444FF; */
   color: black;
   display: block;
   float: left;
   font-family: Helvetica;
   font-weight: bold;
   font-size: 9pt;
   height: 20px;
   margin-bottom: 3px;
   margin-right: 5px;
   padding-top: 2px;
   padding-left: 2px;
   text-align: left;
   /* margin-right: 10px; */
}
.etiqueta-form input {
   color: black;
   font-family: Helvetica;
   font-weight: normal;
   font-size: 8pt;
   margin-right: 5px;
}
.etiqueta-form span.clsUltActualizacion {
    background-color: white; 
    border: none; 
    color: blue;
    font-weight: normal;
    width: fit-content;
}
.etiqueta-form input:readonly {
    background-color: lightgray;
}
.etiqueta-textarea-form {
   /* background-color: #4444FF; */
   color: black;
   display: block;
   float: left;
   font-family: Helvetica;
   font-weight: bold;
   font-size: 9pt;
   /*height: unset;
   margin-bottom: 3px;
   margin-right: 5px; */
   padding-top: 2px;
   /*padding-left: 2px;
   padding-bottom: 2px;*/
   text-align: left;
   width: 100%;
}
.etiqueta-tabla{
   caption-side: bottom; 
   display: table-caption;
   font-family: Arial, Sans serif; 
   font-size: 8pt; 
   font-weight: bold; 
   text-align: left;
   margin-top: 10px;
}
.fila-encabezados {
	color: white; 
	font-size: 9pt;
	padding: 1px 5px;
}
.fila-tabla-datos-rel-par {
	background-color: rgba(150, 150, 150, 0.75);
	font-size: 9pt;
	padding: 1px 3px; 
}
.fila-tabla-datos-rel-non {
	background-color: rgba(235, 235, 235, 0.75);;
	font-size: 9pt;
	padding: 1px 3px; 
}
.th-svc {
   background-color: #546DC7;
   color: white;
   margin: auto 2px;
   font-weight: normal;
}
.th-svc-bn {
   background-color: gray;
   color: white;
   margin: auto 2px;
   font-weight: normal;
}
.th-fila-rel-usr {
   background-color: #EEEEEE;
   color: black;
   font-size: 9pt;
   font-weight: normal;
   margin: auto 2px;
   text-align: left;
}
.th-x{
   margin: auto 2px;	
}
.tablaPP {
   border: 1px solid #404040;
   width: 100%;
}
.tablaPP caption {
    caption-side: bottom;
    font-size: 8pt;
    font-weight: bold;
    text-align: left; 
    width: 100%;
}
#selDieta {
    width: 150px;
    margin-right: 10px;
}
#selAOPAOcupacionales, #selAOPACreativos, #selAILPALaborales {
    width: 300px;
}
#selAAPSPAConceptuales, #selAAPSPAPersoSocio {
    width: 300px;
}
button {
    border-radius: 4px;
    display: inline;
    font-family: Helvetica, Arial;
    font-size: 9pt;
    font-weight: normal;
    height: 19.73px;
    vertical-align: middle; 
    margin-left: 5px;
}
.boton-falso {
    /* estilos tipograficos */
    background-color: rgb(235, 235, 235);
    border-radius: 4px;
    color: black;
    display: block;
    float: left;
    font-family: Helvetica, Arial;
    font-size: 9pt;
    font-weight: normal;
    height: 16.73px;
    line-height: 19.73px;
    text-align: center;
    vertical-align: middle; 
    /* padding, margin y borde */
    padding: 2px 10px; /* vert horiz */
    margin-left: 5px;
    margin-right: 30px;
    margin-bottom: 10px;
    cursor: pointer;
    border: 1px grey solid;
    /* propiedades para la animacion  */
    transition: all 0.20s linear;
    -webkit-transition: all 0.20s linear;
    -moz-transition: all 0.20s linear;
    position: relative;
    bottom: 0;
}
.boton-falso:hover {
    color: black;
    font-weight: normal;
    text-decoration: none;
    border: 1px black solid;
}
.falso-boton-cierre-ventana-lw {
    background-color: black; 
    color: white;
    padding: 2px 3px;
}
td.celda-docs-error-3td {
    font-size: 10pt; 
    text-align: center;
}
.x-borrado:hover {
    color: gray; 
}
td.x-borrado {
    text-align: left; 
    width: 15px;
}
img.x-borrado {
    border-radius: 5px;
    height: 15px; 
    width: 15px;
}
img.x-borrado:hover {
    background-color: lightgray;
    border-color: lightgray;
    border-radius: 5px 5px 5px 5px;
}
th.x-borrado {
    background-color: rgba(255, 255, 255, 0); 
    border: none; 
    content: "&nbsp";
    width: 15px;
}
td.x-borrado a {
    background-color: rgba(255, 255, 255, 0); 
    border: none; 
    color: red; 
    content: "x";
    font-size: 9pt; 
    font-weight: bold;
    text-align: center;
    text-transform: lowercase;
    width: 15px;
}
/* PARA FORMULARIOS LIGHTWINDOW */
#frmFormulario {
    margin: 5px auto;
}
#frmFormulario fieldset, #frmFormulario legend, #frmFormulario caption {
    font-family: Helvetica;
    display: block;
    font-size: 10pt;
    margin-left: 5px;	   
    margin-right: 5px;
}
#frmFormulario div.separador {
    clear: both;
    display: block;
    height: 12pt;
    width: 100%;
}
/* 2014: original
#frmFormulario a.estilo-ponerEscribirenMail {
	background-color: rgba(255, 255, 255, 0);
	color: black; 
	font-size: 10pt; 
    background-color: black;
    color: white;
    height: 20px;
    padding: 3px 5px;
}
*/
/*Tras migrar a font-awesome */ /* OJO: hay una definición más arriba sin #frmFormulario */
#frmFormulario a.estilo-ponerEscribirenMail {
    background-color: rgba(255, 255, 255, 0);
    color: black; 
    font-size: 10pt; 
}
#frmFormulario a.estilo-ponerEscribirenMail:hover {
    color: lightgray;
}
#frmFormulario h3 {
    font-size: 8pt; 
    font-weight: bold; 
    margin-top: -5px; 
    position: relative; 
    text-decoration: underline;
}
#frmFormulario input {
    margin-left: 5px;	   
}
#frmFormulario input[type="date"].fecha {
    height: 12px;
    margin: 0px;
    text-align: right;
    width: 100px;
}
#frmFormulario input[type="text"].fecha {
    height: 12px;
    width: 80px;
    text-align: right;
}
#frmFormulario label.etiqueta-form {
    height: 22px;
}
#frmFormulario legend {
   padding: 0px 5px;
   font-size: 10pt;
   margin-bottom: 5px;
}
#frmFormulario textarea {
   margin-top: 5px;
   margin-bottom: 5px;
}
#frmFormulario select {
    height: 18px;
}
#frmFormulario div.zona-botones-accion, #visor-docus div.zona-botones-accion {
    clear: both; 
    display: block; 
    margin: auto;
    padding: 0px; 
    width: 100%
}
#frmFormulario div.zona-botones-accion a.lightwindow_action button {
    font-size: 9pt;
    height: 20px;
}