/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0;
	outline:none;
}
body{
	background: url('../../img/web/bgr.gif') #ffffff repeat-x top;
	color: #666666;
	font: 11px Verdana,Arial,Geneva,Sans-Serif;
}
a{
	color: #004e92;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
input,select,textarea{
	border: #aaaaaa 1px solid;
	color: #6f6f6f;
	font-size: 11px;
	padding: 1px 2px;
}
select{
	padding: 0;
}
li{
	list-style: none;
}
h2, h4{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
/*=== Google Translator ===*/
.traductor{
    position:absolute;
	padding:11px 0 0 620px !important;
	#padding:11px 0 0 400px !important;
	_padding:11px 0 0 400px;
}
#relativa{
	float:left;
	position:absolute;
	width:160px;
	margin:36px 0px 0 630px !important;
	#margin:36px 0px 0 400px !important;
	_margin:36px 0px 0 400px;
}
#google {
	top:0;
	left:0;
	width:160px;
	height:100px;
	padding:20px 10px 0 10px;
	background-color: #FFFFFF;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	position:absolute;
}
.tancar{
	text-align:right;
	padding:0px;
	margin:-15px 0 0 0;
	z-index:2;
}
.tancar a{
	text-decoration:none;
}
.tancar a:hover{
	text-decoration:underline;
}

/*=== Layout ===*/
#page{
	margin: 0 auto;
	width: 958px;
}
/*=== Header ===*/
#header{
	background: url('../../img/web/header-bgr.gif') no-repeat bottom center;
	height: 75px;
	margin: 0 0 -9px;
    position:relative;
}
/*- Logo -*/
#header h1{
	background: url('../../img/web/logo.gif') no-repeat;
	float: left;
	text-indent: -9999px;
}
#header h1 a{
	display: block;
	height: 47px;
	width: 220px;
}
#header h1 a:hover{
	text-decoration: none;
}
/*- Nav -*/
ul#nav{
	float: right;
	padding: 15px 0 0;
}
#nav li{
	background: url('../../img/web/topmenu-sep.gif') no-repeat left;
	color: #ffffff;
	float: left;
	line-height: 16px;
	padding: 0 9px;
}
#nav li a{
	color: #ffffff;
	font-size:11px;
}
#nav li small a{font-size:8px;}
#nav li big a{font-size:14px;}
#nav li.links a{
	background: url('../../img/web/topmenu-list.gif') no-repeat left;
	font-size: 10px;
	padding: 0 0 0 5px;
}
#nav li a:hover,#nav li.active a{
}
/*- Nav2 -*/
#nav2{
	background: url('../../img/web/hl-dot.gif') repeat-x bottom;
	height: 25px;
	margin: 0 2px 20px;
	padding: 0 0 3px;
}
/*#nav2 ul{
	
	float: left;
	line-height: 25px;
	width: 595px;
}
#nav2 li{
	border-right: 3px solid #ffffff;
	color: #ffffff;
	float: left;
	font-weight: bold;
	padding: 0 20px;
}
#nav2 li a{
	color: #ffffff;
}*/
#nav2 li.tab1{
	background: #4894a0;
}
#nav2 li.tab2{
	background: #9d0057;
}
#nav2 li.tab3{
	background: #009ac5;
}
#nav2 li.tab4{
	background: #819fcb;
	border-right:none;
}
/*Menu rollover pral*/
/*#nav2 li ul li {
	float:none;
	padding 0 0 0 0;
	border-bottom:1px solid white;
	
}
#nav2 li ul {
	position: absolute;
	left: -999em;
	height: auto;
	z-index:1;
	margin-left:-20px !important;
	#margin-left:-127px !important; 
	_margin-left:-127px;
	
	#margin-top:20px;
	_margin-top:20px;
	
	width:auto;
}
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul {
	left: auto;
}*/
/*- Nav3 -*/
 ul#nav3{
	float: right;
	line-height: 19px;
	padding: 4px 0 0;
	width: 359px;
}
#nav3 li{
	color: #ffffff;
	float: left;
	line-height: 19px;
	margin: 0 0 0 3px;
}
#nav3 li a{
	background: #e3e7ef;
	color: #004e92;
	display: block;
	padding: 0 15px;
}
#nav3 li a:hover, #nav3 li.active a{
	background: #ffffff;
	text-decoration: none;
}
#nav3 li.active a{
	background: #ffffff;
	font-weight: bold;
}
/*- Navigation Path -*/
#fix_path
{
	border-top:9px solid #a2aec9;
	margin-bottom:8px;
}
#path{
	color: #4894a0;
	margin: -16px 0 0;
	padding: 0 0 5px 230px;
	position: relative;
}
#path a{
	color: #999999;
	text-decoration: underline;
}
/*=== Title Containers ===*/
/*- Title1 -*/
#title1{
	background: url('../../img/web/title1.jpg') no-repeat top;
	height: 151px;
	padding: 0 2px;
	/*width:300px;*/
}
.white-box{
	background: url('../../img/web/title-right.gif') no-repeat top;
	color: #004e92;
	float: right;
	height: 52px;
	margin: 70px 0 0;
	overflow: hidden;
	padding: 8px 10px 0;
	width: 219px;
}
.white-box a{
	text-decoration: underline;
}
.white-box h4{
	color: #000000;
	font-size: 14px;
	margin: 0 0 5px;
}
/*- Title2 -*/
#title2{
	background: url('../../img/web/title2.jpg') no-repeat top left;
	height: 155px;
	padding: 0 2px;
}
#title2 .box2{
	height: 150px;
}
/*- Title3 -*/
#title3{
	background: url('../../img/web/title3_serveis.jpg') no-repeat top;
	height: 155px;
	margin: 0 0 2px;
	padding: 0 2px;
}
/*=== Columns ===*/
#columns{
	clear: both;
	padding: 0 1px 15px;
}
#columns h2.main{
	background: url('../../img/web/hdr-bgr.gif') no-repeat top;
	color: #ffffff;
	font-size: 18px;
	height: 53px;
	line-height: 53px;
	margin: 0 0 5px;
	padding: 0 0 0 20px;
}
#columns h2.main2{background: url('../../img/web/2hdr-bgr.gif') no-repeat top;color: #ffffff;
	font-size: 18px;
	height: 53px;
	line-height: 53px;
	margin: 0 0 5px;
	padding: 0 0 0 20px;}
