@charset "utf-8";
/* CSS Document */
{
  box-sizing: border-box;
}

html, body {
		color:#000000;
/*		background-color:#1E1E1E;*/
		background-color:#c0c0c0;
		font-family: Arial, Helvetica, sans-serif;

		margin: 0;
		padding: 0.25em;
		background: #fff;
	}
	
	hr {
		clear: both;
		visibility: hidden;
		margin: 0;
		padding: 0;
	}
	
	/* essential */
	label {
/*		float: left;  */
		width: 6em;
		text-align: right;
		padding-right: 0.5em;
		padding-bottom: 5px;
	}
	
	input, textarea {
		text-align: left;
		width: 20em;
		margin: 5px;
	}
	
	input.submit {
		margin-left: 6.5em;
		width: auto;
		text-align: center;
	}
	
	/* additionally give the button and the labels
	the same font to align the button better */
	
	label, input.submit {
		font: normal 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	}

	img {
		vertical-align: bottom;
	}

	img:hover, img:focus {
	  text-decoration: none;
	  cursor: pointer;
	}
	.columnI {
	  float: left;
	  width: 66.66%;
	  padding: 10px;
	  text-align: left;
/*	  color: white;*/
	}
	.columnD {
	  float: left;
	  width: 30%;
	  padding: 10px;
	  text-align: left;
/*	  color: white;*/
	}
	/* Clear floats after the columns */
	.row:after {
	  content: "";
	  display: table;
	  clear: both;
	}

/******************
	table-SHOW 
******************/
.show {
  width: 90%;
  margin-top: 10px;
  margin-left: 10px;
}
.show th {
	border-bottom: 1px solid black;
	/* height: 20px; */
	padding: 5px;
	/*font: normal 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif; */

}
.show td {
	text-align: center;
	padding: 5px;
	border-bottom: 1px solid #ddd;
	font: normal 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;

}

.show tr:hover {background-color:#f5f5f5;}
/********************
*	Dialog Modal: 	*
********************/
	.dialogo{
		position: absolute;
		background-color: #f1f1f1;
/*		text-align: center; */
		border: 1px solid #d3d3d3;
		display: none;
		left:40%;
		opacity: 90%;
		top: 40%;
	}
	.dialogoheader{
		padding: 5px;
		cursor: pointer;
		background-color: #3B3B3B;
		color: #fff;
		text-transform: uppercase;
		text-align: center;
}
	.dialogo button{
		float: right;
		margin-bottom: 10px;
	}
	
	.dlgcontenido{
		padding: 15px;
	}


/**********************
	  Varios         
**********************/
	.flex-container {
	  display: flex;
	  flex-wrap: nowrap;
	}
	
	.login {
	  margin: 1rem;
	  padding: 1rem;
	  border: 2px solid #ccc;
	  /* IMPORTANTE */
	  text-align: center;
	}
	
	div.dibujo{
		color:#F0F0F0;
		background-color:#1E1E1E;		
	}
	
	.div-bott25 {
	  padding: 5px;
	  /* margin-bottom: 5px; */
	  /* float:left; */
	  /*display:block;*/
	}