/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #8080FF;
}

body,td,th,a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
}
a {
	color: #000066;
}
a:visited {
	color: #0000FF;
}
a:hover {
	color: #0099FF;
}
a:active {
	color: #FF0000;
}

img {
	border:none;
	vertical-align: middle;
}

table {
	border-collapse:collapse;
}

table#login {
	width:500px;
	background-color:#FFF;
	margin:125px auto 125px;
	border:30px #CCC double;
	border-collapse:separate;
}

table#login td {
	padding:10px;
}

table#menu {
	border-collapse:separate;
	border-top:0px none;
	border-left:0px none;
	border-right:0px none;
	border-bottom:5px #000000 dashed;
	border-spacing:0px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:5px;
	margin:0px;
	background-color:#FFFFFF;
	width:100%;
}

table#menu td {
	margin:0px;
	padding:0px;
	border:0px none;
}

div#submenu {
	border-collapse:separate;
	border-top:0px none;
	border-left:0px none;
	border-right:0px none;
	border-bottom:2px #000000 dashed;
	background-color:#B0B0FF;
	padding:5px;
}	

span.quadre {
	border:#000000 1px solid;
	padding:5px;
	background-color:#FFF;
}

span.quadresel {
	border:#000000 1px solid;
	padding:5px;
	background-color:#FFF;
	font-weight:bold;
}

table#horari {
	background:none;
	border-collapse:separate;
	margin-left:auto;
	margin-right:auto;
	border-spacing:0px;
	width: 95%;
}

table#horari td {
	/* border:none; */
	margin:0px;
	text-align:center;
	font-size:12px;
	padding:2px;
}

table#horari td a {font-size:12px;}

table#horari td a:link {color: #000;}
table#horari td a:visited {color: #060;}
table#horari td a:hover {background-color:#8F8;}
table#horari td a:active {color: #900;}

table#horari td a.groc:link {color: #000;}
table#horari td a.groc:visited {color: #660;}
table#horari td a.groc:hover {background-color: #FF8;}
table#horari td a.groc:active {color: #990;}

table#horari td a.vermell:link {color: #000;}
table#horari td a.vermell:visited {color: #600;}
table#horari td a.vermell:hover {background-color: #F88;}
table#horari td a.vermell:active {color: #900;}

table#horari td.passatparell a:visited, table#horari td.passatsenar a:visited {
	color:#660;
}

table#horari td.passatparell a:active, table#horari td.passatsenar a:active {
	color:#990;
}

table#horari td.passatparell a:hover, table#horari td.passatsenar a:hover {
	background-color:#FF0;
}

tr.parell, span.parell {background-color:#FFF}
.hparell, .hsenar {width:10%}
.hparell {background-color:#FFF;}
td.casella, td.casellainicial {width:9%}
td.casellainicial {border-left: 2px solid black;}
tr.senar, span.senar {background-color:#CCC}
.hsenar {background-color:#CCC;}
table#horari td.titol {
	color:#FFF;
	background-color:#666;
	font-size:16px;
}

.buitparell0 {background-color:#FFF}
.buitsenar0 {background-color:#DDD}
.buitparell1 {background-color:#EEE}
.buitsenar1 {background-color:#CCC}

.lliureparell0 {background-color:#0F0}
.lliuresenar0 {background-color:#0C0}
.lliureparell1 {background-color:#0D0}
.lliuresenar1 {background-color:#0A0}

.reservaparell0 {background-color:#9CF}
.reservasenar0 {background-color:#69C}
.reservaparell1 {background-color:#7AD}
.reservasenar1 {background-color:#57A}

.propiparell0 {background-color:#F99}
.propisenar0 {background-color:#C66}
.propiparell1 {background-color:#D77}
.propisenar1 {background-color:#A44}

.passatparell0 {background-color:#FF8}
.passatsenar0 {background-color:#CC5}
.passatparell1 {background-color:#DD6}
.passatsenar1 {background-color:#AA3}

div.InfoOK {
	margin-left:auto;
	margin-right:auto;
	border:#000000 1px solid;
	background-color:#00CC00;
	padding:5px;
	width:75%;
}

div#reserva {
	width:50%;
	margin:50px auto 50px;
	background-color:#FFF;
	border:#333 4px dashed;
	padding:20px;
}

div.avisconf {
	width:500px;
	margin:50px auto 50px;
	background-color:#000;
	border:0px none;
	padding:0px;
}

div.avisconf div {
	background-color:#000;
	margin:0px;
	border:10px #FF0 dashed;
	padding:10px;
}

div.avisconf td {
	color:#FFF;
	font-size:18px;
}

table#formulari {
	width:100%;
	border:0px none;
	margin:0px;
	padding:0px;
	background:none;
	border-spacing:0px;
}

/*table#reserva td {
	text-align:left;
	vertical-align:top;
}*/

table.buida {
	border-collapse:separate;
	border:0px none;
	margin:0px;
	padding:0px;
	background:none;
	border-spacing:0px;
}

.error {
	color:#900;
	background-color:#FFF;
	border:#000 1px solid;
	padding:5px;
}

.warning {
	background-color: #FF6;
	border: #880 1px solid;
	padding: 5px;
}

div.normes {
	background-color: #AAF;
	border: 1px #000 solid;
	padding: 10px;
	width: 60%;
	margin: 5px auto 5px;
}

.numsep li {
	margin-top: 10px;
}

p.titolgran { font-size: 20pt; text-align: center; font-weight: bold; text-transform: uppercase }
p.titol { font-size: 14pt; text-align: center; font-weight: bold; text-transform: uppercase }
p.centratgran { font-size: 14pt; text-align: center }