#columns h2.main3{background: url('../../img/web/3hdr-bgr.gif') no-repeat top;color: #ffffff;
	font-size: 18px;
	height: 53px;
	line-height: 53px;
	margin: 0 0 5px;
	padding: 0 0 0 20px;}
#columns h2.main4{background: url('../../img/web/4hdr-bgr.gif') no-repeat top;color: #ffffff;
	font-size: 18px;
	height: 53px;
	line-height: 53px;
	margin: 0 0 5px;
	padding: 0 0 0 20px;}
	
#columns h2.min{
	text-transform:lowercase;
}

#columns h2.min:first-letter {
	text-transform:capitalize;
}

#columns h3{
	color: #004e92;
	font-size: 11px;
	margin: 0 0 5px;
}
#columns h3.min{
	color: #004e92;
	font-size: 11px;
	margin: 0 0 5px;
	text-transform:lowercase;
}
#columns h3.min:first-letter{
	text-transform:uppercase;
}

#columns h4{
	color: #000000;
	font-size: 14px;
	margin: 0 0 5px;
}
#columns h5{
	color: #296192;
	font-size: 11px;
	margin: 0 0 10px;
}
/*--- Left Column ---*/
#leftcol{
	float: left;
	width: 33%;
}
/*--- Left Column ---*/
#leftcol{
	float: left;
	width: 186px;
}
#home #leftcol{
	width: 595px;
}
/*--- Center Column ---*/
#centercol{
	float: right;
	width: 756px;
}
#home #centercol{
	width: 356px;
}
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box{
	background: url('../../img/web/box-bgr.gif') repeat-y;
	width: 595px;
}
.box h2{
	color: #ffffff;
	float: left;
	font-size: 18px;
	line-height: 32px;
	padding: 0 0 0 10px;
}
.box h4, .leftbox h4, .box7 h4{
	margin: 0 0 0 -20px;
	padding: 0 0 0 20px;
}
.box-top,.box-bot{
	background: url('../../img/web/box-top.gif') no-repeat top;
	clear: both;
	height: 32px;
	overflow: hidden;
}
.box-bot{
	background: url('../../img/web/box-bot.gif') no-repeat top;
	height: 16px;
}
.box .col1{
	float: left;
	padding: 0 0 0 10px;
	width: 219px;
}
.box .col2{
	float: right;
	padding: 5px 25px 0 0;
	width: 320px;
}
.box .col2 p{
	display: table;
	height: 1%;
	padding: 0 0 10px;
}
/* Specific Headers */
#columns .sbox h4{
	margin: 0 0 8px -20px;
}
.cerca h4{
	background: url('../../img/web/ico01.gif') no-repeat left;
}
.quina h4{
	background: url('../../img/web/ico02.gif') no-repeat left;
}
.webmail h4{
	background: url('../../img/web/ico03.gif') no-repeat left;
}
.clic h4{
	background: url('../../img/web/ico04.gif') no-repeat left;
}
.penses h4{
	background: url('../../img/web/ico05.gif') no-repeat left;
}
.ident h4{
	background: url('../../img/web/ico06.gif') no-repeat left;
}
.tramits h4{
	background: url('../../img/web/ico07.gif') no-repeat left;
}
/*- Specific Sub Boxes -*/
.sbox{
	height: 1%;
	padding: 10px 5px 20px 25px;
	position: relative;
}
.sbox.webmail{
	background: url('../../img/web/webmail-bgr.gif') no-repeat top left;
	margin: 0 0 7px;
}
.sbox.clic{
	background: #e3e3e3;
	margin: 0 0 7px;
}
.sbox.penses{
	background: #d9e7f2;
}
.sbox.ident{
	background: #d9e7f2;
}
/*- Box2 -*/
.box2{
	background: url('../../img/web/box2-bgr.gif') repeat-y;
	margin: 0 0 15px;
	width: 356px;
}
.box2 h2{
	color: #666666;
	float: left;
	font-size: 18px;
	line-height: 29px;
	padding: 0 0 0 10px;
}
.box2 h3{
	color: #004e92;
	font-size: 11px;
	margin: 0 0 5px;
}
.box2-top,.box2-bot{
	background: url('../../img/web/box2-top.gif') no-repeat top;
	clear: both;
	height: 29px;
	overflow: hidden;
}
.box2-bot{
	background: url('../../img/web/box2-bot.gif') no-repeat top;
	height: 15px;
}
#title2 .box2{
	background: url('../../img/web/box2-bgr-title.gif') repeat-y left;
	margin: 0;
}
#title2 .box2-top{
	background: url('../../img/web/box2-top-title.gif') no-repeat top;
}
.box2 .col{
	float: left;
	padding: 0 10px;
	text-align: center;
	width: 97px;
}
.box2 .col p{
	text-align: left;
}
/*- Box3 -*/
.box3{
	width: 350px;
}
.box3 div{
	background: url('../../img/web/small-box-bg.gif') no-repeat top left;
	float: left;
	height: 46px;
	margin: 0 3px 8px 3px;
	padding: 4px 7px 0 5px;
	width: 155px;
}
.box3 div p{
	padding: 3px 0 0;
}
.box3 div a{
	color: #666666;
}
.box3 div.fix{
	background: none;
	float: left;
	height: 1px;
}
/*- Box4 -*/
.box4{
	background: url('../../img/web/box4-bgr.gif') no-repeat top left;
	height: 200px;
	padding: 50px 0 0;
	text-align: center;
}
.box4 img{
	height: 190px;
	max-width: 287px;
}

