@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');


.CuadroNoReg {
	float: left; width: 45%; height: auto; margin-left: 1%; xmargin-top: 30px; padding: 25px; 
	font-size: 16pt; font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left; border-radius: 30px;
	color: #000000; text-decoration: none; xborder-style: solid; xborder-width: thin;
}
.CuadroNoticias {
	float: left; width: 45%; height: 300px; margin-left: 1%; margin-top: 20px; padding: 5px 25px 25px 25px; 
	font-size: var(--tam-fuente-texnoticias); font-family: var(--nom-fuente);
	text-align: left; border-radius: 30px; overflow: scroll;
	color: #000000; text-decoration: none; xborder-style: solid; xborder-width: thin;
}

:root {
	--Xdispositivo:P;
/*
	--colfondo: #9C1F2E;
	--coltextoinf: #00ffff;
	--colfondoinf: #9c1f2e;
	--coltextosup: #ffffff;
	--Xcolfondoclaro: #0080ff;
	--colfondoclaro: #fc8095;
	--colfondosup: #9C1F2E;
	--Xcolbtfondo: #C2DBE2;
	--Xcolbttexto: #000000; 
	--colbtfondo: #9c1f2e;
	--colbttexto: #FFFFFF; 
	--Xcolbtborde: #908D82;
	--colbtborde: #000000;
	--Xcolbtfoco: #F7ADB9;
	--colcolum-titfondo: #EAECEE;
	--colcolum-tittexto: #000000;
	--colcolum-titborde: #000000;
	--color-fila-even: #FBFBFB;
	--color-fila-odd: #FAE3E7;
	--coltextosup: #000000;
	--colfondosup: #ffffff;
*/
	--nom-fuente: Lato;
	--alto-banda-opciones-ini: 17vh;
	--inicio-banda-listado-ini: 18vh;
	--alto-banda-listado-ini: 58vh;
	--alto-cab: 8vh;
	--alto-pie-ini: 13vh;
	--tam-fuente-pagden: 16px;
	--tam-fuente-h1: 24px;
	--tam-fuente-h2: 20px;
	--tam-fuente-datostab: 15px;

/*
	--alto-logocab: 55px;
	--ancho-logocab: 55px;
	--tam-fuente-cab: 14pt;
	--alto-cab: 60px;
	--tam-fuente-pie: 14px;
	--alto-pie: 40px;
	--alto-pie-ini: 100px;
	--ancho-icono-inf: 25px;
	--alto-icono-inf: 25px;
	--espacio-iconos-inf: 10px;
	--alto-banda-botoninf: 40px;
	--alto-banda-inferior: 80px;
	--tam-fuente-botoninf: 14px;
	--alto-banda-opciones: 6%;
	--alto-banda-opciones-2lin: 10%;
	--alto-banda-listado: 92%;
	--alto-banda-listado-opc2lin: 88%;
	
	--alto-icono-menu: 70px;
	--ancho-icono-menu: 70px;
	--alto-imgicono-menu: 35px;
	--ancho-imgicono-menu: 35px;
	--tam-fuente-iconomenu: 14px;
	--tam-textomenu: 18px;

	--tam-fuente-boton: 14px;
	--pad-boton-v: 0.2vh;
	--pad-boton-h: 2vw; 
	--alto-icono-boton: 15px;
	--ancho-icono-boton: auto;
	
	--top-banda-central: 60px;
	--alto-banda-central: 78%;
	--alto-banda-central-sb: 80%;
	--alto-banda-listado-sb: 90%;
	--tam-fuente-nomcol: 14px;
	--tam-fuente-datos: 15px;
	--pad-celda-datos-v: 0.5vh;
	--pad-celda-datos-h: 0vw; 
	--alto-icono-tabla: 20px;
	--ancho-icono-tabla: 20px; 
	--alto-foto-tabla: 60px;
	--ancho-foto-tabla: 60px; 

	--tam-fuente-datos: 14px;
	--tam-fuente-edicion: 14px;
	--tam-fuente-titulos: 18px;
	--tam-fuente-etiqueta: 13px;
	--tam-fuente-bloquedatos: 18px;

	--ancho-etiqueta-1: 7vw;
	--ancho-etiqueta-2: 10vw;
	--ancho-etiqueta-3: 15vw;
	
	--cols-textarea: 40vw;

	--tam-fuente-titmsg: 28px;
	--tam-fuente-texmsg: 24px;
	--tam-fuente-titmsgtos: 30px;
	--tam-fuente-texmsgtos: 26px;
	--color-texmsgtos: blue;
	--colot-titmsgtos: red;
	--ancho-ventana-msg: 32em;
*/
	--botonesP--fotores: -5.5em;
	--color--inputs: 0.5px solid rgb(43, 43, 43);
	--botones--regliq-left: 24em;
	--botones--regliq-top: 21.9em;

	--tam-fuente-texnoticias: 16px;
	--tam-fuente-detnoticias: 16px;
	--tam-fuente-fechanoticias: 13px;

	--altura-grafico: 50%;
	--anchura-grafico: 60%;
}

