body{
	margin: auto;
	margin-top:0px;	
	text-align: left;
	background-image: url('images/fn.jpg');
	background-repeat: repeat-x;
	background-color:#ebebeb;
	background-position:top;
	padding-top:0px;
	font-family:Verdana;
	font-size:11px;
}
body.int{
	margin: auto;
	margin-top:0px;	
	text-align: left;
	background-image: url('images/fn2.jpg');
	background-repeat: repeat-x;
	background-color:#ebebeb;
	background-position:top;
	padding-top:0px;
	font-family:Verdana;
	font-size:11px;
}
body.pop{
	margin: auto;
	margin-top:0px;	
	text-align: left;
	background:none;
	padding-top:0px;
	font-family:Verdana;
	font-size:11px;
}
.sep{
 clear:both; font-size:1px;
}
.sep4{
 height:20px;
}
p.sepp{
 clear:both;
}
a{
	color:#002b59;
	text-decoration:none;
}
a:hover{
	color:#002b59;
	text-decoration:underline;
}


#cap{
	margin:auto;
	width: 970px;
	height:390px;
}
#cap.int{
	height:240px;
}

.capint{
width:950px;
height:100px;
text-align:right;
padding-right:20px;
padding-top:30px;
}

.capint p{
width:400px;
padding:0px;
margin:0px;
color:#FFF;
font-size:11px;
font-weight:bold;
float:right;
}

.capint h1{
 font-size:200%;
 color:#FFF;
 font-family:"arial black";
 padding:0px;
 margin:0px;
 


}
.capint h2{
 font-size:140%;
 color:#FFF;
 font-family:"arial black";
 padding:0px;
 margin:0px;



}
#cap #barrasup{
	float:left;
	width:100%;
	height:14px;
	padding-top:6px;
	color:#FFF;
	font-size:10px;
}
#barrasup #menubarra{
	float:left;
	width:500px;
}
#barrasup #idiomes{
	float:right;
	width:250px;
	text-align:right;
	color:#FFF;	
}
#barrasup a{
	color:#FFF;
}
#barrasup a:hover{
	color:#FFF;
}
#cap #superior{
height:92px;
}
#cap #logo{
	float:left;
	margin-top:25px;
	width:200px;
}
#cap #logo img{
	border:0px;
}
#cap #acceso{
	float:right;
	width:250px;
	padding-top:20px;
	height:40px;
}
#cap #buscador{
	float:right;
	width:270px;
	padding-top:20px;
	height:40px;
}
#cap #buscador input{
	float:left;
	width:150px;
	margin-right:10px;
}

#cap #buscador input.bot{
	float:left;
	width:75px;
	margin-right:0px;
	color:#FFF; 
	font: bold 100%'arial',helvetica,sans-serif; 
	background-color: #000; 
	border-color: #666 #CCC #CCC #666;
		padding:2px;
}

#cap #menusup{
	float:right;
	padding-top:2px;
	width:690px;
	
	
	
}
#menusup{
	font-family:"Trebuchet MS";
	font-size:14px;
	color:#FFF;
	
	text-align:center;
	
}
#publicitat{
	margin:auto;
	background-color:white;
	background-repeat: no-repeat;
	width: 970px;
}
#content{
	margin:auto;
	background-color:white;
	background-repeat: no-repeat;
	width: 950px;
	padding:10px;
}
#content #esquerra{
	float:left;
	width:700px;
}
#content #dreta{
	float:right;
	width:230px;
}
#nav{
	height:25px;
	width:700px;
	background-color:#e5e5e5;
	color:#000000;
	float:left;
	
}

 #nav a{
color:#003f60;
}

 #nav #path{
float:left;
padding-top:5px;
padding-left:5px;
width:585px;
font-size:11px;
text-align:left;

}

 #nav #acc{
text-align:right;
float:left;
padding-right:5px;
width:100px;
font-size:11px;
padding-top:4px;

}


#ctint #art ul.krflash{
	clear:both;
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
	list-style:none;
	padding-left:15px;
}
#ctint #art ul.krflash li{
	padding-bottom:10px;
}

/* MENU */
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu-h {
  margin: 0px;
  border: 0px none;
  padding: 0px;
  width: 690px; /*For KHTML*/
  list-style: none;
  height: 30px;

}

