/* GENERAL */
ul{
   list-style: square inside;
}

ol {
   list-style: inside;
   list-style-type: decimal;
   padding-left: 0.5em;
}

/** A U L A **/
#wrapper #aula-wrapper {
   float: left;
   margin: 0;
   padding: 0;
}

#wrapper #aula-wrapper #secretaria-topnav {
	width: 765px;
}


#wrapper #aula-wrapper #main-container {
   float: left;
   margin: 0;
   padding: 0 0 0 5px;
   width: 765px;
   border-top: 0;
   border-right: 0;
   border-bottom: 0;
}

#wrapper #aula-wrapper #content {
   float: left;
   width: 540px;
   /*border: 1px solid red;*/
}


/*  M a i n   N a v i g a t i  o n  */

#wrapper #aula-wrapper #mainnav {
  float: left;
  margin: 10px 0 0 0;
  border: 0;
  padding: 0;
  clear: both;
  /*overflow: hidden;*/
}

#wrapper #aula-wrapper #mainnav ul {
    float: left;
    width: 752px;
    padding: 0 10px;
	margin: 0;
	border-bottom: 5px solid #FFEB99;
}


#wrapper #aula-wrapper #mainnav li {
    display: block;
    float: left;
	margin: 0;
    padding: 0;
}

#wrapper #aula-wrapper #mainnav li.solapa-no {
}

#wrapper #aula-wrapper #mainnav li a {
    display: block;
	float: left;
	margin: 0 3px;
    padding: 0 3px;
    height: 19px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #ccc;
    font-weight: bold;
}

#wrapper #aula-wrapper #mainnav li.solapa-act a {
	margin: 0 ;
    background-color: #FFEB99;
}

#wrapper #aula-wrapper #mainnav li.solapa-no a:link, 
#wrapper #aula-wrapper #mainnav li.solapa-no a:visited {
    color: #fff;
    text-decoration: none;

}

#wrapper #aula-wrapper #mainnav li.solapa-act a:hover, 
#wrapper #aula-wrapper #mainnav li.solapa-act a:active,
#wrapper #aula-wrapper #mainnav li.solapa-no a:hover, 
#wrapper #aula-wrapper #mainnav li.solapa-no a:active{
    text-decoration: none;
    color: #999;
}

#wrapper #aula-wrapper #mainnav li.solapa-act a:link,
#wrapper #aula-wrapper #mainnav li.solapa-act a:visited {
    text-decoration: none;
    color: #666;
}

/* P A T H   M E N U  */
#path-menu, 
#path-menu * {
   float: left;
}

#path-menu .curso {
   display: block;
   float: left;
   width: 500px;
   margin: 0 3px;
   font-size: 1.2em;
   font-weight: bold;
   line-height: normal;
   color: #999;
}

#path-menu .usuario-container {
   display: block;
   float: left;
   width: 260px;
   margin: 0 3px;
   text-align: right;
   /*font-size: x-small;*/
}
#path-menu .usuario-container .usuario {
   display: block;
   float: right;
   padding-left: 16px;
   background: transparent url(../images/user.gif) center left no-repeat;
   background-attachment: scroll;
   font-size: x-small;
}
	
/* S I D E B A R */


#wrapper #aula-wrapper #sidebar {
   float: left;
   width: 220px;
   margin-left: 5px;
   /*padding: 3px;*/
   /*border: 1px solid #69c;*/
}

#wrapper #aula-wrapper #sidebar a {
   text-decoration: none;
}
#wrapper #aula-wrapper #sidebar a:hover {
   text-decoration: underline;
}

#wrapper #aula-wrapper #sidebar .aula-invisible {
	padding-bottom: 10px;
	font-weight: bold;
	padding-left: 40px;
	background: transparent url(../images/aula_vacia.gif) top left no-repeat;
	color: red;
}

#wrapper #aula-wrapper #sidebar #avisos-container,
#wrapper #aula-wrapper #sidebar #documentos-container,
#wrapper #aula-wrapper #sidebar #links-container,
#wrapper #aula-wrapper #sidebar #profesores-container {
   margin-top: 5px;
   border: 1px solid #69c;
   background-color: #F1F4F5;
}

