/*html, body {
   margin: 0px;
   width: 100%;
   height: 100%;
   background: white;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
}*/
marquee {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #000000;
}
a, a:link, a:visited {
   color: #6782d3;
   text-decoration: none;
}
a:hover {
   text-decoration: none;
}

td {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 11px;
}
big {
   font-family : Arial, Helvetica, sans-serif;
   font-size : 14px;
}
input, textarea, select {
   border : 1px inset silver;
   color : black;
   background : white;
}
.button {
   border : 1px outset silver;
   color : black;
   background : silver;
}
.button:active {
   border : 1px inset silver;
}
.button:hover {
   background: #B7B7B7;
}
.input {
   font-family : Verdana, Helvetica, Sans-Serif;
   font-size : 12px;
}
.taulacentral{
   padding: 0px;
}
.col1{
   background: #6681d2;
   border-right: 1px solid white;
   padding: 0px;
}
.col2{
   padding: 0px;
}
.col3{
   padding: 0px;
}
.bloc{
   padding: 0px;
   width : 100%;
}
.rivetbloc{
   padding: 0px;
}
.bcentral{
   padding: 0px;
}
.rivetbcentral{
   padding: 0px;
   background: silver;
   border: 1px outset silver;
   color: black;
}
.pbcentral{
   padding: 0px;
}
.pbcentralp{
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size : 10px;
   color : Black;
}
.titolbloc, h3 {
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size : 10px;
   font-weight: bold;
   background: #4d6bc6;
   color : white;
   text-align: left;
   padding: 1px 1px 1px 5px;
}
.bloctext {
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size : 11px;
   color : white;
   padding-left: 2px;
}
.boxlink,.boxlink:link,.boxlink:visited,.boxlink:active {
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   padding-top: 1px;
   font-size : 10px;
   color: white;
}
.boxlink:hover {
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   background: #7b92d8;
   padding-top: 1px;
   font-size : 10px;
   color: white;
}
.text, p {
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size : 11px;
   color : black;
}
.small {
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size : 10px;
   color : black;
}
.titol,.titoladmin,.titol:link,.titol:active,.titol:visited, h1 {
   font-family : Arial, Helvetica, sans-serif;
   font-size : 15px;
   font-weight: bold;
   background: #6681d2;
   color : #fff;
   padding: 2px 2px 2px 2px;
   margin: 0;
}
.subtitol, h2 {
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size : 11px;
   font-weight: bold;
   color : black;
   padding: 1px 2px 1px 2px;
}
.titolportada {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 36px;
   color: navy;
   text-decoration: none;
}
.seccio {
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size : 12px;
   font-weight : bold;
   font-style : italic;
   padding-left : 3px;
   height : 17px;
   color : #B50003;
}
.tt {
   font-family : "Courier New", Courier, monospace;
   font-size : 11px;
}
acronym {
   border-bottom : 1px dotted Maroon;
   cursor : help;
}
.td {
   font-family : Arial, Helvetica, sans-serif;
   font-size : 11px;
}
.copyright{
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size : 10px;
   color : #6782D3;
}
.rivet{
   border-top : 1px solid Black;
}
.dimmed{
   color: #DADADA;
}
.hover {
   background-color : #99FFFF;
   color : Black;
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size : 11px;
}
.hoverbold {
   background-color : #99FFFF;
   color : Black;
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size : 11px;
   font-weight : bold;
}
.cap {
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-weight : bold;
   font-size : 11px;
   background-color : #6782d3;
   color: white;
}
.ocupat {
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size : 11px;
   font-weight : bold;
}
.avui {
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size : 11px;
   background: #66ccff;
}
.avuiocupat {
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size : 11px;
   font-weight : bold;
   background: #66ccff;
}
.mapa_inactiu {
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size : 11px;
   color: white;
   background: #6782d3;
   border: 1px solid #4d6bc6;
   padding: 0px 4px 0px 4px;
   cursor: pointer;
}
.mapa_inactiu:hover {
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size : 11px;
   color: white;
   background: #6782d3;
   border: 1px outset #4d6bc6;
   padding: 0px 4px 0px 4px;
   cursor: pointer;
}
.mapa_inactiu:active {
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size : 11px;
   color: white;
   background: #6782d3;
   border: 1px inset #4d6bc6;
   padding: 0px 4px 0px 4px;
   cursor: pointer;
}
.mapa_actiu {
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size : 11px;
   color: white;
   background: #4d6bc6;
   border: 1px inset black;
   padding: 0px 4px 0px 4px;
   cursor: pointer;
}
#tooltip {
   position: absolute;
   visibility: hidden;
   background-color: #006666;
   border: 1px solid #FFD001;
   padding: 2px;
   font-size: 0.8em;
   z-index: 100;
}
.tip_h {
   font-weight: bold;
   background:  #A9D69E;
   padding: 2px;
}
.tip_x {
   color: yellow;
}
.tip_n {
   color: white;
}
/*
 * Formulari Login
 */
