*{
	box-sizing:border-box;
	font-family:'Roboto', Arial !important;
	font-size:16px;	

}



:root {
    --PrimaryColor: #585d5d;
	--SecColor: #687500;
    --Btn1: #0068b6;
    --Btn2: #333333;
    --Btn3: #353f48;
    --Btn4: #094b88;
    --Btn5: #2d89df;
    --Btn6: #D67F16;
    --Btn7: #3978b3;
    --Btn8: #0072e1;
    --Btn9: #333333;
    --Btn10: #0068b6;
	--BG: #f9f9f9;
    --inputBorderFocusColor: 2px solid #2193ff;
    --FocusColor: #2193ff;
    --sombraFocus: 0 0 0 3px rgb(142 200 255 / 35%);
    --inputBorder: #ced4da;
}

body {	
	background-color: var(--BG);
	background-image: url(content/inter/trPag.gif);
	background-repeat: repeat-x;
	background-position:top;
	margin:0px;
}

body,td,th {
}

.Estilo1 {
	color: #666666;
	font-weight: bold;
}

a {
	color: #459217;
	text-decoration: none;	
}

a:hover {
	text-decoration: underline;
}
	
p, li{
	color: #444;	
}


.link_barra01{ 
	font-weight: normal; 
	color: #003366;
	text-align: center;
	text-decoration: none
}

.link_barra01:hover {
	font-weight: normal;
	color: #003399;
	text-align: center;
	text-decoration: underline
}

.link_barra02{
	font-weight: normal;
	color: #00246A
}

.link_barra02:hover { 
	color: #444;
	text-decoration: underline
}

.link_top_celda01{ 
	font-size: 12pt;
	color: #000000;
	text-align: center;
	text-decoration: none;
}

.link_top_celda01:hover { 
	color: #459217; 
	text-decoration: underline
}