#wrapper #aula-wrapper #sidebar h3 {
   margin: 0;
   padding: 2px 3px;
   color: #fff;
   background-color: #69c;

}

#aula-wrapper #sidebar ul {
   margin: 0;
   padding: 0;
   list-style: none outside;
   marker-offset: 0;
}

#aula-wrapper #sidebar ul li {
   margin: 0 10px 0 3px;
}
#aula-wrapper #sidebar #documentos-container li {
   padding-left: 16px;
   background: transparent url(../images/post.gif) 0 2px no-repeat;
   /*background-attachment: scroll;*/
}
#aula-wrapper #sidebar #avisos-container li {
   padding-left: 16px;
   background: transparent url(../images/speaker.gif) 0 2px no-repeat;
   /*background-attachment: scroll;*/
}

#aula-wrapper #sidebar #links-container li {
   padding-left: 16px;
   background: transparent url(../images/link.gif) 0 5px no-repeat;
}

#aula-wrapper #sidebar #profesores-container li {
   padding-left: 16px;
   background: transparent url(../images/mail.gif) left center no-repeat;
}
#aula-wrapper #sidebar #avisos-container span.date {
   font-size: x-small;
}

#wrapper #aula-wrapper .ver-mas {
  padding: 2px 2px;
  text-align: right;
}
#wrapper #aula-wrapper .ver-mas a {
  font-size: x-small;
  text-decoration: none;
}




/*==============================================**/
/**  F O R M U L A R I O S    P R O F E S O R   **/
/*==============================================**/

#aula-wrapper h2.header {
   margin: 10px 2px;
   padding-left: 16px;
   color: #999;
}

#aula-wrapper .seccion {
   float: left;
   width: 99.5%;
   border-top: 1px solid #ccf;
   padding: 5px 0;
}

#aula-wrapper div.row {
   float: left;
   width: 99%;
   padding: 2px 0;
   clear: both;
   text-align: left;
   /*border: 1px dashed green;*/
}

#aula-wrapper .cell {
   float: left;
   text-align: left;
   /*border: 1px dotted red;*/
}

#aula-wrapper .cell a {
   text-decoration: none;
   /*color: #69c;	*/
}

#aula-wrapper .cell a:hover {
   text-decoration: underline;
}

#aula-wrapper .cell-help {
   float: left;
   margin-left: 5px;
   text-align: left;
   color: #999;
   /*border: 1px dotted red;*/
}

#aula-wrapper .cell input {
   display: block;
   float: left;
   margin: 0;
   padding: 0;
   border: 1px solid #999;
   background-color: #fff;
   /*background-color: #eec;*/
}

#aula-wrapper .cell label {
   display: block;
   float: left;
   margin: 0.2em 0.5em 0 0;
   padding: 0;
   line-height: 1em;
   text-align: right;
}


#aula-wrapper div.checkbox {
   float: left;
   padding-right: 2em;
   text-align: left;
}

#aula-wrapper .cell div.checkbox input {
   float: left;
   width: auto;
   margin: 0 0.5em;
}

#aula-wrapper .accion 
#aula-wrapper .accion * {
   font-size: x-small;
}

#aula-wrapper .accion a {
   text-decoration: none;
   color: #69c;	
   font-size: 0.9em;
}

#aula-wrapper .accion a:hover {
   text-decoration: underline;
}

#aula-wrapper a.boton-agregar {
   padding-left: 16px;
   background: transparent url(../images/add.gif) 0 2px no-repeat;
   background-attachment: scroll;
}


/** F O R M A T E O    D E   C A M P O S **/

#avisos-wrapper h2.header {
   background: transparent url(../images/speaker.gif) 0 2px no-repeat;
   background-attachment: scroll;
}

