BODY{
	margin: auto;
	margin-top:0px;	
	text-align: center;
	font-family:'trebuchet Ms';
	background-image: url("bg.jpg");
	background-repeat: no-repeat;
	background-color:#c2c2c2;
	/*text-align:center;*/
	font-size:14px;
	
}

a{

text-decoration:none;
color:#000000;
}

a:hover{
text-decoration:underline;

}



/************************* INTERIORS *****************************/

#contentint{

	margin:auto;
	background-image: url("img/fncontint.gif");
	background-repeat: repeat-y;
	/*height:1200px;*/
	width: 950px;	

}

#contentint #cap{
	background-image: url("img/capint.jpg");
	width:950px;
	height:237px;	
}

#contentint #capb{
	background-image: url("img/capintbuch.jpg");
	width:950px;
	height:237px;	
}

#contentint #caps{
	background-image: url("img/capintserveis.jpg");
	width:950px;
	height:237px;	
}

#contentint #capt{
	background-image: url("img/capinttreballs.jpg");
	width:950px;
	height:237px;	
}

#contentint #capa{
	background-image: url("img/capintactualitat.jpg");
	width:950px;
	height:237px;	
}

#contentint #capc{
	background-image: url("img/capintcontactar.jpg");
	width:950px;
	height:237px;	
}

#contentint #capal{
	background-image: url("img/capintavis.jpg");
	width:950px;
	height:237px;	
}

#contentint #capm{
	background-image: url("img/capintmapa.jpg");
	width:950px;
	height:237px;	
}

#contentint #capcol{
	background-image: url("img/capintcol.jpg");
	width:950px;
	height:237px;	
}

#contentint #cos{
width:950px;
/*height:900px;*/
font-size:12px;
/*padding-bottom:20px;*/
}

#contentint #cos #esquerra{
width:276px;
padding-top:10px;
/*height:500px;*/
float:left;
text-align:left;

}

#contentint #cos #dreta{
width:620px;
/*height:500px;*/
float:left;
text-align:left;
padding:10px;
padding-left:25px;
padding-right:25px;
}

#contentint #cos #esquerra form{
width:256px;
background-color:#000000;

border-top:5px solid #FFFFFF;
border-bottom:5px solid #FFFFFF;
padding:10px;
}



/**************formulari butlleti***************/
#contentint #cos #esquerra form img{
	padding-bottom:10px;
}

#contentint #cos #esquerra form label{
	color:#FFFFFF;
	font-size:12px;
	display:block;
	float:left;
	width:70px;
	font-weight:bold;
	border:0px solid #ffffff;
}

#contentint #cos #esquerra form .input2{
	margin-bottom:8px;
	width:116px;
	height:16px;
	border:1px solid #FFFFFF;
}

#contentint #cos #esquerra form .input{
	width:170px;
	height:16px;
	border:1px solid #FFFFFF;
	margin-bottom:8px;
}

#contentint #cos #esquerra form  textarea{
	border:1px solid #FFFFFF;
	width:243px;
	height:112px;
}

#contentint #cos #esquerra form a.botob{
	background-image:url('img/botob.jpg');
	background-repeat:no-repeat;
	width:80px;
	height:40px;
	display:block;
	float:right;
	text-decoration:none;
	border:0px solid #ffffff;
}

#contentint #cos #esquerra form a.boto2{
	background-image:url('img/boto2.jpg');
	background-repeat:no-repeat;
	width:113px;
	height:37px;
	display:block;
	text-decoration:none;
	border:0px solid #ffffff;
	margin-top:15px;
}



#contentint #cos #esquerra .historic{
text-align:center;

}

#contentint #cos #esquerra .historic strong{
padding-bottom:10px;
display:block;

}


/************************ LINKS SUPERIORS **************************************/

#lksup{
	width:865px;
	text-align:left;
	padding-left:85px;
	padding-top:10px;
}

#lksup img{
	border:0px solid;
}

/************************ LINKS PRINCIPALS **************************************/

#contentint #lks{
	float:right;
	padding-top:115px;
	padding-right:10px;
	height:43px;	
}

#contentint #lks a{
	text-decoration:none;
	width:118px;
	height:43px;
	display:block;
	float:left;
}


#contentint a.r2{background-image:url("img/linkBuch.jpg");}
#contentint a.l2{background-image:url("img/linkAud.jpg");}
#contentint a.l3{background-image:url("img/linkTaller.jpg");}
#contentint a.l4{background-image:url("img/linkGal.jpg");}

/************************ LINKS LOGO **************************************/
#contentint a.logo{
	text-decoration:none;
	padding-top:115px;
	padding-right:10px;
	width:400px;
	height:43px;
	display:block;
	float:left;
	
}


/************************ PATH **************************************/

.path{
	float:left;
	font-size:13px;
	padding-left:300px;
	padding-top:15px;
}
.path a{

color:#d58700;
text-decoration:none;
}

.path a:hover{

text-decoration:underline;

}


/************************ UTILS **************************************/

.utils{
	float:right;
	padding-right:20px;
	padding-top:15px;	
	font-size:13px;

}



#contentint .sepint {clear:both;}