ul#navmenu-h li {
  width:90px;
  margin: 0px;
  border: 0px #FF9900;
  padding: 0px;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  margin-right:5px;
  text-align:left;
  height: 30px;
  background-color:#002b59;
}

ul#navmenu-h ul {
  margin: 0px;
  border: 0 none;
  padding: 0px;
  width: 220px;
  list-style: none;
  display: none;
  position: absolute;
  top: 30px;
  left: 0px;
  padding-left:0px;
  border:0px solid;
  filter: alpha(opacity=90);
  opacity: .9;
  position:absolute;
  z-index:100; 
}

ul#navmenu-h ul:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-h ul li {
  width: 180px;
  padding-right:0px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  text-align:left;
  height:auto;
}

/* Root Menu */
ul#navmenu-h a {
  border:0px;
  padding: 0px;
  padding-left:5px;
  float: none !important; /*For Opera*/
  float: none; /*For IE*/
  display: block;
  background: #002b59;
  background-repeat:no-repeat;
  background-position:right;
  color: #FFF;
  font: normal 11px/30px "verdana", Verdana;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  width:85px;
  
}
ul#navmenu-h a.sel{
	background-color:#000;
	color:#FFF;
}
/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {
  background-color:#333;
  color: #ffc600;
}

/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
  float: none;
  background-color:#333;
  background-image:none;
  color: #FFF;
  width:200px;
  font: normal 11px/16px "verdana", Verdana;
  padding:5px;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a {
  background: #333;
  color: #ffc600;
}

/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 200px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul {
  display: none;
}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {
  display: block;
}
/*  
    root element for the scrollable.  
    when scrolling occurs this element stays still.  
*/ 
div.scrollable { 
    z-index:-100;
    /* required settings */ 
    position:relative; 
    overflow:hidden;          
    width: 100%;     
    height:278px;    
} 
 
/*  
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items {     
    /* this cannot be too large */ 
    width:20000em;     
    position:absolute;         
} 
 
/*  
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active item */ 
div.items div.active { 
    border:0px;        
    background-color:#fff; 
}
/* ESTILS GENERALS*/

h2 {
 font-size:120%;
 color:#002b59;
 font-family:"arial black";
 padding:0px;
 margin:0px;
 padding-top:10px;
  padding-bottom:10px;
}

/* LLISTA D'ARTICLES*/

#ctint{
	font-size:100%;
}
#ctint .item{
border-bottom: 1px solid #33629c;;
padding-bottom:5px;
margin-bottom:15px;

}


.fi_llista{
	text-align:right;
	border:0px;
	width:100%;
}
.fi_llista a{
float:left; padding-top:1px;font-weight:bold;
text-align:right;
}
 .fi_llista img{
float:left;

}

#ctint .item img{ float:left; border:1px solid #CCC; margin-right:10px;margin-bottom:10px;}
#ctint .item h2{font-size:15px;padding-top:5px;padding-bottom:10px;}
#ctint .item h3{font-size:100%;padding-top:0px;margin:0px; padding:0px; color:#002b59;font-weight:normal;}
#ctint .item p{padding:0px; margin:0px;padding-top:5px;padding-bottom:5px;text-align:left;padding-right:5px; line-height:125%;font-size:95%; text-align:justify;}
#ctint .item strong{color:#002b59;font-weight:bold; font-size:100%;}
#ctint .item a{ color:#002b59;}
#dreta a.banner img{
	border:0px;
	margin-bottom:10px;
}


#dreta .barra{
	background-color:#e5e5e5;
	padding:5px;
	background-image:url("img/fnnav.jpg");
	background-repeat:no-repeat;
	font-size:10px;
}
.barra .item {
	padding-bottom:5px;
	margin-bottom:10px;
}
.item.brdinf {
	border-bottom:1px solid #002b59;
}
.barra .item h2{
	margin:0px;
	padding:0px;
	color:#FFF;
	padding-top:1px;
	padding-bottom:20px;
	padding-left:2px;
	}