.box4_ca{
	background: url('../../img/web/ca/box4-bgr.gif') no-repeat top left;
	height: 200px;
	padding: 50px 0 0;
	text-align: center;
}
.box4_ca img{
	height: 190px;
	max-width: 287px;
}

.box4_es{
	background: url('../../img/web/es/box4-bgr.gif') no-repeat top left;
	height: 200px;
	padding: 50px 0 0;
	text-align: center;
}
.box4_es img{
	height: 190px;
	max-width: 287px;
}

.box4_en{
	background: url('../../img/web/en/box4-bgr.gif') no-repeat top left;
	height: 200px;
	padding: 50px 0 0;
	text-align: center;
}
.box4_en img{
	height: 190px;
	max-width: 287px;
}


/*- Box5 -*/
.box5{
	background: url('../../img/web/box5-bgr.gif') repeat-y;
	margin: 0 0 15px;
	width: 754px;
}
.box5 h2{
	color: #ffffff;
	float: left;
	font-size: 22px;
	line-height: 31px;
	padding: 0 0 0 25px;
}
#columns .box5 h3{
	color: #000000;
	margin: 0 0 15px;
}
.box5 p{
	padding: 0 0 15px;
}
/*Novetat*/
.box5-top
{
	background: url('../../img/web/box5-top.gif') no-repeat top;
	clear: both;
	height: 7px;
	padding: 0 30px 0 0;
}
.box5 div.fr{margin-right:10px;}
.box5-top2
{
	height:7px;
	clear:both;
	display:block;
	background: url('../../img/web/box5-top.gif') no-repeat bottom;
}
.box5 h2
{
	background-color:#98bfc5;
	width:729px;
}
/**/
.box5-bot{
	background: url('../../img/web/box5-top.gif') no-repeat top;
	clear: both;
	height: 31px;
	overflow: hidden;
	padding: 0 30px 0 0;
}
.box5-bot{
	background: url('../../img/web/box5-bot.gif') no-repeat top;
	height: 16px;
}
.box5 .spacer{
	height: 1%;
	padding: 10px 30px 0;
}
/*- Box6 -*/
.box6{
	background: url('../../img/web/box6-bgr.gif') repeat-y;
	width: 754px;
}
.box6 a{
	color: #24639a;
	text-decoration: underline;
}
.box6 h2{
	color: #ca431f;
	font: bold 16px Arial, Helvetica, sans-serif;
	margin: -24px 0 0 0;
	padding: 0 0 20px;
	position: relative;
}
#columns .box6 h3{
	color: #666666;
	margin: 0 0 15px;
}
.box6 p{
	padding: 0 0 15px;
}
.box6-top,.box6-bot{
	background: url('../../img/web/box6-top.gif') no-repeat top;
	clear: both;
	height: 33px;
	overflow: hidden;
	padding: 0 30px 0 0;
}
.box6-bot{
	background: url('../../img/web/box6-bot.gif') no-repeat top;
	height: 17px;
}
.box6 .col{
	padding: 0 33px;
	width: 300px;
}
.box6 .date{
	color: #24639a;
}
/*- Box7 -*/
.box7{
	background: url('../../img/web/box7-bgr.gif') repeat-y;
	margin: 0 0 15px;
	width: 756px;
}
.box7 a{
	color: #24639a;
	text-decoration: underline;
}
.box7 h2{
	color: #ffffff;
	float: left;
	font-size: 22px;
	line-height: 34px;
	padding: 1px 0 0 30px;
}
#columns .box7 h3{
	color: #000000;
	margin: 0 0 15px;
}
.box7 p{
	padding: 0 0 15px;
}
.box7-top,.box7-bot{
	background: url('../../img/web/box7-top.gif') no-repeat top;
	clear: both;
	height: 34px;
	overflow: hidden;
	padding: 0 30px 0 0;
}
.box7-top2,.box7-bot{
	background: url('../../img/web/box7-top2.gif') no-repeat top;
	clear: both;
	height: 34px;
	overflow: hidden;
	padding: 0 30px 0 0;
}
.box7-bot{
	background: url('../../img/web/box7-bot.gif') no-repeat top;
	height: 17px;
}
.box7 .col1{
	float: left;
	padding: 25px 0 30px 30px;
	width: 390px;
}
.box7 .col2{
	float: right;
	padding: 5px 15px 15px 0;
	width: 260px;
}
.box7 .col3{
	float: left;
	height: 493px;
	margin: -8px 0 -11px;
	padding: 0 0 0 3px;
	position: relative;
	width: 452px;
}
/*- Box8 -*/
.box8{
	/*height: 59px;*/
}
.box8 div{
	background: url('../../img/web/small-box2-bg.gif') no-repeat top left;
	display: block;
	float: left;
	height: 52px;
	margin: 0 13px 0 0;
	padding: 4px 8px 0 5px;
	width: 230px;
}
.box8 div.last{
	margin-right: 0;
}
.box8 div p{
	padding: 3px 0 0;
}
.box8 div a{
	color: #666666;
}
/*- Box9 -*/
.box9{
	background: url('../../img/web/box9-bgr.gif') repeat-y;
	float: left;
	margin: 0 0 15px;
	width: 366px;
}
.box9 h2{
	color: #2d9ad9;
	float: left;
	font-size: 13px;
	margin-top:3px;
	/*line-height: 33px;*/
	padding: 0 0 0 15px;
}
.box9 h2.tipus2{color:#ffa200;}
.box9 h2.tipus3{color:#bacc26;}
.box9 h2.tipus4{color:#fa2754;}
.box9 p{
	padding: 0 0 12px;
	text-align:justify;
}
.box9-top,.box9-bot{
	background: url('../../img/web/box9-top.gif') no-repeat top;
	clear: both;
	height: 33px;
	overflow: hidden;
	padding: 0 30px 0 0;
	/*FIX*/
	width:171px;
	background-position:0px;
	float:left;
	
}
.box9-bot{
	background: url('../../img/web/box9-bot.gif') no-repeat top;
	height: 15px;
	width:auto;
	float:none;
}
.box9-top{
	/*NEW FIX*/
	/*background-color:#990000;*/
	/*background-image:none;*/
	width:336px;
	float:none;
	height:auto;
	overflow:auto;
	background:url('../../img/web/box9-top_fix.gif') no-repeat top #e9eaea;
	/*margin-bottom:10px;*/
}
.box9 .spacer{
	height: 1%;
	margin: 0 0 0 10px;
	padding: 0 7px 0 5px;
}

/*- Box10 -*/
.box10{
	/*height: 59px;*/
}
.box8 div{
	background: url('../../img/web/small-box2-bg.gif') no-repeat top left;
	display: block;
	float: left;
	height: 52px;
	margin: 0 13px 0 0;
	padding: 4px 8px 0 5px;
	width: 230px;
}
.box8 div.last{
	margin-right: 0;
}
.box8 div p{
	padding: 3px 0 0;
}
.box8 div a{
	color: #666666;
}



.thumb{
	float: right;
	font-size: 9px;
	margin: -10px 0 0;
	text-align: center;
	width: 152px;
	
}
.thumb p{margin-top:20px;}
p.ico08{
	background: url('../../img/web/ico08.gif') no-repeat left top;
	padding: 0 0 10px 18px;
}
p.ico09{
	background: url('../../img/web/ico09.gif') no-repeat left top;
	padding: 0 0 10px 18px;
	line-height:8px;
}
p.ico10{
	background: url('../../img/web/ico10.gif') no-repeat left top;
	padding: 0 0 10px 18px;
}
p.ico11{
	background: url('../../img/web/ico11.gif') no-repeat left top;
	padding: 0 0 10px 18px;
}
p.icomapa{
	background: url('../../img/web/ico_veuremapa.gif') no-repeat left top;
	padding: 0 0 6px 22px;
}
/*- Left Box -*/
.leftbox{
	background: url('../../img/web/leftbox-bgr.gif') repeat-y left;
	padding: 10px 0 30px 2px;
}
.leftbox-bot{
	background: url('../../img/web/leftbox-bot.gif') no-repeat top left;
	height: 26px;
	overflow: hidden;
}
/*=== Styling Forms ===*/
.btn{
	border: 0;
	margin: 0;
	padding: 0;
	width: auto;
}
.chk{
	border: 0;
	height: 16px;
	margin: 0 3px 0 0;
}
/*- Quick Navigation -*/
#quick-nav{
	background: #00335b;
	float: right;
	height: 25px;
	width: 356px;
}
#quick-nav fieldset{
	float: right;
	padding: 3px 2px 0 0;
}
#quick-nav select{
	float: left;
	margin: 0 3px 0 0;
	width: 190px;
}
/*- Form1 -*/
.form1{
	color: #000000;
	font: 11px Arial, Helvetica, sans-serif;
}
.form1 a{
	color: #000000;
}
.form1 small a{
	color: #296192;
	text-decoration: underline;
}
.form1 div{
	clear: both;
}
.form1 input{
	float: left;
	margin: 0 5px 5px 0;
}
.form1 label{
	color: #666666;
}
.form1 .ac input.btn{
	float: none;
}
/*=== Styling Lists ===*/
/*- Left Menu -*/
.leftmenu li a{
	background: url('../../img/web/leftmenu-bgr.gif') no-repeat top left;
	color: #ffffff;
	display: block;
	height: 26px;
	line-height: 24px;
	padding: 0 0 0 15px;
}
.leftmenu li.active a,
.leftmenu li a:hover{
	background: url('../../img/web/leftmenu-bgr-.gif') no-repeat top left;
	text-decoration: none;
}
.leftmenu li#first1 a{
	background: url('../../img/web/leftmenu-first1.gif') no-repeat top left;
	height: 30px;
	line-height: 30px;
}
.leftmenu li#first1.active a,
.leftmenu li#first1 a:hover{
	background: url('../../img/web/leftmenu-first1-.gif') no-repeat top left;
}
.leftmenu li#first a{
	background: url('../../img/web/leftmenu-first.gif') no-repeat top left;
	height: 30px;
	line-height: 30px;
}
.leftmenu li#first a,
.leftmenu li#first a:hover{
	background: url('../../img/web/leftmenu-first-.gif') no-repeat top left;
}
/* Colourful List */
.leftmenu li#item1 a{
	background: url('../../img/web/leftmenu01.gif') no-repeat top left;
}
.leftmenu li#item2 a{
	background: url('../../img/web/leftmenu02.gif') no-repeat top left;
}
.leftmenu li#item3 a{
	background: url('../../img/web/leftmenu03.gif') no-repeat top left;
}
.leftmenu li#item4 a{
	background: url('../../img/web/leftmenu04.gif') no-repeat top left;
}
/*- Left SubMenu -*/
.leftmenu li ul{
	padding: 0 0 0 2px;
}
.leftmenu li#item1 li a{
	background: url('../../img/web/hl-dotb.gif') repeat-x bottom;
	color: #000000;
	height: auto;
	line-height: normal;
	padding: 4px 15px;
}

