@charset "utf-8";
/* CSS Document */

/* ICONOS DE FUENTE*/

i {
	font-size:20px;
	color: #16669d;
	margin-right:2px;
	margin-left:2px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	}

i:hover {
	font-size:20px;
	color:#022741;
	cursor:pointer;
	margin-right:2px;
	margin-left:2px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	}


/*LISTADOS*/
#icono-listado {
	font-size:22px;
	color: #16669d;
	margin-right:2px;
	margin-left:2px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	}

#icono-listado:hover {
	font-size:22px;
	color:#022741;
	margin-right:2px;
	margin-left:2px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	}

#icono-listado_suave {
	font-size:22px;
	color: #CCCCCC;
	margin-right:2px;
	margin-left:2px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	}
	
#icono-listado_suave:hover {
	font-size:22px;
	color:#ffffff;
	margin-right:2px;
	margin-left:2px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	}



#icono-listado_alerta {
	font-size:22px;
	color: #ffc600;
	margin-right:2px;
	margin-left:2px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	}

#icono-listado_alerta:hover {
	font-size:22px;
	color:#ffffff;
	margin-right:2px;
	margin-left:2px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	}
	
	
#icono-listado_rojo {
	font-size:22px;
	color: #ff0000;
	margin-right:2px;
	margin-left:2px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	}

#icono-listado_rojo:hover {
	font-size:22px;
	color:#ffffff;
	margin-right:2px;
	margin-left:2px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	}	
	

#icono-listado_verde {
	font-size:22px;
	color: #088A08;
	margin-right:2px;
	margin-left:2px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	}

#icono-listado_verde:hover {
	font-size:22px;
	color:#ffffff;
	margin-right:2px;
	margin-left:2px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	}
	
#icono-listado_naranjo {
	font-size:22px;
	color: #FAAC58;
	margin-right:2px;
	margin-left:2px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	}

#icono-listado_naranjo:hover {
	font-size:22px;
	color:#ffffff;
	margin-right:2px;
	margin-left:2px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	}

		
/*FORMULARIOS*/
#icono-formulario {
	font-size:20px;
	color: #32719a;
	margin-right:2px;
	margin-left:2px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	}
	
#icono-formulario-accion {
	font-size:16px;
	color: #000;
	margin-right:2px;
	margin-left:2px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	}


/*ARCHIVOS*/
#icono-archivo {
	font-size:16px;
	color: #000;
	margin-right:2px;
	margin-left:2px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	}
	
#icono-archivo-accion {
	font-size:16px;
	color: #090;
	margin-right:2px;
	margin-left:2px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	}	
	
	

/*TABS*/

#icono-tab {
	text-decoration: none;
	color: #000;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
}


/*ORDEN EN LISTADO*/
#icono-orden {
	float: left;
	margin-left:0px;
	text-decoration: none;
	color: #000;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
}


/*HOME*/
#icono-menu {
	font-size:26px;
	color: #002f62;
	margin-right:2px;
	margin-left:2px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	}
	
#icono-menu:hover {
	font-size:26px;
	color:#002f62;
	cursor:pointer;
	margin-right:2px;
	margin-left:2px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	}
	
#icono-usuario {
	font-size:26px;
	color: #fff;
	margin-right:2px;
	margin-left:2px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	}
	
#icono-usuario:hover {
	font-size:26px;
	color:#fff;
	cursor:pointer;
	margin-right:2px;
	margin-left:2px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	}
	
/*ICONO TITULO*/
#icono-titulo {
	font-size:32px;
	color: #008ee2;
	margin-right:5px;
	margin-left:0px;
	cursor:default;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	}	
	
/*SUB MENU*/
#icono-submenu {
	font-size:50px;
	color:#008ddd;
	cursor:default;
	margin-right:2px;
	margin-left:2px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
}
	

/* ESTILO PARA ESTADOS DE UN CURSO (CAPACITACION) */
#icono-curso-estado-configuracion {
	font-size:28px;
	color:#373737;
	margin-right:2px;
	margin-left:2px;
	cursor:default;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
}
	
#icono-curso-estado-publicado {
	font-size:28px;
	color:#05A529
	margin-right:2px;
	margin-left:2px;
	cursor:default;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
}
	
#icono-curso-estado-mantencion {
	font-size:28px;
	color:#ffb400;
	margin-right:2px;
	margin-left:2px;
	cursor:default;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
}
	
#icono-curso-estado-finalizado {
	font-size:28px;
	/*color:#008ddd;*/
	color:#920000;
	margin-right:2px;
	margin-left:2px;
	cursor:default;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
}

/* ESTILO PARA BOTONERA ICONOS EN NOMBRE DE UN CURSO (CAPACITACION) */
#icono-curso-nombre-normal {
	font-size:20px;
	color: #003656;
	margin-right:2px;
	margin-left:2px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
}

#icono-curso-nombre-normal:hover
{
	font-size:20px;
	color: #003656;
	cursor:pointer;
	margin-right:2px;
	margin-left:2px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
}


#icono-curso-nombre-normal-activo {
	font-size:20px;
	color: #ffffff;
	margin-right:2px;
	margin-left:2px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
}

#icono-curso-nombre-normal-activo:hover
{
	font-size:20px;
	color: #ffffff;
	cursor:pointer;
	margin-right:2px;
	margin-left:2px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
}
	
/*CALENDARIO*/

#icono-calendario {
	font-size:33px;
	color: #002f62;
	margin-right:2px;
	margin-left:2px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	}
	
#icono-calendario:hover {
	font-size:33px;
	color:#ff0000;
	cursor:pointer;
	margin-right:2px;
	margin-left:2px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	}

#icono-cabecera-columna-listado {
	font-size:33px;
	color: #002f62;
	margin-right:2px;
	margin-left:2px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	}	
	
	
	
#icono-mini {
	font-size:15px;
	color: #002f62;
	margin-right:2px;
	margin-left:2px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	}
	
#icono-mini:hover {
	font-size:15px;
	color: #002f62;
	/*color:#ff0000;*/
	cursor:default;
	margin-right:2px;
	margin-left:2px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	}


#icono-mini-accion {
	font-size:15px;
	color: #002f62;
	margin-right:2px;
	margin-left:2px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	}
	
#icono-mini-accion:hover {
	font-size:15px;
	color:#ff0000;
	cursor:pointer;
	margin-right:2px;
	margin-left:2px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	}