/* VERTICAL */

@media only screen and (max-width: 990px) and (orientation: portrait) {
	:root {
.CuadroNoReg {
	xfloat: left; width: 80%; height: auto; margin-left: 0%; margin-right: 0%; margin-top: 0px; xpadding: 25px; 
	font-size: 16pt; font-family: var(--nom-fuente);
	text-align: left; xborder-radius: 30px;
	color: #000000; text-decoration: none; xborder-style: solid; xborder-width: thin;
}
.CuadroNoticias {
	clear: left; xfloat: left; width: 80%; height: 30%; xmargin-left: 2%; xmargin-right: 2%; margin-top: 10px; xpadding: 5px 25px 25px 25px; 
	font-size: 24pt; font-family: var(--nom-fuente);
	text-align: left; xborder-radius: 30px; overflow: scroll;
	color: #000000; text-decoration: none; xborder-style: solid; border-width: thin;
}
.TexNoticias {font-size: 18pt; font-family: Verdana, Arial, Helvetica, sans-serif;color: #000000; text-decoration: none;}
.DetNoticias {font-size: 18pt; font-family: Verdana, Arial, Helvetica, sans-serif;color: #908D82; text-decoration: none;}
.FechaNoticias {font-size: 16pt; font-family: Verdana, Arial, Helvetica, sans-serif;color: #000000; 
				font-style: italic; text-decoration: none;}
.CuadroOtraInf {
	xfloat: left; width: 100%; height: 100px; xmargin-left: 2%; margin-top: 10px; padding: 5px 5px 5px 5px; 
	xfont-size: 16pt; font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center; 
	}
.TextoAcceso { 
	font-size: 34pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;
	color: #908D82; text-decoration: none; xmargin-left: 10%; xmargin-right: 10%; }
		/*
		--dispositivo:M;
		--alto-logocab: 6vh;
		--ancho-logocab: auto;
		--tam-fuente-cab: 4vw;
		--alto-cab: 6vh;
		--tam-fuente-pie: 4vw;
		--alto-pie: 4vh;
		--alto-banda-botoninf: 6vh;
		--alto-banda-opciones: 6vh;
		--tam-fuente-botoninf: 2vh;
		--ancho-icono-inf: 5vw;
		--alto-icono-inf: 5vw;
		--espacio-iconos-inf: 2vw;
		--alto-icono-menu: 130px;
		--ancho-icono-menu: 140px;
		--alto-imgicono-menu: 80px;
		--ancho-imgicono-menu: 80px;
		--tam-fuente-iconomenu: 3vw;
		--tam-textomenu: 4vw;

		--tam-fuente-boton: 2vh;
		--pad-boton-v: 0.5vh;
		--pad-boton-h: 3vw; 
		--alto-icono-boton: 2vh;
		--ancho-icono-boton: auto;

		--top-banda-central: 5vh;
		--alto-banda-central: 70vh;
		--alto-banda-central-sb: 83vh;
		--alto-banda-opciones: 7vh;
		--alto-banda-opciones-2lin: 9vh;
		--alto-banda-listado: 68vh;
		--alto-banda-listado-sb: 77vh;
		--alto-banda-listado-opc2lin: 60vh;

		--tam-fuente-nomcol: 3vw;
		--tam-fuente-datos: 4vw;
		--pad-celda-datos-v: 1.5vh;
		--pad-celda-datos-h: 0vw;
		--alto-icono-tabla: 2.5vh;
		--ancho-icono-tabla: 2.5vh; 
		--alto-foto-tabla: 15vw;
		--ancho-foto-tabla: 15vw; 
		
		--tam-fuente-datos: 3.5vw;
		--tam-fuente-edicion: 4vw;
		--tam-fuente-titulos: 5vw;
		--tam-fuente-etiqueta: 3.5vw;
		--tam-fuente-bloquedatos: 4vw;

		--ancho-etiqueta-1: 15vw;
		--ancho-etiqueta-2: 25vw;
		--ancho-etiqueta-3: 35vw;
		
		--cols-textarea: 70%;

		--tam-fuente-titmsg: 6vw;
		--tam-fuente-texmsg: 5vw;
		--tam-fuente-titmsgtos: 6vw;
		--tam-fuente-texmsgtos: 5vw;
		--color-texmsgtos: blue;
		--colot-titmsgtos: red;
		--ancho-ventana-msg: 90em;
		*/

		--botonesP--fotores: -6.3em;
		--color--inputs: 0.5px solid rgb(171, 171, 171);
		--botones--regliq-left: 18em;
		--botones--regliq-top: 17em;
		/*
		--tam-fuente-datostab: 10px;
		*/

		--tam-fuente-texnoticias: 4vw;
		--tam-fuente-detnoticias: 4vw;
		--tam-fuente-fechanoticias: 4vw;
		--altura-grafico: 50%;
		--anchura-grafico: 96%;
	
	}
}

/* HORIZONTAL */

@media only screen and (max-device-width: 990px) and (orientation: landscape) {
	:root {
		.CuadroNoReg {
			float: left; width: 45%; height: auto; margin-left: 1%; xmargin-top: 30px; padding: 25px; 
			font-size: 16pt; font-family: Verdana, Arial, Helvetica, sans-serif;
			text-align: left; border-radius: 30px;
			color: #000000; text-decoration: none; xborder-style: solid; xborder-width: thin;
		}
		.CuadroNoticias {
			float: left; width: 45%; height: 300px; margin-left: 1%; margin-top: 20px; padding: 5px 25px 25px 25px; 
			font-size: var(--tam-fuente-texnoticias); font-family: var(--nom-fuente);
			text-align: left; border-radius: 30px; overflow: scroll;
			color: #000000; text-decoration: none; xborder-style: solid; xborder-width: thin;
		}
/*		
		--dispositivo:H;
		--alto-logocab: 8vh;
		--ancho-logocab: auto;
		--tam-fuente-cab: 2vw;
		--alto-cab: 9vh;
		--tam-fuente-pie: 2vw;
		--alto-pie: 7vh;
		--alto-banda-botoninf: 4vh;
		--tam-fuente-botoninf: 3vh;
		--ancho-icono-inf: 3vw;
		--alto-icono-inf: 5vh;
		--espacio-iconos-inf: 2vw;
		--alto-icono-menu: 10vh;
		--ancho-icono-menu: 10vw;
		--alto-imgicono-menu: 6vh;
		--ancho-imgicono-menu: auto;+
		--tam-fuente-iconomenu: 2vw;
		--tam-textomenu: 2.5vw;

		--tam-fuente-boton: 3vh;
		--pad-boton-v: 0.5vh;
		--pad-boton-h: 3vw; 
		--alto-icono-boton: 3.5vh;
		--ancho-icono-boton: auto;

		--top-banda-central: 6vh;
		--alto-banda-central: 50vh;
		--alto-banda-central-sb: 65vh;
		--alto-banda-opciones: 8vh;
		--alto-banda-opciones-2lin: 15vh;
		--alto-banda-listado: 51vh;
		--alto-banda-listado-sb: 56vh;
		--alto-banda-listado-opc2lin: 40vh;
		
		--tam-fuente-nomcol: 3vh;
		--tam-fuente-datos: 3.5vh;
		--pad-celda-datos-v: 2vh;
		--pad-celda-datos-h: 0vw;
		--alto-icono-tabla: 4vh;
		--ancho-icono-tabla: 4vh; 
		--alto-foto-tabla: 10vh;
		--ancho-foto-tabla: 10vh; 
		
		--tam-fuente-datos: 2vw;
		--tam-fuente-edicion: 2vw;
		--tam-fuente-titulos: 4vw;
		--tam-fuente-etiqueta: 1.8vw;
		--tam-fuente-bloquedatos: 6vw;
		
		--cols-textarea: 80%;
		*/
	}
}


body, html {
	margin: 0;
	padding: 0;
	height: 100%;
}

.CuerpoDatos a:hover {
	color: #0000FF; text-decoration: underline;
}
.XCuadroNoReg {
	float: left; width: 40%; height: 350px; margin-left: 1%; margin-top: 30px; padding: 25px; 
	font-size: 16pt; font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left; border-radius: 30px;
	color: #000000; text-decoration: none; border-style: solid; border-width: thin;
}
.XCuadroNoticias {
float: left; width: 45%; height: 200px; margin-left: 2%; margin-top: 10px; padding: 5px 25px 25px 25px; 
font-size: 16pt; font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left; border-radius: 30px; overflow: scroll;
color: #000000; text-decoration: none; border-style: solid; border-width: thin;
}
/* .CuadroOtraInf {
float: left; width: 45%; height: 100px; margin-left: 2%; margin-top: 10px; padding: 5px 25px 25px 25px; 
font-size: 16pt; font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left; border-radius: 30px;
color: #000000; text-decoration: none; border-style: none; border-width: thin;
} */
.CuadroAvisos {
float: left; width: 45%; height: 60px; margin-left: 2%; margin-top: 10px; padding: 5px 25px 25px 25px; 
font-size: 16pt; font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left; border-radius: 30px;
color: #000000; text-decoration: none; border-style: none; border-width: thin;
}
/* .TextoAcceso { 
	font-size: 18pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;
	color: #908D82; text-decoration: none; margin-left: 10%; margin-right: 10%; } */
/* .TexNoticias {font-size: 11pt; font-family: Verdana, Arial, Helvetica, sans-serif;color: #000000; text-decoration: none;}
.DetNoticias {font-size: 11pt; font-family: Verdana, Arial, Helvetica, sans-serif;color: #908D82; text-decoration: none;}
.FechaNoticias {font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif;color: #000000; 
				font-style: italic; text-decoration: none;} */
.BandaInferiorP-COPIA {
width: 100%; xheight: 150px; xheight: auto; margin-left: 0px; xmargin-top: 0px; padding: 0px;
font-size: 16pt; font-family: sans-serif;
text-align: left; clear: left;
background-color: var(--colfondoinf); color: var(--coltextoinf);; letter-spacing: 1.5px;	word-spacing: 2px;
}
.BandaInferiorP {
	width: 100%; xheight: 150px; xheight: auto; margin-left: 0px; xmargin-top: 0px; padding-top: 1vh; padding-bottom: 1vh;
	font-size: 16pt; font-family: sans-serif;
	text-align: left; clear: left;
	background-color: var(--colfondosup); color: var(--coltextoinf); letter-spacing: 1.5px;	word-spacing: 2px;
	}
	
.BandaBotonesInfCOPIA {
	xposition: fixed; xbottom: 70px; left: 0; clear: left; background-color: white;
	width: 100%; xheight: var(--alto-banda-botoninf); xmin-height: 30px; margin-left: 0px; margin-top: 0px; 
	padding-top: 1vh; padding-bottom: 1vh;
	border-top: 1px solid black;
  }
  

.BandaInferiorP tex { margin-left: 5em; font-size: 11pt; line-height: 130%;}
.BandaInferiorP cuadro { float: left; margin-left: 5px; }
.BandaInferiorP cuadroder { float: right; margin-right: 3em; }
.BandaInferiorP empresa { float: right; margin-right: 2.5em; }
.BandaInferiorP a {
	color: lightgray;
}
.FlexCuerpo2 {
	display: flex;
	flex: 1 1 auto;
	flex-direction: row;
	height: 100%;
	width: 100%;
	overflow: scroll;
	xbackground-color: green;
}
.Cuerpo2 {
	display: flex;
	flex: 1 1 auto;
	flex-direction: row;
	height: 100%;
	width: 100%;
	overflow: scroll;
	xbackground-color: green;
}
.TextoConSer {font-size: 11pt; font-family: Verdana, Arial, Helvetica, sans-serif;color: #000000; }
.TextoConSer tit { font-size: 12pt; font-weight: bold; }
.TextoConSer subtit { font-size: 11pt; font-weight: bold; }
.CuadroNuevoCli {
	float: left; width: 500px; height: 380px; margin-left: 10%; margin-top: 10px; padding: 25px; 
	font-size: 16pt; font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left; border-radius: 30px;
	color: #000000; text-decoration: none; border-style: solid; border-width: thin;
}

.botonuserreg{
	position: relative;
	float: left;
	margin-left: 5px;
	top: 2.75em;
}
.TitulosDetalles{
	font-size: 5px;
	font-family: var(--nom-fuente); color: #7F8C8D; 
	font-style: italic; 
}
.Condiciones {font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif;color: #000000; 
	padding-left: 3em; padding-right: 3em; }

.TitPregFrec { 
	xfont-size: 14pt; xfont-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;
	xcolor: #908D82; xtext-decoration: none; margin-left: 10%; margin-right: 10%; }	
.PregFrec { 
	xfont-size: 12pt; xfont-family: Verdana, Arial, Helvetica, sans-serif; xfont-weight: bold;
	xcolor: #000000; xtext-decoration: underline; margin-left: 5%; margin-right: 10%; }
.RespPregFrec { 
	xdisplay: none; xfont-size: 12pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;
	color: #000000; text-decoration: none; margin-left: 5%; margin-right: 10%; font-style: italic; }

/*
.DatosTabla tr:nth-child(even) { background-color: var(--color-fila-even); border-bottom: 2px solid var(--colcolum-titfondo); }
.DatosTabla tr:nth-child(odd) { background-color: var(--color-fila-even); border-bottom: 2px solid var(--colcolum-titfondo); }
.DatosTabla tr:hover { background-color: var(--color-fila-resaltada); border-bottom: 2px solid var(--colcolum-titfondo); }
*/	

.TexNoticias {font-size: var(--tam-fuente-texnoticias); font-family: var(--nom-fuente); color: #000000; text-decoration: none;}
.DetNoticias {font-size: var(--tam-fuente-detnoticias); font-family: var(--nom-fuente); color: #908D82; text-decoration: none;}
.FechaNoticias {font-size: var(--tam-fuente-fechanoticias); font-family: var(--nom-fuente); color: #000000; 
				font-style: italic; text-decoration: none;}
.CuadroOtraInf {
	float: left; width: 45%; height: 100px; margin-left: 2%; margin-top: 10px; padding: 5px 25px 25px 25px; 
	font-size: 16pt; font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left; border-radius: 30px;
	color: #000000; text-decoration: none; border-style: none; border-width: thin;
	}
.TextoAcceso { 
	font-size: 14pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;
	color: #908D82; text-decoration: none; margin-left: 10%; margin-right: 10%; }

.CuadroGrafico{
	/* background-color: yellow; */
	left: 20%;
	text-align: center;
	margin: 0 auto;
	width: var(--anchura-grafico);
	height: var(--altura-grafico);
}
.grafico{
	width: 100%;
	height: 100%;
}