
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;*/
	
}

#content{
	margin:auto;
	background-image: url("img/fncon.jpg");
	background-repeat: repeat-y;
	/*height:1200px;*/
	width: 950px;	
	border:0px solid #ff0000;
}

/**********capçalera*************/

#content #capesq{
	background-image:url('img/capesq.jpg');
	background-repeat:no-repeat;
	width:306px;
	height:321px;
	float:left;
}

#content #capdre{
	background-image:url('img/capdre.jpg');
	background-repeat:no-repeat;
	width:644px;
	height:448px;
	float:right;
}

#content #capdre2{
	background-image:url('img/capdre2.jpg');
	background-repeat:no-repeat;
	width:644px;
	height:448px;
	float:right;
}

#content #capdre3{
	background-image:url('img/capdre3.jpg');
	background-repeat:no-repeat;
	width:644px;
	height:448px;
	float:right;
}

#content #capdre4{
	background-image:url('img/capdre4.jpg');
	background-repeat:no-repeat;
	width:644px;
	height:321px;
	float:right;
}

#content #capdre6{
	background-image:url('img/capdre6.jpg');
	background-repeat:no-repeat;
	width:644px;
	height:320px;
	float:right;
}

#content #capdre7{
	background-image:url('img/capdre7.jpg');
	background-repeat:no-repeat;
	width:644px;
	height:320px;
	float:right;
}

a.logoc{
	display:block;
	border:0px solid #ff0000;
	width:220px;
	height:185px;
	text-align:left;
	margin:0px;
	padding:0px;
	float:left;
	text-decoration:none;
	margin-left:20px;
	margin-top:40px;
}
/*********links part superior****************/
a.menu{
	border:0px solid #ff0000;	
	text-align:left;
	display:block;
	float:left;
	padding-left:70px;
	padding-top:20px;
}

a.menu2{
	border:0px solid #ff0000;	
	text-align:left;
	display:block;
	float:left;
	padding-top:20px;
	padding-left:15px;
}

a.menu img{	
	border:0px solid #ffffff;	
}

a.menu2 img{	
	border:0px solid #ffffff;	
}

/***********caixes links superiors*****************/
#links{
	border:0px solid #ff0000;
	padding-top:195px;
	float:right;
	width:475px;	
	text-align:right;	
}

#links a{
	color:#000000;
	text-decoration:none;
}

.l1{
	border:0px solid #000000;
	background-image:url("img/linkBuch.jpg");
	width:118px;
	height:43px;
	display:block;
	float:left;
}

.l2{
	border:0px solid #000000;
	background-image:url("img/linkAud.jpg");
	width:118px;
	height:43px;
	display:block;
	float:left;
}

.l3{
	border:0px solid #000000;
	background-image:url("img/linkTaller.jpg");
	width:118px;
	height:43px;
	display:block;
	float:left;
}

.l4{
	border:0px solid #000000;	
	background-image:url("img/linkGal.jpg");
	width:118px;
	height:43px;
	display:block;
	float:left;
}

/**********content esquerra**************************/
#content #esquerra{
	width:306px;
	background-color:#e5af11;
	float:left;
	padding-bottom:10px;
	border:0px solid #000000;
}

#content #esquerra img{
	border:0px solid #000000;
	margin-top:20px;
	text-align:left;
	margin-left:10px;
}

#content #esquerra p{
	display:block;
	border:0px solid #ff0000;
	text-align:justify;
	font-size:13px;
	padding-left:40px;
	padding-right:37px;
	margin:0px;
}

#content #esquerra ul{
	list-style-type:none;
	font-size:12px;
	text-align:left;
	margin-top:2px;
	padding-left:40px;

}

#content #esquerra ul li a{
	color:#000000;
	text-decoration:none;
}

#content #esquerra a.col{
	color:#000000;
	text-decoration:none;
	text-align:left;
	font-size:12px;
	display:block;
	padding-left:40px;
}
/**************content dreta******************/
#content #dreta{
	width:622px;
	background-color:#ffffff;
	display:block;
	float:left;
	margin:0px;
	font-size:13px;
	padding-bottom:50px;
	text-align:left;
	padding-left:20px;
	border:0px solid #ff0000;
}

/******************part de dalt video*****************/
.capsaVideo2{
	border:0px solid #ff0000;
	display:block;
	width:620px;
	float:right;
	padding-top:5px;
	margin:0px;
	font-size:13px;
	text-align:left;
}
.capsaVideo2 img.def{
float:left;
padding-top:20px;
padding-right:15px;

}

.capsaVideo{
	border:0px solid #ff0000;
	display:block;
	width:620px;
	float:right;
	padding-top:25px;
	margin:0px;
	font-size:13px;
	text-align:left;
}

.capsaVideo p{
	display:block;
	float:left;
	text-align:justify;
	width:240px;
	padding-right:10px;
	border:0px solid #FF0000;
	margin:0px;
}

.capsaVideo span{
	border:0px solid #fff000;
	display:block;
	float:right;
	text-align:left;
	width:140px;
	color:#e58e11;
	font-weight:bold;
}

.capsaVideo p img{
	margin-bottom:10px;
}

/**************formulari butlleti***************/
.butlleti{
	background-color:#000000;
	/*height:200px;*/
	text-align:left;
	padding-left:25px;
	color:#ffffff;
	font-size:13px;
	padding-bottom:10px;
}

.butlleti img{
	padding-bottom:10px;
}

.butlleti label{
	color:#FFFFFF;
	font-size:12px;
	display:block;
	float:left;
	width:70px;
	font-weight:bold;
	border:0px solid #ffffff;
}

