body {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-family: Georgia, "Times New Roman", serif;
        background-image: url("../images/filet.gif");
	background-position: 50%;
	background-repeat: repeat-y;
        background-color: #333;
	}

body.unacolumna {
        background-image: none;
	}

/******************
Layout
*****************/
div#contenidor {
	width: 760px;
	height: 100%;
	margin: 0 auto;
	background-image: url("../images/dalt.png");
	background-repeat: no-repeat;
        }

* html body div#contenidor {
        background-image: url("../images/dalt.gif");
        }

div#contenidor.unacolumna {
	background-color: white;
	}

div#header {
	height: 180px;
	}

div#right {
	float: right;
	width: 290px; /*eren 320 i restem 30 dels padding*/
	font-size: .9em;
	padding: 0 15px;
	margin: 0;
	}

div#main {
	margin: 0 320px 0 0;
	padding: 0px 15px 0 25px;
	/*border-right: 1px solid red;*/
	font-size: .9em;
	}

div#main.unacolumna {
	margin: 0;
	}

div#footer {
	height: 67px;
	background-image: url("../images/footer.png");
	clear: both;
        text-align: center;
        /*border: 1px solid transparent;*/
	}

div#footer ul {
	margin: 0;
        padding: 48px 0 0 0;
	}

* html body div#footer {
	background-image: url("../images/footer.gif");
	}

#accessibility {
	position: absolute;
	top: -10000px;
        }

/*Header*/
div#header h1, h2 {
	text-indent: -10000px;
	padding: 0;
	margin: 0;
	height: 57px;
        }

/******************
Menú principal
*******************/
ul#navigation {
	margin: 0;
	padding: 0 0 0 12px;
	list-style-type: none;
        }

ul#navigation li {
	display: inline;
	}

ul#navigation li a {
	text-decoration: none;
	margin: 0 .5em;
	color: #333;
	font-size: .7em;
	font-weight: 800;
        text-transform: uppercase;
        }

ul#navigation li a:hover {
	color: #b7522b;
	}

ul#navigation li a:active {
	color: #999900;
	}

/******************
Articles
******************/
div#main {
	color: #333;
	}

div#main h3, h4, h5, h6 {
	margin: 0;
	}

div#main h4, h5, h6 {
        margin-top: .8em;
        }

div#main h3 {
	font-size: 1.5em;
        line-height: 1.2em;
	}

div#main h4 {
	font-size: 1.2em;
        }

div#main h5 {
	font-size: 1.1em;
	}

div#main h6 {
	font-size: 1em;
	}

div#main h3 a {
	color: #333;
        text-decoration: none;
	}

div#main p.anterior {
	float: left;
        width: 50%;
	}

div#main p.siguiente {
	text-align: right;
        float: right;
        width: 50%;
	}

div#main h3 a:hover {
	color: #999900;
 	}

div.article {
	margin: 1.5em 0 0 0;
	border-bottom: 1px solid #ebebcc;
	padding: 0 0 .5em 0;
        /*font-family: arial, verdana, sans-serif;
	font-size: .9em;*/
        line-height: 1.3em;
	}

/*div.article h3, h4, h5, h6 {
        font-family: Georgia, "Times New Roman", serif;
	}*/

.data, .archivado, .leermas, p.prev a, p.next a {
	font-family: arial, verdana, sans-serif;
	color: #b7522b;
	font-size: .8em;
	}

.article p.data {
	background-image: url("../images/asterisc.gif");
	background-repeat: no-repeat;
	background-position: 0 .2em;
        padding: 0 0 0 1.5em;
	}

.article p.archivado {
	color: #999900;
	padding: 0;
	margin: 0;
	}

.article dt {
	font-weight: bold;
	}

.article p a, a:visited {
	color: #999900;
        margin: 0;
	padding: 0;
        text-decoration: underline;
	}

.article p a:hover {
	color: #b7522b;
        text-decoration: none;
	}

p.leermas {
	margin: 0;
	padding: 0;
	float: right;
	width: 71px;
        text-align: right;
	/*background-image: url("../images/leermas.gif");
	background-repeat: no-repeat;
	background-position: 100% 1px;*/
	}

p.leermas a:link, a:active, a:visited {
	text-decoration: underline;
	color: #b7522b;
	}	

p.leermas a:hover {
	text-decoration: none;
	color: #b7522b;
	}

.article p.archivado a:link, a:active, a:visited {
	text-decoration: underline;
	color: #999900;
	}	

