:root {
	--color1: #066c9f;
	--color2: #cccccc; 
	--color3: #aaaaaa;
}
body {
	background-color: white;
	margin-top: 0px;
	margin-left: 0px;
   margin-right: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	overflow: hidden;
}
.flex-container {
	width: 100%;
	height: calc(100% - 60px);
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
}
.scr-small {
	width: 59%; 
	padding-left: 1%;
	text-align: left;
}
.head-row {
	height: 50px;
}
.head-cuadro {
	width: 50px;
}
.head-cuadro-medio {
	width: calc(100% - 100px);
}
.head-text {
	font-weight: bold; 
	font-size: 26pt; 
	line-height: 50px; 
	color: var(--color1);
}
.contenedor-centrar {
	position: relative;
}
.centrar-div {
	left: 50%;
	top: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
	position: absolute;
}
.centrar-div-h {
	left: 50%;
	width: 100%;
	transform: translateX(-50%);
	position: absolute;
}
.centrar-div-v {
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
	position: absolute;
}
.menu-izq {
	width: 236px;
	min-width: 236px;
	height: 100%;
	margin-top: 5px;
	padding-top: 5px;
	padding-right: 10px;
	display: block;
	color: var(--color1);
}
.menu-izq p {
	display: block;
	width: 100%;
	line-height: 250%;
	margin: 0px 0px;
	font-size: 10pt;
	text-decoration: none;
}
.menu-izq p span {
	font-family: Verdana;
	font-weight: bold;
	font-size: 14pt;
}
.menu-izq p a {
	display: inline-block;
	width: calc(100% - 10px);
	padding-left: 10px;
	color: var(--color1);
}
.menu-izq p a:visited {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: var(--color1);
}
.menu-izq p a:hover {
	display: block;
	width: calc(100% - 10px);
	border-radius: 15px;
	transform: translateX(-10px);
	padding-left: 20px;
	background-color: var(--color2);
}
.contenido-central {
	width: 100%;
	height: 100%;
	background-color: white;
	margin-top: 5px;
	padding-top: 5px;
	display: block;
	overflow: auto;
	position: relative;
}
.contenido-central-first {
	width: 98%; 
	text-align: justify; 
	margin-left: 1%;
	margin-right: 1%;
	/*padding-left: 1%;
	padding-right: 1%;*/
	display: block;
	overflow: auto;
}
.articulo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	width: 98% !important;
	text-align: justify;
}
.articulo h1 {
	margin-top: 8px;
	margin-bottom: 2px;
	font-size: 14pt;
	font-weight: bold;
}
.articulo h2 {
	font-size: 13pt;
	font-weight: normal;
	font-style: italic;
}
.articulo h3 {
	margin-top: 2px;
	margin-bottom: 8px;
	font-size: 12pt;
	font-weight: normal;
}
.btn {
	display: inline-block;
	padding: 6px 12px;
	margin: 5px;
	/*margin-bottom: 0;*/
	font-size: 14px;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	background-color: white;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 10px;
	border-color: #ccc;
	color: var(--color1);
}
.btn-lh-normal {
	line-height: 1;
	padding: 3px 12px;
	margin: 0px;
}
a.btn:link {
	color: none;
}
a.btn:hover {
	font-style: normal;
	border: 1px solid transparent;
	border-color: #4cae4c;
}
a.btn:visited {
	color: none;
}
.btn-secondary {
	color: #333;
	background-color: var(--color2);
}
.btn-primary {
	color: white;
	background-color: var(--color1);
}
.btn-success {
	color: #fff;
	background-color: #5cb85c;
}
a.btn-success:hover {
	border-color: var(--color1);
}
.btn-warning {
	color: #fff;
	background-color: #f0ad4e;
}
a.btn-warning:hover {
	border-color: #d27b00;
}
.btn-danger {
	color: white;
	background-color: #d9534f;
}
a.btn-danger:hover {
	border-color: #88100c;
}
.btn-message {
	color: black;
	background-color: #9dacbf;
}
a.btn-message:hover {
	border-color: black;
}
.btn-messageblend {
	color: black;
	background-color: #f1f1f1;
}
a.btn-messageblend:hover {
	border-color: black;
}
.separador-top {
	border-top: 1px solid var(--color2);
}
.separador-bottom {
	border-bottom: 1px solid var(--color2);
}
.btn-inicia-sesion {
	cursor: pointer;
}
.inicia-sesion {

}
.inicia-sesion input {
	text-align: left;
}
.in-text {
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
}
.color-black {
	color: black;
}
#dv-msg {
	width: 96%;
	height: auto;
	border: 1px solid black;
	border-radius: 10px;
	background-color: orange;
	margin-left: 1%;
	margin-right: 1%;
	padding: 1%;
	position: relative;
}
#dv-msg .dv-msg-cerrar {
	top: 6px;
	left: 3px;
	position: absolute;
	zoom: 1.3;
	cursor: pointer;
}
#dv-msg .dv-msg-title {
	width: calc(99% - 20px);
	height: auto;
	min-height: 8px;
	text-align: center;
	font-weight: bold;
	font-size: 10pt;
	display: inline-block;
}
#dv-msg .dv-msg-body {
	margin-left: 2%;
	display: block;
}
#dv-msg p {
	margin-top: 8px;
	margin-bottom: 8px;
}
.align-center {
	text-align: center !important;
}
div.divtable {
	display: table;
	width: 99%;
	margin-left: 0.5%;
	margin-right: 0.5%;
	font-size: 10pt;
}
div.divtable > div {
	display: table-row;
	width: 100%;
}
div.divtable > div > div {
	display: table-cell;
	padding:0.2em 0.6em;
	border: 1px solid #999999;
	vertical-align: middle;
	text-align: center;
}
div.divtable > div > div > div {
	float: left;
}
.divhead {
	background-color: #ddd;
	font-weight: bold;
}
.cell-1 {
	width: 20%;
}
.cell-2 {
	width: calc(40% / 3);
}
.cell-title {
	font-size: 7pt;
	font-weight: bold;
}

















