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


/*******************************************/
/**************  CAPÇALERA  ****************/
/*******************************************/


h1.top{ /*eltemps.lillet.net*/
 background-color:transparent;
 padding:0;
 border:0;
 font-size: 20px;
}

h2.top{
 padding:0;
 border:0;
 font-size: 20px;
}

table.top{ /* Taula capçalera */
  border-bottom-style: solid;
  border-left-style: none;
  border-right-style: none;
  border-color: #747474;
  border-width: thin;
}

/*******************************************/
/*************     MARC PEU    *************/
/*******************************************/


table.peu{ /* Taula capçalera */
  border-top-style: solid;
  border-left-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-color: #747474;
  border-width: thin;
}



/*******************************************/
/**************** COS PÀGINA ***************/
/*******************************************/

#principal {
  /* Posicionament */
  padding-left:100px; /* o 20% Perquè no se solapi amb el menú */
  padding-right:2px;
  padding-top:1em; /* == al padding-top de #menú perquè quedi igual */
  width:90%;
}

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

/* Taules */

table.links { /* .links per les taules de la pàgina d'enllaços*/
  width:70%;
  min-width:200px;
  border-color:#FFFFFF;
  background-color:#FFFFFF;
  padding:0;
  margin:0em;  
  }

td, tr{
/*  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 1em;
  border-color:#FFFFFF;
  background-color:#EBEEF2;
  padding:0.2em;
*/
}

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

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:70%;
}

.titol{
  background-color: #5585BA;
  background:#5585BA;
  font-size: 1em;
  font-weight: bold;
  color:#EBEEF2;
}

.buit{
  background-color: #FFFFFF;
}

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

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

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

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

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

.separador{
 background-color:#5585BA;
}

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

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


/* Llistes */

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

li {
  list-style-position:inside;
}


/* Títols */
H1, H2 {
  margin-bottom:0px;
  margin-top:2em;
}

H1 { /* Títol amb quadre i degradat blau fosc */
  width:70%;
  background-image:url(../imatges/bgtaula.jpg); /*../imatges/bgtaula2.jpg*/
  background-color:#5585BA;/* Com a alternativa */
  /* vores */
  border-top-style: solid;
  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;
  padding-top:0.2em;
  /* fonts */
  font-size: 1em;
  font-weight:bold;
  color:#EBEEF2;
}

H2 { /* Títol amb quadre i degradat blau fosc */
  width:40%;
  background-image:url(../imatges/bgtaula2.jpg);
  background-color:#EBEEF2; /* Com a alternativa */
  font-size:1em;
  color:#EBEEF2;
}


/*************************************************/
/******************* PARÀGRAFS *******************/
/*************************************************/

p {
  /* fonts */
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 1em;
  /* vores */
  padding-top:2%;
  padding-bottom:2%;
  width:70%;
  text-align:center;
}


p.peu { /* Taula crèdits final */
  /* mida */
  width:70%;
  /* fons */
  background-color:#EBEEF2;
  /* fonts */
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
  font-size : 1em;
  /* interlineat */
  line-height:3ex;
  /* alineació */
  text-align:center;
  /* vores */
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: none;
  border-right-style: none;
  border-color: #000000;
  border-width: thin;
  padding-top:1em; 
  padding-bottom:1em;
  margin: 5%;
}

div.contenidor{
 background-color:#EBEEF2;
 /*vores*/
 padding:2em;
 /*border-style:ridge;*/
 /* vores */
 border-top-style: solid;
 border-bottom-style: solid;
 border-left-style: none;
 border-right-style: none;
 border-color: #000000;
 border-width: thin;
 margin-bottom:2em;
 margin-top:1em;
 width:65%;
}

div.contenidor_lateral{ /* el mateix però en un costat */
 background-color:#EBEEF2;
 /*vores*/
 padding:2em;
 /*border-style:ridge;*/
 /* vores */
 border-top-style: solid;
 border-bottom-style: solid;
 border-left-style: none;
 border-right-style: none;
 border-color: #000000;
 border-width: thin;
 margin-bottom:2em;
 margin-top:1em;
 width:80%;
}

div.esquerra {

 width:70%;
 position:relative;
 padding-right:30%;
 padding-bottom:7%;
 padding-top:5%;
}

div.dreta {

 width:70%;
 position:relative;
 padding-left:30%;
 padding-bottom:7%;
 padding-top:5%;
}

.esquerra .img-dreta {/* Imatge a la dreta amb text a l'esquerra */
 position:absolute;
 right:8%;
 top: -3%;
}

.dreta .img-esquerra {/* Imatge esquerra amb text a la dreta */
 position:absolute;
 left: 3%;
 top: -3%;
}


/***************** LINKS GENERALS*******************/

A { text-decoration: none; }
A:visited { color: olive; }
A:active { color: green; }
A:hover { text-decoration: underline; color: #5585BA }


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

#menu {
 position: absolute;
 width:160px;
 height:800px;
 padding-right:50px;
 padding-top:1em; /* == al padding-top de #principal perquè quedi igualat */
 margin-left:1em;
}

div.menu {
 padding:0;
 margin:0;
 border:0;
 width:100px; /* Igual que els h1 i h2 pq quedi bé*/
 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 {
 background-color:#5585BA; /* Com a alternativa */
 font-size:0.9em;
 width:100px; /* Igual que div.menu pq quedi bé */
 padding:0em;
}

h1.menu{
 background-image:url(../_marcs/difmenu.gif);/*background-image:url(../imatges/bgtaula2.jpg);*/
 color:blue;
 margin-bottom:0;
 border-top-style: solid;
 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;
 border-bottom-style: solid;
 border-left-style: none;
 border-right-style: none;
 border-color: #000000;
 border-width: thin;
}
/* 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 }


/*******************************************/
/*************  LATERAL DRETA  *************/
/*******************************************/

#lateral{
 position: absolute;
 width:10%;
 height:800px;
 padding-left:89%;
 padding-right:1em;
 padding-top:1em; /* == al padding-top de #principal perquè quedi igualat */
}

/* TÍTOLS DEL MENU*/

H1.lateral, H2.lateral {
 background-image:url(../Fitxers/difum.gif);/*background-image:url(../imatges/bgtaula2.jpg);*/
 background-color:#5585BA; /* Com a alternativa */
 font-size:0.9em;
 width:100px;
 padding:0em;
}

/* ENLLAÇOS DEL MENÚ */

A.lateral:visited { color: olive; }
A.lateral:active { color: green; text-decoration: underline overline;}
A.lateral:hover {text-decoration: underline overline; }