.titulo01 > h2 {  	
	font-size:1.75em;
	font-weight:normal;
	text-align:center;
	color:#459217;
	margin:0px;
}
.tituloinforme01 {  font-size: 19pt;	font-style: normal; font-weight: normal; color: #000000;}
.tituloinforme16 {  font-size: 16pt;	font-style: normal; font-weight: normal; color: #000000;}
.tituloinforme02 {  	font-style: normal; font-weight: normal; color: #000000;}
.textoinforme01 {  font-size: 10pt; color: #000000; text-align: center; text-decoration: none ; font-weight: normal}

.destacado01{  font-weight: normal; color: #459217; text-decoration:none !important;}

.destacado01:hover{  
	opacity:0.8;
	transition:0.2s ease-out all;
}

.destacado01 b{  font-weight: 500; color: #459217}

.subtitulo01 {  font-size: 13pt; font-style: normal; font-weight: bold; color: #459217;}
.subtitulo01:hover { font-weight: bold; color: #669933; text-decoration: underline}

.titulolayer {   font-style: normal;	font-weight: bold; color: #FFFFFF;}

.alerta01 {    font-weight: normal; color: #CC3300; font-style: normal}

.boton01 { 
	background: #459217;
	font-size:0.95em !important;
    padding: 5px 10px;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    color: #fff;
    border: 1px solid #459217 !important;
    border-radius: 4px;
    background-color: #459217 !important;
    height: 36px !important;
}

.boton01:hover {
	cursor: pointer;
    transition: .2s ease-in-out all;
    background-color: #429113 !important;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15) !important;
    border: 1px solid #429113 !important;
}


.boton02 {  
	font-size:0.95em !important;
    color: #000000; text-align: center;
	text-decoration: none; 
	background-color: #459217;
	border-color: #FFEDC1 #CC6600 #CC6600 #FFEDC1;
	font-weight: normal;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px
}

.button01 {  
	cursor: pointer;
    color: #333;
    padding: 5px 10px;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    color: #fff;
    border: 1px solid #f37725 !important;
    background-color: #f37725 !important;
    font-weight: 500;
    border-radius: 4px;
    height: 36px !important;
}

.button01:hover {
	cursor: pointer;
    transition: .2s ease-in-out all;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15) !important;
    background-color: #d07031 !important;
    border: 1px solid #d07031 !important;
}

.campo00,
.campo01,
.campo02,
.campo03,
.campo04,
.campo05,
.field02 {  
	background-color: #fff;
    border: 1px #888 solid;
    color: #111;
    padding: 6px 0px 4px 6px;
    box-sizing: border-box;
    z-index: 100;
    border: 1px solid var(--inputBorder);
    transition: ease-out .1s;
    outline: none;
    border-radius: 4px;
    height: 36px !important;
    line-height: 36px;
    resize: none;
}

.campo00:hover,
.campo01:hover,
.campo02:hover,
.campo03:hover,
.campo04:hover,
.campo05:hover,
.field02:hover{ 
    border: 1px solid var(--FocusColor);
}

.campo00:focus,
.campo01:focus,
.campo02:focus,
.campo03:focus,
.campo04:focus,
.campo05:focus,
.field02:focus{ 
    outline: none;
    border: 1px solid var(--FocusColor);
    box-shadow: var(--sombraFocus);
    content: '';
}

.etiqueta01 {
	color:#333333;
}

.paginar01 {
	color: #444444;
	text-decoration: none;
	font-weight: normal
}

.link_paginar01 { 
	font-weight: normal;
	color: #555555; 
	text-align: center ;
	text-decoration: underline
}

.link_paginar01:hover {
	font-weight: normal;
	color: #003399;
	text-align: center;
	text-decoration: none
}

.tx_par_left { 
	color: #000000;
	text-align: left;
	text-decoration: none;
	line-height: normal
}

.tx_par_cent {
	color: #000000;
	text-align: center;
	text-decoration: none;
	font-weight: normal
}

.tx_par_right { 
	color: #000000;
	text-align: right;
	text-decoration: none;
	font-weight: normal
}

.texto01 { 
	color: #000000; 
	text-align: justify;
	text-decoration: none;
	font-weight: normal
}

.tx_encab {
	color: #000000; 
	text-align: left;
	text-decoration: none;
	line-height: normal
}

.tx_pie { 
	color: #000066;
	text-align: center;
	text-decoration: none;
	line-height: normal
}

.tx_bar_top {
	color: #000000;
	text-align: left;
	text-decoration: none;
	line-height: normal
}

.marquee { 
	font-weight: bold;
	color: #82E6FF;
	text-align: center;
	text-decoration: underline
}

.marquee:hover { 
	font-weight: bold;
	color: #82E6FF;
	text-align: center;
	text-decoration: underline 
}

.dek {
	position:absolute;
	visibility:hidden;
	Z-index:200;
}

#divFooter {
	text-align:left;
	font-weight: normal;
	color: #ddd;		
	background-color:var(--PrimaryColor);
	padding:10px;
}

#divFooter td {	
	color: #ccc;
	position: relative;
    top: -11px;
}

#divFooter a {	
	color: #fff !important;
    opacity: 1;
	text-decoration:none !important;
}

#divFooter a:hover {	
    opacity: 0.8;
    transition: .02s all ease-in-out;
}


.tdMenu {
	border-right: 1px solid #CCC;
	text-align:center
}

table.rowstable {
	
	color:#333333;
	border-width: 1px;
	border-color: #606060;
	border-collapse: collapse;
}

table.rowstable th {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #606060;
	background-image:url(../inter/trth.gif);
	background-repeat:repeat-x;
	background-color:#D5D5D5;
}
table.rowstable td {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #606060;
}
table.altrowstable {
	color:#333333;
	border-width: 1px;
	border-color: #606060;
	border-collapse: collapse;
}
table.altrowstable th {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #606060;
	background-image:url(../inter/trth.gif);
	background-repeat:repeat-x;
	background-color:#D5D5D5;
}
table.altrowstable td {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #606060;
}
table.altrowstable a {
	color:#003366;
	text-decoration:underline;
}
.oddrowcolor{
	background-color:#FEFEFE;
}
.evenrowcolor{
	background-color:#E6E6E6;
}
.tbAuditorias{
	width:100%;
	
	border-collapse:collapse;
	empty-cells:show;
}
.tbAuditorias th{
	background-color:#EFEFEF;
	color:#333333;
	border-left:1px solid #444444;
	border-top:1px solid #444444;
}
.trEncabezado td{
	font-size:11pt;
}
.trData td{
	border-left:1px solid #444444;
	border-top:1px solid #444444;
}
.tdDataFin {
	border-right:1px solid #444444;
}
.trSubtotal1 td {
	border-top:1px solid #444444;	
}

.tdSubtotal{
	border-right:1px solid #444444;	
	border-bottom:1px solid #444444;	
	background-color:#DFE3E7;
	color:#003875;
	font-weight:bold
}

.tdSubtotal2{
	border-left:1px solid #444444;	
}

.tdSubtotal3{
	border-top:1px solid #444444;	
}

.CumpDestacado{
	padding:5px;
	background-color:#E2E6EA;
	font-weight:bold;
	color:#003875
}

.btnAuditorias {
	background-color:#3D7BA6;
	font-size:13pt;
	width:330px;
	height:35px;
	color:#FFFFFF
}

.Faltante {
	color:#FF0000;
}

.OpGris {
	color:#666666;
	font-style:italic
}

.OpNegro {
	color:#000000;
	font-style:normal
}

.tdGris{
	background-color:#EFEFEF;
}

.Repro{
	color:#CC0000;
}

.SubDash
{
	color:#000000;
	font-size:13pt;
	text-align:left
}

.TitDash
{
	color:#000000;
	font-size:22pt;
}

.Local
{
	background-color:#FFF2BC;
	color:#000000;
}

.linkCriticos
{
	text-decoration:none;
	color:#cc0000;	
}

.GridLims2
{
	margin:0px;
	padding:0px;
	width:100%;
	-moz-border-radius-bottomleft:6px;
	-webkit-border-bottom-left-radius:6px;
	border-bottom-left-radius:6px;
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-right-radius:6px;
	border-bottom-right-radius:6px;
	-moz-border-radius-topright:6px;
	-webkit-border-top-right-radius:6px;
	border-top-right-radius:6px;
	-moz-border-radius-topleft:6px;
	-webkit-border-top-left-radius:6px;
	border-top-left-radius:6px;
}
.GridLims2
{
	font-family:Arial, Helvetica, sans-serif;
	width:100%;
	border-collapse:collapse;
}
.GridLims2 td, .GridLims2 th 
{
	font-size:0.95em;
	border:1px solid #8C8E96;
	padding:3px 7px 3px 7px;
}
.GridLims2 th
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:bold !important;		
	background-color:#a8a8a9;	
	text-align:center;	
	color:#ffffff !important;
	padding:5px;
	cursor:pointer;
}

.GridLims2 th > a:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.0em;
	font-weight:bold;
	color:#ffffff;
	cursor:pointer;
}
.GridLims2 th > a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.0em;
	font-weight:bold;
	color:#ffffff;
	cursor:pointer;
}
.GridLims2 th > a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.0em;
	font-weight:bold;
	color:#ffffff;
	cursor:pointer;
	text-decoration:none;
}
.GridLims2 th > a:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.0em;
	font-weight:bold;
	color:#ffffff;
	cursor:pointer;
}

