
BODY{
	margin: auto;
	margin-top:0px;	
	text-align: center;
	background-image: url("fn.gif");
	background-repeat: repeat-x;
	background-color:#E5DCCE;
	text-align:center;
		padding-top:0px;
}
a{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
#ctint .avis p{
padding-top:15px;
padding-bottom:15px;
line-height:15px;
}
#ctint .mapa{

padding:40px;
padding-top:10px;
line-height:15px;
font-size:11px;
}
#ctint .mapa ul {
padding-top:10px;


}
#ctint .mapa ul ul{
padding-left:20px;


}
#ctint .mapa ul li{
font-size:14px;
padding-bottom:10px;
}
#ctint .mapa ul ul li{
font-size:12px;
padding-bottom:10px;
}
#ctint .mapa ul ul ul li{
font-size:11px;
padding-bottom:10px;
}

*{padding:0px;margin:0px;}

#capsup{
	margin:auto;
	background-repeat: no-repeat;
	width: 960px;
	font-family:"trebuchet ms";
	font-size:11px;
	color:#FFF;
	padding-top:5px;
	height:20px;
	
	
}
#capsup a{
color:#FFF;
}
#capsup a.sel{
font-weight:bold;
}

#capsup .esquerra{
float:left;
width:400px;
text-align:left;
}
#capsup .dreta{
float:right;
width:400px;
text-align:right;
}


#content{
	margin:auto;
	background-color:white;
	background-repeat: no-repeat;

	width: 960px;
	padding:10px;
	

	
}
#content #esquerra{
width:660px;
float:left;
background-color:#FFF;

padding-right:10px;
text-align:left;
font-family:verdana;
font-size:12px;

}
#content #dreta{
width:280px;
float:left;
font-family:verdana;
font-size:11px;
padding-left:10px;
text-align:left;


}

 #cap{
width:960px;
height:295px;
background-repeat:no-repeat;
padding-bottom:10px;

}
 
#capint{
width:960px;
height:217px;
background-repeat:no-repeat;
background-image:url("img/capint.jpg");
padding-bottom:10px;	
}

 .principales{
background-image:url("img/capprincas.jpg");
}
 .principalct{
background-image:url("img/capprin.jpg");
}



 .federacioes{
background-image:url("img/capfedes.jpg");
}
 .federacioct{
background-image:url("img/capfedct.jpg");
}
 .noti{
background-image:url("img/capnoti.jpg");
}
 .serveises{
background-image:url("img/serveises.jpg");
}
 .serveisct{
background-image:url("img/serveisct.jpg");
}
 .agendaes{
background-image:url("img/agendaes.jpg");
}
 .agendact{
background-image:url("img/agendact.jpg");
}
 .noticieses{
background-image:url("img/noticieses.jpg");
}
 .noticiesct{
background-image:url("img/noticiesct.jpg");
}
 .societatses{
background-image:url("img/societatses.jpg");
}
 .societatsct{
background-image:url("img/societatsct.jpg");
}
 .serveises{
background-image:url("img/serveises.jpg");
}
 .serveisct{
background-image:url("img/serveisct.jpg");
}
 .altreses{
background-image:url("img/altreses.jpg");
}
 .altresct{
background-image:url("img/altresct.jpg");
}
 .articlesct{
background-image:url("img/articlesct.jpg");
}
 .articleses{
background-image:url("img/articleses.jpg");
}


#links{
	font-family:"trebuchet ms";
	font-size:11px;
	color:#FFF;
	padding-left:20px;
	
}
 #linksinf{
	width:960px;
	height:5px;
	border:0px solid;
	background-image:url("img/fnlk.gif");
	background-repeat:repeat-x;
	padding-top:4px;
	text-align:left;
	font-size:1px;
	
}
#linksinf a{
		color:#fff;
		font-size:12px;
			font-family:"trebuchet ms";
	
}
#links a{
		color:#411007;
		font-size:12px;
		width:110px;
		display:block;
		float:left;
		margin-right:5px;
		background-color:#E5DCCE;
		height:25px;
		padding-top:5px;
		
	
}
#links a span{
visibility:hidden;
position:absolute;
height:100px;
clear:both;
display:block;
}
#links a:hover span{
visibility:visible;
float:left;

}

 #links a:hover{
		color:#FFF;

		text-decoration:none;
		background-color:#356A89;
		

}

#links a.sit{
		color:#FFF;
		background-color:#356A89;
	
}



#nav{
	height:25px;
	width:660px;
	background-color:#e5e5e5;
	color:#000000;
	float:left;
	
}

 #nav a{
color:#003f60;
}

 #nav #path{
float:left;
padding-top:5px;
padding-left:5px;
width:445px;
font-size:11px;
text-align:left;

}

 #nav #acc{
text-align:right;
float:left;
padding-right:5px;
width:205px;
font-size:11px;
padding-top:4px;

}

#ctint{
font-family:verdana;
font-size:11px;
color:#333;

}

