body {
	background-color: #fff; 
	font-family: sans-serif;
	font-size: 12px;
}

#contenidor {
	width:800px;
	height: 100%;
	text-align:left; /* aliniar textos */
	margin:0 auto; /* centra el contenidor */
	/* background: white; */
}

#caixa-logo {
	margin-top: 0px;
	margin-left: 0px;
	/* background-color: yellow; */
	width:190px;
	height:130px;
	float: left;
}

#caixa-logo A {
	text-decoration: none;
	border-width: 0;
}

#caixa-logo A IMG {
	border-width: 0;
}


/********************************************/
/* Menu 1
/********************************************/

#caixa-menu1 {
	margin-top: 0px;
	margin-left: 10px;
	width:190px;
	height:130px;
	float: left;
	overflow: hidden;
}

#caixa-menu1 .enblanc {
	height: 15px;
	margin: 0;
	padding: 0;
	border-width: 0px 0px 1px 0px;
	border-color: rgb(146,143,142);
	border-style: solid;
}


#caixa-menu1 A.guia, 
#caixa-menu1 A.agenda, 
#caixa-menu1 A.mediterrani,
#caixa-menu1 A.cultura,
#caixa-menu1 A.sabor
{
	display: list-item;
	height: 20px;
	list-style-type:  square;
	list-style-position: inside;
	margin: 0;
	padding: 1px 0px 0px 5px;
	list-style-type:  square;
	border-width: 0px 0px 1px 0px;
	border-color: rgb(146,143,142);
	border-style: solid;
	color: rgb(120,120,120);
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.05em;
}

#caixa-menu1 A.guia-selected,
#caixa-menu1 A.guia:hover
{
	display: list-item;
	height: 20px;
	list-style-type:  square;
	list-style-position: inside;
	margin: 0;
	padding: 1px 0px 0px 5px;
	list-style-type:  square;
	border-width: 0px 0px 1px 0px;
	border-color: rgb(146,143,142);
	border-style: solid;
	color: #000000;
	background-image: url('../principal/gr-menu1-guia.png');
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.05em;
}

/* filter: alpha(opacity=50); opacity: .5; */

#caixa-menu1 A.agenda-selected,
#caixa-menu1 A.agenda:hover 
{
	display: list-item;
	height: 20px;
	list-style-type:  square;
	list-style-position: inside;
	margin: 0;
	padding: 1px 0px 0px 5px;
	list-style-type:  square;
	border-width: 0px 0px 1px 0px;
	border-color: rgb(146,143,142);
	border-style: solid;
	color: #000000;
	background-image: url('../principal/gr-menu1-agenda.png');
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.05em;
}

#caixa-menu1 A.mediterrani-selected,
#caixa-menu1 A.mediterrani:hover 
{
	display: list-item;
	height: 20px;
	list-style-type:  square;
	list-style-position: inside;
	margin: 0;
	padding: 1px 0px 0px 5px;
	list-style-type:  square;
	border-width: 0px 0px 1px 0px;
	border-color: rgb(146,143,142);
	border-style: solid;
	color: #000000;
	background-image: url('../principal/gr-menu1-mediterrani.png');
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.05em;
}


#caixa-menu1 A.cultura-selected,
#caixa-menu1 A.cultura:hover 
{
	display: list-item;
	height: 20px;
	list-style-type:  square;
	list-style-position: inside;
	margin: 0;
	padding: 1px 0px 0px 5px;
	list-style-type:  square;
	border-width: 0px 0px 1px 0px;
	border-color: rgb(146,143,142);
	border-style: solid;
	color: #000000;
	background-image: url('../principal/gr-menu1-cultura.png');
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.05em;
}

#caixa-menu1 A.sabor-selected,
#caixa-menu1 A.sabor:hover 
{
	display: list-item;
	height: 20px;
	list-style-type:  square;
	list-style-position: inside;
	margin: 0;
	padding: 1px 0px 0px 5px;
	list-style-type:  square;
	border-width: 0px 0px 1px 0px;
	border-color: rgb(146,143,142);
	border-style: solid;
	color: #000000;
	background-image: url('../principal/gr-menu1-sabor.png');
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.05em;
}


/********************************************/
/* Menu 2
/********************************************/