.article p.archivado a:hover {
	text-decoration: none;
	color: #b7522b;
	}

p.prev {
        float: left;
        width: 50%;
        }

p.next {
        text-align: right;
        }

div.clearit {
        clear: left;
        margin: 0;
        padding: 0;
        }

/*.article em {
        font-style: normal;
        color: #999900;
        }*/

.article ul li {
        margin: .3em 0;
        }

.article ol {
        list-style-type: upper-roman;
        }

.article img {
        float: left;
        width: 150px;
        padding: 5px;
        margin: 0 15px 0 0;
        border: 1px solid #ebebcc;
        }
p.avis {
        background-color: #f8f7dd;
        border: 1px solid #ebebcc;
        padding: 1em;
        }

/******************
Contacte
******************/

div#main input, textarea {
	color: #666;
	font-size: .9em;
	background-color: #ebebcc;
	border: none;
        width: 200px;
	}
div#main input.boto {
	background-color: #fff;
	color: #999;
	border: 1px solid silver;
        width: 80px;
	}


/******************
Dreta
******************/
div#right div {
	margin-bottom: 35px;
	/*border-bottom: 1px solid #ebebcc;*/
	}
div#quienes {
        margin: -30px 0 0 0;
	font-size: 1em;
        }
* html div#quienes {
        margin: 0;
        }
div#right h3 {
	color: #333;
	font-size: .8em;
	letter-spacing: .1em;
	margin: 1em 0 0 0;
        text-transform: uppercase;
	}
div#right h3 a {
	color: #333;
        text-decoration: underline;
	}
div#right h3 a:hover {
	color: #333;
        text-decoration: none;
	}
div#right p {
	color: #999900;
	margin: .5em  0;
	font-family: arial, verdana, sans-serif;
	font-size: .9em;
	line-height: 1.2em;
	}
div#quienes p {
	color: #b7522b;
	}
div#quienes p.leermas {
	font-size: .8em;
	}
div#right fieldset {
	border: none;
	margin: 0;
	padding: 0;
	}
div#right input {
	color: #666;
	font-size: 1em;
	background-color: #ebebcc;
	border: none;
	}
div#right input.boto {
	background-color: #fff;
	color: #999;
	border: 1px solid silver;
	}

/*Menús Dreta*/
div#right ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
div#right ul li {
	display: block;
	margin: .5em 0;
	border-bottom: 1px solid #ebebcc; 
	}
	
div#right li a {
	text-decoration: none;
	color: #999900;
	font-size: 1em;
	margin: 0;
	}

div#right li a:hover {
	color: #b7522b;
	}

div#right li a:active {
	color: #999900;
	}


/******************
Peu
******************/
ul#peu {
        font-size: .6em;
	margin: 0;
	padding: 0;
	list-style-type: none;
        }

ul#peu li {
	display: inline;
        margin: 0 .3em;
        color: #333;
	}

ul#peu li a, a:visited {
        color: #b7522b;
	text-decoration: none;
	}

ul#peu li a:hover {
	color: #999900;
        text-decoration: underline;
	}

ul#peu li a:active {
	color: #999900;
	}

/******************
Taula Lonjas
******************/
div.article table {
	border-collapse: collapse;
	font-size: .9em;
	line-height: 1em;
	background: #fff;
	margin: 1em auto;
}
div.article table caption {
	/*display: none;*/
	margin: auto;
	font-weight: bold;
}
div.article table colgroup col.media {
        background-color: #ebebcc;
}
div.article table td, th {
	border: 1px solid #ccc;
	padding: 0.5em;
}
div.article table thead th {
	text-align: left;
	font-size: 1em;
	font-weight: bold;
	background: #999900;
	text-align: center;
}
div.article table thead th.any {
	background: #ebebcc;
}
div.article table tfoot th, tfoot td {
	border: 1px solid #ccc;
	text-align: left;
	font-size: 1em;
	background: #666;
}
div.article table tbody td a {
	background: transparent;
	color: #00c;
	text-decoration: underline;
}
div.article table tbody th, tbody td {
	vertical-align: top;
	text-align: left;
}
div.article table tfoot td {
        font-size: .7em;
	color: #333;
	text-align: left;
        background-color: #fff;
        border: none;
}
div.article table tbody tr:hover {
	color: #000;
	background: #ebebcc;
}

/******************
Varis
******************/
acronym {
	cursor: help;
        border-bottom: 1px dotted;
}