#ctint #presentacioct{
width:400px;
height:78px;
background-image:url("img/presentacio.jpg");
background-repeat:no-repeat;
padding-top:50px;
padding-left:260px;

}
#ctint #presentacioes{
width:400px;
height:78px;
background-image:url("img/presentacioes.jpg");
background-repeat:no-repeat;
padding-top:50px;
padding-left:260px;

}
#ctint #presentacio2ct{
width:400px;
height:78px;
background-image:url("img/presentacio2.jpg");
background-repeat:no-repeat;
padding-top:50px;
padding-left:260px;

}
#ctint #presentacio2es{
width:400px;
height:78px;
background-image:url("img/presentacio2es.jpg");
background-repeat:no-repeat;
padding-top:50px;
padding-left:260px;

}

#ctint #presentacio3ct{
width:400px;
height:78px;
background-image:url("img/presentacio3.jpg");
background-repeat:no-repeat;
padding-top:50px;
padding-left:260px;

}
#ctint #presentacio3es{
width:400px;
height:78px;
background-image:url("img/presentacio3es.jpg");
background-repeat:no-repeat;
padding-top:50px;
padding-left:260px;

}
#ctint #presentacio4ct{
width:400px;
height:78px;
background-image:url("img/presentacio4.jpg");
background-repeat:no-repeat;
padding-top:50px;
padding-left:260px;

}
#ctint #presentacio4es{
width:400px;
height:78px;
background-image:url("img/presentacio4es.jpg");
background-repeat:no-repeat;
padding-top:50px;
padding-left:260px;

}
#ctint #presentacio5ct{
width:400px;
height:78px;
background-image:url("img/presentacio5.jpg");
background-repeat:no-repeat;
padding-top:50px;
padding-left:260px;

}
#ctint #presentacio5es{
width:400px;
height:78px;
background-image:url("img/presentacio5es.jpg");
background-repeat:no-repeat;
padding-top:50px;
padding-left:260px;

}
#ctint #presentacio6ct{
width:400px;
height:78px;
background-image:url("img/presentacio6.jpg");
background-repeat:no-repeat;
padding-top:50px;
padding-left:260px;

}
#ctint #presentacio6es{
width:400px;
height:78px;
background-image:url("img/presentacio6es.jpg");
background-repeat:no-repeat;
padding-top:50px;
padding-left:260px;

}

#ctint #presentacio7ct{
width:400px;
height:78px;
background-image:url("img/presentacio7.jpg");
background-repeat:no-repeat;
padding-top:50px;
padding-left:260px;

}
#ctint #presentacio7es{
width:400px;
height:78px;
background-image:url("img/presentacio7es.jpg");
background-repeat:no-repeat;
padding-top:50px;
padding-left:260px;

}

#ctint #presentacio8ct{
width:400px;
height:78px;
background-image:url("img/presentacio8.jpg");
background-repeat:no-repeat;
padding-top:50px;
padding-left:260px;

}
#ctint #presentacio8es{
width:400px;
height:78px;
background-image:url("img/presentacio8es.jpg");
background-repeat:no-repeat;
padding-top:50px;
padding-left:260px;

}

#ctint a{
color:#356A89;
font-weight:bold;

}

#ctint .header{
width:660px;
background-color:#D7CAB5;
}
#ctint .header .esquerra{
width:395px;
float:left;
background-color:#EEE9E1;
color:#174662;
font-family:"trebuchet ms";
font-size: 15px;
font-weight:bold;
padding-top:2px;
padding-bottom:2px;
padding-left:5px;
}
#ctint .header .dreta{
width:260px;
background-color:#D7CAB5;
float:left;
padding-top:5px;
text-align:center;
}

#ctint .header .dreta a{


}
.sepint{clear:both;font-size:1px;height:157px;}
.sep{clear:both;font-size:1px; }
.sep2{clear:both;font-size:1px;height:257px;}
.sep3{clear:both;height:10px; font-size:1px;}
.sep4{clear:both;height:20px;}

.llista{

}
.llista .item{
border-bottom: 1px dotted #356A89;
padding-bottom:10px;
margin-bottom:10px;

}
.fi_llista{
	text-align:right;
	border:1px solid #FFF;
}
.fi_llista a{
float:right; padding-top:1px;
}
 .fi_llista img{
float:right;
margin-left:5px;
}

.llista .item img{ float:left; border:1px solid; margin-right:10px;margin-bottom:10px;}
.llista .item h2{font-size:15px;padding-top:5px;padding-bottom:10px;}
.llista .item h3{font-size:13px;padding-top:5px;}
.llista .item p{padding-bottom:10px;text-align:justify;padding-right:5px;line-height:16px; line-height:150%}
.llista .item strong{color:#A94635;}
.llista .item h1{padding-bottom:10px;color:#356A89;font-size:170%; }

#anuncis .anunci{
padding: 7px;
width:310px;

float:left;

background-color:#D2D9DE;
}

#anuncis .sepanun{

width:10px;
float:left;
height:40px;
background-color:#FFF;

font-size:
}


