/*
*   Full d'estils 
*   Autor: Jordi Martinez
*   Data: 16/10/2008
*/


/* GENERALS */
* { margin: 0; padding: 0; }

body, html { margin: 0; padding: 0; font-family: Arial; font-size: 12px; background: #FFF; height: 100%; }

/*#wrapper { position: relative; width: 900px; min-height: 100%; height: auto !important; height: 100%; min-height: 100%;  margin-left: auto; margin-right: auto; border: 1px solid red;} /* Centrar pągina IE i la resta*/
#wrapper { position: relative; width: 900px; margin-left: 50%; left: -450px; min-height: 100%; height: auto !important; height: 100%; min-height: 100%; } /* Centrar pągina IE i la resta*/

a {
  text-decoration: none;
  font-family: Verdana;
}

a:link {
  color: #000000;
}

a:visited {
  color: #000000; 
}

a:hover {
  color: #566134;
}

select, input { font-size: 10px; }

p { margin: 12px 0; padding: 0; }

.separador { clear: both; height: 15px; }


/* TOP
------------------------------------ */
#top { width: 100%; height: 132px; background: url(../img/top.jpg) no-repeat; }
#menu { width: 100%; height: 42px; background: url(../img/degradat_menu.jpg) repeat-y; margin: 5px 0; }
#menu ul { list-style: none; margin: 0; padding: 0; }
#menu ul li { float: left; padding: 0 10px; }
#menu ul li a img { position: relative; top: 10px; border: none; }

#menu_idiomes { position: absolute; top: 10px; right: 0; width: auto; height: auto; }
#menu_idiomes ul { list-style: none; margin: 0; padding: 0; }
#menu_idiomes ul li { float: left; padding-left: 5px; }
#menu_idiomes ul li a img { border: none; }

/* FOOTER
------------------------------------ */
#footer { clear: both; width: 100%; height: 10px; padding-top: 20px; background: url(../img/degradat_footer.jpg) no-repeat bottom; }
  

/* APARTATS DE LA WEB */
/* INICI
------------------------------------ */
#inici { }
#inici #columna_esquerra { position: relative; float: left; width: 256px; height: 1550px; background: #f3ee6e url(../img/barra_izquierda.jpg) no-repeat; }
#inici #columna_esquerra #adresa { position: absolute; bottom: 10px; width: 100%; top: 510px; text-align: center; font-weight: bold; }
#inici #contingut { float: left; width: 550px; margin-left: 50px; }
#titol h1 { text-align: right; color: #f4ed6b; font-size: 40px; font-style: italic; margin: 0 0 20px 0; padding: 0; font-weight: normal; }
h2 { clear: both; text-align: left; color: #186eab; font-size: 20px; font-style: normal; margin: 0 0 10px 0; padding: 0; font-weight: normal; text-decoration: underline; }
#inici a { text-decoration: none; color: #186eab; }
#inici a:hover { text-decoration: underline; color: #186eab; }


/* NOVETATS
------------------------------------ */
.conj_novetat { clear: both; /*border: 1px dashed red;*/ }
.titol_novetat { margin-bottom: 20px; font-size: 1.2em; font-weight: bolder; }
img.imatge_novetat { float: right; margin: 0 0 15px 15px; border: 2px solid #DFDFE0; width: 200px; } 
.cont_btn_ver_productos { margin: 12px 0; }
a.btn_ver_productos { padding: 5px; background: #3D3C3D; color: #FFF; }
a.btn_ver_productos:hover { padding: 5px; background: #D30000; color: #FFF; }
.separador_novetats { clear: both; height: 20px; border-top: 1px solid #DFDFE0; }

/* LLISTAT PRODUCTES
------------------------------------ */
#productes {}
#user_actiu { position: absolute; left: 0; }
span.logout { font-size: 10px; }

table.menu_llistat { border: none; border-collapse: collapse; }
table.menu_llistat td.menu { vertical-align: top; background: #cfcece url(../img/degradat_menu_arbre.jpg) repeat-y right; margin: 0; padding: 0; }
table.menu_llistat td.llista_productes { vertical-align: top; background: #edecec; margin: 0; padding: 0; width: 100%;}
 
/* CERCADOR
----------------------------------------------------------------------------- */
#cercador { text-align: left; margin-top: 0; padding: 10px; width: 200px; height: 100px; float: left; min-height:400px; height:auto !important; height:400px; }

#jordi_tree { clear: both; display: none; }
#jordi_tree a { font-size: 12px; }


/* LIST, EDIT, NEW, etc 
----------------------------------------------------------------------------- */
table.llistat { /* Aspecte de la taula on es mostren les dades de la base de dades. Determina que hi ha 1px d'espai buit entre "celdes" */ 
  width: 100%;
  border-collapse: separate;
  border-spacing: 1px;
}

.totReg {  /* Text informació Total de registres */    
  font: bolder 10px Verdana;
  color: #000;
  text-align: right;
  letter-spacing: normal;
  float: right;
  padding-top: 4px;
}

.titol {  /* Titol apartat */      
  font: bolder 14px Arial;
  color: #000;
  float: left;
  text-align: left;
  padding-bottom: 5px;
}

.caption { /* DIV capēalera */    
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
} 

.llista { /* DIV llistat */   
  margin-left: auto;
  margin-right: auto;
  /*clear: both;*/
  text-align: center;
  
  width: 660px; 
  float: left;
  padding: 10px;
}


/* PAGINACIÓ I FORMULARI PAGINACIÓ
----------------------------------------------------------------------------- */
#contingut span.paginacio { 
  font-weight: normal;
  color: #f00;
}

#contingut span.select {   
  font-weight: normal;
  font-size: 12px;
  text-decoration: none;
}


/* TAULES LLISTATS
----------------------------------------------------------------------------- */
 
td.filaLlista1 {  
  /*font: 11px Verdana;*/
  border-bottom: solid 1px #ddd;
  background-color: #FFFFFF;
  color: black;
}

td.filaLlista2 {  
  /*font: 11px Verdana;*/  
  border-bottom: solid 1px #ddd;
  background-color: #C5D0DC;
  color: black;
}

td.filaTitolTaula {  
  font: 11px Arial;
  font-weight: bold;
  /*border: none;*/
  background-color: #505050;
  color: #FFF;
}

td {  
  font: 12px Arial;
  color: #000000;
  padding: 2px 5px;  
}


/* DETALL PRODUCTES
------------------------------------ */
#conj_producte { width: 100%; }
#conj_producte #imatge { float: left; width: 400px; }
#conj_producte #imatge img { width: 400px; border: 2px solid #000; }
#conj_producte #conj_descripcio { float: left; width: 470px; padding-left: 20px; }
#conj_producte #conj_descripcio #nom_producte { font-size: 20px; font-weight: bold; margin-bottom: 15px; }
#conj_producte #conj_descripcio #arxiu_pdf { margin-top: 20px; }
#conj_producte #conj_descripcio #arxiu_pdf a { text-decoration: none; color: #972B2B; font-size: 11px; }
#conj_producte #conj_descripcio #arxiu_pdf a:hover { text-decoration: none; color: #D02B2B; } 

#back_list { clear: both; margin-top: 20px; padding-top: 20px; text-align: left; }


/* FORMULARIS LOGIN - REGISTRE
------------------------------------ */
#registre {}
#registre label { margin: 10px 0 5px 0; }
#registre input { margin-bottom: 5px; width: 100%; }
fieldset { /*border: 1px solid #555;*/ padding: 10px; }
legend { color: #000; }

#frm_esquerra { float: left; width: 400px; }
#frm_dret { float: right; width: 450px; }
#frm_esquerra div, #frm_dret div { text-align: center; margin-top: 15px; }
#registre input.boto { width: 100px; }


/* CONTACTE I LOCALITZACIO
------------------------------------ */
#contacte { }
#contacte #contingut { width: 100%; }

#content #map { width: 100%; height:300px; border: 1px solid #000; }
  #map a { font-size: 10px; color: #555; text-decoration: none; }
  #map a:hover { color: #999; text-decoration: underline; } 

.dades_empresa { font-size: 0.8em; margin-top: 5px; }