body{ font:12px Arial, Helvetica, sans-serif; margin:0; padding:0; }
div, table, form, input, ul{ font:1em Arial, Helvetica, sans-serif; }
a{ font:bold 1em Arial, Helvetica, sans-serif; color:#666688; text-decoration:none; } a:hover{ color:#FF9834; }
form{ margin:0px; padding:0px; }
table{ margin:0px; padding:0px; }
ul{ margin:0px; padding:0px; padding-left:1em; list-style:square; } ul li{ margin:0px; padding:0px; }
pre{ text-align:left; }


.body-content{ max-width: 70em; margin: auto; }

.page{ font:1em Arial, Helvetica, sans-serif; text-align:left; }
.page .alumno{ color:#999999; }
.page .title{ color:#999999; font-size:24px; font-weight:bold; padding:3px 0px; }
.page .info{ color:#666666; font-size:14px; padding:5px 0px; font-style:italic; }
.page .bolder{ font-weight:bold; }
.page .commands{ border:1px solid #999999; padding:10px 5px; }
.page .commands a{  margin-left:5px; padding:3px 4px 3px 4px; position:relative;
		font-size:1.2em; font-weight:bold;
		background:#fff; color: #162238	; 
		border:1px solid #6699AA; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; }
.page .commands a:hover{ background:#F0F0F0; }
.page .commands a .icon{ background:url('../img/toolbar.gif') no-repeat; font:10px arial; line-height:10px; padding:2px 7px;  }

.quest{ border:0px solid #999999; width:100%; }
.quest th{ padding:5px; 
	color:#fff; font-weight: bolder; text-align:left; 
	background:#9B845D; /*#4E5F84,#9B845D*/ } 
.quest td{ border:1px solid #999999; }
.quest .materia{ height:140px; width:40px; }
.quest .materia div{ text-align:center; 
		/*-webkit-transform: rotate(-60deg); -moz-transform:rotate(-60deg);  
		writing-mode:tb-rl; filter:flipv fliph;*/  }
.quest .tr-pre{ background:#EAEAEA; }
.quest .td-pre{ text-align:left; padding:5px; }
.quest .td-res{ text-align:center; }
.quest .td-num{ text-align:right; font-size:14px; font-weight:bold; color:#666666; }

.quest .textarea{ display: block; width:95%; background:#EFEFEF; padding:2px; }
.quest .iSelect{ max-width:3em;  }

.tabs { float:left; width:100%; 
		background:#EAEAEA; }
.tabs ul { margin:5px; padding:0px; list-style:none; }
.tabs li { display:inline; margin:0; padding:0; }
.tabs a { float:left; margin:0.1em; padding:0.5em 0.5em; 
		font-size:1em; font-weight:  lighter; text-decoration:none; 
		background:#4E5F84; color: #fff;
		border-radius:  0.5em 0 0.5em 0; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
/* End IE5-Mac hack */
.tabs a:hover,  .tabs a.active { 
		background:#9B845D; color:#fff;  }

.message{ font:1em Arial, Helvetica, sans-serif; padding:5px; }
.message .text{ display:block; margin-bottom:10px; }
.message .command{ text-align:center; }
.message .command a{ font-size:13px; font-weight:bold; background:#E6EFFD; padding:3px 4px 3px 4px;
		border:1px solid #6699AA; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; }
		
.percent{ display: block; height:20px; background:#FFFFFF;
		border:1px solid #6699AA; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; }
.percent .texto{ position: absolute; margin-left:380px; }
.percent .slider{ display: block; background:#E7F1F8; width:100%; height:100%; }
		
/*-> jQuery Tool styles */
.boton{ padding:5px; margin:0px 5px 0px 0px; line-height:26px; 
	font-size:1em; font-weight:bold; color:#000000; 
	background:url('../img/bg-buttons.jpg') -0px -32px; 
	border:1px solid #999999; }
.boton .icon{ color:transparent; background:url('../img/tool16.gif') -2px -2px; padding:1px 7px 3px 7px; }
.boton-small{ padding:2px 3px; margin:0px 5px 0px 0px; line-height:20px; 
	font-size:1em; color:#000000; 
	background:url('../img/bg-buttons.jpg') -0px -32px; 
	border:1px solid #999999; }
.boton-small .icon{ padding:1px 7px 3px 7px; 
	background:url('../img/tool16.gif') -2px -2px; color:transparent; }
.boton-icon{ padding:2px 7px; 
	background:url('../img/tool16.gif') -2px -2px; color:transparent; }
.noready{ color:#000000; border:#FF0000; }
.loading{ 
	background:url('../img/loading.gif') center center no-repeat; }
.loading32{ 
	background:#FFFFFF url('../img/loading32.gif') center center no-repeat; }
.animeX{ position:absolute;  z-index:9999; padding:0px; margin:0px; 
	background:#FFFFFF url('../img/loading32.gif') center center no-repeat; }
		
.log{ background:#FFFFFF; position:absolute; border:1px solid #666666; -moz-border-radius:5px; padding:5px; z-index:9999; }
.log > .content{ float:left; color:#CC6600; padding:0px; height:62px; overflow:auto; padding:0px 5px; margin:0px; border:1px solid #999999; }
.log > .tools{ float:left; }
.log > .tools .close{ color:transparent; display:block; width:16px; height:16px; 
	background:url('../img/tool16.gif') -22px -22px; }
.log > .tools .show{ color:transparent; display:block; width:16px; height:16px; 
	background:url('../img/tool16.gif') -102px -60px; }

.popup{ background:#FFFFFF; position:absolute; border:1px solid #666666; -moz-border-radius:5px; padding:0px; display:block; z-index:1000; }
.popup > .close{ float:right; display:block; width:1em; height:16px; padding-left:5px; margin-top:5px; margin-right:5px; 
	background:url('../img/tool16.gif') -22px -22px; }
.popup > .content{ padding:0px; }
.popup > .content > .title{ font-weight:bold; background:#288c9e; color:#FFFFFF; display:block; padding:5px; }
.popup > .content > .content{ padding:5px; }
.popupb{ background:none; border:none }

.msgbox-bg{ background:#336699; position:absolute; display:block; z-index:1000; width:0px; height:0px; }
.msgbox{ background:#FFFFFF; position:absolute; border:1px solid #666666; -moz-border-radius:5px; padding:5px 3px 5px 5px; display:block; z-index:1001; }
.msgbox > .text{ padding:5px; }
.msgbox > .tool{ text-align:center; }
.msgbox > .tool > .acept{ }
.msgbox > .tool > .close{ }

.altbox{ font:10px Geneva, Arial, Helvetica, sans-serif; position:absolute; display:block; 
	background:#E2E2E2; border:1px solid #999999; -moz-border-radius:5px; padding:2px; z-index:1010;  }
	
.xbground{ background:#000000; position:absolute; z-index:999; }

.avance{ display: block; clear: both;  }

.presenta a{ font-weight:normal; }
.presenta .materias td{ font-size:0.8em; padding-top:5px; }
.presenta .icon{ background:url('../img/toolbar.gif') no-repeat; 
        font:10px arial; line-height:10px; padding:2px 7px; }
.presenta .total td{ border-top:1px solid #666666; }
.presenta .porcent{ text-align:right; color:#666666; text-align:left; width:100px; }
.presenta .porcent .slider{ background:url('../img/percent.png') -0px -1px #99CC00; width:60px; }
.presenta .porcent .slider2{ background:url('../img/percent.png') -0px -21px #99CCCC; width:60px; }
.presenta .porcent .sltext{ font-size:1em; position:absolute; border:1px solid #666666; width:100px; float:left; margin:-1px; text-align:center; }


.acceso{ display: block; max-width:60em; margin: auto; }
.acceso .login{ display: block; max-width:20em; margin: auto; }
.acceso .title{ display: block; width: 100%; 
		font-size: 1.8em; font-weight: bolder; text-align: center; margin: 1em auto ; }
.acceso .login .input{ text-align: center; }