.leftmenu li#item2 li a{
	background: url('../../img/web/hl-dotb2.gif') repeat-x bottom;
	color: #000000;
	height: auto;
	line-height: normal;
	padding: 4px 15px;
}
.leftmenu li#item3 li a{
	background: url('../../img/web/hl-dotb3.gif') repeat-x bottom;
	color: #000000;
	height: auto;
	line-height: normal;
	padding: 4px 15px;
}
.leftmenu li#item4 li a{
	background: url('../../img/web/hl-dotb4.gif') repeat-x bottom;
	color: #000000;
	height: auto;
	line-height: normal;
	padding: 4px 15px;
}


.leftmenu li ul li.active{/*background-color:#6cb1d9;*//*CAMBIAR LI*/}
.leftmenu li ul li.active a{font-weight:bold;/*background-color:#6cb1d9;*//*CAMBIAR LI*/}


* html .leftmenu li#item1 li a{
	height: 10px;
}
/*- List1 -*/
.list1{
	clear: both;
}
.list1 li{
	background: url('../../img/web/ico-list1.gif') no-repeat left;
	margin: 0 0 7px;
	padding: 0 0 0 7px;
}
.list1 li a{
	color: #666666;
	text-decoration: none;
}
/*- List1 Cercador-*/
.list1_cerca{
	clear: both;margin-left:20px;
}
.list1_cerca li{
	background: url('../../img/web/ico-list1.gif') no-repeat left;
	margin: 0 0 7px;
	padding: 0 0 0 7px;
}
.list1_cerca li a{
	color: #666666;
	text-decoration: none;
}
/*- List2 -*/
.list2 li{
	background: url('../../img/web/ico-list2.gif') no-repeat left;
	margin: 0 0 10px;
	padding: 0 0 0 20px;
}
.list2 li.presencial
{
	padding-left:30px;
	background: url('../../img/web/ico_presencial.gif') no-repeat left;
}

