/*****************************/
/* Estils web ferrobric */
/*****************************/

body {	
	margin:0;
	padding:0;
	text-align: center;
	font-family: Tahoma, Verdana, Helvetica;
	font-size: 11px;
	background-color: white;
	}
	
/**********************/	
/* estils de les divs */
/**********************/

#container {
	width:100%;
	
	}	

#principal {
	width: 900px;	
	margin: 0 auto;
	text-align: center;
	background-color: white; 	
	}	

#header {
  }

#menu {    
  width: 900px;  
  height: 40px;
  }	

#contingut-esquerra {    
  width: 580px;
  height: auto !important;
  height: 400px;
  min-height: 400px;
  padding: 0px;
  border: 0px solid black; 
  } 
  
#contingut-dreta {  
  width: 300px;
  height: auto !important;
  height: 400px;
  min-height: 400px;
  border: 0px solid black;  
  background-color: #991018;  
  } 

#contingut-novetats {
  padding-top: 2px;
  width: 375px;  
  height: 150px;
  border: 2px solid #8C8C8B;
  overflow: hidden;
  }

#contingut-consells {  
  padding-top: 2px;
  width: 475px;
  height: 150px;
  border: 2px solid #8C8C8B;
  overflow: hidden;
  }
    
#footer{  
  }	
	
#under-all {
  padding-top: 15px;
  width: 90%;
  height: 40px;
  margin: 0 auto;  
  }

#esquerraFonsGris {    
  width: 600px;
  height: auto !important;
  height: 400px;
  min-height: 400px;
  padding: 0px;
  border: 0px solid black; 
  background-color: #8C8C8B;
  } 
  	
#esquerraFonsBlanc {    
  width: 600px;
  height: auto !important;
  height: 400px;
  min-height: 400px;
  padding: 0px;
  border: 0px solid black; 
  background-color: white;
  }  
#producteTitol {
  width: 100%;
  padding: 5px;
  margin: 0 auto; 
  background-color: #8C8C8B;
  }  

#producteContingut {
  width: 95%;
  margin: 0 auto;      /*  alinia al centre: align=center */
  }  

    
/*********************/	
/* estils dels links */
/*********************/

a.menu:link { text-decoration: none; font-family:  Tahoma, Arial; font-size: 12px; font-weight: bold; color: white; }
a.menu:visited { text-decoration: none; font-family:  Tahoma, Arial; font-size: 12px; font-weight: bold; color: white; }
a.menu:hover { text-decoration: none; font-family:  Tahoma, Arial; font-size: 12px; font-weight: bold; color: white; }

a.email:link { text-decoration: none; font-family:  Tahoma, Arial; font-size: 12px; font-weight: bold; color: blue; }
a.email:visited { text-decoration: none; font-family:  Tahoma, Arial; font-size: 12px; font-weight: bold; color: blue; }
a.email:hover { text-decoration: none; font-family:  Tahoma, Arial; font-size: 12px; font-weight: bold; color: blue; }

a.emailBlanc:link { text-decoration: none; font-family:  Tahoma, Arial; font-size: 12px; font-weight: bold; color: white; }
a.emailBlanc:visited { text-decoration: none; font-family:  Tahoma, Arial; font-size: 12px; font-weight: bold; color: white; }
a.emailBlanc:hover { text-decoration: none; font-family:  Tahoma, Arial; font-size: 12px; font-weight: bold; color: white; }

a.linkNegre:link { text-decoration: none; font-family:  Tahoma, Arial; font-size: 12px; font-weight: bold; color: black; }
a.linkNegre:visited { text-decoration: none; font-family:  Tahoma, Arial; font-size: 12px; font-weight: bold; color: black; }
a.linkNegre:hover { text-decoration: none; font-family:  Tahoma, Arial; font-size: 12px; font-weight: bold; color: black; }