.GridLims2 tr.alt td 
{
	color:#000;
	background-color:#EAF2D3;
	font-size:9pt;
	padding:5px;
}
.GridLims2 tr:nth-child(odd) { 
	background-color:#f1f2ed;
}
.GridLims2 tr:nth-child(even) {
	background-color:#ffffff; 
}
.GridLims2 tr:hover
{
	background-color:#e8fece;
}

.dvInfo{
	max-width: 300px;
	width:100%;
}


.dvInfo > div{
	margin:5px 0px;
	float:left;
}

.dvInfo span{
	width: 65px !important;
	display:inline-table;
	text-align:left;
}

.dvInfo b{
	color:var(--PrimaryColor);	
	font-weight:500;
}

header{
	width:100%;
	text-align:center;
}

header > div{
	max-width:1900px !important;
	width:100% !important;
	display: inline-flex;	
	justify-content: space-between;
	align-items:center;
	padding:0px 20px;
}

header > div > div{

}

nav{
	width:100%;
	background-color: var(--PrimaryColor);	
	height:50px;
	overflow:hidden;
	position:relative;
	padding:0px;
}

nav ul {
	list-style:none;
	float:right;
	position:relative;
	top:0;
	right:0;
	margin:0px 10px;
	opacity:1;
}


nav ul li{
	display:inline-table;
	line-height:50px;
	margin:0px 5px;
	
}

