/***************************************************/
/***************************************************/
/********** FITXER D'ESTIL DE LA PÀGINA ************/
/*********** http://eltemps.lillet.net *************/
/***************************************************/
/********** AUTOR: ALBERT FAJULA CATLLÀ ************/
/********** Creat: Febrer 2007          ************/
/********** Modificat: Febrer 2009      ************/
/***************************************************/
/***************************************************/

/* GENERAL */


body {
  /* Fons */
  /*background-image: url(../imatges/fons.jpg);
  background-repeat: repeat-y, repeat-x;
  background-attachment: fixed;*/
  background-color:#FFFFFF;
  /* Fonts */
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif, symbol;
  font-size : 10px;
  /* Posicionament */
  padding:0;
  margin:0;
  text-align:center;

  }

table.dades{
  width:100%;
  min-width:300px;
  border-color:transparent;
  background-color:transparent;
  padding:0;
  margin:0em;
}

.contenidor{
  width:100%; /*90%*/
}

.peu{
  text-align:center;
/*  width:70%;*/
  margin-left: 14%;
  margin-right: 20%;
  margin-top: 3em;
  padding: 1em;
  border-top-style:solid;
  border-bottom-style:solid;
  border-width: thin;
}

.intro{
  text-align:center;
/*  width:70%;*/
  margin-left: 10%;
  margin-right: 20%;
  margin-top: 1em;
  margin-bottom: 3em;
  padding: 1em;
  border-top-style:solid;
  border-bottom-style:solid;
  border-width: thin;
}

td.ico{ /*Cel·les de taula amb icones*/
  width:50px;
  margin:0em;
  text-align:center;
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 1em;
  border-color:#FFFFFF;
  background-color:#EBEEF2;
  padding:0.2em;
}
/*
.invisible{
 padding:0;
 width:100%;
}
*/
div.imatge{
  width: 90%;
}

.titol{
  background-color: #afc4ff;
  background:#afc4ff;
  font-size: 1em;
  font-weight: bold;
  color:#FFFFFF;
}

.buit{
  background-color: #FFFFFF;
}

.dades{
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 1em;
  border-color:#FFFFFF;
  background-color:#e0e8ff;
  padding:0.2em;
  text-align:left;
}

.dades_1{ /* linies no parells de l'historial */
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 1em;
  text-align: center;
  color:black;
  border-color:#FFFFFF;
  background-color:#cad8ff;/*C9C9C9*/
  padding:0.2em;
}

.dades_2{ /* línies parells de l'historial */
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 1em;
  text-align: center;
  color:black;
  border-color:#FFFFFF;
  background-color:#e0e8ff; /*E4E4E4*/
  padding:0.2em;
}

.dades_titol{
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 1em;
  font-weight: bold;
  color:navy;
  border-color:transparent;
  background-color:#e0e8ff;
  padding:0.2em;
}

.dades_tot{ /* línia final de l'historial */
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 1em;
  text-align: center;
  color:white;
  border-color:#FFFFFF;
  background-color:#afc4ff;/*B1B1B1*/
  padding:0.2em;
}

.dades_max{
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 1em;
  color:red;
  border-color:#FFFFFF;
  background-color:#e0e8ff;
  padding:0.2em;
}

.dades_min{
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 1em;
  color:blue;
  border-color:#FFFFFF;
  background-color:#e0e8ff;
  padding:0.2em;
}

.dades_mitja{
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 1em;
  color:blue;
  border-color:#FFFFFF;
  background-color:#e0e8ff;
  padding:0.2em;
}

/*****************************************************/
/*  TAULES DE LA PORTADA */

.titol_p{

  font-size: 1em;
  font-weight: bold;
  color:#000000;
  border-bottom-width: thin ;
  border-bottom-style: solid ;
}

.dades_p{
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 1em;
  border-color:#FFFFFF;
/*  background-color:#e0e8ff;*/
  padding:0.2em;
  text-align:left;
  border-width: thin ;
  border-style: solid ;
}

.dades_titol_p{
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 1em;
  font-weight: bold;
  color:navy;
  border-color:transparent;
 /* background-color:#e0e8ff;*/
  padding:0.2em;
}

