/* CSS Document */
* {margin:0; padding:0; border-collapse: collapse;}
body {font-family: 'Roboto'; background-color:#F3F3F3;}
.top {position:fixed; top:0; left:0; width:100%; height:33px; background-color:#23282D; color:white;  z-index:2;}
.cos {width: calc(100% - 20px); min-height: calc(100% - 53px); padding: 20px 0 0 20px; margin: 0; z-index: 0; position: absolute; top:33px; left:0;}
.peu  {position: absolute; bottom: 10px; left: 20px;}

h1, h2, h3	 {clear: both; margin-bottom: 20px;}

table {width: 100%;}
th, td {padding: 4px;}
td {vertical-align: central;  position:relative;}
th {border-bottom: solid 1px black; text-align:left;}

.dreta {text-align:right;}

.tauler, .llista {width: 96%; float:left; margin: 0 20px 20px 0; padding: 5px 0; border: solid 1px #DDDDDD; overflow:hidden; border-radius: 3px; position: relative; overflow:hidden;
	background-color:white;}
.tauler {max-width: 400px;}
.llista {max-width: 400px;}

.tauler h3, .tauler p {padding: 0 5px;}


input, select {padding: 2px; font-family:'Roboto'; font-size: 18px;}