.list2 li.telefonic
{
	padding-left:30px;
	background: url('../../img/web/ico_telefonic.gif') no-repeat 5px;
}
.list2 li.internet
{
	padding-left:30px;
	background: url('../../img/web/ico_internet.gif') no-repeat 3px;
}
.list2 li.signaturaonline
{
	padding-left:30px;
	background: url('../../img/web/ico_signaturaonline.gif') no-repeat 4px;;
}

.list2 li a{
	color: #000000;
}
/*=== Link Buttons ===*/
a.print, a.back, a.top, a.tramitar{
	background: url('../../img/web/ico-print.gif') no-repeat left;
	color: #1c3456;
	line-height: 18px;
	padding: 2px 0 0 17px;
	text-decoration: underline;
}
 a.back{
	background: url('../../img/web/ico-back.gif') no-repeat left;
}
 a.top{
	background: url('../../img/web/ico-top.gif') no-repeat left;
}
 a.tramitar
 {
	background: url('../../img/web/ico12.gif') no-repeat left;
	padding:0 0 0 17px;
}
.linkb{
	color: #4894a0;
	height: 18px;
	padding: 0 30px;
}
/*=== Styling Thumbs, etc. Pictures ===*/
.th{
	border: 1px solid #d8dad5;
	padding: 4px;
}
/*=== Footer ===*/
#footer{
	background: url('../../img/web/hl-dot.gif') repeat-x top;
	clear: both;
	color: #164f92;
	height: 50px;
	padding: 0 5px;
}
#footer a{
	color: #164f92;
}
#footer a:hover{
	color: #919191;
	text-decoration: none;
}
#footer p{
	padding: 7px 0 0;
}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: 0 0 -1px;
	overflow: hidden;
}
.hl{
	background: url('../../img/web/hl-dot.gif') repeat-x top;
	clear: both;
	height: 1px;
	margin: 0 0 10px;
	overflow: hidden;
}
.fl{
	float: left;
}
img.fl{
	margin: 0 10px 10px 0;
}
.fr{
	float: right;
}
.ac{
	text-align: center;
}
.ar{
	text-align: right;
}


