HTML, BODY, INPUT, DIV, SELECT, TD {
	font-family: Open Sans, Arial, Sans-Serif;
	font-size: 100%;
}

BODY {
	background-color: white;
	margin: 0px;
	padding: 0px;
	margin-top: 100px;
	margin-bottom: 150px;
}

#mybody {
	background-color: white;
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
}

INPUT, SELECT {
	font-size: 130%;
	padding: 5px;
	padding-bottom: 0px;
	font-weight: bold;
}

A:link, A:visited, A:active {
	text-decoration: none;
	color: black;
	border-bottom: 1px dotted black;
}

A:hover {
	text-decoration: none;
}

INPUT[type=text], INPUT[type=password] {
	padding: 5px;
	border: 1px solid #BDBDBD;
	border-radius: 10px;
	box-shadow: inset 0 2px 2px #ececec,0 1px 1px #fff;
}

H1, H2, H3, H4, H5 {
  font-weight: bold;
}

FORM {
	margin: 0px;
	padding: 0px;
}

/* LOGIN */
#login_title {
	width: 500px;
	margin: auto;
	margin-top: 100px;
	margin-bottom: 50px;
	text-align: center;
}

#login-error {
	font-weight: bold;
	text-align: center;
	color: darkRed;
}

#login, #login-error {
	width: 500px;
	background-color: #ECECEC;
	margin: auto;
	padding: 15px;
	border: 1px solid #BDBDBD;
	border-radius: 4px;
}

#login LABEL {
	display: block;
	float: left;
	text-align: right;
	padding: 10px;
	margin-right: 10px;
	width: 150px;
	font-size: 120%;
	font-weight: bold;
}

#login_form {
	margin: 0px;
	padding: 0px;
}

#login-logo {
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 100px;
	border-top: 1px solid black;
	
	background-color: #edede6;
	background-image: url("../img/0000_logorep.gif");
	background-repeat: no-repeat;
	background-position: center;
}

.login_field {
	margin: 0px;
	margin-bottom: 10px;
}

.login_submit {
	padding-top: 10px;
	text-align: center;
}

.login_submit INPUT[type=submit] {
	border: 1px solid #ADADAD;
	padding: 10px 20px 10px 20px;
	color: #666;
	border-radius: 4px;
	background: -webkit-gradient(linear,left top,left bottom,from(white),to(#F3F3F3));
}

.login_submit INPUT[type=submit]:hover {
	color: #4d7bd6;
}

.login_submit INPUT[type=submit]:active {
	background:-webkit-gradient(linear,left top,left bottom,from(#f3f3f3),to(#ffffff));
}

/* HEADER */
#userbar {
	padding: 10px;
	border-bottom: 1px solid #333;
	overflow: hidden;
	margin-bottom: 100px;
	background-color: #edede6;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
}

#userbar .userbar-options {
	float: right;
	display: block;
}

#userbar .userbar-username {
	padding: 10px;
	font-weight: bold;
}

.userbar-options A, .userbar-options A:link, .userbar-options A:visited, .userbar-options A:active {
	color: #333;
	text-decoration: none;
	padding: 10px;
}

.userbar-options A:hover {
	color: #333;
	padding: 10px;
	background-color: lightBlue;
}

/* INDEX */
#nodo {
	width: 500px;
	margin: auto;
	text-align: center;
	margin-bottom: 10px;
}

#fecha {
	width: 325px;
	margin: auto;
	padding: 10px;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	color: #666;
	font-weight: bold;
	text-align: center;
	font-size: 100%;
	margin-bottom: 50px;
}

#marcaje, #administracion {
	width: 500px;
	background-color: #edede6;
	margin: auto;
	padding: 15px;
	border: 1px solid darkGrey;
	border-radius: 4px;
	color: #333;
}

#marcaje P {
	margin: 0px;
	padding: 0px;
	
	margin-top: 25px;
	margin-bottom: 35px;
}

#marcaje .marcaje-field {
	width: 350px;
	margin: auto;
}

#marcaje SELECT {
	padding: 5px 10px 5px 10px;
	font-size: 100%;
	font-weight: bold;
}

#marcaje INPUT[type=submit], #administracion INPUT.administracion {
	border: 1px solid #ADADAD;
	padding: 5px 10px 5px 10px;
	color: #666;
	border-radius: 4px;
	font-size: 100%;
	background: -webkit-gradient(linear,left top,left bottom,from(white),to(#F3F3F3));
	box-shadow: 0 1px 1px #fff;
}

#marcaje INPUT[type=submit]:hover {
	color: #4d7bd6;
}