.dades_max_p{
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 1em;
  color:red;
  border-color:#FFFFFF;
/*  background-color:#e0e8ff;*/
  padding:0.2em;
}

.dades_min_p{
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 1em;
  color:blue;
  border-color:#FFFFFF;
/*  background-color:#e0e8ff;*/
  padding:0.2em;
}

.dades_mitja_p{
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 1em;
  color:blue;
  border-color:#FFFFFF;
/*  background-color:#e0e8ff;*/
  padding:0.2em;
}


/*****************************************************/

.separador{
 background-color:#afc4ff;
}

table.imatge{
 border:0;
 background-color:#FFFFFF;
}

tr.imatge{ background-color:#5585BA;}


/* Llistes */

ul {
 padding:0.5em;
 width:100%;
 text-align:left;
}

li {
  list-style-position:inside;
}


/* Títols */
h1, h2 {
  margin-bottom:0px;
  margin-top:2em;
  /*margin-left: 1em;*/
  text-align:left;
}

h1 { /* Títol amb quadre i degradat blau fosc */
  width:90%;
  background-image:url(../imatges/pano_web2.png);
  background-repeat:no-repeat;
  background-position:right;
 /*../imatges/bgtaula2.jpg*//*../imatges/bgtaula.jpg*/
  background-color:transparent;
  /* vores */
  border-top-style: none;
  border-bottom-style: solid;
  border-left-style: none;
  border-right-style: none;
  border-color: #000000;
  border-width: thin;
  /*border-width:0.2em;
  border:solid;
  border-color:#FFFFFF;
  border-style:groove;*/
  margin-bottom:0.5em;
  margin-left:0px;
  padding-top:0.2em;
  /* fonts */
  font-size: 1.2em;
  font-weight:bold;
  color:blue;
}

h2 { /* Títol amb quadre i degradat blau fosc */
  width:40%;
  /*background-image:url(../imatges/bgtaula2.jpg);*/
  background-color:#adadad;
  font-size:1em;
  color:#FFFFFF;
  text-align:center;
  margin-left: 0.2em;
}

table.links{
  width:90%;
}

/*******************************************/
/*****************  MENU  ******************/
/*******************************************/


div.menu, ul.menu {
 padding:0;
 margin:0;
 margin-left:1em;
 border:0;
 width:90%; /* Igual que els h1 i h2 pq quedi b� */ /*100px*/
/*
 background-color:#EBEEF2;
 border-bottom-style: solid;
 border-left-style: none;
 border-right-style: none;
 border-color: #000000;
 border-width: thin;
*/
}

/* TÍTOLS DEL MENU*/

h1.menu, h2.menu , h1.lateral_d, h2.lateral_d{
 background-image:url(http://eltemps.lillet.net/imatges/bgmenu.png);
 background-color:transparent;
 font-size:1em;
 width:90%; /* Igual que div.menu pq quedi bé */ /*100px*/
 padding:0em;
  margin-left:1em;
}

h1.menu h1.lateral_d{
 /*background-image:url(http://eltemps.lillet.net/imatges/bgtaula2.jpg);*/
 color:blue;
 margin-bottom:0;
 border-top-style: none;
 border-bottom-style: solid;
 border-left-style: none;
 border-right-style: none;
 border-color: #000000;
 border-width: thin;
}

h2.menu{
/* background:#5585BA;*/
 margin-top:0.2em;
 margin-left:1em;
 border-bottom-style: dotted;
 border-left-style: none;
 border-right-style: none;
 border-color: #000000;
 border-width: thin;
 color: #5585BA;
 width:80%;
 text-align:left;
}
/* ENLLAÇOS DEL MENÚ */

A.menu:visited { color: olive; }
A.menu:active { color: green; text-decoration: underline overline;}
A.menu:hover {text-decoration: underline overline; color: #55AAFF }

/***********/


#imgcap{
  background-color: #5585BA; /* Per si no es veu la imatge o queda petita */
  background-image: url(http://eltemps.lillet.net/proves/imatges/capcalera-web.png);
  background-repeat: no-repeat/*repeat-y*/;
  height: 90px; /* Alçada de la capçalera (55 px) */
}

.imgcap {
	float: left;
	width: 100%;
	display: block;
	position: relative; /*prevents shifting when changing viewport in IE;thanks to Alan Gresley*/
	overflow: hidden; /*only needed for equal height columns*/
	background-color: transparent;
}

table.menu{
	background-color: transparent;
}

.itemcap{
	position: relative;
	float: left;
	overflow: hidden;
	left: 100%;
	background-color: transparent;
}

#cos_pagina {
	width:  100%; /* 90% */
	margin:  0px auto;
	overflow: hidden;
	
	padding: 0px;
	/*background: url(./images/background.jpg) no-repeat 0% 0%;*/
/*	border: 1px solid red;*/
	min-width:800px;
	max-width:1280px;
}


a {
	color: #888;
	text-decoration: none;
}

a.visited {
	color: #666;
}

/* overrule drupal system.css */
.item-list ul li {
	list-style-type: none;
}

ul.links {
	margin: .3em 0;
}

/* generic sap classes */
.linia {
	float: left;
	width: 100%;
	display: block;
	position: relative; /*prevents shifting when changing viewport in IE;thanks to Alan Gresley*/
	overflow: hidden; /*only needed for equal height columns*/
	background-color: transparent;
/*	border-bottom: 1px solid red;*/ /* Per comprovar marges */
}

.item {
	position: relative;
	float: left;
	overflow: hidden;
	left: 100%;
	background-color: #fff;
}

.columna { /* all columns have continous background color */
	margin-bottom: -5000px;
	padding-bottom: 5000px;
}


/* end generic; all sap elements must have margin-left and with defined */
#logoitem {
	margin-left: 0/*-95%*/;
	width: 100%/*90%*/;
        height: 70px; /* Alçada de la capçalera (55 px) */
	opacity: 0;
}

#logo{
  position: absolute;
}