/* Tiny editor */
.spacer{
	color: #666666;
	font: Verdana,Arial,Geneva,Sans-Serif;
}
.spacer a{
	color: #004e92;
	text-decoration: none;
}
.spacer span.titol,p.titol,p span.titol{color:#000000;}
.spacer h1{
color:#ed7601;
font-size:14px;
}

/*=== Fotos ===*/
.wrapper2{
	background-color:#a3c9cf;
	/*color: #716f6d;*/
	float: left;
	font-size: 10px;
	padding: 10px 4px 15px; 
	text-align: center;
	width: 145px;
	height: 100px;
/*	border:1px solid #000000; */
	margin-right:27px;
}
.wrapper2 h3{
	font-size: 10px;
	font-weight: normal;
}
.wrapper2 h3 a{
	/*color: #000000;*/
}
.wrapper2 p{
	/*color: #000000;*/
}
.wrapper2 img{
	border: 1px solid #FFFFFF;
	/*height: 84px;
	width: 115px;*/
}
/**/

.paginacio_fotos td
{
	text-align:right;
	padding-top:10px;
	padding-right:20px;
}

#fix_servei
{
	height:20px;
	width:100px;
	float:right;
	background: url('../../img/web/box9-top.gif') no-repeat -266px 0px;
}
#fix_servei2
{
	/*border:1px solid red;*/
	height:20px;
	/*width:100px;
	float:right;
	*/
	background: url('../../img/web/box9-top.gif') no-repeat bottom;

}
#newtitle1
{
	width:596px;
	background: url('../../img/web/title1.jpg') no-repeat 0px 0px;
	height: 151px;
	padding: 0 2px;
	float:left;
}
.top_carrusel
{
	background: url('../../img/web/corner-carrusel-top.gif') no-repeat 0px 0px;
	height:9px;
	width:356px !important;width:355px;
	float:left;
}
.carrusel
{
	width:356px !important;width:355px;
	height: 155px;
	float:left;
}

.banner_pro
{
	width:219px;
	height: 110px;
}

/* FORMULARI ----------------------*/
#formulari
{
	margin-bottom:50px;
}
/*----------------------*/

/* ENQUESTA --------------------------------------------- */
.graph { 
	position: relative; /* IE is dumb */
	width: 90%; 
	border: 1px solid #d9e7f2; 
	padding: 2px; 
}
.graph .bar { 
	display: block;
	position: relative;
	background: #d9e7f2; 
	text-align: left; 
	color: #333; 
	height: 12px; 
}
.graph .bar span { position: absolute; left: 1em; }
/*-------------------------------------*/

/*FANCY FORMS------------------------------------*/

.checked {
  background-color:#222;
  background-image:url('../../img/web/chk_on.png');
}
.unchecked {
  background-color:#1c1c1c;
  background-image:url('../../img/web/chk_off.png');
}
.selected {
  background-color:#222;
  background-image:url('../../img/web/rdo_on.png');
}
.unselected {
  background-color:#1c1c1c;
  background-image:url('../../img/web/rdo_off.png');
}
/*------------------------------------*/




/*=== Columns CERCADOR Eliminem la columna de la dreta ===*/
#columns_cercador{clear: both;padding: 0 1px 15px;}
#columns_cercador h2.main{background: url('../../img/web/hdr-bgr.gif') no-repeat top;color: #ffffff;font-size: 18px;height: 53px;line-height: 53px;margin: 0 0 5px;padding: 0 0 0 20px;}
#columns_cercador h3{color: #004e92;font-size: 11px;margin: 0 0 5px;}
#columns_cercador h4{color: #000000;font-size: 14px;margin: 0 0 5px;}
#columns_cercador h5{color: #296192;font-size: 11px;margin: 0 0 10px;}
#columns_cercador .sbox h4{margin: 0 0 8px -20px;}
#columns_cercador .box5 h3{color: #000000;margin: 0 0 15px;}
#columns_cercador .box6 h3{color: #666666;margin: 0 0 15px;}
#columns_cercador .box7 h3{color: #000000;margin: 0 0 15px;}

#columns_cercador #leftcol{width:958px;}
#columns_cercador .box{width:958px;background: url('../../img/web/box-bgr-cercador.gif') repeat-y;

}
#columns_cercador .box-top{width:958px;background: url('../../img/web/box-top-cercador.gif') no-repeat top;}
#columns_cercador .col2{width:690px;}
#columns_cercador .box-bot{background: url('../../img/web/box-bot-cercador.gif') no-repeat top;}


/************************ MENU PRAL FINAL VERSION ****************************/
.horizontalcssmenu
{width:595px; height:25px;background-color:#819fcb;float:left;}

.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
background: #819fcb;
}

/*Top level list items*/
.horizontalcssmenu ul li{
position: relative;
display: inline;
float: left;
padding-top:3px;
padding-bottom:3px;
#padding-bottom:5px;
/*border-bottom:2px solid #FFFFFF;*/
border-right:3px solid #FFFFFF;
}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
display: block;
width: 128px; /*Width of top level menu link items*/
padding: 2px 8px;
/*border: 1px solid #202020;*/
border-left-width: 0;
text-decoration: none;
/*background: url(menubg.gif) center center repeat-x;*/
color: #FFFFFF;
font-weight:bold;
}
	
/*Sub level menu*/
.horizontalcssmenu ul li ul{
left: 0;
top: 0;
/*border-top: 1px solid #202020;*/
position: absolute;
display: block;
visibility: hidden;
z-index: 100;background:none;
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float: none;
border-right:none;
margin:0;padding:0;
}


/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
width: 160px; /*width of sub menu levels*/
font-weight: normal;
padding: 2px 5px;
/*background: #e3f1bd;*/
border-width: 0 1px 1px 1px;
color:#FFFFFF;
}

.horizontalcssmenu ul li a:hover{
/*background: url(menubgover.gif) center center repeat-x;*/
}

.horizontalcssmenu ul li ul li a:hover{
/*background: #cde686;*/
font-weight:bold;
}