#avisos-wrapper input {
   height: 1.6em;
}
#avisos-wrapper .accion {
   text-align: right;
   width: 35.5em;
}
#avisos-wrapper input.inicio { width: 10.5em;}
#avisos-wrapper label.inicio { width: 5em;}
#avisos-wrapper input.fin { width: 10.5em;}
#avisos-wrapper label.fin { width: 5em;}
#avisos-wrapper input.titulo { width: 30em;}
#avisos-wrapper label.titulo { width: 5em;}
#avisos-wrapper input.texto { width: 30em; height: 5em;}
#avisos-wrapper label.texto { width: 5em;}


#avisos-wrapper ul {
   margin: 0;
   padding: 0;
   list-style: none outside;
   marker-offset: 0;
}

#avisos-wrapper ul li {
   margin: 0 10px 15px 10px;
}

#avisos-wrapper #content li {
   padding-left: 16px;
   background: transparent url(../images/speaker.gif) 0 5px no-repeat;
   /*background-attachment: scroll;*/
}

#avisos-wrapper span.fecha {
   font-size: x-small;
}
#avisos-wrapper span.titulo {
   font-variant: small-caps;
   font-weight: bold;
}
#avisos-wrapper span.mensaje {
}


/** F O R M A T E O    D E   C A M P O S **/
#eventos-wrapper h2.header {
   padding-left: 16px;
   background: transparent url(../images/calendar.gif) 0 0 no-repeat;
   background-attachment: scroll;
   color: #999;
}

#eventos-wrapper input {
   height: 1.6em;
}

#eventos-wrapper .accion {
   text-align: right;
   width: 35.5em;
}

#eventos-wrapper input.inicio { width: 10.5em;}
#eventos-wrapper label.inicio { width: 5em;}
#eventos-wrapper input.fin { width: 10.5em;}
#eventos-wrapper label.fin { width: 5em;}
#eventos-wrapper input.titulo { width: 30em;}
#eventos-wrapper label.titulo { width: 5em;}
#eventos-wrapper input.texto { width: 30em; height: 5em;}
#eventos-wrapper label.texto { width: 5em;}

#eventos-wrapper ul {
   margin: 0;
   padding: 0;
   list-style: none outside;
   marker-offset: 0;
}

#eventos-wrapper ul li {
   margin: 0 10px 15px 10px;
}

#eventos-wrapper #content li {
   padding-left: 16px;
   background: transparent url(../images/calendar.gif) 0 0 no-repeat;
   /*background-attachment: scroll;*/
}

#eventos-wrapper span.fecha {
   font-size: x-small;
}
#eventos-wrapper span.titulo {
   font-variant: small-caps;
   font-weight: bold;
}
#avisos-wrapper span.mensaje {
}

/** F O R M A T E O    D E   C A M P O S **/
#links-wrapper h2 {
   background: transparent url(../images/link.gif) 0 2px no-repeat;
   background-attachment: scroll;
}

#links-wrapper input {
   height: 1.6em;
}

#links-wrapper .accion {
   text-align: right;
   width: 38.5em;
}

#links-wrapper input.url { width: 30em;}
#links-wrapper label.url { width: 8em;}
#links-wrapper input.titulo { width: 30em;}
#links-wrapper label.titulo { width: 8em;}

#links-wrapper ul {
   margin: 0;
   padding: 0;
   list-style: none outside;
   marker-offset: 0;
}

#links-wrapper ul li {
   margin: 0 0 10px 10px;
}

#links-wrapper #content li {
   padding-left: 16px;
   background: transparent url(../images/link.gif) 0 2px no-repeat;
   /*background-attachment: scroll;*/
}

#links-wrapper .titulo {
   font-variant: small-caps;
   font-weight: bold;
}

/** F O R M A T E O    D E   C A M P O S **/
#documentos-wrapper h2.header {
   padding-left: 16px;
   background: transparent url(../images/post.gif) top left no-repeat;
   background-attachment: scroll;
   color: #999;
}

#documentos-wrapper input {
   height: 1.6em;
}

#documentos-wrapper .accion {
   text-align: right;
   width: 38.5em;
}

#documentos-wrapper input.nombre { width: 30em;}
#documentos-wrapper label.nombre { width: 8em;}
#documentos-wrapper input.descripcion { width: 30em;}
#documentos-wrapper label.descripcion { width: 8em;}
#documentos-wrapper input.fichero { width: 30em;}
#documentos-wrapper label.fichero { width: 8em;}