#caixa-menu2 {
	float: left;
	margin-top: 0px;
	margin-left: 10px;
	width:400px;
	height:130px;
	background: url('gr-menu2.png') repeat-y 0px; 
	/* overflow: hidden; */
}

#caixa-menu2 .columna {
	float: left;
	margin: 0px 10px 0px 0px;
	width:150px;
	height:130px;

}

#caixa-menu2 .columna .enblanc {
	height: 15px;
	margin: 0;
	padding: 0;
	border-width: 0px 0px 1px 0px;
	border-color: rgb(146,143,142);
	border-style: solid;
}


#caixa-menu2 A.opcio 
{
	display: list-item;
	list-style-type:  square;
	list-style-position: inside;
	min-height: 20px;
	margin: 0;
	padding: 1px 0px 0px 5px;
	list-style-type:  square;
	border-width: 0px 0px 1px 0px;
	border-color: rgb(146,143,142);
	border-style: solid;
	color: rgb(120,120,120);
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.05em;
}

#caixa-menu2 A.opcio-selected,
#caixa-menu2 A.opcio:hover 
{
	display: list-item;
	list-style-type:  square;
	list-style-position: inside;
	min-height: 20px;
	margin: 0;
	padding: 1px 0px 0px 5px;
	list-style-type:  square;
	border-width: 0px 0px 1px 0px;
	border-color: rgb(146,143,142);
	border-style: solid;
	color: #000000;
	background-image: url('gr-menu2-opcio.png'); 
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.05em;
}



/********************************************/
/* Menu 3
/********************************************/

#caixa-menu3 {
	float: left;
	margin-top: 10px;
	margin-left: 0px;
	width:190px;
	height:350px;
	background: url('gr-menu3.png') repeat-y 0px; 
}

#caixa-menu3 .enblanc {
	height: 15px;
	margin: 0;
	padding: 0;
	border-width: 0px 0px 1px 0px;
	border-color: rgb(146,143,142);
	border-style: solid;
}


#caixa-menu3 A.opcio 
{
	display: list-item;
	list-style-type:  square;
	list-style-position: inside;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 5px;
	list-style-type:  square;
	border-width: 0px 0px 1px 0px;
	border-color: rgb(146,143,142);
	border-style: solid;
	color: rgb(120,120,120);
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: -0.05em;
	line-height: 2ex;
}

#caixa-menu3 A.opcio-selected,
#caixa-menu3 A.opcio:hover 
{
	display: list-item;
	list-style-type:  square;
	list-style-position: inside;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 5px;
	list-style-type:  square;
	border-width: 0px 0px 1px 0px;
	border-color: rgb(146,143,142);
	border-style: solid;
	color: #000000;
	background-image: url('gr-menu3-opcio.png');
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: -0.05em;
	line-height: 2ex;
}


/********************************************/
/* Contingut
/********************************************/

#caixa-contingut {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	width:600px;
	height:350px;
	/* background-color: yellow; */
	font-size: 12px;
}

/********************************************/
/* Especial pàgina principal
/********************************************/

#caixa-contingut DIV.principal A {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	font-size: 22px;
	font-weight: bold;
	color: #ffffff;
}

#caixa-contingut DIV.principal .enblanc {
	height: 15px;
	margin: 0;
	padding: 0;
}

#caixa-contingut DIV.principal A.benvingut {
	display: block;
	margin: 0px;
	padding: 3px 0px 2px 10px;
	border: 0px solid red;
}


#caixa-contingut DIV.principal A.benvingut:hover {
	display: block;
	color: rgb(120,120,120);
	background-image: url('../principal/gr-benvingut.png');
	/* filter: alpha(opacity=20); /* IE */
	/* opacity: .2; /* CSS3 */
}


/********************************************/
/* Peu
/********************************************/
#caixa-peu {
	float: left;
	margin: 10px 0px;
	padding: 0px;
	/* background-color: orange; */
	height: 40px;
	width:800px;
	overflow: hidden;
	color:rgb(146,143,142);
	font-size: 10px;
}

#caixa-peu DIV.esquerra {
	float: left;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 350px;
	/*
	background-color: yellow; 
	*/
}

#caixa-peu DIV.esquerra IMG {
	padding: 5px 0px 0px 0px;
}

#caixa-peu DIV.centre {
	margin: 0px;
	vertical-align: bottom;
	float: left;
	height: 100%;
	margin: 0px 0px 0px 0px;
	width: 260px;
	text-align: center;
	/*
	background-color: cyan;
	*/
}

