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

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

*/

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

body {
	margin: 0;
	padding: 0;
	}

p {
	margin: 0;
	padding: 0;
}

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

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

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

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

.button2, .submit2, button {
	border: 0;
	color: #fff;
	font-size: 11px;
	padding: 1px 5px 1px 5px;
	margin: 0 10px 0 0;
}

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

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

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

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

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

/****************************************/
/*************** 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;
  }

.sideblock .header .hide-show img.hide-show-image {
	background: url('pix/t/switch_minus.gif') no-repeat bottom;
}

.sideblock.hidden .header .hide-show img.hide-show-image {
	background: url('pix/t/switch_plus.gif') no-repeat bottom;
} 

.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;
}

#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;
}

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


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

/* Barra 2 */

.tabrow1 span {
	color: #444;
}

.tabrow1 a {
}

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

div#content {
	background: #fff;
	padding: 10px 20px 20px 20px;
	_padding: 0 20px 20px 20px;
	_margin: -5px 0 0 0;
	color: #000;
}

legend {
	background: #ddd;
	color: #666;
	padding: 5px 20px;
	font-size: 80%;
} 

legend {
  color: #fff;
  padding: 5px 20px;
  font-size: 80%;
}

#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;
}

.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 {
	background-image: none;            
	background: none;
	background-color: #fff;
}

body.message #content {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
}

/* 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 {
	display: none;			 
}

/* 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;
}

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