@CHARSET "UTF-8";
/* Actualizacion: 21-08-2019 */
/*Estilos correspondientes a la visualización por defecto que en corresponde a la de un apantalla, para tablets y movil se adaptara sobre esta*/

body {
	/*Es recomendable utilizar "em" en vez de "px" como medida para que se escale facilmente entre dispositivos.*/
	/*El em tiene el problema de que al aumentar o disminuir el tamaño del texto su escala aparecerá desproporcionada,*/
	/*resultando un texto mucho más grande o pequeño de lo que sería apropiado. Pero se evita con el siguiente font-size:*/
	font-size: 100%;
	/*También hay que tener en cuenta que la única medida que es igual en todos los navegadores es "pt", que al igual que "px" no es escalable pero "px" se ve diferente en cada navegador*/
	/*Parece que es una buena combinación establecer una medida "pt" PARA EL HTML (parece que es mejor que en el BODY), y a partir de ahí usar "em"*/
	/*Pero "em" y "%" tienen una desventaja: acumulan sobre los tamaños del resto de tag en las que están incluidas, lo cual se soluciona con "rem" (root-em)*/
	/*"rem" tambien se puede utilizar en margin, padding... y su referencia sera la del font-size definido para el HTML*/
}

input[type=button], input[type=submit], input[type=reset], button, a.boton {
	margin-top: .5rem; /*especial para las botoneras que al colapsar quede hueco superior entre filas de botones*/
	padding: 0.5rem;
	border-radius: 0rem;
	border-style: solid;
	-webkit-appearance: none;/*para que la version movil de safari no ignore los estilos*/
}
	input[type=button]:not([disabled="disabled"]):active, input[type=submit]:not([disabled="disabled"]):active, input[type=reset]:not([disabled="disabled"]):active, button:enabled:active, a.boton:active {
		background-color: #EE6600;
		color: white;	
	}
	input[type=button]:not([disabled="disabled"]), input[type=submit]:not([disabled="disabled"]), input[type=reset]:not([disabled="disabled"]), button:enabled, a.boton {
		border-color: #EE6600;
		background-color: Moccasin;
		cursor: pointer;
	}
	input[type=button]:disabled, input[type=submit]:disabled, input[type=reset]:disabled, button:disabled, a.boton.desactivado {
		color: #EE6600;
		background-color: white;
		border-color: lightgrey;
	}
	a.boton {
		text-decoration: none;
		color: black;
	}
	a.boton.desactivado {
		pointer-events: none;
		cursor: default;
		border-color: lightgrey;
	}

input[type=button].botonPareceEnlace{
	background: none ;
	border: none;
	padding-left: 0;
}

#autenticado {
	float: right;
	color: orange;
	margin-top: 0.4rem;
	margin-right: 0.4rem;
	cursor: pointer;
}
	#autenticado span {
		padding-right: 0.4rem;
  	}
	#autenticado img, #autenticado.no {
		vertical-align: middle;
		width: 3rem;
		height: 3rem;
		border-radius: 50%;
		border-color: #FFCC00;
		border-style: solid;
  	}
	#autenticado img {
		border-width: 0.1rem;
  	}
	#autenticado.no {
		border-width: 0.2rem;
  	}

#logoPrincipal {
	background-color: white;
	margin: 0px;
	border: 1px solid #FFEA93;
	font: italic bold 500% Georgia, "Times New Roman", Times, serif;
	color: #FFCC00;
	padding: 30px 0px 10px 80px;
}

#contenedor, #contenido {
	width: 100%;
	margin: 0 auto; /* centra la capa */
	padding-top: .5em;
}
	#contenedor.anchuraFija{max-width: 1200px;}
	#contenido{font-family: arial, helvetica, sans-serif, cursive;}

/*.contenido table, #contenido table {
	 margin: 0 auto;   yo creo que por defecto ya es así y me fastidia los margin de las tablas que lo necesitan.
}*/

#menu {
	display: inline-table;
	background: #FFCC00;
	width: 100%;
	padding-top: 0.3em;
	padding-bottom: 5px;
}
#menu ul {
	margin: 0; /*las listas ul por defecto tienen margen por debajo y por arriba */
}
#menu ul li {
	float: left;
	list-style: none;   /* sin la marquita de lista que va por delante */
	white-space: nowrap;/* para que no se pase a la siguiente linea textos con mas de una palabra */
}
#menu ul li a:link, #menu ul li a:visited {
	/* dimensiones de caja de opcion de menu */
	display: block;	 /* es necesario que cada caja tenga un bloque de espacio */
	overflow: hidden;   /* lo que se salga de la caja se ocultará */
	max-width: 6em;
	/* fin dimensiones de caja de opcion de menu*/
	margin-right: 20px;
	padding: 0px 5px 0px 5px;
	font: bold 1em Georgia, "Times New Roman", Times, serif;   /* el tamaño de la fuente tiene que ser menor que el de la banda 'menu' por el margin */
	color: LightYellow;
	text-decoration: none; /* le quita el subrayado al <a> */
	text-align: center;
	border-radius: 0.6em;
	border: 0.2em solid transparent;
}
#menu ul li a#current {
	color: #EE6600;
	border-color: #EE6600;
	font-style: italic;
	cursor: default;
}
	#menu ul li a#current path{
		fill: #EE6600;
	}
#menu ul li a:hover:not(#current), #menu ul li a:active:not(#current) {
	background: #EE6600;
	color: white !important;
	border-color: white;
}
	#menu ul li a:hover:not(#current) path, #menu ul li a:active:not(#current) path{
		fill: white;
	}

#menuIcono {
	display: block;
	height: 2em;
	margin-top: 0.2em;
}

.recuadro{
	border-radius: 1.2em;
	border: .5em solid DarkOrange;
	margin: 1em auto;
}
.recContenedor {
	margin: 1em;
	overflow: auto;
}
	/*.recContenedor form {
		overflow: auto;
	}*/
.recAccionesSup, .recEstado, .recContenido, .recAccionesInf{
	margin-top: 0.5em;
}
.recCabecera {
	display: block;
	font-size: 150%;
}
.recSubCabecera {
	width: 100%;
	font-size: 120%;
}
.recAccionesSup, .recAccionesInf, .botonera{
	display: inline-block;
	width: 100%;
}
.botonera{margin-top: 1em;}
.recContenido {
	display: block;
	font-size: 100%;
}
.recEstado {
	display: block;
	text-align: center;
	border-top: 0.5rem; 
	border-bottom: 1rem; 
}
	.recEstado.txInfo {
		color: green;
	}
	.recEstado.txError {
		color: red; 
		font-weight: bold;
	}
	.recEstado.txAviso {
		color: blue;
	}
.botonTabla {
	border-radius: 0rem;
	border-width: 1px;
	border-style: solid;
	font-size: 100%;
	padding: 0rem 0.1rem;
}
	.botonTabla:not([disabled]){
		background: transparent;
		border-color: #EE6600;
		color: #EE6600;
		cursor: pointer;
	}

.botonSinEstilo{
	margin:0;
	border:0;
	background-color:transparent !important;
	padding:0;
}

/*	ELIMINAR: hay que usar recEstado txError en recuadro_redondeado.css*/
#errorMsg, .errorMsg {
	background-color: red;
	text-align: center;
	color: white;
	font-weight:bold; 
	padding-top: 1rem;
	padding-bottom: 1rem;
}