#loginform {
   max-width:450px;
   margin:auto;
}
#loginform fieldset{
   padding:10px;
   border: 1px solid #666;
   color: #999
}
#loginform legend{
   font-weight:bold;
   font-size:9pt;
}
#loginform label{
   display:block;
   height:2em;
   padding:10px 10px 0;
   color: #000;
   width: 300px;
   margin: auto;
}
#loginform p {
   display: block;
   padding: 3px;
   clear: right;
}
#loginform input {
   float:right;
   clear:right;
}
#camtab table {
   width: 600px;
}
#camtab th {
   background-color: #6681d2;
   color: #fff;
   font-size: 13px;
   width: 150px;
   text-align: center;
   width: 600px;
}
#camtab td {
   text-align: center;
   border: 1px solid #6681d2;
   padding: 2px;
   width: 150px;
}

#camtab td img {
   width: 120px;
   height: 98px;
}
#camtab .empty {
   border: 1px solid #E6F2FF;
}
#stationlist {
   width: 640px;
   min-width: 640px;
   border-spacing: 0;
   border-collapse: collapse;
   margin: 0;
}
#stationlist td {
   text-align: center;
   font-family : Arial, Helvetica, sans-serif;
   font-size : 11px;
   border: 2px solid #E6F2FF;
}
#stationlist th {
   text-align: left;
   font-family : Arial, Helvetica, sans-serif;
   font-size : 11px;
   border: 2px solid #E6F2FF;
   font-weight: normal;
}
/*
 * Formulari Login
 */
#loginform {
   width:100%;
   margin:auto;
}
#loginform fieldset {
   border: 1px solid #4d6bc6;
   width: 95%;
   margin: auto;
   margin-top: 1.2em;
   background-color: #fff;
}
#loginform fieldset fieldset {
   border: 1px solid #4d6bc6;
   width: 80%;
   margin: auto;
   margin-top: 1.2em;
}
#loginform legend{
   font-weight:bold;
   font-size: 9pt;
   color: #4d6bc6;
}
#loginform label{
   width: 40%;
   float: left;
   text-align: right;
   margin-right: 0.5em;
   display: block
}
#loginform p {
   margin: 2px;
   clear: both;
}
#loginform .submit {
   text-align: center;
   margin: 5px;
   font-size: 10px;
}
#loginform .help {
   font-style: italic;
}
#loginform .errmsg {
   color: #fff;
   background-color: #f00;
   font-weight: bold;
   display: block;
}



est_taula{
	border:3px solid #FFFFFF; 
}

td.est_titol{
	background: #FFFFFF;
	font-family: Tahoma;
	font-size: 10px;
	color: Black;
}

td.est_dades{
	background: #FFFFFF;
	font-family: Tahoma;
	font-size: 10px;
	color: Black;
	font-weight : bold;
}


