@import "normalize.css";


/**  elements            */

img { text-decoration: none; border: none; }

a { text-decoration: none; }

h1, h2, h3, h4, h5, h6 { margin: 0; }

/*p { padding: 0.1em; margin: 0em; }*/
p { margin: 0.5em 0.2em 0.3em 0; }

*.number, *.num {
		text-align: right;
}

/** classes */

table.table {
		border-collapse: collapse;
		border: thin solid;
}
table.table tbody th {
		text-align: right;
}
table.table th, table.table td {
		padding: 2pt;
		border: thin solid;
}

/** grids **/

/* solo funcionan si se limita la width de las divs, pq si no asume width 100% y
	 te las coloca una debajo de otra. no ocurre en le caso de las tablas, en que
	 la width es conocida. */

div.cell,
form.cell,
div.row > div,
form > div.cell {
		display: inline-block;
		/* default box model sets considers content width as the box's width; his one, from border to border */
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;		
		padding: 2pt;
		vertical-align: top;
}

/** tabs **/

.tab-header {
		border-bottom: solid thin;
}

.tab-label-active {
		font-weight: bold; }

.tab-header div {
		cursor: default;
		border-top: solid thin;
		border-right: solid thin;
		border-left: solid thin;
		border-radius: 0.5em 0.5em 0em 0em;
}
.tab-header div:hover {
		border: dotted thin; }