* { font-family: Arial, Helvetica, sans-serif }
body { margin: 0px;  background-color: black; }
p,li,div,td { 
	font-size: 13px; 
	color: black; 
	text-align: left;
}

h1 { font-size: 24px; font-weight: normal; color: #3C3C3D; margin: 0px; padding-bottom: 5px; margin-left: 10px; }
h2 { font-size: 18px; font-weight: normal; color: #3C3C3D; margin: 0px; padding-bottom: 5px; }

/*
 *	links
 */
 
a  { font: 13px Arial, Helvetica, sans-serif; color: #FF6600; }
a:hover { text-decoration: none; } 

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.data  { font: 11px sans-serif; color: #3C3C3D;	font-weight:bold; }
input, textarea { font: 12px Arial, Helvetica, sans-serif; }
input[type=submit] { color: black; }

legend { background-color: white; padding-left: 4px; }

/*
 *	GENERICS
 */
 
.wrapper {
	width: 1023px;
	margin: auto;
	background-image: url(../imatges/wrapper.jpg);
	background-repeat: repeat-y;
}

.contingut { 
	width: 1023px; 
	margin: auto;
}
.clear { clear:both; }
.foto img { border: 1px solid #9A9A9A; padding: 2px; }

/*
 *	header
 */
.header { 
	/* background-image:url(../imatges/header.jpg);  */
	background-repeat: no-repeat; 
	height: 337px; 
	margin: auto; 
	position: relative; 
	left: 15px;
}

a.tornada {
	display:block;
	height:191px;
	left:72px;
	position:absolute;
	text-decoration:none;
	top:108px;
	width:250px;
}

/*
 *	sidebar - columna esquerra
 */
 
.sidebar_esquerra { 
	width: 183px; 
	float: left; 
	height: 890px;
	position: relative;
}

.banner { 
	margin-top: 15px;
	margin-left: 7px;
}

.banner a {
	display: block;
	width: 166px;
	height: 98px;
	background-repeat: no-repeat;
	background-position: bottom;
	text-decoration: none;
}

.banner a:hover,a.banner-active {
	background-position: top !important;
}

a.banner-noticies { background-image: url(../imatges/banners/banner-noticies.png); }
a.banner-ofertes { background-image: url(../imatges/banners/banner-ofertes.png); }
a.banner-activitats { background-image: url(../imatges/banners/banner-activitats.png); }
a.banner-contacte { background-image: url(../imatges/banners/banner-contacte.png); }
a.banner-galeria { background-image: url(../imatges/banners/banner-galeria.png); }
a.banner-equip { background-image: url(../imatges/banners/banner-equip.png); }


/*
 * 		MODUL MAINNAV
 */
 
.mainnav {
	width: 878px;
	color: black;
	background-image: url(../imatges/mainnav.jpg);
	background-repeat:repeat-y;
	left:-2px;
	margin:auto;
	position:relative;
}

.mainnav-right {
	float: right;
	width:695px;
	padding-bottom:20px;
}

.mainnav-content {
	padding-top: 8px;
}

/*
 *	TABLE MUR
 */
 
table.mur tr td.icon { 
	text-align: left; 
	width: 50px;
}

table.mur tr td.descripcio { 
	text-align: left;
	padding-bottom: 15px;
}

/*
 *	footer
 */
 
.footer {  
	height: 404px; 
	background-image:url(../imatges/marques.jpg); 
	background-repeat: no-repeat; 
	width: 879px;
	margin: auto; 
	color: black; 
	position: relative;
	left: -1px;
}

.footer-flash {  
	width: 879px;
	margin: auto; 
	position: relative;
	left:-1px;
	//left: -2px;
}


/*
 *	CONTENT GENERAL
 */
div.resum { font-style:italic;  line-height: 17px; }
.item-title {
	background: url('../imatges/item-title.jpg');
	background-repeat: no-repeat;
	width: 169px;
	height: 25px;
}

.apartat-text {
	text-align: justify;
}

/*
 *	 productes
 */

td.producte { width: 180px; } 
div.producte-content { text-align: center; }

a.a-producte-nom img { margin-bottom: 10px; }
a.a-producte-nom { display: block; margin: 5px; text-align: center; color: #9E9E9E; text-decoration: none; }
a.a-producte-nom:hover { color: black; }


/*
 *  piulades
 */

.piulada-descripcio { padding: 0px 40px 0px 20px; text-align: justify; }
.piulada-descripcio p { text-align: justify; }

.piulada h2 { font-size: 13px; font-weight:bold; padding-left: 20px; margin-bottom: 0px; margin-top: 0px; }
.piulada h2.autor { font-size: 13px; font-weight:bold; color: orange; font-style: italic; }


.boto-equip {
display:block;
            height:27px;
            position:absolute;
            top:11px;
            width:122px;
            text-decoration: none;
}


a.component {
	background-position:center top;
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:100px;
	text-decoration:none;
	width:100px;
}

a.component-active {
	background-position:center bottom !important;
}

/*
<a style="background-image: url(../imatges/c_6.jpg); background-position: center top;" onmouseout="this.style.backgroundPosition='top';" onmouseover="this.style.backgroundPosition='bottom';tituleja('6');" href="javascript:;" class="component"> </a>
*/