/* COMIENZA: estilos generales del sistema */
* {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
}
body {
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
	padding:0px;
}
img {
	border: 0px;
}
input, select {
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
}
#popupMask {
	position: absolute;
	z-index: 500;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 2000px;
	opacity: .4;
	filter: alpha(opacity=40);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #333333;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image:none;
	background-repeat: repeat;
	display:none;
}
/* TERMINA: estilos generales del sistema */

/* COMIENZA: estilos para la interfaz generada por la clase interfaz */
#wrapper {

}
#header {
	/*background-image:url(../img/imgfondo.jpg);*/
	/*background-image:url(../img/educ_fondo.jpg);*/
	background-repeat:repeat-x;
	margin: 0px;
	padding:0px;
	border: 0px;
}
#header2 {
	/*background-image:url(../img/educ_fondo2.jpg);*/
	background-repeat:repeat-x;
	margin: 0px;
	padding:0px;
	border: 0px;
}
#header table, #header2 table {
	width:100%;
	margin: 0px;
	padding:0px;
	border: 0px;
	border-spacing:0px;
}
#hecell {
	text-align:left;
}
#hecell2 {
	text-align:right;
}
#infousu {
	width: 100%;
	text-align: right;
}
#infousu a, #infousu a:visited {
	text-decoration:none;
	color:#003366;
}
#titulopag {
	width: 100%;
	text-align: left;
	margin-left: 10px;
	font: bold 18px Tahoma, Arial, Helvetica, sans-serif;
	color: #014F7F;
}
#navegacion {
	width: 100%;
	text-align: left;
	margin-left: 10px;
	font: bold 10px Tahoma, Arial, Helvetica, sans-serif;
	/*color: #014F7F;*/
}
#navegacion a{
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #014F7F;
}
#container {
	width: 100%;
	float: right;
	margin-left: 0px;
}
#content {
	/*background: #ffffff;*/
}
#content a, #content a:visited {
	color: #002B80;
	text-decoration:none;
}
#content a:hover {
	color: #801500;
	text-decoration: underline overline;
}
#footer {
	/*background: #ffffff;*/
}
.clearing {
	height: 0;
	clear: both;
}
table {
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	border:0px;
	padding:0px;
	margin:0px;
	empty-cells:show;
}
/* TERMINA: estilos para la interfaz generada por la clase interfaz */

/* COMIENZA: estilos para los enlaces con look de boton */
a.aboton, a.aboton:visited, a.aboton2, a.aboton2:visited {
	color:#26a;
	display:block;
	float:left;
	border:1px solid;
	border-color:#aaa #000 #000 #aaa;
	text-decoration:none;
	width:25px;
	text-align:center;
	height:2em;
	line-height:2em;
	background:#e0e0e0;
}
a.aboton2, a.aboton2:visited {
	width:100px;
}
a.aboton:hover, a.aboton2:hover {
	color:#000;
	background:#f0f0f0;
	position:relative;
	top:1px;
	left:1px;
	text-decoration:none;
	border-color:#000 #aaa #aaa #000;
}
a.aboton img, a.aboton2 img {
	padding-top:2px;
}
/* TERMINA: estilos para los enlaces con look de boton */

/* COMIENZO: estilos para las tablas de listados */
table.panku_tbl {
	border-collapse: collapse;
	border-spacing:0px;
	empty-cells:show;
}
table.panku_tbl th {
	/*background-color: #a0c0e0;*/
	background-color: #85D7E5;
	/*background-color: #006999;*/
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	height: 2em;
}
table.panku_tbl tr{
	background-color: #EAFDFF;
}

table.panku_tbl tr.selec{
	background-color: #FFFEE5;
}

table.panku_tbl tr.odd{
	background-color: transparent;
	/*background-color: #FFFFFF;*/
}

table.panku_tbl tr.selecodd{
	background-color: #FFFEE5;
}
table.panku_tbl td {
	border: 1px dotted #CCCCCC;
}


table.panku_tbl td{
	padding: 0.5em;
}

table.panku_tbl tr.estrategico{
	background-color: #FBFBEF;
}
table.panku_tbl tr.tecnico{
	background-color: #EFFBF5;
}
table.panku_tbl tr.comercial{
	background-color: #EFEFFB;
}

table.panku_tbl td.tdestrategico{
	background-color: #FBFBEF;
}
table.panku_tbl td.tdtecnico{
	background-color: #EFFBF5;
}
table.panku_tbl td.tdcomercial{
	background-color: #EFEFFB;
}
/* TERMINA: estilos para las tablas de listados */