#nom-pagina{
  opacity: 0;
  font-weight: bold;
}

#titol {
	margin-left: -80%;
	width: 60%;
}

#primary-nav {
	margin-left: -100%;
	width: 100%;
	text-align: center;
}

#principal #lateral_esq {
	margin-left: -100%;
	width: 150px; /*200px*/
	/*border-right: 1px solid red;*/ /* Per comprovar marges */
	z-index: 100; /*prevent main content from obscuring sidebars */
}

#principal #lateral_esq .contingut {
	padding-left: .5em;
	padding-right: .5em;
}

#principal #cont_principal {
	margin-left: -100%;
	width: 100%;
	color: #444;
}

#principal #cont_principal .contingut {
	padding: 20px 50px 5px 180px;
/*	padding: 20px 165px 5px 180px;*/
}

#principal #lateral_dreta {
	margin-left:  -182px;/*-150px*/
	width: 182px; /*150px*/
	/*border-left: 1px solid red;*/ /* Per comprovar marges */
	z-index: 100; /*prevent main content from obscuring sidebars */
}

#principal #lateral_dreta .contingut {
	padding-left: .5em;
	padding-right: .5em;
}

#linia_peu {
	border-bottom: none;
	width: 100%;
}

#peupg {
	margin-left: -100%;
	width: 100%;
	text-align: center;
	background-color: #FFFFFF;
}

.contingut_central {
	width: 95%;
 /*      min-width: 800px;*/
	padding: 1em;
	padding-left: 1%;
	text-align: center;
}

.img {
  text-align:center;
  /*width:70%;*/

  padding: 0em;
/*  margin-left: 10%;*/
/*  margin-right: 20%;*/
/*  margin-top: 3em;*/
}

.invisible{
	width: 100%;
        background-color: transparent;
}


/***************** GRÀFIQUES *******************/
.grafica{                                        
background-image: url(http://eltemps.lillet.net/imatges/fons_graf.png);
background-repeat: no-repeat;                                          
text-align:center;                                                     
background-position: center;                                           
}                                                                      

.graf_dial{
background-image: url(http://eltemps.lillet.net/imatges/fons_dial.png);
background-repeat: no-repeat;                                          
text-align:center;                                                     
background-position: center;                                           
}                                                                      

.graf_prov{
background-image: url(http://eltemps.lillet.net/imatges/fons_prov.png);
background-repeat: no-repeat;                                          
text-align:center;                                                     
background-position: center;                                           
}