.Texto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: var(--color1);
	padding-top: 5px;
	padding-bottom: 5px;
}
.Titulo {
	font-size: 18px;
	font-weight: bold;
}
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
}
a:visited {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.Texto:visited {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: var(--color1);
}
.TextoBlanco {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #FFFFFF;
}
.TextoMini {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: var(--color1);
}
.TextoBlancoMini {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FFFFFF;
}
#menuLigasDirectas {
	float: left; 
	padding-top: 10px; 
	padding-left: 10px;
}
#menuLigasCuarto {
	float: left; 
	padding-top: 10px; 
	padding-left: 10px;
	visibility: hidden;
}
.buttonStyle {
	display: inline-block;
	padding: 9px 12px 9px 12px;
	margin: 12px 12px 12px 12px;
	font: bold 14px Arial;
	font-weight: bold;
	text-decoration: none;
	background-color: var(--color1);
	color: white;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #CCCCCC;
	width: 225px;
	vertical-align: middle;
}
a.buttonStyle:link {
	color: black;
}
a.buttonStyle:visited {
	color: black;
}
.chkbox {
	height: 18px;
	width: 18px;
}
.not-active {
	pointer-events: none;
	cursor: default;
	text-decoration:none;
	color:black;
}
.font-grande {
	font-size: large;
}
.font-mas-grande {
	font-size: larger;
}
.font-negrita {
	font-weight: bold;
}
.font-pequena {
	font-size: small;
}
.font-mas-pequena {
	font-size: smaller;
}
.font-mas-pequena-x {
	font-size: x-small;
}
.pages {
	width: 98%;
	display: inline-block;
	border-radius: 10px;
	border: 2px solid var(--color1);
}
.titulos-wide {
	text-align: center;
	width: 100%;
	font-weight: bold;
	float: left;
	margin-top: 10px;
	margin-bottom: 5px;
	color: var(--color1);
}
.titulos-izq {
	text-align: right;
	width: 38%;
	margin-right: 2%;
	float: left;
	color: var(--color3);
}
.titulos-der {
	text-align: left;
	font-weight: bold;
	width: 60%;
	float: left;
	color: var(--color1);
}
.input-text {
	line-height: 1.0;
	text-align: left;
	padding: 3px 8px;
	margin-top: 0px;
	margin-bottom: 0px;
	cursor: text;
	/*text-transform: uppercase;*/
}
.input-big {
	width: 96%;
}
.input-med {
	width: 65%;
}
.input-small {
	width: 35%;
}

