/* Mensajes en la parte superior. */
div.matrix_mensaje {
	background: #FFFF80;
	color: black;
	border: 1px solid #808000;
	padding: 1px;
	margin: 5px;
	-moz-border-radius: 5px;
	font-size: 15px;
}
div.matrix_mensaje div.msg {
	background: #FFFFB0;
	margin: 3px;
	padding: 5px;
}

div.matrix_mensaje img { 
    vertical-align: middle;
}
div.matrix_mensaje a {
	color: red;
}

/* Quitamos el borde de las imágenes con enlaces */
a img {
    border: none;
}

/* mensaje de error del form */
.error {
	color: red;
}

/* La barra de botones */
div.matrix_botones {
	border: 1px solid white;
    color: white;
    background: #A0A0A0;
	text-align: center;
	padding: 10px;
	margin: 10px 0px;
}
div.matrix_botones a {
    color: yellow;
}

div.matrix_subbotones {
	border: 1px solid white;
    color: white;
    background: #E0E0E0;
	text-align: center;
	padding: 10px;
	margin: 10px 0px;
	-moz-border-radius: 10px;
}


/* Formularios */
label {
    color: green;
    font-weight: bold;
}

legend {
    color: #163;
    font-size: 16px;
    font-weight: lighter;
}
fieldset {
    margin: 5px 2px;
    border: 1px solid #FAA;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
}

.matrix_separador {
    margin: 10px 0px;
}


input[type=text], input[type=password], input[type=checkbox], select, textarea{
    color: black;
    background: #FFFF80;
    border: 1px solid #A0A0A0;
    font-family: monospace;
}
input[disabled], select[disabled], textarea[disabled] {
    color: #444;
    background: inherit;
    border: none;
    font-family: monospace;
}

button {
    color: white;
    background: #466;
    border: 1px solid #404040; 
    cursor: pointer;
    
    -moz-border-radius: 3px;
    border-radius: 3px;
}
button:hover {
    background: #577;
}
button:active {
    background: #355;
}

button img {
    vertical-align: middle;
}

button[disabled] {
    background: #888;
    color: #BBB;
}