#marcaje INPUT[type=submit]:active {
	background:-webkit-gradient(linear,left top,left bottom,from(#f3f3f3),to(#ffffff));
}

#timeout {
	position: relative;
	display: inline;
	width: 10px;
	font-weight: bold;
	height: 10px;
	clear: none;
}

#administracion {
	background-color: lightYellow;
	border: 1px solid orange;
	margin-top: 50px;
	color: #333;
}

#administracion INPUT.administracion {
	border: 1px solid darkRed;
	color: darkRed;
	background: -webkit-gradient(linear,left top,left bottom,from(lightYellow),to(gold));
	margin-right: 10px;
}

#administracion INPUT.administracion:hover {
	color: darkRed;
}

#administracion INPUT.administracion:active {
	background: -webkit-gradient(linear,left top,left bottom,from(gold),to(lightYellow));
}

/* ADMINISTRACION */
#administracion-title {
	width: 620px;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 15px;
	font-size: 130%;
	font-weight: bold;
}

#administracion-box {
	width: 600px;
	background-color: #edede6;
	margin: auto;
	padding: 15px;
	border: 1px solid darkGrey;
	border-radius: 4px;
	color: #333;
}

#administracion-box UL, LI {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#administracion-box UL {
	margin-top: 10px;
}

#administracion-box LI {
	padding: 2px;
	padding-left: 15px;
	font-weight: bold;
}

#administracion-box A:link, #administracion-box A:visited, #administracion-box A:active {
	color: #333;
	text-decoration: none;
	border: none;
}

#administracion-box A:hover {
	text-decoration: underline;
}

#administracion-box TABLE {
	width: 100%;
}

#administracion-box TABLE TD {
	padding: 5px;
}

#administracion-box THEAD {
	color: #333;
}

#administracion-box TH {
	border-bottom: 1px solid #333;
	font-weight: bold;
	text-align: left;
	padding: 5px;
}

#administracion-box TBODY TR {
	background-color: whiteSmoke;
}

#administracion-box TR.table-tr-odd {
	background-color: transparent;
}

#administracion-box DIV.form-field {
	clear: both;
	overflow: hidden;
	margin-bottom: 10px;
}

#administracion-box DIV.form-field:last-child {
	margin-bottom: 0px;
}

#administracion-box LABEL {
	width: 140px;
	float: left;
	padding: 10px;
	padding-right: 20px;
	text-align: right;
	font-weight: bold;
}

#administracion-box LABEL.two-in-a-row {
	width: 95px;
}

#administracion-box INPUT[type=checkbox] {
	margin: 0px;
	padding: 0px;
	margin-top: 14px;
}

#administracion-box INPUT[type=text] {
	width: 405px;
	float: left;
}

#administracion-box INPUT.num {
	width: 140px;
}

#administracion-box INPUT.usu {
	width: 240px;
}

#administracion-box INPUT.ip {
	width: 190px;
}

#administracion-box .form-addenda {
	width: 165px;
	padding-top: 14px;
	float: right;
	text-align: left;
	font-size: 70%;
}

#administracion-box .form-info {
	width: 430px;
	float: right;
	clear: both;
}

#administracion-box INPUT[type=submit], #administracion-box INPUT[type=button] {
	border: 1px solid #ADADAD;
	padding: 10px 20px 10px 20px;
	color: #666;
	border-radius: 4px;
	font-size: 100%;
	background: -webkit-gradient(linear,left top,left bottom,from(white),to(#F3F3F3));
}

#administracion-box INPUT[type=button] {
	font-size: 100%;
	padding: 8px 13px 8px 13px;
}

#detectar-button {
	margin-left: 10px;
}

#administracion-box INPUT[type=submit]:hover, #administracion-box INPUT[type=button]:hover {
	color: #4d7bd6;
}

#administracion-box INPUT[type=submit]:active, #administracion-box INPUT[type=button]:active {
	background:-webkit-gradient(linear,left top,left bottom,from(#f3f3f3),to(#ffffff));
}

#administracion-box #info {
	font-size: 90%;
	font-weight: bold;
	color: darkRed;
	width: 425px;
	float: right;
}