/*******************PEU**********************/
#contentint #peu{
	background-color:#000000;
	height:116px;
	padding-top:10px;
	color:#ffffff;
	text-align:left;
	font-size:12px;
	width:950px;
	color:#e5af11;
}

.logo{
	float:left;
	margin-left:0px;
}

a.peu{
	color:#e5af11;
	border:0px solid #e5af11;
	text-decoration:none;
	font-size:12px;
	text-align:left;
	/*display:block;
	width:auto;
	float:left;*/
	padding-left:5px;
	padding-right:5px;
}

a:hover.peu{
	color:#e5af11;
	text-decoration:underline;
}
a.dc{
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	float:right;
	border:0px solid #ffffff;
	width:200px;
	text-align:left;
}

a.dc img{
	border:0px;
	margin-left:10px;
}


/********************** NOTÍCIES I ACTUALITAT*********************************/


#contentint #cos #esquerra .historic{
text-align:center;
padding-top:0px;
margin-top:0px;
}

#contentint #cos #esquerra .historic strong{
padding-bottom:10px;
display:block;
color:#FFFFFF;

}

/********************** FRANJA NOTICIES*********************************/
#contentint #cos #dreta #noticies{

width:295px;
float:left;
padding-right:15px;

}

#contentint #cos #dreta #noticies .noticia{
margin-bottom:20px;
padding-bottom:10px;
border-bottom:1px dotted #CCCCCC;
}

#contentint #noticies .noticia a{
color:#d78e00;
font-weight:bold;
}


#contentint #noticies .noticia p{
text-align:justify;
margin:0px;
padding:0px;
}

#contentint #noticies .noticia img{
float:left;
margin-right:10px;
margin-bottom:5px;
}

#contentint #noticies .noticia strong{
text-transform:uppercase;

}

/***********************************************************************/
#contentint #cos #dreta #agenda{

width:295px;
float:left;
padding-left:15px;


}
#contentint #cos #dreta #agenda .event{
margin-bottom:20px;
padding-bottom:10px;
border-bottom:1px dotted #CCCCCC;
}

#contentint  #agenda .event a{
color:#d78e00;
font-weight:bold;

}


#contentint  #agenda .event p{
text-align:justify;
margin:0px;
padding:0px
}

#contentint  #agenda .event img{
float:left;
margin-right:10px;
margin-bottom:5px;
}


#contentint  #agenda .event i{
color:#d78e00;
}
#contentint  #agenda .event strong{
text-transform:uppercase;

}

h4{
margin:0px;
padding:0px;
padding-bottom:10px;
}

h2{
margin:0px;
padding:0px;
font-size:19px;
color:#d78e00;
}

img.noti{
float:left;
margin-right:15px;
margin-bottom:5px;
}

p{
padding-top:0px;
margin-top:0px;
text-align:justify;
}


/************************SERVEIS************************************/

.servei{
border-bottom:1px dotted #CCCCCC;
clear:both;
padding-bottom:20px;
margin-bottom:20px;

}

.servei img{
border:1px solid;

}

#contentint #cos #esquerra .srv{
text-align:justify;
padding-top:0px;
margin-top:0px;
padding-left:20px;
padding-right:20px;
}
#contentint #cos #esquerra .srv strong{
text-align:center;
display:block;
color:#FFFFFF;

}



/************************DET SERVEIS************************************/

.serveidet{
border-bottom:1px dotted #CCCCCC;
clear:both;
padding-bottom:20px;
margin-bottom:20px;


}
.serveidet .play{
	float:left;
	padding-right:20px;
}


.serveidet img{
	float:left;
	padding-right:20px;
	border:0px solid;
}

.serveidet a{
text-decoration:none;
}

/*******************************/

.formulari{
	border:0px solid #ff0000;
	float:left;
}

.formulari label{
	display:block;
	float:left;
	width:150px;
	padding-left:10px;
}

.formulari input{
	margin-bottom:10px;
	width:200px;
	border:1px solid #bdbdbd;
}

.formulari textarea{
	margin-bottom:10px;
	width:200px;
	overflow:hidden;
	border:1px solid #bdbdbd;
}

.botocon{
	background-color:#000000;
	color:#e5af11;
	font-weight:bold;
	padding:2px;
}

.text{
	border:1px dotted #bdbdbd;
	float:right;
	width:155px;
	margin-right:10px;
	padding:5px;
}

/**************MAPA WEB*****************/

.prin{
	display:block;
	border-bottom:1px dotted #e6b00f;
	margin-bottom:5px;
	/*background-color:#e6b00f;*/
	padding:2px;
}

.sprin{
	display:block;
	border-bottom:1px dotted #e9c24d;
	margin-left:10px;
	margin-bottom:5px;
	/*background-color:#e9c24d; */
	padding:2px;
}

.secun{
	display:block;
	border:0px solid #bdbdbd;
	padding-left:20px;
	margin-bottom:5px;
}


#contentint #cos #esquerra ul{
	border:0px solid #ff0000;
	margin:0px;
	margin-top:0px;
	padding-left:40px;
	list-style-type:none;
	padding-bottom:5px;
	padding-top:0px;
}

#contentint #cos #esquerra ul li{
	padding-bottom:5px;
}