.horizontalcssmenu .arrowdiv{
position: absolute;
right: 0;
/*background: transparent url(menuarrow.gif) no-repeat center left;*/
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */
#nav2 li.tab1 li a{
	background: #4894a0;
	border-bottom:2px solid #FFFFFF;
}
#nav2 li.tab2 li a{
	background: #9d0057;
	border-bottom:2px solid #FFFFFF;
}
#nav2 li.tab3 li a{
	background: #009ac5;
	border-bottom:2px solid #FFFFFF;
}
#nav2 li.tab4 li a{
	border-bottom:2px solid #FFFFFF;
	background: #819fcb;
}
/************************************************************************/

/*- FIX PER MULTILINEA A --- Left Menu -*/
.leftmenu li{
_border-bottom:1px solid #a3c9cf;
}
.leftmenu li a{
	background: url('../../img/web/leftmenu-bgr.gif')  no-repeat bottom left;
	height: auto;
	line-height: 16px;
	padding-bottom:6px;
	padding-top:5px;
}
.leftmenu li.active a, .leftmenu li a:hover{
	background: url('../../img/web/leftmenu-bgr-.gif')  no-repeat bottom left;
	text-decoration: none;
}

.leftmenu li#first1 a{
	height: auto;
	line-height: 16px;
	padding-bottom:6px;
	padding-top:8px;
}
.leftmenu li#first a{
	height: auto;
	line-height: 16px;
	padding-bottom:6px;
	padding-top:8px;
}
.leftmenu li#first{
	padding-bottom:2px;
	background: url('../../img/web/leftmenu-first.gif') no-repeat bottom left;
}

.leftmenu li#first1{
	padding-bottom:2px;
	background: url('../../img/web/leftmenu-bgr.gif') no-repeat bottom left;
}
.leftmenu li#first1.active, .leftmenu li#first1:hover{
	background: url('../../img/web/leftmenu-bgr-.gif') no-repeat bottom left;
}



/******************** MULTICOLOR AREES *************************/
/******************** OCUPACIO *************************/

.leftmenu li a.ocupacio{
	background: url('../../img/web/2leftmenu-bgr.gif') no-repeat bottom left;
}
.leftmenu li.active a.ocupacio,
.leftmenu li a.ocupacio:hover{
	background: url('../../img/web/2leftmenu-bgr-.gif') no-repeat bottom left;
}
.leftmenu li#first1 a.ocupacio{
	background: url('../../img/web/2leftmenu-first1.gif') no-repeat top left;
}
.leftmenu li#first1.active a.ocupacio,
.leftmenu li#first1 a.ocupacio:hover{
	background: url('../../img/web/2leftmenu-first1-.gif') no-repeat top left;
}
.leftmenu li#first a.ocupacio{
	background: url('../../img/web/2leftmenu-first.gif') no-repeat bottom left;
}
.leftmenu li#first a.ocupacio,
.leftmenu li#first a.ocupacio:hover{
	background: url('../../img/web/2leftmenu-first-.gif') no-repeat top left;
}
.leftmenu li#first1ocupacio{
	background: url('../../img/web/2leftmenu-bgr.gif') no-repeat bottom left;
}
.leftmenu li#first1ocupacio.active, .leftmenu li#first1ocupacio:hover{
	background: url('../../img/web/2leftmenu-bgr-.gif') no-repeat bottom left;
}

.leftmenu li#first1ocupacio a{
	background: url('../../img/web/2leftmenu-first1.gif') no-repeat top left;
	height: 30px;
}
.leftmenu li#first1ocupacio.active a,
.leftmenu li#first1ocupacio a:hover{
	background: url('../../img/web/2leftmenu-first1-.gif') no-repeat top left;
}
/******************** turisme *************************/
.leftmenu li a.turisme{
	background: url('../../img/web/3leftmenu-bgr.gif') no-repeat bottom left;
}
.leftmenu li.active a.turisme,
.leftmenu li a.turisme:hover{
	background: url('../../img/web/leftmenu-bgr-.gif') no-repeat bottom left;
}
.leftmenu li#first1 a.turisme{
	background: url('../../img/web/3leftmenu-first1.gif') no-repeat top left;
}
.leftmenu li#first1.active a.turisme,
.leftmenu li#first1 a.turisme:hover{
	background: url('../../img/web/leftmenu-first1-.gif') no-repeat top left;
}
.leftmenu li#first a.turisme{
	background: url('../../img/web/3leftmenu-first.gif') no-repeat bottom left;
}
.leftmenu li#first a.turisme,
.leftmenu li#first a.turisme:hover{
	background: url('../../img/web/leftmenu-first-.gif') no-repeat top left;
}
.leftmenu li#first1turisme{
	background: url('../../img/web/3leftmenu-bgr.gif') no-repeat bottom left;
}
.leftmenu li#first1turisme.active, .leftmenu li#first1turisme:hover{
	background: url('../../img/web/leftmenu-bgr-.gif') no-repeat bottom left;
}