a.fitxers:link { text-decoration: none; font-family:  Verdana, Arial; font-size: 11px; font-weight: normal; color: #B33D3D;}
a.fitxers:visited { text-decoration: none; font-family:  Verdana, Arial; font-size: 11px; font-weight: normal; color: #B33D3D;}
a.fitxers:hover { text-decoration: none; font-family:  Verdana, Arial; font-size: 11px; font-weight: normal; color: #B33D3D;}

a.ampliaLink:link { text-decoration: none; font-family: Verdana, Arial; font-size: 11px; font-weight: bold; color: #8C8C8B; }
a.ampliaLink:visited { text-decoration: none; font-family: Verdana, Arial; font-size: 11px; font-weight: bold; color: #8C8C8B; }
a.ampliaLink:hover { text-decoration: none; font-family:  Verdana, Arial; font-size: 11px; font-weight: bold; color: #8C8C8B; }

a.ampliaNovetat:link { text-decoration: none; font-family: Verdana, Arial; font-size: 11px; font-weight: bold; color: black; }
a.ampliaNovetat:visited { text-decoration: none; font-family: Verdana, Arial; font-size: 11px; font-weight: bold; color: black; }
a.ampliaNovetat:hover { text-decoration: none; font-family:  Verdana, Arial; font-size: 11px; font-weight: bold; color: black; }

a.Pagina:link { text-decoration: none; font-family: Tahoma, Arial; font-size: 9px; font-weight: bold; color: #991018; border: 1px solid #991018; padding: 3px; }
a.Pagina:visited { text-decoration: none; font-family: Tahoma, Arial; font-size: 9px; font-weight: bold; color: #991018; border: 1px solid #991018; padding: 3px; } 
a.Pagina:hover { text-decoration: none; font-family: Tahoma, Arial; font-size: 9px; font-weight: bold; color: white; border: 1px solid #991018; background-color: #991018; padding: 3px; }

/*********************/	
/* estils dels texts */
/*********************/

.generalText { text-decoration: none; font-family: Tahoma, Arial; font-size: 12px; font-weight: bold; color: black; }
.adresa { text-decoration: none; font-family: Tahoma, Arial; font-size: 12px; font-weight: bold; color: #8C8C8B; }
.adresaBlanc { text-decoration: none; font-family: Tahoma, Arial; font-size: 12px; font-weight: bold; color: white; }
.noticiaTitol { text-decoration: none; font-family: Verdana, Tahoma, Arial; font-size: 13px; font-weight: bold; color: #8C8C8B; text-transform: uppercase; }
.detallsText { text-decoration: none; font-family: Verdana, Arial; font-size: 11px; font-weight: bold; color: black; }
.PaginaActual { text-decoration: none; font-family: Tahoma, Arial; font-size: 9px; font-weight: bold; color: white; border: 1px solid #991018; background-color: #991018; padding: 3px; }
.seccioTitol  { text-decoration: none; font-family: Verdana, Arial; font-size: 12px; font-weight: bold; color: #991018; }

/************************/	
/* estils de les taules */
/************************/

.mainTable {  
  margin: 0px;
  padding: 0px;
  background-color: white;  
  width: 900px;
  }

.mainTableLeft {
  margin: 0px;
  padding: 0px;
  width: 530px;
  }

.mainTableRight {
  margin: 0px;
  padding: 0px;
  width: 450px;
  }  
.mainTableAdvice {
  margin: 0px;
  padding: 10px;
  width: 450px;  
  }   

.mainTableNews {
  margin: 0px;
  padding: 10px;
  width: 450px;   
  }
  
.menuCell {
  width: 110px;
  padding-bottom: 18px;      
  text-align: center;
  vertical-align: middle;
  }
  
.productesCell {
    padding: 10px;
  }
  
.categoriaTable {
  margin: 0 auto;
  width: 100%;
  border: 1px solid #E12D00;
  padding: 3px;
  }

.localitzacioTable {
  width: 100%;
  height: 100%;
  padding: 10px;
  } 
     
/**************/	
/* formularis */
/**************/	

.contingutTextArea {
  width: 325px;
  height: 80px;
  border: 1px solid black;
  }

textarea:focus { background-color: #fee3ad; }
input { border: 1px solid black; }  
input:focus { background-color: #fee3ad; }

/**************/	
/* miscelanea */
/**************/	

.llista {  
  list-style-type: square;
  }