.barra .item ul{
	padding:0px;
	/*margin:5px;*/
	margin-left:15px;
	padding-left:5px;
	list-style:none;
	margin:0px;
}
.barra .item ul li  ul{
	padding:0px;
	/*margin:5px;*/
	margin-left:15px;
	padding-left:25px;
	list-style:none;
	margin:0px;
	padding-top:3px;
	
}
.barra .item ul li ul li ul li{
	padding-left:15px;
}
.barra .item li{
	padding:2px;
	padding-top:8px;	
	padding-bottom:8px;	
	border-bottom:1px solid #ccc;
	
}

.barra .item li  a strong{
color:#002a55;
background-repeat:no-repeat;
	
}

.barra .item li ul a strong{
color:#002a55;
font-weight:normal;


}
.barra .item li a{
	font-weight:bold;
	color:#33629c;
}

.barra .item li a:hover{
	color:#002a55;
	text-decoration:none;
}
.barra .item li ul li{
	border-bottom:0px solid;
	
}
.barra .item li ul li a{
color:#33629c;
font-weight:normal;
}

#publihome{
	padding-top:5px;
	width:960px;
	height:186px;
	margin:auto;
	background-color:#FFF;
	padding-left:5px;
	padding-right:5px;
}

 .quad{
width:200px;
height:161px;
background-image:url("img/pastn.jpg");
float:left;
margin-right:0px;
padding:15px;
font-size:11px;
}
 .verd{
background-image:url("img/pastv.jpg");

}

 .red{
background-image:url("img/pastr.jpg");

}
 .blue{
background-image:url("img/pastb.jpg");

}

 .quad h1{
font-size:18px;
padding:0px;
margin:0px;
color:#002b59;
margin-bottom:5px;
padding-top:2px;
}

.eq{
width:33px;
height:161px;
background-image:url("img/equal.jpg");
float:left;
margin-right:0px;

}

 .quad2{
width:135px;
height:43px;
background-image:url("img/past2.jpg");
float:left;
margin-right:0px;
padding:15px;
margin-bottom:8px;
font-size:11px;
padding-left:80px;
}
 .quad2 h1{
font-size:12px;
padding:0px;
margin:0px;
color:#4c4c4c;
font-family:"Arial Black",Arial,Sans-Serif;
}

 .quad3{
width:165px;
height:80px;
background-image:url("img/past3.jpg");
float:left;
margin-right:0px;
padding:15px;
font-size:11px;
padding-left:50px;
margin-bottom:8px;
line-height:20px;
}
 .quad3 h1{
font-size:13px;
padding:0px;
margin:0px;
color:#4c4c4c;
margin-bottom:2px;
font-family:"Arial Black",Arial,Sans-Serif;

}


 .quad3 h2{
color:#333;
padding:0px;
margin:0px;
font-size:20px;
text-align:right;
}
.act{
width:210px;
float:left;
margin-right:20px;
background-color:#e9e9e9;
padding:10px;
margin-top:20px;
}
.act2{
width:430px;
float:left;
padding:10px;
margin-top:20px;

background-color:#e9e9e9;
}

#peu{
	padding-top:10px;
	margin:auto;
	width: 970px;
	height:80px;
	font-size:10px;
	line-height:20px;
}

#ctint #art{
padding:10px 30px 10px 40px;
line-height:20px;
}
#ctint #art p{
	text-align:justify;
	padding-bottom:20px;
	
}

#ctint #art h1{
color:#002b59;
font-family:"arial black";
font-size:130%;
text-transform:uppercase;

}

#ctint #art h2{
color:#002b59;
font-family:"verdana";
font-size:120%;
padding:0px;
margin:0px;

}

#ctint #art img{
float:left;
margin-right:20px;
margin-bottom:20px;
}
#ctint #art img.nofloat{
float:inherit;

}
#ctint #art img.dv{
float:left;
margin-right:0px;
margin-bottom:5px;
border-bottom:1px solid #CCC;
/*width:300px;*/
}
#ctint #art table{
	clear:both;
	border:0px solid #666;
	border-collapse: collapse;
	margin-top:20px;
	margin-bottom:20px;
}
#ctint #art table th{
	background-color:#666;
	color:#FFF;
	padding:2px;
	padding-left:5px;
	width:100%;
	border:1px solid #666;
}
#ctint #art table td{
	background-color:#DCDCDC;
	padding:2px;
	width:50%;
	border:1px solid #666;
	padding-left:5px;
}
#ctint #art table.horaris td{
	width:auto;	
}
#art table th a{
	color:#FFF;
}
.dvpdf{
float:left; border:1px solid #CCC;margin-right:10px;margin-bottom:10px;line-height:13px;background-color:#f3f3f3;font-size:11px;
}
.dvpdf .info{

padding:10px;
background-repeat:no-repeat;
line-height:20px;


}