#caixa-peu DIV.centre A {
	line-height: 20px;
	text-align: center;
	color:rgb(146,143,142);
	text-decoration: none;
	/*
	background-color: yellow; 
	border: 1px solid red;
	*/
}

#caixa-peu DIV.dreta {
	margin: 0px;
	float: right;
	height: 100%;
	width: 190px;
	text-align: right;
	/*
	background-color: yellow; 
	*/
}

#caixa-peu IMG.bandera {
	text-align: right;
	vertical-align: middle;
	margin: 8px 0px 0px 5px;
	border: 0px;
}

#caixa-peu IMG.correu {
	text-align: right;
	vertical-align: middle;
	margin: 8px 0px 0px 10px;
	border: 0px;
}

#caixa-peu IMG.impressora {
	text-align: right;
	vertical-align: middle;
	margin: 8px 0px 0px 10px;
	border: 0px;
}

#caixa-peu IMG.w3c {
	text-align: right;
	vertical-align: middle;
	margin: 15px 5px 0px 5px;
	border: 0px;
}

#caixa-log {
	float: left;
	margin-top: 10px;
	margin-left: 0px;
	width:800px;
	background-color: #eee;
}

/********************************************/
/* Caixes 
/********************************************/


/* Standard */
.cx {
	position: absolute;
	background-color: #f0f0f0;
	overflow: hidden;
	z-index: 1;
	border: 0px solid red;
	color: #aa4a65;
}

/* Text */
.tx {
	position: absolute;
	background-color: #ffffff;
	overflow: hidden;
	z-index: 2;
	/* padding: 5px; */
	border: 0px solid #eeeeee;
}

.tx A {
	color: blue;
}


/* Scroller */
.sx {
	position: absolute;
	background-color: #ffffff;
	overflow: auto;
	/* padding: 5px; */
	z-index: 2;
	border: 0px solid #eeeeee;
}

/* Transparent */
.rx {
	position: absolute;
	overflow: hidden;
	z-index: 1;
	border: 1px solid yellow;
}

/* Transparent */
.principal {
	position: absolute;
	overflow: hidden;
	z-index: 1;
	border: 0px solid yellow;
}


#caixa-contingut DIV.tx P,
#caixa-contingut DIV.sx P 
{
	margin: 0px;
	padding: 0px 1em 0.5ex 0em;
	text-align: left;
	font-weight: normal;
}

#caixa-contingut DIV.tx P B,
#caixa-contingut DIV.sx P B
{
	font-weight: bold;
	color: #444444;
}

#caixa-contingut DIV.tx A,
#caixa-contingut DIV.sx A 
{
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	color: rgb(93,114,185);
}


#caixa-contingut DIV.tx H1,
#caixa-contingut DIV.sx H1 
{
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 1ex 0px 0px 0px; 
}

#caixa-contingut DIV.tx H2,
#caixa-contingut DIV.sx H2 
{
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 1ex 0px 0px 0px; 
}

#caixa-contingut DIV.tx H3,
#caixa-contingut DIV.sx H3 
{
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 1ex 0px 0px 0px; 
	color: #555555;
}

#caixa-contingut DIV.tx H4,
#caixa-contingut DIV.sx H4 
{
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 1ex 0px 0px 0px; 
	color: #888888;
}


/********************************************/
/* Cercador
/********************************************/
#cercador_wrapper {
 	float: left; 
	margin: 3px 0px;
	padding: 0px;
}

#cercador {
	padding: 0px;
	margin: 0px;
	background: url('../principal/bg-cercador.png');
}

#cercador form {
	margin: 0; /* for IE */
	padding: 0px;
}

#cercador .equal { 
	vertical-align: middle; /* for IE */
}

#cercador #txt {
	font-size: 10px;
	padding: 0px;
	background: white;
	color: rgb(196,193,192); 
	border: 1px solid rgb(196,193,192); 
}

#cercador #txt:focus { /* not working in IE6 */
	color: #000000;
}

#cercador #boto {
	margin: 0px;
	background: none;
}


/****************************/
/* (3) 190 390 590
/*     110
/*     230
/*     350
/*
/* (4) 140 290 440 590
/*      80
/*     170
/*     260
/*     350
/*
/*****************************/