/*
 _____   _       _____   _____       ___   _      
/  ___| | |     /  _  \ |  _  \     /   | | |     
| |     | |     | | | | | |_| |    / /| | | |     
| |  _  | |     | | | | |  _  {   / / | | | |     
| |_| | | |___  | |_| | | |_| |  / /  | | | |___  
\_____/ |_____| \_____/ |_____/ /_/   |_| |_____| 

Arreglos comunes a todos los moodles.
Versión 1.6.

*/

/****************************************/
/*************** General ****************/
/****************************************/

body, script, p {
	margin: 0;
	padding: 0;
	}

.limpiar {
	clear: both;
	line-height: 1px;
}

#page {
    margin: 0 auto;
	/* NOTA: El background no puede ser FFF siempre, ya que si hay
	esquinas redondeadas se mete el color dentro */
}

/****************************************/
/******* Elementos de formulario  *******/
/****************************************/

/* Nota, esto sin la función changeClasses no tiene sentido */

.text2, .password2, select {
	font-size: 11px;
	margin: 0 5px 0 0;
	background-color: #f4f4f4; 
	border: #ccc 1px solid;
}

.button2, .submit2, button {
	border: 0;
	font-size: 11px;
	padding: 1px 5px 1px 5px;
	_padding: 0;
	margin: 0 10px 0 0;
	/* el borde lo aplico en la otra hoja de estilo */
}

/* En algunos casos el input button en IE es muy estrecho */

button, .coursesearchbox input {
	_padding: 0 5px 0 5px;
}

/***************************************/
/*************** Banda 1 ***************/
/***************************************/

/****************************************/
/************* Cabecera *****************/
/****************************************/

/****************************************/
/**** Cabeceras de cajas y navegador ****/
/****************************************/

div.navbar {
	border: 0;
	vertical-align: middle;
}

div.navbar img {
	vertical-align: middle;
}

div.navbar ul {
	margin: 0 0 0 10px;
}

div.navbar li {
	margin: 0 5px 0 0;
}

div.navbar select, div.navbar form, div.navbar label {
	margin: 0;
	padding: 0;
}

/****************************************/
/*************** Columna ****************/
/****************************************/

h2.headingblock {
	margin: 0;
}

div.header h2 {
	padding: 5px 0 0 0;
	min-height:15px; /* Esto arregla el problema de la barra de título cuando el cliente no pone nada */
	height:auto !important;
	height:15px;
}

div.header input {
	padding: 4px 0 0 0;
}

#right-column {
	padding: 2px 0 0 15px;
	background: #fff;
}

#left-column {
	padding: 2px 15px 0 0; 
	margin: 0;
	background: #fff;
}

#right-column, #left-column {
	_padding-top: 17px;
}

#right-column span, #left-column span { /* Elimina el espacio abusivo entre cajas de columna en ie6 */
	line-height: 1px;
}

#right-column span.arrow, #left-column span.arrow { /* Por el calendario */
	line-height: 10px;
}

#left-column div.content, #right-column div.content {
	background: #fff;
	padding: 10px;
}

.calendar-controls .current{
	background: #fff; /* Siempre fff */
}

.calendar-controls .previous a:hover, .calendar-controls .next a:hover {
	background: #fff;
}

.list li { /* Un poco de separación entre los elementos de la columna */
	line-height: 20px;
}

.admintree a:hover { /* Queda feo que se subrayen los iconos del menú de admin */
	text-decoration: none;
}

.admintree img {
	vertical-align: middle;
	margin: 0 5px 0 0;
}

.admintree div {
	margin: 5px 0 0 0;
}

.admintree .link {
	margin: 0 0 0 3px;
}

#calendar .today,
	.minicalendar .today { /* Fuera el borde del día actual del calendario */
	border: 0;
}

/* Si la cabecera de la tabla, caja, etc... es de color, los links y el texto será blanco */

th.header, td.header, h1.header, h2.header, h3.header, div.header {
	color: #fff;
	margin: 0;
}

th.header a, td.header a, h1.header a, h2.header a, h3.header a, div.header a {
	color: #fff;
	margin: 0;
}

/* En una tabla, si el td es gris claro, el link no puede ser blanco */

.odd th.header a, .odd td.header a, .odd h1.header a, .odd h2.header a, .odd h3.header a, .odd div.header a {
	color: #000;
}

/* Bajo un poco el texto de "buscar en los foros" */

.block_search_forums input, .block_search_forums button {
	margin-bottom: 10px;
}