#anuncis .anunci img{ float:left; border:1px solid; margin-right:10px;}
#anuncis .anunci h2{font-size:15px;padding-top:5px;padding-bottom:10px;}
#noticies .noticia p{padding-bottom:10px;text-align:justify;padding-right:5px;line-height:16px;}

#peu{
margin:auto;
background-repeat: no-repeat;
width: 980px;
padding-top:10px;
padding-bottom:50px;

}
#peu #esquerrapeu{
width:820px;
float:left;
font-size:12px;
font-family:"trebuchet ms";
text-align:left;
padding-top:12px;
}
#peu #esquerrapeu a{
color:#397091;
font-weight:bold;

}
#peu #dretapeu{
width:110px;
float:left;
padding-right:10px;

}

form#comunitat{
margin:0px;
background-color:#E5DCCE;
padding:10px;
}

form#comunitat input{
float:left;
width:100px;
padding-top:3px;
padding-bottom:3px;
margin-right:10px;
}

form#comunitat input.bot{
float:left;
width:100px;
padding-top:1px;
padding-bottom:1px;
margin-right:10px;
}

form#cerca{
margin:0px;
background-color:#356887;
padding:10px;
}

form#cerca input{
float:left;
width:220px;
padding-top:3px;
padding-bottom:3px;
}



form#cerca img{
float:left;
padding-left:8px;
border:0px;
padding-bottom:5px;
}

form#cerca a{
color:#FFF;
font-family:verdana;
font-size:11px;
font-weight:bold;
}

#dreta img.bann{
border:0px;
padding-top:10px;
padding-bottom:0px;
}

#dreta  h2{
font-family:"Trebuchet ms";
font-size:15px;
border-bottom:1px solid;
color:#174662;
margin-bottom:5px;
}

#dreta  h3{
font-family:verdana;
font-size:14px;
color:#174662;
}

#dreta strong {
	color:#a94635;
}

#dreta a{
color:#356A89;
font-weight:bold;

}
#dreta  li{
list-style:none;
}

#dreta  h4{
font-family:verdana;
font-size:11px;
border-bottom:1px dotted;
color:#174662;
padding-bottom:2px;
margin-bottom:5px;
text-align:right;
}
#galeria .img{
	width:190px;
	float:left;
	border:1px solid #CCC;
	padding:5px;
	margin-right:4px;
	margin-bottom:3px;
}

#galeria .video{
	float:left;
	border:1px solid #CCC;
	padding:5px;
	margin-right:4px;
	margin-bottom:3px;
}



#galeria .img img{
	display: block;
	margin: 0 auto; /* centrar imagen */
	width:185px;
	border:0px solid #FFFFFF;
}

#galeria .img p{
	text-align:center; 
	font-weight:bold; 
	font-size: 90%; 
}

#galeria .img a{
	color:#FF0000;
	text-decoration:none;
	font-size: 90%; 
}

img.pdf{
float:left;
margin-right:10px;
margin-bottom:5px;
}

#ctint a.pdf{
color:#888;
}

/* FORMULARI */
.caixa{border:0px solid #333; color:#666;font-size: 85%;}
label { font-weight: bold; }
label.form_principal { width: 170px; text-align: right; font-size: 120%; padding: 0 9px 22px 0; font-weight: bold; float: left;}

span.petit {font-weight: normal;font-size:85%;color:#999999;}

/* Text fields */
input.text, input.title   { width: 300px; margin:0.5em 0.5em 0.5em 0; }
input.text, input.title   { border:1px solid #bbb; padding:5px; }
input.text:focus,
input.title:focus         { border:1px solid #999; background:#fff; }
input.title               { font-size:1.5em; }
input.text { margin: 0px; float: left; }
input.long {width: 250px;}
input.short {width:165px; }
input.slong{width:440px;}
input.esq{margin-right:10px; }

/* Textareas */
textarea            { width: 445px; font-family:verdana;font-size:12px;}
textarea            { border:1px solid #bbb; background:#fff; padding:2px; margin-bottom:5px; }
textarea:focus      { border:1px solid #999; background:#fff; }

/* Select fields */
select              { border:1px solid #bbb; background:#FFF; width:265px; padding:0.3em 0.3em 0.3em 0; }
select:focus        { border:1px solid #999; background:#fff; }
.LV_invalid {

	color:#FF0000;
	font-size:9px;
	padding-top:2px;
	padding-left:15px;
}

.LV_invalid_field{
	border:1px solid #FF0000;
}
#missatge{
	width:640px;
	border:2px solid #f8a600;
	background-color:#ffeac5;
	margin-top:10px;
	text-align:center;
	font-family:"trebuchet ms";
	padding:5px;
	color:#f8a600;
	display:none;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}

.contact  h2{
font-family:"Trebuchet ms";
font-size:15px;
border-bottom:1px solid;
color:#174662;
margin-bottom:5px;
}