/*
Menu related selectors
*/
.jsdomenudiv {
	background-color: #FFFff8;
	background-image: url(office_xp_menu_left.png);
	background-repeat: repeat-y;
	border: 1px solid #636563;
	cursor: default;
	text-align:left;
	padding-bottom: 1px;
	padding-top: 1px;
	position: absolute; /* Do not alter this line! */
	visibility: hidden;
	margin-left:1px;
	margin-top:-1px;
	//margin-top:-3px;
	z-index: 10;
}
/*aqui se configuran los menus desplegables*/
.jsdomenuitem {
	border: none;
	color: #000000;
	font-family:Verdana, Tahoma, Helvetica, sans, Arial, sans-serif;
	font-size: 11px;
	padding-bottom: 3px;
	padding-left: 30px;
	padding-right: 15px;
	padding-top: 3px;
	position: relative; /* Do not alter this line! */
}

.jsdomenuitemover {
	background-color: #C1D2EE;
	border: 1px solid #08246B;
	color: #000000;
	font-family:Verdana, Tahoma, Helvetica, sans, Arial, sans-serif;
	font-size: 11px;
	margin-left: 1px;
	margin-right: 1px;
	padding-bottom: 2px;
	padding-left: 28px;
	padding-right: 15px;
	padding-top: 2px;
	position: relative; /* Do not alter this line! */
}

.jsdomenuarrow {
	background-image: url(office_xp_arrow.gif);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 7px;
	position: absolute; /* Do not alter this line! */
	right: 8px;
	width: 4px;
}

.jsdomenuarrowover {
	background-image: url(office_xp_arrow.gif);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 7px;
	position: absolute; /* Do not alter this line! */
	right: 8px;
	width: 4px;
}

.jsdomenusep {
	padding-left: 28px;
}

.jsdomenusep hr {
}

/*
Menu bar related selectors
*/
.jsdomenubardiv {
 	background-color: #ECE9D8;
	background-image: url(office_xp_divider.png);
	background-position: left;
	background-repeat: no-repeat;
        border:0px solid;
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	cursor: default;
    padding-bottom: 0px;
	//padding-bottom: 3px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	//padding-top: 3px;
	position: absolute; /* Do not alter this line! */
	visibility: visible;

}

.jsdomenubardragdiv {
	cursor: move;
	display: inline;
	font-family:Verdana, Tahoma, Helvetica, sans, Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 2px;
	padding-left:5px;
	padding-right: 1px;
	padding-top: 2px;
	position: relative; /* Do not alter this line! */
	visibility: hidden;
	width: 9px;
}

.jsdomenubaritem {
 background-image: url(../imagenes/bgtls.gif) bottom left repeat-x;
	border: none;
	color: blue;
    display: inline;
	font-family:Verdana, Tahoma, Helvetica, sans, Arial, sans-serif;
	font-size: 12px;
   padding-bottom: 0px;
	padding-left: 24px;
	padding-right: 15px;
	padding-top: 2px;
	position: relative; /* Do not alter this line! */
}

.jsdomenubaritemover {
	background-color: #C1D2EE;
	border: 1px solid #316AC5;
	color: #000000;
	display: inline;
	font-family:Verdana, Tahoma, Helvetica, sans, Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 2px;
	padding-left: 23px;
	padding-right: 14px;
	padding-top: 2px;
	position: relative; /* Do not alter this line! */
}

.jsdomenubaritemclick {
	background-color: #FFFFF7;
	border-top: 1px solid #636563;
	border-left: 1px solid #636563;
	border-right: 1px solid #636563;
	border-bottom: 1px solid #F7f3f7;
	color: #000000;
	display: outline;
	font-family:Verdana, Tahoma, Helvetica, sans, Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 3px;
	padding-left: 23px;
	padding-right: 14px;
	padding-top: 2px;
	position: relative; /* Do not alter this line! */
	z-index:5000;
}

