html, body{
	font-family:Arial, Helvetica, sans-serif;
}
h1, h2, h3{
	text-align:center;
}
input, textarea{
	border-radius:3px;
	border-width:1px;
	border-style:groove;
	border-color:#369;
	font-size:1em;
	padding:0px 1px;
}
input[type=submit], input[type=button]
{
	display:none;
}
a{
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
caption{
	font-weight:bold;
	color:#369;
}
.column{
	font-family: Arial;
	border-bottom-style: solid;
	border-color: #369;
	font-weight: bold;
	color: #000;
	text-align: center;
}
.cont{
	font-family: Arial;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #CCC;
	font-size:0.7rem;
}

td a{
	width:100%;
	display:inline-block;
}

.display{
	
}

fieldset{
	border-radius:15px;
	border-color:#369;
}
legend{
	color:#369;
	font-weight:bold;
}

#graficas{
	display:block;
	margin:0 auto;
	width:600px;
	text-align:center;
}

.grafo{
	display:inline-block;
	width:250px;
	height:480px;
	background-color:#FFF;
	border-bottom-left-radius:25px;
	border-bottom-right-radius:25px;
	padding:0px 0px 10px 0px;
}

.grafo .tgrafo{
	display:block;
	width:100%;
	background-color:#799cbe;
	color:#0b62a4;
	font-size:1.2em;
	padding:2px 0px;
	font-weight:bold;
	text-align:center;
}

.grafo .grafica{
	display:block;
	width:100%;
}

.grafo .tabla{
	display:block;
	border-style:solid;
	color:#000;
}

.grafo .tabla thead .column{
	border-bottom-style:solid;
	color:#333;
	font-weight:bold;
}

.visual
{
	width:100%;
	height:540px;
	display:block;
	background-color:#FFF;
	overflow:auto;
	color:#369;
	padding:5px;
	clear:both;
}

.asunto
{
	display:block;
	width:98%;
	font-weight:bold;
}

.msj
{
	display:block;
	width:98%;
	border-top-style:solid;
	border-width:1px;
	border-color:#CCC;
	padding-top:5px;
}

.dat
{
	display:block;
	width:98%;
}

.dat .midd
{
	width:49%;
	display:inline-block;
}

.formu
{
	display:block;
	width:100%;
}

/*Mensaje*/
#mensaj{
	width: 70%;
	display:flex;
	flex-direction: column;
	height: 500px;
	overflow: auto;
}

#mensaj .bloque, #mensaj .respa{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	border-bottom-style: solid;
	border-width: 1px;
}

#mensaj .botones{
	width: 100%;
	text-align: right;
	display: none;
}

#mensaj .bloque
{
	color:steelblue;
}

#mensaj .bloque .titulo{
	width: 100%;
	font-weight: bold;
}

#mensaj .bloque .mdat,#mensaj .respa .mdat{
	width: 50%;
}

#mensaj .bloque .desc, #mensaj .respa .desc{
	width: 100%;
}