/* CSS Document */


/* CSS Material-icons */
.md-18{font-size: 1.4rem;color:darkblue;font-weight: 900;}
.md-18-home{font-size: 1.3rem;color:#f2f2f2;}
/* Fin */

html {
	font-size: 10pt;
	font-family: Verdana, Times New Roman, Times, serif;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	height: 100%;
	margin-top: -1.28rem;
}

@page {
	size: auto
}

body {
	margin-left  : 6px;
	margin-right : 6px;
	margin-top   : 0px;
}

.odd {
	additive-symbols: inherit;
}

.even {
	background-color: #f2f2f2;
}

.divContenidoDegrade {
	background: rgb(134,192,237);
    background: linear-gradient(128deg, rgba(134,192,237,1) 0%, rgba(235,239,245,1) 73%, rgba(190,225,232,1) 100%);
}

.boxContenido {
	background: #BEBBFC;
	border: #999 none 1px;
	-moz-border-radius: 1em 4em 1em 4em;
	border-radius: 1em 4em 1em 4em;
}

.paneltitulo {
	font-size: 1rem;
	font-family: Verdana, Times New Roman, Times, serif;
	font-weight: bold;
	vertical-align: middle;
	color: #222222;
	text-align: center;
	background: url(../jquery-ui-1.12.1.custom2/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;
	padding: 4px;
	border-bottom: none #FFB00D 0px;
}

.supertitulo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1rem;
	color: #222222;
	font-weight: bold;
}

.titulo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85rem;
	color: #222222;
	font-weight: bold;
	letter-spacing: 0.5px;
}

.titulo2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1rem;
	font-weight: bold;
	color: #222222;
	letter-spacing: 3px;
	font-variant: normal;
}

.titulo_blanco {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1rem;
	color: #ffffff;
	font-weight: bold;
}


.etiqueta_head {
	font-size: 0.8rem;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 2px;
	background: #CCC;
	border-top: 4px solid #666;
	border-bottom: 1px solid #333;
	color: #039;
}

.etiqueta_head_chica {
	font-size: 0.5rem;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 2px;
	background: #b9c9fe;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #039;
}

.etiqueta {
	font-size: 0.7rem;
	color: #454545;
	font-weight: bold;
}

.etiqueta_azul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7rem;
	color: #2E2EFE;
	font-weight: bold;
	vertical-align: middle;
}

.total {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7rem;
	color: #FF0000;
	font-weight: bold;
}

.etiquetamini {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6rem;
	color: #666666;
	font-weight: bold;
}

.etiqueta2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 6rem;
	color: #666666;
	font-weight: bold;
}

.obligatorio,
.etiquetaREQUERIDO {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7rem;
	color: #FF0000;
	font-weight: bold;
}

.numero {
	text-align: right;
}

input[type=text],
input[type=checkbox],
input[type=radio],
input[type=password],
textarea,
.inputFalso {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-width: 1px;
	border-color: #CCCCCC;
	background-color: #fff;
	color: #000000;
	border-style: solid;
	border-radius: 3px;
	box-shadow: 0px 0px 7px rgba(158, 156, 156, .48);
	text-shadow: 0px 0px 0px rgba(66, 66, 66, .75);
	padding: 4px;
	vertical-align: middle;
	outline: none;
	height: 22px;
}

input[type=password]:focus {
	border-color: #F00;
	background-color: #0CC
}

input[type=text]:focus {
	border-color: #F00;
	background-color: #0CC
}

input[type=textarea]:focus {
	border-color: #F00;
	background-color: #0CC
}

table {
	border: 0;
	margin: 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%;
}