.leftmenu li#first1turisme a{
	background: url('../../img/web/3leftmenu-first1.gif') no-repeat top left;
	height: 30px;
}
.leftmenu li#first1turisme.active a,
.leftmenu li#first1turisme a:hover{
	background: url('../../img/web/leftmenu-first1-.gif') no-repeat top left;
}
/******************** ajuntament *************************/
.leftmenu li a.ajuntament{
	background: url('../../img/web/4leftmenu-bgr.gif') no-repeat bottom left;
}
.leftmenu li.active a.ajuntament,
.leftmenu li a.ajuntament:hover{
	background: url('../../img/web/leftmenu-bgr-.gif') no-repeat bottom left;
}
.leftmenu li#first1 a.ajuntament{
	background: url('../../img/web/4leftmenu-first1.gif') no-repeat top left;
}
.leftmenu li#first1.active a.ajuntament,
.leftmenu li#first1 a.ajuntament:hover{
	background: url('../../img/web/leftmenu-first1-.gif') no-repeat top left;
}
.leftmenu li#first a.ajuntament{
	background: url('../../img/web/4leftmenu-first.gif') no-repeat bottom left;
}
.leftmenu li#first a.ajuntament,
.leftmenu li#first a.ajuntament:hover{
	background: url('../../img/web/leftmenu-first-.gif') no-repeat top left;
}
.leftmenu li#first1ajuntament{
	background: url('../../img/web/4leftmenu-bgr.gif') no-repeat bottom left;
}
.leftmenu li#first1ajuntament.active, .leftmenu li#first1ajuntament:hover{
	background: url('../../img/web/leftmenu-bgr-.gif') no-repeat bottom left;
}

.leftmenu li#first1ajuntament a{
	background: url('../../img/web/4leftmenu-first1.gif') no-repeat top left;
	height: 30px;
}
.leftmenu li#first1ajuntament.active a,
.leftmenu li#first1ajuntament a:hover{
	background: url('../../img/web/leftmenu-first1-.gif') no-repeat top left;
}

.logo_print{display:none;}
















#columns .box5 .spacer blockquote blockquote h5{color:#666666;}
#columns .box5 .spacer li{ list-style:disc; margin-left:40px;}
del{color:#FF0000;}

.foto{
	float:left;
	margin:0 8px 0 0;
}



/* NEW MENU DESPLEGABLE, teoricament es pot borrar tot el que fa referencia a leftmenu i deixar nomes leftmenu2*/
.cb{clear:both;}
.leftmenu2 li.tramits2 a{padding-left:25px;}
.leftmenu2 li{background: url('../../img/web/leftmenu-bgr.gif') no-repeat bottom left;padding:5px;}
.leftmenu2 li a{color:#ffffff;}
.leftmenu2 li.active ,.leftmenu2 li:hover{background: url('../../img/web/leftmenu-bgr-.gif') no-repeat bottom left;}
.leftmenu2 li a:hover{text-decoration: none;}
.leftmenu2 li span.desplega{float:left;display:block;width:20px;margin-right:5px;}
.leftmenu2 li a.link_leftmenu2{float:left;display:block;width:150px;}
.leftmenu2 li#first {background: url('../../img/web/leftmenu2-first-.gif') no-repeat bottom left;height: 30px;line-height: 30px;padding:0px 0px 0px 30px;}
.leftmenu2 li.ocupacio{background: url('../../img/web/2leftmenu-bgr.gif') no-repeat bottom left;}
.leftmenu2 li.ocupacio:hover{background: url('../../img/web/2leftmenu-bgr-.gif') no-repeat bottom left;}
.leftmenu2 li.turisme{background: url('../../img/web/3leftmenu-bgr.gif') no-repeat bottom left;}
.leftmenu2 li.turisme:hover{background: url('../../img/web/leftmenu-bgr-.gif') no-repeat bottom left;}
.leftmenu2 li.ajuntament{background: url('../../img/web/4leftmenu-bgr.gif') no-repeat bottom left;}
.leftmenu2 li.ajuntament:hover{background: url('../../img/web/leftmenu-bgr-.gif') no-repeat bottom left;}

.leftmenu2 li.submenu_ajax{display:none;padding:0;margin:0;}

.leftmenu2 li.submenu_ajax ul li{background:#ADADAD;margin-left:2px;}
.leftmenu2 li.submenu_ajax ul li:hover{background:#ADADAD;}
.leftmenu2 li.submenu_ajax ul li a:hover{color:#cccccc;}
.leftmenu2 li.submenu_ajax a.link_leftmenu2{width:130px;}
.leftmenu2 li.submenu_ajax span.desplega{margin-left:12px;}

.leftmenu2 li.submenu_ajax ul li ul li{background:#8D8D8D;margin-left:0px;}
.leftmenu2 li.submenu_ajax ul li ul li:hover{background:#8D8D8D;}
.leftmenu2 li.submenu_ajax ul li ul li a.link_leftmenu2{width:118px;}
.leftmenu2 li.submenu_ajax ul li ul li span.desplega{margin-left:25px;}

.leftmenu2 li.submenu_ajax ul li ul li ul li{background:#6F6F6F;}
.leftmenu2 li.submenu_ajax ul li ul li ul li:hover{background:#6F6F6F;}
.leftmenu2 li.submenu_ajax ul li ul li ul li a.link_leftmenu2{width:100px;}
.leftmenu2 li.submenu_ajax ul li ul li ul li span.desplega{margin-left:35px;}

.leftmenu2 li.submenu_ajax ul li ul li ul li ul li{background:#4B4B4B;}
.leftmenu2 li.submenu_ajax ul li ul li ul li ul li:hover{background:#4B4B4B;}
.leftmenu2 li.submenu_ajax ul li ul li ul li ul li a.link_leftmenu2{width:80px;}
.leftmenu2 li.submenu_ajax ul li ul li ul li ul li span.desplega{margin-left:45px;}

.leftmenu2 li.submenu_ajax ul{.margin-top:-13px;}
/*.leftmenu2 li.submenu_ajax ul li ul{.margin-top:0px;}*/



li a.selected_menu {background:none;font-weight:bold;}
