/* Generals */

body {
	background-color: #FFF;
	background-image: url(../img/fons.png);
	background-repeat: repeat;
	background-attachment: fixed;
	padding: 0;
	margin: 10px auto 10px auto;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 76%;
}

p {
	text-align: justify;
}
.destacat {
	font-weight: bold;
	background-color: #BEB;
}

table {
	width: 100%;
}

/*estructura*/
div#contenidor {
	padding; 0;
	margin: 0 auto 0 auto;
	background-color: #EFE;
	width: 90%;
}

/*CAP*/
div#encapçalament {
	background-color: #606;
	height: 3em;
	padding: 15px;
	margin: 0;
	color: #FB3;
	text-align: right;
	border-top: 3px solid #FB3;
}

#encapçalament img {
float: left;
border: 0;
}

#encapçalament a {
text-decoration: none;
}

#encapçalament h1 {
font-size: 2em;
margin:0;
padding:0;
}

#encapçalament h2 {
font-size: 1em;
margin:0;
padding:0;
}

/*llista*/

/*by Chris Hester a css.maxdesign.com.au*/



 #navcontainer ul
 {
	 border-bottom: 3px solid #FB3;
	 text-align: right;
	 padding-bottom: 5px;
	 padding-top: 1px;
	 padding-left: 0;
	 margin-top: 0;
 /* cancels gap caused by top padding in Opera 7.54 */
	 margin-left: 0;
	 background-color: #606;
	 color: #FB3;
	 width: 100%;
	 line-height: 18px;
	 /* fixes Firefox 0.9.3 */
 }

#navcontainer ul li
{
	display: inline;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 2px;
	/* matches link padding except for left and right */
	padding-top: 1px;
}

#navcontainer ul li a
{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-top: 1px;
	color: #FB3;
	background-color: #606;
	text-decoration: none;
	border-right: 1px solid #FB3;
}

#navcontainer ul li a:hover
{
	background-color: #FB3;
	color: #609;
}

#navcontainer #active { border-left: 1px solid #FB3; }
#navcontainer li#active a {font-weight: bold;}

/*COS*/
div#contingut {
	padding: 2em 2em 0 2em;
}

#contingut a {
text-decoration: none;
}

#contingut a:link {
	color: #360;
	font-weight: bold;
}

#contingut a:visited {
	color: #360;
}

#contingut a:hover {
	color: #693;
	font-weight: bold;
}

#contingut a:active {
	color #6F3;
	font-weight: bold;
}

/*taules*/

td.activitats {
		vertical-align: middle;
		background-color: #BEB;
		font-size: 80%;
		padding: 3px 3px 3px 3px;
}

td.activitats_esdeveniment {
		vertical-align: middle;
		background-color: #7C7;
		font-size: 80%;
		padding: 3px 3px 3px 3px;
}


th.activitats { 
		background-color: #ADA;
}

td.repertori {
		vertical-align: middle;
		background-color: #BEB;
		font-size: 80%;
		padding: 3px 3px 3px 3px;
}

td.repertori_obra {
		vertical-align: middle;
		font-size: 80%;
		padding: 3px 3px 3px 3px;
		background-color: #7C7;
}

th.repertori { 
		background-color: #ADA;
}

td.links {
		vertical-align: middle;
		background-color: #BEB;
		font-size: 80%;
		padding: 3px 3px 3px 3px;
}

/*
table.fotos {
		width: 100%;
}

td.foto {
		background-color: #7C7;
}

.fotocentrada {
		text-align: center;
		display: block;
}

td.fotos_lletra {
		background-color: #BEB;
		text-align: right;
		vertical-align: bottom;
}
*/

/*FOTOS*/
 .thumbnail
 {
	 float: left;
	 width: 165px;
	 height: 220px;
	 border: 1px solid #999;
	 margin: 0 15px 15px 0;
	 padding: 5px;
	 background-color:#BEB;
 }
 .thumbnail img {
	 text-align:center;}


/*PEU*/
#peu { padding-top: 1em;}

#peu ul
 {
	 text-align: center;
	 padding-bottom: 5px;
	 padding-top: 5px;
	 padding-left: 0;
	 margin-top: 0;
 /* cancels gap caused by top padding in Opera 7.54 */
	 margin-left: 0;
	 background-color: #DED;
	 /*color: #FB3;*/
	 color: #609;
	 width: 100%;
	 line-height: 18px;
	 /* fixes Firefox 0.9.3 */
 }

#peu ul li
{
	display: inline;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 5px;
	/* matches link padding except for left and right */
	padding-top: 5px;
}

#peu ul li a
{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	/*color: #FB3;*/
	color: #360;
	text-decoration: none;
	border-right: 1px solid #360;
}

#peu ul li a:hover
{
	background-color: #360;
	color: #DED;
}

/*altres*/

#contingut h3 {
	font-size: 150%;
	color: #360;
}

p.nota {
		font-size: 80%;
		color: #699;
		text-align: right;
}

img.dreta {
	display: block;
	margin-left: 1em;
	float: right;
}