td.titola{
	border:1px solid #FFFFFF; 
	background: #FFFFFF;
	font-family: Tahoma;
	font-size: 10px;
	color: Black;
	font-weight : bold;
}
td.titolet{
	font-family: Tahoma;
	border:1px solid #999999; 
	background: #FFFFFF;
	font-size: 10px;
	color: Black;
	font-weight : normal;
	text-align : center;
}
td.separador{
	font-family: Tahoma;
	border:0px solid #FFFFFF; 
	font-size: 10px;
	width:0px;
}
td.subtitolet{
	font-family: Tahoma;
	border:1px solid #BBBBBB;
	color: black; 
	font-size: 10px;
	font-weight : normal;
	text-align : center;
	background: #EEEEEE;
}
td.subtitoletmax{
	font-family: Tahoma;
	border:1px solid #BBBBBB;
	color: red; 
	font-size: 10px;
	font-weight : normal;
	text-align : center;
	background: white;
}
td.subtitoletmin{
	font-family: Tahoma;
	border:1px solid #BBBBBB;
	color: blue; 
	font-size: 10px;
	font-weight : normal;
	text-align : center;
	background: white;
}
td.capsasensor{
	font-family: Tahoma;
	border:1px solid #888888;
	color: black; 
	font-size: 10px;
	font-weight : normal;
	text-align : left;
	background: #e5e5e5;
}
td.capsaactuals{
	font-family: Tahoma;
	border:0px solid #888888;
	color: black; 
	font-size: 10px;
	font-weight : normal;
	text-align : center;
	background: white;
}
td.titolsensor{
	font-family: Tahoma;
	border:0px solid #888888;
	color: black; 
	font-size: 10px;
	font-weight : normal;
	text-align : left;
	background: #93aecc;
}
td.sensodades{
	font-family: Tahoma;
	font-size: 10px;
	color: Black;
	font-weight : normal;
	text-align : left;		
}
td.dades{
	font-family: Tahoma;
	border:1px solid #BBBBBB;
	font-size: 10px;
	font-weight : normal;
	text-align : center;
	width : 25px;
	background: #FFFFFF;	
}
td.titolseccio{
	font-family: Tahoma;
	border:1px solid #BBBBBB;
	color: white; 
	font-size: 10px;
	font-weight : bold;
	text-align : center;
	background: #006699;
}
tr.separador{
	width : 3px;
}
td.separador2{
	width:0px;
	background: #006699;	
}
td.dadesvent{
	font-family: Tahoma;
	border:1px solid #BBBBBB;	
	font-size: 10px;
	font-weight : normal;
	text-align : center;
	width : 50px;
	background: #FFFFFF;	
}
td.dadesactuals{
	font-family: Tahoma;
	border:1px solid #BBBBBB;
	font-size: 11px;
	font-weight : bold;
	text-align : center;
	background: #FFFFFF;	
}
.vermell{
	color: #df1c11;
}
.blau{
	color: #0580ba;
}
.fonsgroc{
	background: #ffff99;
	font-weight : bold;	
}


INPUT.desplega{
	font-family: Tahoma;
	border:1px solid #000000;
	color: black; 
	font-size: 10px;
	font-weight : bold;
	text-align : center;
	background: yellow;	
}
TEXTAREA.graf{
	font-family: Tahoma;
	border:1px solid #aaaaaa;
	color: black; 
	font-size: 10px;
	font-weight : normal;
	text-align : left;
	width: 250px;	
}
SELECT.graf{
	font-family: Tahoma;
	border:1px solid #aaaaaa;
	color: black; 
	font-size: 10px;
	font-weight : normal;
	text-align : left;
}
INPUT.graf{
	font-family: Tahoma;
	border:1px solid #ffffff;
	color: black; 
	font-size: 10px;
	font-weight : normal;
	text-align : left;
	background: white;	
}

TD.petit{
	font-family: Tahoma;
	border:1px solid #aaaaaa;
	color: black; 
	font-size: 10px;
	font-weight : normal;
	text-align : left;
}
.peu{
	font-family: Tahoma;
	color: black; 
	font-size: 9px;
	font-weight : normal;
	text-align : left;
}
.colortemp{
	background:#bce2c1;
}
.colorpluvio{
	background:#99ffff;
}