#documentos-wrapper ul {
   margin: 0;
   padding: 0;
   list-style: none outside;
   marker-offset: 0;
}

#documentos-wrapper ul li {
   margin: 0 0 10px 10px;
}

#documentos-wrapper #content li {
   padding-left: 16px;
   background: transparent url(../images/post.gif) 0 2px no-repeat;
   /*background-attachment: scroll;*/
}

#documentos-wrapper #content li span.tamanho {
   font-size: x-small;
}
#documentos-wrapper #content li span.titulo a {
   font-variant: small-caps;
   font-weight: bold;
}
#documentos-wrapper span.descripcion {
}

/*====================**/
/**  O P C I O N E S  **/
/*====================**/

/** F O R M A T E O    D E   C A M P O S **/
#opciones-wrapper h2.header {
   padding-left: 16px;
   background: transparent url(../images/post.gif) 0 0 no-repeat;
   background-attachment: scroll;
   color: #999;
}
	
#opciones-wrapper input {
   height: 1.6em;
}

#opciones-wrapper .accion {
   text-align: right;
   width: 450px;
}
#opciones-wrapper fieldset {
   width: 490px;
   margin-left: 20px;
   padding: 5px;
   padding-top: 20px;
}

#opciones-wrapper label.curso-origen { 
	display: block;
	float: left;
	width: 50px; 
	text-align: right;
}
#opciones-wrapper select.curso-origen { 
	display: block;
	float: left;
	width: 400px;
}
#opciones-wrapper div.option-group { 
	display:block;
	float: left;
	width: 400px;
	padding: 10px 0 0 50px;
}
#opciones-wrapper .option-group .option { 
	display:block;
	float: left;
	clear: both;
}
#opciones-wrapper .option-group .option input { 
	border: none;
	margin-right: 5px;
}
#opciones-wrapper div.aula-visible {
	background: transparent url(../images/aula.gif) top left no-repeat;	
}
#opciones-wrapper div.aula-visible p {
	padding-left: 40px;
}
#opciones-wrapper div.aula-invisible {
	background: transparent url(../images/aula_vacia.gif) top left no-repeat;
}
#opciones-wrapper div.aula-invisible p {
	padding-left: 40px;
}

/*========================**/
/**  A Y U D A     T A B  **/
/*========================**/

#ayuda-contenidos,
#ayuda-documentos,
#ayuda-links,
#ayuda-avisos,
#ayuda-eventos {
   display: none;
}

#ayuda-wrapper h2.header {
   background: transparent url(../images/post.gif) top left no-repeat;
   background-attachment: scroll;
}

#ayuda-wrapper h3 a {
  padding-left: 16px;
  line-height: 1.5em;
  background: transparent url(../images/post.gif) top left no-repeat;
  text-decoration: none;
}

#ayuda-wrapper h3 a:hover,
#ayuda-wrapper h3 a:active {
   text-decoration: underline;
}

#ayuda-wrapper .help-step {
   display: block;
   float: left;
   width: 250px;
   height: 155px;
   margin: 5px 0;
   padding: 3px;
}

#ayuda-wrapper #documentos-step-1 {
   padding-left: 210px;
   background: transparent url(../images/documentos_agregar.gif) top left no-repeat;
}
#ayuda-wrapper #documentos-step-2 {
   padding-left: 210px;
   background: transparent url(../images/documentos_formulario.gif) top left no-repeat;
}
#ayuda-wrapper #documentos-step-3 {
   padding-left: 210px;
   background: transparent url(../images/documentos_guardar.gif) top left no-repeat;
}
#ayuda-wrapper #documentos-step-4 {
   padding-left: 210px;
   background: transparent url(../images/documentos_eliminar.gif) top left no-repeat;
}


/*================================**/
/**  C O N T E N I D O   H T M L  **/
/*================================**/

#contenidos-wrapper h2.header {
   background: transparent url(../images/post.gif) 0 0 no-repeat;
   background-attachment: scroll;
}

#contenidos-wrapper input {
   height: 1.6em;
}