@media screen and (max-width: 499px) {
	body {
		font-size: 12pt;
	}
	.scr-width {
		width: 100%;
	}
	.head-row {
		height: 40px;
	}
	.head-cuadro {
		width: 40px;
	}
	.head-cuadro-medio {
		width: calc(100% - 80px);
	}
	.head-text {
		font-size: 11pt; 
		line-height: 25px; 
	}
	.menu-izq {
		display: none;
		/*height: auto;
		position: absolute;
		border: 1px solid var(--color1);
		border-radius: 10px;
		top: 40px;
		left: 0px;*/
		background-color: white;
	}
	.scr-no-small {
		display: none;
	}
	.scr-small {
		width: 99%;
		font-size: 11pt;
		text-align: right;
		padding-left: 0%;
		padding-right: 1%;
	}





	.head-mensaje {
		width: 95%;
	}
	.scr-big {
		display: none;
	}
	.scr-login {
		width: 100%;
	}
	.scr-index {
		width: 99.9%;
	}
	.Texto {
		font-size: 13pt;
		line-height: 1.2;
	}
	.titulos-izq {
		text-align: left;
		width: 95%;
		float: right;
	}
	.titulos-der {
		width: 90%;
		float: right;
	}
	.input-text {
		font-size: 18px;
	}
	.input-med {
		width: 96%;
	}
	.input-small {
		width: 96%;
	}
}
@media screen and (min-width: 500px) and (max-width: 699px) {
	.scr-width {
		width: 100%;
	}
	.head-text {
		font-size: 16pt; 
		line-height: 25px; 
	}
	.menu-izq {
		width: 172px;
		min-width: 172px;
		padding-left: 5px;
		padding-right: 5px;
	}







	.head-mensaje {
		width: 90%;
	}
	.scr-big {
		display: none;
	}
	.scr-login {
		width: 420px;
	}
	.scr-index {
		width: 99.9%;
	}
	.Texto {
		font-size: 13pt;
		line-height: 1.2;
	}
	.titulos-izq {
		text-align: left;
		width: 95%;
		float: right;
	}
	.titulos-der {
		width: 90%;
		float: right;
	}
	.input-text {
		font-size: 18px;
	}
}
@media screen and (min-width: 500px) and (max-width: 599px) {
	.scr-small {
		font-size: 11pt;
	}
	.head-text {
		font-size: 13pt; 
	}
}
@media screen and (min-width: 700px) and (max-width: 949px) {
	.scr-width {
		width: 100%;
	}
	.head-text {
		font-weight: bold; 
		font-size: 20pt; 
		line-height: 50px; 
	}





	.head-mensaje {
		width: 600px;
	}
	.scr-big {
		display: none;
	}
	.scr-login {
		width: 420px;
	}
	.scr-index {
		width: 49.9%;
		max-width: 400px;
	}
	.Texto {
		font-size: 12pt;
	}
}
@media screen and (min-width: 950px) {
	.scr-width {
		width: 100%;
	}







	.head-mensaje {
		width: 600px;
	}
	.scr-med {
		display: none;
	}
	.scr-login {
		width: 420px;
	}
	.scr-index {
		width: 33.3%;
	}
}