hr {
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, #CCC, #333, #ccc);
	background-image: -moz-linear-gradient(left, #ccc, #333, #ccc);
	background-image: -ms-linear-gradient(left, #ccc, #333, #ccc);
	background-image: -o-linear-gradient(left, #ccc, #333, #ccc);
	color: #FF8701;
}

.head_table {
	border-right-width: thin;
	border-bottom-style: outset;
	border-right-color: #006600;
	border-bottom-width: thin;
	border-bottom-color: #009900;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #006600;
	border-left-color: #006600;
	border-top-width: thin;
	border-left-width: thin;
}

.head_left {
	background-color: #006600;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF
}

.head_separador {
	width: 1px;
	height: 30px;
	background-color: #c0c0c0;
}


.head_boton {
	height: 30px;
	width: 45px;
	margin-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 6.5pt;
}

.head_etiqueta {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px
}


.tdBordeInferior,
.bordeInferior {
	border-bottom: #FFB00D solid 1px;
}

.tdBordeSuperior,
.bordeSuperior {
	border-top: #FFB00D solid 1px;
}

.tdBorde,
.Borde {
	border: #FFB00D solid 1px;
}

.bordeDerecho,
.tdBordeDerecho {
	border-right: #FFB00D solid 1px;
}

.bordeIzquierdo,
.tdBordeIzquierdo {
	border-left: #FFB00D solid 1px;
}


.botonLitte {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #124A9E), color-stop(1, #5D79D3));
	background: -moz-linear-gradient(top, #124A9E 5%, #5D79D3 100%);
	background: -webkit-linear-gradient(top, #124A9E 5%, #5D79D3 100%);
	background: -o-linear-gradient(top, #124A9E 5%, #5D79D3 100%);
	background: -ms-linear-gradient(top, #124A9E 5%, #5D79D3 100%);
	background: linear-gradient(to bottom, #124A9E 5%, #5D79D3 100%);
	box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75);
	-webkit-border-radius: 3;
	-moz-border-radius: 3;
	border-radius: 3px;
	font-family: Tahoma, Arial;
	color: #ffffff;
	font-size: 0.7rem;
	padding: 2px 3px 2px 3px;
	border: solid #66686b 1px;
	text-decoration: none;
	font-weight: bold;
}

.botonLitte:focus {
    outline: none;
}


.boton {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #124A9E), color-stop(1, #5D79D3));
	background: -moz-linear-gradient(top, #124A9E 5%, #5D79D3 100%);
	background: -webkit-linear-gradient(top, #124A9E 5%, #5D79D3 100%);
	background: -o-linear-gradient(top, #124A9E 5%, #5D79D3 100%);
	background: -ms-linear-gradient(top, #124A9E 5%, #5D79D3 100%);
	background: linear-gradient(to bottom, #124A9E 5%, #5D79D3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#124A9E', endColorstr='#5D79D3', GradientType=0);
	background-color: #124A9E;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #111212;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: Arial;
	font-size: 0.9rem;
	font-weight: bold;
	padding: 7px 34px;
	text-decoration: none;
}

.boton:hover , .botonLitte:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5D79D3), color-stop(1, #124A9E));
	background: -moz-linear-gradient(top, #5D79D3 5%, #124A9E 100%);
	background: -webkit-linear-gradient(top, #5D79D3 5%, #124A9E 100%);
	background: -o-linear-gradient(top, #5D79D3 5%, #124A9E 100%);
	background: -ms-linear-gradient(top, #5D79D3 5%, #124A9E 100%);
	background: linear-gradient(to bottom, #5D79D3 5%, #124A9E 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5D79D3', endColorstr='#124A9E', GradientType=0);
	background-color: #5D79D3;
}

.boton:active {
	position: relative;
	top: 1px;
}

.tdright,
.right {
	text-align: right;
	vertical-align: top;
}

.tdcenter,
.center {
	text-align: center;
	vertical-align: top;
}

.top {
	vertical-align: top;
}

.tdjustyfy,
.justify {
	text-align: justify;
	vertical-align: top;
}


.tdleft,
.left {
	text-align: left;
}

.fondo1 {
	background: #E4E9F8;
}

.fondo2 {
	background: #CBE0EB;
}

.fondo3 {
	background: #fffdad;
}

img {
	vertical-align: middle;
}

.tdtop,
.top {
	vertical-align: top;
}


.avisoMayor {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5rem;
	color: #FF0000
}

.aviso {
	font-weight: bold;
	text-decoration: blink;
	color: #FF0000
}

.alerta {
	font-weight: bold;
	text-decoration: blink;
	color: #FF0000
}



.mensajeAvisoImportante {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7rem;
	font-weight: bold;
	color: #FD0227;
	text-decoration: blink
}

.tableBuscador {
	background: #e5e8e5;
}

#table100 {
	width: 100%;
	font-family: "Verdana", "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 0.9rem;
	margin: 1px;
	text-align: left;
	border-collapse: collapse;
}

#table100 caption {
	font-size: 1rem;
	font-weight: bold;
	padding: 1px;
	color: #222222;
}

#table100 th,th {
	font-size: 0.7rem;
	font-weight: bold;
	padding: 4px;
	background: url(../jquery-ui-1.12.1.custom2/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;
	border-top: 4px none#FFB00D;
	border-bottom: 2px solid #FFB00D;
	color: #222222;
}

#table100 td {
	padding: 1px;
	border-bottom: 1px solid #e0ffe1;
	vertical-align: top text-top;
	font-size: 0.75rem;
}

#table100 tr:hover td {
	background: #cfffad;
}

td {
	font-size: 0.75rem;
	vertical-align: top text-top;
	border-bottom: 1px none #e0ffe1;
	padding: 0.3px;
}

div.exportlinks,
.exportlinks {
	background: #b9c9fe;
	border: 1px dotted #999;
	padding: 2px 4px 2px 4px;
	margin: 2px 0 10px 0;
	width: 100%;
	color: #a59f9f;
}

span.export {
	padding: 0 4px 1px 20px;
	display: inline;
	cursor: pointer;
	display: inline;
	color: #ffffff;
}


span.excel {
	background: url(../../img/filetype/ico_file_excel.png) left no-repeat;
}

span.csv {
	background: url(../../img/filetype/xls.png) left no-repeat;
}

span.xml {
	background: url(../../img/filetype/xml.png) left no-repeat;
}

span.pdf {
	background: url(../../img/filetype/pdf.png) left no-repeat;
}

span.rtf {
	background: url(../../img/filetype/rtf.png) left no-repeat;
}

span.pagebanner {
	font-size: 0.6rem;
	font-weight: normal;
	padding: 2px;
	background: #b9c9fe;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #ffffff;
	width: 100%;
	display: block;
}

span.pagelinks {
	font-size: 0.6rem;
	font-weight: normal;
	padding: 0px;
	background: #b9c9fe;
	border-top: 1px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #039;
	width: 100%;
	display: block;
}


.botonValidar {
	width: 106px;
	height: 25px;
	font-size: 0.8rem;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
	border: #999999 solid 2px;
	border-bottom: none;
	border-right: none;
	border-top: none;
	border-left: none;
}

.imgRedonda90X90 {
	width: 90px;
	height: 90px;
	border-radius: 90px;
}

.imgRedonda60X60 {
	width: 60px;
	height: 60px;
	border-radius: 60px;
}

.imgRedonda30X30 {
	width: 30px;
	height: 30px;
	border-radius: 30px;
}

.headerBarraInferior {
border-top: goldenrod solid 2px;
background: rgb(22,99,186);
background: linear-gradient(119deg, rgba(22,99,186,1) 42%, rgba(53,140,231,0.958420868347339) 61%, rgba(131,213,247,1) 96%);
}

.headerBarraSuperior {
border-bottom: goldenrod solid 2px;
background: rgb(22,99,186);
background: linear-gradient(119deg, rgba(22,99,186,1) 42%, rgba(53,140,231,0.958420868347339) 61%, rgba(2,50,70,1) 96%);
}