#contenidos-wrapper .accion {
   text-align: right;
   width: 35.5em;
}

#contenidos-wrapper input.titulo { width: 30em;}
#contenidos-wrapper label.titulo { width: 5em;}
#contenidos-wrapper input.texto { width: 30em; height: 5em;}
#contenidos-wrapper label.texto { width: 5em;}

/** Para imágenes de TinyMCE editor **/
#contenidos-wrapper img {
	display: inline;
}
#contenidos-wrapper #TOC {
   display: block;
   width: 455px;
   margin: 0 40px;
   border-top: 2px solid #ccc;
   border-bottom: 2px solid #ccc;
   background-color: #F1F5F6;
}
#contenidos-wrapper #TOC h3 {
   border-bottom: 1px solid #ccc;
   padding: 2px 5px;
   margin: 0 0 1em 0;
   /*background-color: #FFEB99;*/
   color: #aaa;
}
#contenidos-wrapper #TOC ul {
   margin-left: 20px;
   padding: 0;
   list-style: none outside;
   marker-offset: 0;
}


#contenidos-wrapper #TOC li {
   margin: 0 0 10px 10px;
   padding-left: 16px;
   background: transparent url(../images/post.gif) 0 2px no-repeat;
   /*background-attachment: scroll;*/
}

#contenidos-wrapper h2.titulo-contenido {
   background-color: #F6F6F6;
   font-size: 1.2em;
   line-height: 1.5em;
   border-bottom: 1px solid #ccc;
}

#contenidos-wrapper .content-html {
   padding: 0 5px;
   margin: 0 5px 0 0;
}

#contenidos-wrapper .content-html h1, 
#contenidos-wrapper .content-html h2, 
#contenidos-wrapper .content-html h3, 
#contenidos-wrapper .content-html h4, 
#contenidos-wrapper .content-html h5, 
#contenidos-wrapper .content-html h6 {
     margin: 1em 0;
     padding: 0;  
     border: 0;
     color: #776;
}

#contenidos-wrapper .content-html h1 {font-size: 1.5em; border-bottom: 1px solid #776}
#contenidos-wrapper .content-html h2 {font-size: 1.2em;} 
#contenidos-wrapper .content-html h3 {font-size: 1.2em; font-weight:bold; font-style: italic;}
#contenidos-wrapper .content-html h4 {font-size: 1em; font-weight:bold;}
#contenidos-wrapper .content-html h5 {font-size: 0.9em; font-style: italic;}
#contenidos-wrapper .content-html h6 {font-size: 0.9em; }



#contenidos-wrapper .content-html ul {
   list-style: square outside;
   padding-left: 1em;
}

contenidos-wrapper .content-html ul li {
   padding-left: 0.5em;
}

#contenidos-wrapper .content-html ol {
   list-style: inside;
   padding-left: 0.5em;
}

#contenidos-wrapper .content-html .hide, 
#contenidos-wrapper .content-html .alt {
    display: none;
}

#contenidos-wrapper .content-html .spacer {
    clear: both;
    background: transparent;
}

#contenidos-wrapper .content-html a:link, 
#contenidos-wrapper .content-html a:visited, 
#contenidos-wrapper .content-html a:hover, 
#contenidos-wrapper .content-html a:active {
    /*text-decoration: none;*/
    font-weight: normal;
    color: #666;
    background-color: transparent;
}

#contenidos-wrapper .content-html a:hover, 
#contenidos-wrapper .content-html a:active {
    /*text-decoration: underline;*/
    color: #666;
}

#contenidos-wrapper .content-html em {
   font-size: 1.12em;
   font-weight: bold;
   font-style: normal;
}

#contenidos-wrapper label.titulo { width: 7em;}
#contenidos-wrapper input.titulo { width: 440px;}
#contenidos-wrapper label.texto { width: 7em;}
#contenidos-wrapper .predecesor { width: 440px;}
#contenidos-wrapper label.predecesor { width: 7em;}
#contenidos-wrapper .contenido { width: 440px;}
#contenidos-wrapper .barra-guardar { margin-left: 6em;}