html, body 
{
	margin: 0;
	padding: 0;
	background-color: #fff;/*#F5F5F5*/
	color: #000;
	text-align:center;
	
	}

	
#navlat {

	/*max-width:195px;*/
	float: left;
	/*margin-left: -1px;*/
	height:100%;
	min-height:600px;
	padding-bottom:10px;
	margin-right:7px;
	text-align:left;
	background-color: #ccc;

	
	}
	
#navsup 
{
	padding:5px 5px 5px 5px;
	/*padding: 1px;*/
	clear:left;
	background-color: #F4F4F4;
	text-align:left;
}

	
#content {
	/*padding: 10px;	
	height:100%;
	background-color: #fff;
	text-align:left;
	
	border: solid 1px  green;*/

	/* border: solid 1px #CCCCCC;*/
	/*border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	border-bottom:none;
	border-top:none;*/
	
	}
	
#contentprivatearea {
	
	height:100%;
	background-color: #fff;
	text-align:left;
	border: solid 1px #CCCCCC;
	border-bottom:none;
	border-top:none;
	
	

	}
	
#subcontentprivatearea 
{
	height: 100%; /* para IE 6 */
    height /**/:/**/ auto;
    
    width:inherit;
    min-height: 590px;
	background-color: #fff;
	text-align:left;
	border: solid 1px #ccc;
	border-bottom:none;
	 border-right:none;
	 padding: 10px;	
	 margin-left: 197px;
	 
	}


#header {
	
	/* background: transparent  url('/images/arboles_t.png') repeat-x; */
	height: 96px;
	vertical-align: middle;
	background-color:#6fa601;
	
}
	


#subheader
{
	height: 12px;
	padding:4px;
	font-weight:bold;
	color: #fff;
	background-color:#000;
    font-size:x-small;
    letter-spacing: 2px;
    text-align:left;
    border-bottom: dashed 1px #CCCCCC;

}

#subheader_left
{
	background-color:Green;
}

#subheader_right
{
	background-color:Green;
}

#breadcrumb {
	padding-top: 5px;
	padding-left:5px;
	background: #FFFFFF;
	color: #65738E;
	font-size: 10px;
	font-weight: bold;
	height: 20px;
	font-size:x-small;


}

#footer {
	
	text-align: right;
	padding:5px 5px 5px 5px;

	background-color: #F4F4F4;
	border-top: dashed 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	}
	
	
#userInfo
{
	margin: 0px 0px 0px 0px;
	float:right;
	vertical-align:bottom;
	text-align:right;
}

#userOptions
{
	clear:right;
	margin: 0px 0px 0px 0px;
	padding: 2px;
	color:#99cc33;
	text-align:right;

}
#userOptions a
{
color:#99cc33;
}

  .RadPanelbar_Default .link.Gic
    {
        color:#fff !important;
        background-color:blue !important;
    }

  .RadPanelbar_Default .link.Gic span.text
    {
        color:#fff !important;
        background-color:blue !important;
    }

/* Estilos de la modal */
.modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	justify-content: center;
	align-items: center;
	z-index: 999; /* Asegura que la modal esté en la parte superior */
}

.modal-content {
	background-color: #fefefe;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	max-width: 500px; /* Ancho máximo de la modal */
	width: 100%;
	margin:0 auto;
	margin-top:100px;
	text-align: center; /* Centra el contenido horizontalmente */
}

.close {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 20px;
	cursor: pointer;
	color: #888;
}

	.close:hover {
		color: #555;
	}

/* Estilos para la barra de progreso */
.progress-bar {
	width: 100%;
	background-color: #f1f1f1;
	border-radius: 5px;
	overflow: hidden;
}

.progress-bar-inner {
	height: 40px; /* Altura deseada de la barra de progreso */
	text-align: center;
	line-height: 30px; /* Alinea verticalmente el texto */
	color: #fff;
}

/* Estilo para el contenedor de la barra de progreso */
.w3-light-grey {
	background-color: #f1f1f1;
	border-radius: 5px;
	overflow: hidden;
}

/* Estilo para la porción coloreada de la barra de progreso */
.w3-blue {
	background-color: #2196F3;
}