/*
Example of selectors for icons. Change the height and width to match the actual 
height and width of the icon image.
*/
.icon1 {
	background-image: url(../imagenes/icon1.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.icon2 {
	background-image: url(../imagenes/icon2.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}
.icon3 {
	background-image: url(../imagenes/icon3.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}
.usuario {
	background-image: url(../imagenes/user2.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}
.save_icon {
	background-image: url(../imagenes/b_save.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}
.docentes_icon {
	background-image: url(user.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}
.config_icon {
	background-image: url(config.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}
.security_icon {
	background-image: url(user_key.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}
.web_icon {
	background-image: url(home.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}
.estudi_icon {
	background-image: url(b_usrlist.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 18px;
	left: 2px;
	position: absolute; /* Do not alter this line! */
	width: 18px;
}
.sesion_icon {
	background-image: url(session.gif);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}
.notas_icon {
	background-image: url(mainmenu.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}
.rep_icon {
	background-image: url(informes.gif);
	background-repeat: no-repeat; /* Do not alter this line! */
    height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.print_icon {
	background-image: url(../imagenes/printv.gif);
	background-repeat: no-repeat; /* Do not alter this line! */
    height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}
.help_icon {
	background-image: url(help.gif);
	background-repeat: no-repeat; /* Do not alter this line! */
    height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}
.calendar_icon {
	background-image: url(calendar.gif);
	background-repeat: no-repeat; /* Do not alter this line! */
    height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}
.books_icon {
	background-image: url(books_016.gif);
	background-repeat: no-repeat; /* Do not alter this line! */
    height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}
.calc_icon {
	background-image: url(calcultor.gif);
	background-repeat: no-repeat; /* Do not alter this line! */
    height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}
.clip_icon {
	background-image: url(clip.gif);
	background-repeat: no-repeat; /* Do not alter this line! */
    height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}
.comment_icon {
	background-image: url(comment.gif);
	background-repeat: no-repeat; /* Do not alter this line! */
    height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}
.doc_icon {
	background-image: url(document.gif);
	background-repeat: no-repeat; /* Do not alter this line! */
    height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}
.file_icon {
	background-image: url(file.gif);
	background-repeat: no-repeat; /* Do not alter this line! */
    height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}
.money_icon {
	background-image: url(money.gif);
	background-repeat: no-repeat; /* Do not alter this line! */
    height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}
.page_white_icon {
	background-image: url(page_white_wrench.gif);
	background-repeat: no-repeat; /* Do not alter this line! */
    height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}
.s_process_icon {
	background-image: url(s_process.gif);
	background-repeat: no-repeat; /* Do not alter this line! */
    height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}
.system_man_icon {
	background-image: url(system_man.gif);
	background-repeat: no-repeat; /* Do not alter this line! */
    height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}
.todo_icon {
	background-image: url(todo.gif);
	background-repeat: no-repeat; /* Do not alter this line! */
    height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}
.busca_usu_icon {
	background-image: url(../imagenes/user_search.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 5px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}
.lista_usu_icon {
	background-image: url(../imagenes/users2.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 18px;
	left: 2px;
	position: absolute; /* Do not alter this line! */
	width: 20px;
}
.nuevo_usu_icon {
	background-image: url(../imagenes/user_new.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}
.cambia_usu_icon {
	background-image: url(../imagenes/user_key.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}
.borra_usu_icon {
	background-image: url(../imagenes/user_drop.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

table#toolbar {
	margin-right: 10px;
	font-family:Tahoma, Helvetica, sans, Arial, sans-serif;
	font-size: 11px;
}

table#toolbar a.toolbar {
	color : #808080;
	text-decoration : none;
	display: block;
	border: 1px solid #DDD;
	width: 55px;
	padding: 2px 1px 2px 1px;
}
table#toolbar a.toolbar:hover {
	color : #316AC5;
	border: 1px solid #316AC5;
	background-color: #C1D2EE;
	padding: 3px 0px 1px 2px;
}
table#toolbar a.toolbar:active {
	color : #FF9900;
}
.menudottedline {
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #ffffff;
	background-color: #ECE9D8;
}
.classsubmenu{
	col r:#ff9900;
}



ol {
	//width: 750px;
	//width: 630px;
	list-style: none; /*Eliminamos el estilo de lista*/
	padding: 0; /*Evita la indentacin que aparece en algunos navegadores*/
	margin: 0;
	display: inline; /*Nos permite integrar con los elementos li y evitar problemas -*/
	float: left;	  /*en algunos navegadores*/
	border-bottom: 1px Solid ffffff;
	font-size: 11px;
}

ol li {
 display: block;
 
	float: left; /*Flota los elementos de la lista*/
	text-align: center;
    margin-top:2px;
    margin-right: 2px;
	position: relative; /*Hacemos el ajuste de 1 pixel para simular la integracin -*/
	top: 1px;           /*con la capa de contenido*/
}

ol li a {
	/*Fijamos el ancho para que el enlace sea toda la pestaa y no solo el texto*/
	display: block;
	//background: #3B9CCC;
	background:  #C0C0C0;
	border-left: 1px Solid #000;
	border-right: 1px Solid #000;
	border-top: 1px Solid #000;
	text-decoration: none;
	padding:2 10 2 10;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:10px;
	padding-right:10px;
}

ol li a:link, ol li a:visited, ol li a:active {
    font-family:Tahoma;
	color: #000;
}

ol li a:hover {
	color: blue;
	background:  #dddddd;
}

/*Clase especial que resaltar dependiendo de la seccin*/
a.actual {
//width: 100px;
padding:2 10 2 10;
	display: block;
	//background: #77BADB;
	background:  #EEE9E9;	
	border-top: 1px Solid #000;
	//border-bottom: 1px Solid ##BADB77;
	text-decoration: none;
	color:#000000;
}

a.actual:link, a.actual:visited, a.actual:active {
	color: #000;
}

a.actual:hover {
	color: #000;
}