/* COMIENZO: estilos para las tablas de formularios */
table.panku_form {
	/*border-collapse: collapse;*/
	border-spacing:0px;
	empty-cells:show;
	border: 1px solid #CCCCCC;
}
table.panku_form th{
	background-color: #a0c0e0;
	/*border-top: 1px solid black;*/
	border-bottom: 1px solid #CCCCCC;
	height: 2em;
}
table.panku_form tr{
	background-color: #F2F2F2;
}
table.panku_form tr.odd{
	background-color: #FFFFFF;
}
table.panku_form td {
	border-bottom: 1px solid #CCCCCC;
}
table.panku_form tr.last td {
	border-bottom: 0px;
}
table.panku_form td{
	padding: 0.5em;
}
/* TERMINA: estilos para las tablas de formularios */

/* COMIENZO: estilos para el sistema eKnowtech */
.seleccfiltro {
	color: #0000CC
}
.DIVISION_CAPA {
	cursor: auto;
	border-top: 1px solid #C5C5C5;
	height: 1px;
}
/*.titulo_capa {
	COLOR: #ffffff;
}*/

.titulo1 {
	font: 14px Tahoma, Arial, Helvetica, sans-serif;
	color: #000000;
}

.titulo2 {
	font: bold 18px Tahoma, Arial, Helvetica, sans-serif;
	color: #000000;
}
.titulo3 {
	font: bold 14px Tahoma, Arial, Helvetica, sans-serif;
	color: #000000;
}
.sombreado {
	color: #999999;
}
.resaltado {
	color: #ff0000;
}
.resaltado2 {
	color: #0066cc;
}

.resaltado3 {
	color: #009900;
}
.cursopropio {
	color: #ff7f00;
}
.cursocompartido {
	color: #FF00FF;
}
div.msgexito, div.msgerror, div.msgadvertencia {
	text-align:left;
	padding: 2px 4px 2px 6px;
	margin: 5px 2px 5px 2px;
}
div.msgexito {
	border: 1px solid #74DE50;
	background-color:#D9FFD2;
}
div.msgerror {
	border: 1px solid #FF4F4F;
	background-color:#FFD9D9;
}
div.msgadvertencia {
	border: 1px solid #FFC964;
	background-color:#FEE7BA;
}
table.panku_filtro {
	/*border-collapse: collapse;*/
	border-spacing:0px !important;
	empty-cells:show !important;
	width:100% !important;
	text-align: left !important;
}

table.correo_form {
	border-collapse: collapse;
	border-spacing:0px;
	empty-cells:show;
	border: 1px solid #CCCCCC;
}
table.correo_form th{
	background-color: #a0c0e0;
	border-bottom: 1px solid #CCCCCC;
	height: 2em;
}
table.correo_form tr{
	background-color: #F2F2F2;
}
table.correo_form tr.odd{
	background-color: #FFFFFF;
}
table.correo_form td{
	padding: 0.3em;
}

.code {
	font: 11px "Courier New", Courier, monospace;
}

/*links de texto con estilo de boton*/
a.linkletra, a.linkletra:visited {
	color:#26a;
	display:block;
	float:left;
	border:1px solid;
	border-color:#aaa #000 #000 #aaa;
	text-decoration:none;
	/*width:200px;*/
	text-align:center;
	height:2em;
	line-height:2em;
	background:#e0e0e0;
}
a.linkletra:hover {
	color:#000;
	background:#f0f0f0;
	position:relative;
	top:1px;
	left:1px;
	text-decoration:none;
	border-color:#000 #aaa #aaa #000;
}
a.linkletra img {
	padding-top:2px;
}
/**************************************/
/* TERMINA: estilos para el sistema eKnowtech */

.fondotd {
	border-top: 1px solid #C5C5C5;
	border-left: 2px solid #C5C5C5;	
	background:#CCFFFF;
	/*background:#99CC99*/
}

#alert01, #alert02 {
 	background-color: #2382a1;
	/*width: 250px;*/
	margin-top: 20px;
	border: #CCCCCC solid 1px;
	clear: both;
	/*float: left;*/
}

.curved {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	behavior:url(border-radius.htc);
}


.degradado {  
  /* Color alternativo para versiones que no soporten degradados */  
  background-color:#cccccc;  
  
  /* Safari 4+ y Chrome 1+ */  
  background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #EEEEEE), color-stop(1, #C0C0C0));  
  
  /* Safari 5.1+ y Chrome 10+ */  
  background-image:-webkit-linear-gradient(#EEEEEE, #C0C0C0);  
  
  /* Firefox 3.6+ */  
  background-image:-moz-linear-gradient(top, #EEEEEE, #C0C0C0);  
  
  /* Opera 11.10+ */  
  background-image:-o-linear-gradient(top, #EEEEEE, #C0C0C0);  
  
  /* Internet Explorer 5.5+ */  
  filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#EEEEEE', EndColorStr='#C0C0C0');  
}