nav ul:hover li a{
	opacity:0.7;
	transition: .2s ease-out all;

}

nav ul li a{
	color:#fff !important;
	text-decoration:none !important;
	height:50px;
	padding:0px 10px;
	display:block;
}

nav ul li a:hover{
	opacity: 1;
	transition:.2s ease-out all;	
}

.dvMainTitle {
	width: 100%;
	text-align:center;
}

.dvMainTitle > h1{
	display:inline-table;
	width:100%;
	max-width:1200px;
	font-size: 1.75em;
	text-align:left;
	font-weight:normal;
	color: var(--PrimaryColor);
	margin:20px 0px;
}

.dvExtTitle > h2{
	font-size: 2em !important;
    color: var(--PrimaryColor);
    font-weight: normal;
    margin: 0px;
}

.dvContent{
	width:100%;
	max-width:1200px; 
	background-color:#FFF; 
	display:inline-table;	
	padding: 30px 20px;
	margin-bottom:20px;
	border-radius:8px; 
	border: 1px solid #bbb;
	box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
}

/* Estilos para motores Webkit y blink (Chrome, Safari, Opera... )*/

    html::-webkit-scrollbar,
    select::-webkit-scrollbar,
    textarea::-webkit-scrollbar,
    nav::-webkit-scrollbar {
        -webkit-appearance: none !important;
        width: 6px;
    }

        html::-webkit-scrollbar:vertical,
        select::-webkit-scrollbar:vertical,
        textarea::-webkit-scrollbar:vertical,
        nav::-webkit-scrollbar:vertical {
            width: 5px !important;
        }

        

    nav::-webkit-scrollbar-button:increment, 
    .contenedor::-webkit-scrollbar-button {
        display: none !important;
    }

    html::-webkit-scrollbar:horizontal,
    select::-webkit-scrollbar:horizontal,
    textarea::-webkit-scrollbar:horizontal,
    nav::-webkit-scrollbar:horizontal {
        height: 10px !important;
    }

    html::-webkit-scrollbar-thumb,
    select::-webkit-scrollbar-thumb,
    textarea::-webkit-scrollbar-thumb,
    nav::-webkit-scrollbar-thumb {
        background-color: #c9cacb !important;
        border-radius: 20px !important;
        background-clip: content-box;
    }

    html::-webkit-scrollbar-track,
    select::-webkit-scrollbar-track,
    textarea::-webkit-scrollbar-track,
    nav::-webkit-scrollbar-track {
        border-radius: 10px !important;
    }
	
	.dvLogin{
		width:100%;	
		text-align:center;
		position:relative;
	}
	
	.dvLogin > span{
		position:absolute;
		top:20px;
		right:20px;
		font-size:1.2em;
		color:var(--PrimaryColor);
	}
	
	
		.dvLogin > div{
			display:inline-table;
			background:#fff !important;	
			height:auto;
			width:420px;
			min-height:50px;
			padding: 20px;
			margin-bottom:20px;
			border-radius:8px; 
			border: 1px solid #bbb;
			box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
			margin-top:70px;
	
		}