/* GALERIA FOTOGRAFICA ARTICLES */

#galeries{
padding:10px 30px 10px 40px;
line-height:20px;
}

#galeries .img{
	float:left;
	padding:5px;
}
#galeries .video{
	float:left;
	padding:0px;
	padding-bottom:10px;
}
#galeries .img img{
 border:1px solid #999;
 width:198px;
}

/* GOOGLE MAPS */
#map {
	width:100%;
	height:350px;
	border:1px solid #333;
	margin-top:10px;
}
/* FORMULARI */
form#contactar{
	line-height:5px;
	padding-top:15px;
}
.caixa{border:1px solid #FFF; color:#666;font-size: 85%;line-height:140%; padding-bottom:5px; margin:0px;}
label { font-weight: bold; }
label.form_principal { width: 170px; text-align: right; font-size: 120%; padding: 0 9px 0px 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         { 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:400px;}
input.esq{margin-right:10px; }

input.botoenviar {background-color:#002b59; color:#FFFFFF; border:0px; padding:5px; padding-left:15px; padding-right:15px;}

/* Textareas */
textarea            { width: 405px; 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 {
 display:none;
 color:#9F6000;
 font-size:9px;
 padding-top:2px;
 padding-left:15px;
}

input.LV_invalid_field{
 border:1px solid #9F6000;
}
textarea.LV_invalid_field{
 border:1px solid #9F6000;
}

.exito, .alerta, .error {
       border: 1px solid;
       margin: 20px 10px;
       padding:15px 10px 15px 50px;
       background-repeat: no-repeat;
       background-position: 10px center;
}
.exito {
       color: #4F8A10;
       background-color: #DFF2BF;
       background-image:url('images/exito.png');
}
.alerta {
       color: #9F6000;
       background-color: #FEEFB3;
       background-image: url('images/alerta.png');
}
.error {
       color: #D8000C;
       background-color: #FFBABA;
       background-image: url('images/error.png');
}

#art ul{
list-style-position: inside;
margin-top:0px;
margin-bottom:20px;
}
#art ul li{
padding:0px;


}
#art table{
display:block;
clear:both;
}
#prek{
	background-image:url('img/bgprekacc.jpg');
	background-repeat:none;
	margin:40px;
	margin-left:60px;
	width:538px;
	height:140px;
	padding-top:79px;
}
#prek .caixa{
	width:90%;
	border-color:#f4f2f2;
}

/* category menu */
/* defaults for all examples */  
.kwicks {  
	clear:both;
    list-style: none;  
    position: relative;  
    margin: 0;  
	padding: 0;  
}  
 .kwicks li{  
    display: block;
	width:600px;
    overflow: hidden;  
    padding: 0px;  
    cursor: pointer;  
	border-top:1px solid #999;
	height:40px;
}
ul.kwicks li  img.tp{
	float:left;
	padding-right:0em;
	margin-right:5px;
	border:1px solid #000000;	
	
}
 .kwicks li img{
	margin-top:5px;
	margin-left:5px;
	border:1px solid #000000;
 }
  .kwicks li p {
	clear:both;
	padding-top:0px;
	margin-top:0px;
  }
  /* category menu */
ul#cat_menu {
	float:left;
	width: 40em;
	text-align:left;
	overflow: hidden;
	margin: 0 auto;
	list-style-type: none;
	padding: 0;
	text-indent: 0;
	position: relative;
}

ul#cat_menu li {
	padding: 0;	
	margin: 0;
	border-top: 1px solid #484848;
	height: 3.5em;
	overflow: hidden;
	padding-left:1em;
	
}

ul#cat_menu li img{
	float:left;
	padding-left:0em;
	border:2px solid #FFFFFF;	
}

ul#cat_menu li p{
	float:left;
	
}

#important .items{
padding:20px;width:945px;height:238px;
padding-right:5px;
}

#pulsa_banner a{
float:left;
width:550px;
height:200px;
}