/* Si el login y password sale en la columna, los campos son demasiado anchos */

.loginform #login_username, .loginform #login_password {
	width: 50px;
}

/****************************************/
/********** Contenido central ***********/
/****************************************/

.tabrow0 { /* Arregla las pestañas en IE */
	margin: 5px 0 0 0;
}

/* Barra 2 */

.tabtree {
	padding: 0 0 30px 0;
}

.tabrow1 span {
	color: #666;
}

.tabrow1 a {
}

.tabrow1 a:hover {
	text-decoration: none;
}

div#content {
	background: #fff;
	color: #000;
	padding: 18px 20px 20px 20px;
	_padding: 5px 20px 20px 20px;
}

legend {
	padding: 5px 20px;
	font-size: 90%;
} 

#middle-column .info {
	width: auto;
}

#middle-column .coursebox .name {
	font-weight: bold;
	margin: 0 0 10px 0;
}

#middle-column .coursebox .summary {
	text-align: left;
	float: left;
	margin: 0;
	padding: 5px 0 10px 0;
	width: 100%;
	text-indent: 5px;
}

 #middle-column .category.image, #middle-column .category.name {
	padding: 20px 0 0 0;
}

.box { /* Algunas cajas salen alineadas a la izquierda */
	margin: 0 0 20px 0; 
}

.loginbox, .searchbox {
	margin: 0 auto 0 auto;
}

/* Para que en la mensajería interna, se vea el avatar completo*/
/* y los fondos de color blanco */

body#message-user, body#message-send, body#message-index, body#course-info {
	background-image: none;            
	background: none;
	background-color: #fff;
}

body.message #content, #course-info #content {
	position: absolute;
	top: 0;
	margin: 0 auto;
	padding: 0;
	width: 95%;
}

/* En los popup no queda bien el pie general de la web */
/* Ojo, que puede no llamarse BANDA2 o PIE */

body#message-index #banda2, body#message-index #pie,
body#course-info #banda2, body#course-info #pie, body#course-info #footer
{
	display: none;			 
}

table.userinfobox {
	margin-bottom: 15px;
}

/* Chat */

body#mod-chat-gui_header_js-chatinput #banda1 {
	display: none;
}

body#mod-chat-gui_header_js-chatinput #page {
	margin: 0 auto; /* Elimino los márgenes generales */
}

body#mod-chat-gui_header_js-chatinput, body#mod-chat-gui_header_js-users {
	background-image: none;            
	background: none;
	background-color: #fff;
}

body#mod-chat-gui_header_js-chatinput input {
	_margin: 7px 0 0 0;
}

body#mod-chat-gui_header_js-users #page {
	position: absolute;
	top: 0;
	margin: 0;
	_padding: 15px 0 0 0;
}

/* Ajusto los márgenes en el login */

div.loginbox {
	margin: 20px auto 10px auto;
	_margin: 35px auto 15px auto;
}

/* En explorer se corta la página por tener margin-left y right al 10% */

table.userinfobox {
	width: 80%;
	margin: 0 auto 20px auto;
}

/* Separación lista de participantes */

.initialbar.firstinitial {
	padding: 20px 0 0 0;
}

.initialbar.lastinitial {
	padding: 0 0 20px 0;
}

/* Bajo el mensaje de suscripción para IE */

.subscription {
	_margin: 20px 0 0 0;
}

#middle-column div.jumpmenu {
	margin: 20px 0 0 0;
}

/****************************************/
/********** Banda 2 y/o Pie *************/
/****************************************/

/* Fuera el pie común en los popup */

#message-index #footer {
	display: none;
}

/* Pie general */

#footer {
	text-align: center;
	margin: 0 auto;
	padding: 5px 0 0 0;
}

#footer .logininfo, #banda2 .logininfo {
	text-align: center;
	float: center;
	padding: 2px 0 0 0;
}

#footer .helplink, #banda2 .helplink {
	text-align: right;
	float: right;
	padding: 0 10px 0 0;
}

#footer .helplink a, #banda2 .helplink a {
	text-decoration: none;
}

#footer a.partner, #footer a:hover.partner, #banda2 a.partner, #banda2 a:hover.partner {
	font-weight: normal;
}

#footer a, #banda2 a {
	font-weight: bold;
}

/* Un poco de espacio por abajo, solo en el diseño avanzado */
/* que es el que lleva banda2 */

#banda2 {
	height: 45px;
}