.input2{
	margin-bottom:8px;
	width:116px;
	height:16px;
	border:1px solid #FFFFFF;
}

.input{
	width:170px;
	height:16px;
	border:1px solid #FFFFFF;
	margin-bottom:8px;
}

.butlleti textarea{
	border:1px solid #FFFFFF;
	width:243px;
	height:112px;
}

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;
}

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;
}

/************principal part central******************/
.noticies{
	border:0px solid #000000;
	width:290px;
	text-align:left;
	float:left;
	
	/*padding-right:20px;*/
	padding-top:10px;
	margin:0px;
}

.noticies img{
	margin-right:10px;
	float:left;
	border:0px solid #000000;
}

.noticies a{
	color:#e58f11;
	border:0px solid #000000;
	text-decoration:none;
}

.agenda{
	width:290px;
	border:0px solid #000000;
	float:right;
	text-align:left;
	padding-top:10px;
	/*padding-right:20px;*/
	font-size:11px;
	margin:0px;
}

.agenda img{	
	border:0px solid #000000;
}

.agenda a{
	color:#e58f11;
	border:0px solid #000000;
	text-decoration:none;
	font-size:13px;
}

/**********part central interiors******************/
.esq{
	border:0px solid #000000;
	width:220px;
	text-align:left;
	float:left;	
	padding-top:10px;
	margin:0px;
}

.dre{
	width:365px;
	border:0px solid #000000;
	float:right;
	text-align:left;
	padding-top:5px;
	padding-right:10px;
	font-size:11px;
	margin:0px;
}

.dre img{
	margin-right:20px;
}


/***************noticies*********************/
.noticia{
	border:0px solid #ff0000;
	padding:10px;
}

.noticia img{
	margin-right:10px;
	float:left;
	border:0px solid #000000;
}

.noticia a{
	color:#e58f11;
	border:0px solid #000000;
	text-decoration:none;
}

.agend{
	border:0px solid #ff0000;
	margin:0px;
}

.agend img{	
	border:0px solid #000000;
}

.agend a{
	color:#e58f11;
	border:0px solid #000000;
	text-decoration:none;
	font-size:13px;
}

#dreta2{
	width:600px;
	background-color:#ffffff;
	display:block;
	float:left;
	margin:0px;
	font-size:13px;
	padding-bottom:50px;
	text-align:left;
	padding-left:20px;
	padding-right:20px;
	border:0px solid #ff0000;
}

#dreta2 h2{
	font-size:17px;
}

#dreta2 h3{
	font-size:14px;
}

#dreta2 img{
	float:left;
	margin-right:10px;
}

/*******************peu**********************/
#content #peu{
	background-color:#000000;
	height:116px;
	padding-top:10px;
	color:#ffffff;
	text-align:left;
	font-size:12px;
}

.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;
}

/**********CONTACTAR*******************/	

#content #capdre5{
	background-image:url('img/capdre5.jpg');
	background-repeat:no-repeat;
	width:644px;
	height:380px;
	float:right;
}

.formulari{
	border:0px solid #ff0000;
	float:left;
}

.formulari label{
	display:block;
	float:left;
	width:150px;
	padding-left:10px;
}

.formulari input{
	margin-bottom:10px;
	width:250px;
	border:1px solid #bdbdbd;
}

.formulari textarea{
	margin-bottom:10px;
	width:250px;
	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;
}

/*********seps***********/
.sep{
	clear:both;
}

.sep2{
	clear:both;
	border:4px solid #fdc044;
	margin:0px;
	padding:0px;
}

.sep3{
	clear:both;
	background-image:url("img/ssep.jpg");
	background-repeat:no-repeat;
	width:70px;
	height:40px;
	margin-top:20px;
}

.sep4{
	clear:both;
	border-bottom:2px solid #fdc044;
	padding:7px;
	width:600px;
	margin:auto;
}


/************************* INTERIORS *****************************/

#contentint{

	margin:auto;
	background-image: url("img/fncontint.gif");
	background-repeat: repeat-y;
	/*height:1200px;*/
	width: 950px;	
	border:0px solid #ff0000;

}

#contentint #cap{
	background-image: url("img/capint.jpg");
	width:950px;
	height:237px;
	border:1px solid;

}

#contentint #cap #lks{
	float:right;
	padding-top:110px;
	padding-right:10px;
	border:1px solid;
	
}
#contentint #cap #lks a{
	text-decoration:none;
	width:118px;
	height:43px;
	display:block;
	float:left;
}


#contentint #cap a.r2{
	background-image:url("img/linkBuch.jpg");

}

#contentint #cap a.l2{background-image:url("img/linkAud.jpg");}

#contentint #cap a.l3{background-image:url("img/linkTaller.jpg");}

#contentint #cap a.l4{background-image:url("img/linkGal.jpg");}


.path{
	float:left;
	font-size:13px;
	padding-left:60px;
	padding-top:10px;
}

.utils{
	float:right;
	padding-right:20px;
	padding-top:10px;	
	font-size:13px;

}

.path a{

color:#d58700;
text-decoration:none;
}

.path a:hover{

text-decoration:underline;

}

#contentint .sepint{
border:1px solid;
clear:both;

}


.servei{

clear:both;

}


.sep{

clear:both;

}

/********************Serveis princiapls************************/

.servei{
margin-top:20px;
border-bottom:1px dotted #CCCCCC;
clear:both;
padding-bottom:20px;
margin-bottom:20px;
}

.servei img{
border:1px solid;

}

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;
}

a{

text-decoration:none;
color:#000000;
}

a:hover{
text-decoration:underline;

}

p.noti{
	font-size:11px;
	margin:0px;
	line-height:17px;
}