#important .items .anun{
width:220px;float:right;z-index:-1;
}
#important .ctanun{
	width:220px;height:110px;float:right;background-color:#ffc407;margin-right:10px;margin-bottom:10px;filter: alpha(opacity=85); opacity: .85;background-image:url(fnnews.png);
}
#important .inanun{
width:200px;padding:10px;text-transform:uppercase;color:#FFF;font-family:'arial black';
}


	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		width:220x;
		height:110px;
		overflow:hidden; 
		}
	
	span#prevBtn{	color:#FFF;}
	span#nextBtn{	color:#FFF;}	
	
	#prevBtn, #nextBtn{ 
		color:#FFF;
		
		
		}	
	#nextBtn a{
		margin-left:5px;
		display:block;
		background:url(nextico.png) no-repeat 0 0;
		float:left;
		width:14px;
		height:15px;

		
		
	}
	#prevBtn a{
		margin-left:5px;
		display:block;
		background:url(previco.png) no-repeat 0 0;
		float:left;
		width:14px;
		height:15px;

		
		
	}
	
	#prevBtn a, #nextBtn a:hover{
		text-decoration:none;
	}	
	.flota{
		float:right;
		padding-right:10px;
		height:14px;
	
		}
		
#slider{

text-transform:uppercase;width:220px;height:110px;float:right;background-color:#fff; margin-right:10px;margin-bottom:2px;filter: alpha(opacity=70); opacity: .7;
}


.llistatFiles ul {
  margin: 0px;
  padding: 0px;
  width: 100%; /*For KHTML*/
  list-style: none;

}


.llistatFiles ul li {
	float:left;
	list-style: none;
	margin: 0px;
	margin-right:15px;
	text-align:center;
}

.llistatFiles ul li span {
	display:block;
	float:left;
	width:80px;
	padding-top:60px;
	text-decoration:none;
	border:1px solid #FFFFFF;
}
.llistatFiles ul li.folder{
	background-image:url('images/folder.png');
	background-position:top center;
	background-repeat:no-repeat;
	border:1px solid #FFFFFF;
}
.llistatFiles ul li.htmlFile{
	background-image:url('images/htmlFile.png');
	background-position:top center;
	background-repeat:no-repeat;
	border:1px solid #FFFFFF;
}
.llistatFiles ul li.pdfFile{
	background-image:url('images/pdfFile.png');
	background-position:top center;
	background-repeat:no-repeat;
	border:1px solid #FFFFFF;
}
.llistatFiles ul li:hover{
	border:1px solid #d8f0fa;
	background-color:#eef8fd;
}
.llistatFiles ul li a{
	display:block;
	float:left;
	width:80px;
	padding-top:60px;
	text-decoration:none;
	border:1px solid #FFFFFF;
}

#menu {   }
#nav { margin:0px;padding:0px; list-style:none; }
#nav li { float:left; background-color:#002b59; height:30px;}
#nav li a { display:block; padding:5px 30px 2px 5px; text-decoration:none;font-weight:bold; }
#nav li a:hover { }
/* Submenu */
#nav ul.submenu { border:0px solid #000000; padding:5px; position:absolute; list-style:none; background-color:#333;height:auto;}
#nav ul.submenu li { float:none; background:inherit; border-bottom:1px solid #ece3bf; width:200px;height:auto;}
/* Subsubmenu */
#nav ul.subsubmenu { border:0px solid #000000; padding:5px; position:absolute; list-style:none; background-color:#333; margin-left:150px; margin-top:-30px;}
#nav ul.subsubmenu li { float:none; background-image:none; border-bottom:1px solid #ece3bf; min-width:200px;}

#menuPrin {
	float:right;
	padding-top:0px;
	width:690px;
	font-family:"Trebuchet MS";
	font-size:14px;
	color:#FFF;
	text-align:left;
}

#menuPrin ul{
	margin: 0px;
	border: 0px none;
	padding: 0px;
	list-style: none;
	height:30px;
}
/*#menuPrin li{
	float:left;
	width:auto;
	padding-top:5px;
	padding-right:40px;
}*/

#menuPrin a {
	display:block;
	font-size:11px;
	margin:0px;
	padding:0px;
	text-decoration:none;
}

#menuPrin a, #menuPrin a:hover{
	color:#FFFFFF;
}