#administracion-delete {
	width: 600px;
	margin: auto;
	background-color: pink;
	padding: 15px;
	margin-top: 20px;
	border: 1px solid darkRed;
	border-radius: 4px;
	color: darkRed;
}

#administracion-delete INPUT[type=button] {
	border: 1px solid darkRed;
	padding: 10px 20px 10px 20px;
	margin-right: 10px;
	color: white;
	border-radius: 4px;
	font-size: 100%;
	background: -webkit-gradient(linear,left top,left bottom,from(pink),to(darkRed));
}

#administracion-delete INPUT[type=button]:hover {
	color: white;
}

#administracion-delete INPUT[type=button]:active {
	background:-webkit-gradient(linear,left top,left bottom,from(red),to(pink));
}

#administracion-footer {
	width: 635px;
	margin: auto;
	margin-top: 20px;
}

#administracion-footer INPUT {
	border: 1px solid #ADADAD;
	padding: 5px 10px 5px 10px;
	color: #666;
	border-radius: 4px;
	font-size: 100%;
	background: -webkit-gradient(linear,left top,left bottom,from(white),to(#F3F3F3));
	box-shadow: 0 1px 1px #fff;
}

#administracion-footer INPUT:hover {
	color: #4d7bd6;
}

#administracion-footer INPUT:active {
	background:-webkit-gradient(linear,left top,left bottom,from(#f3f3f3),to(#ffffff));
}

#llistat-centrat {
	margin : auto;
	width: 500px;	
}

.smallmarginleft {
	padding-left :10px;
}

table{max-width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0}

.table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th{background-color:#f9f9f9}

.table {margin-left:10px;width:95%;margin-bottom:20px}

.table2 {margin-left:10px;width:50%;margin-bottom:20px}

.table th {
  font-weight:bold;padding:8px;line-height:14px;vertical-align:top;border-top:1px solid #ddd;font-size:13px;
}
.table td {
   padding:8px;line-height:12px;vertical-align:top;border-top:1px solid #ddd;font-size:12px;
}

.table th.descripcion{
  width:160px; font-weight:bold;padding:8px;line-height:14px;vertical-align:top;border-top:1px solid #ddd;font-size:13px;
}
.table th.datallarga{
  width:90px; font-weight:bold;padding:8px;line-height:14px;vertical-align:top;border-top:1px solid #ddd;font-size:13px;
}
.table th.datacurta{
  width:60px; font-weight:bold;padding:8px;line-height:14px;vertical-align:top;border-top:1px solid #ddd;font-size:13px;
}
.table th.hores{
  width:35px; font-weight:bold;padding:8px;line-height:14px;vertical-align:top;border-top:1px solid #ddd;font-size:13px;
}

.table td.negreta{
  font-weight:bold;
}

.tablepdf td.negreta{
  font-weight:bold;
}

.tablepdf {margin-left:10px;width:980px;margin-bottom:0px}

.tablepdf2 {margin-left:10px;width:50%;margin-bottom:0px}

.tablepdf th {
  font-weight:bold;padding:8px;line-height:14px;vertical-align:top;border-top:1px solid #ddd;font-size:13px;
}

.tablepdf th {
  font-weight:bold;padding:8px;line-height:14px;vertical-align:top;border-top:1px solid #ddd;font-size:13px;
}

.tablepdf th.descripcion{
  width:160px; font-weight:bold;padding:8px;line-height:14px;vertical-align:top;border-top:1px solid #ddd;font-size:13px;
}
.tablepdf th.datallarga{
  width:90px; font-weight:bold;padding:8px;line-height:14px;vertical-align:top;border-top:1px solid #ddd;font-size:13px;
}
.tablepdf th.datacurta{
  width:60px; font-weight:bold;padding:8px;line-height:14px;vertical-align:top;border-top:1px solid #ddd;font-size:13px;
}
.tablepdf th.hores{
  width:35px; font-weight:bold;padding:8px;line-height:14px;vertical-align:top;border-top:1px solid #ddd;font-size:13px;
}

.tablepdf td {
   padding:8px;line-height:12px;vertical-align:top;border-top:1px solid #ddd;font-size:10px;
}

.alineadreta {text-align:right;}
.alineaesq {text-align:left;}

.table thead th{vertical-align:bottom; width: 160px !important;}
.tablepdf thead th{vertical-align:bottom; width: 100px !important;}
.table caption+thead tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td{border-top:0}
.table tbody+tbody{border-top:2px solid #ddd}