html, body, form {
    height: 100%;
    font-size: 95%;
    font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
    color: #666666;
    margin: 0em;
    padding: 0em;
}

label {
    display: block;
    font-weight: bold;
}

input[type="text"] {
    width: 100%;
    font-size: 95%;
    font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
    color: #666666;
}

input[type="password"] {
    width: 100%;
    font-size: 95%;
    font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
    color: #666666;
}

select {
    width: 100%;
    font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
}

textarea {
    width: 100%;
    font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
}

table{
	border: 1px solid black;
	border-spacing: 0px;
	width: 100%; 
	font-size: 90%; 
	text-align: center; 
	color: black; 
	font-family: 'Trebuchet MS', 'Helvetica', 'Arial', 'Verdana', 'sans-serif';
}

th, td { 
	border: 1px solid black;
	border-spacing: 0px;
	padding: 5px; 
	font-size: 90%; 
}

#titulo {
    text-align: center;
    font-weight: bold;
    background-color: #337ab7;
    color: white;
}

#controles {
    height: 70%;
    background-color: #F3F3F3;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
}

#error {
    text-align: center;
    color: #a94442;
    background-color: #f2dede;
    font-weight: bold;
}

#botones {
    text-align: center;
    background-color: #F3F3F3;
    border-top-width: 1px;
    border-top-color: 1px;
    border-top-style: solid;
}

.mensaje {
    height: 55%;
    text-align: center;
    font-weight: bold;
    padding-top: 15%;
    background-color: #F3F3F3;
    border-width: 1em;
    border-style: solid;
}

.procesando {
    border-color: #337ab7;
}

.informacion {
    border-color: #5bc0de;
}

.exito {
    border-color: #5cb85c;
}

.advertencia {
    border-color: #f0ad4e;
}

.error {
    border-color: #d9534f;
}

.indefinido {
    border-color: #337ab7;
}

.seleccion {
    font-size: 100%;
}

.recuadro {
    width: 100%;
    text-align: center;
    border-width: 1px;
	border-color: black;
	border-style: dotted;
    color: black;
}

.grilla{
	height:75%; 
	display: block; 
	overflow-x: auto; 
	white-space: nowrap; 
	margin-top: 1px; 
	border-color: black; 
	border-style: solid; 
	border-width: 1px;
}