/********* GENERAL ********/

* 	{ 
margin: 0; 
padding: 0; 
list-style:none;
}

body	{ 
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
color:#001D81;
background: #fff;
text-align:center;
} 

a
{
color:#001D81;
}

img {
  border:none;
  }

div.neteja
{
clear:both;
}

div.separador
{
height:7px;
clear:both;
}


div.contingut
{
width:970px;
margin:0 auto 0 auto;
}

a.pdf
{
background:url(../img/pdf.gif) no-repeat;
padding:2px 0 2px 25px;
text-decoration:none;
font-weight:bold;
}

a.pdf:hover
{
text-decoration:underline;
}

/******************************************* INICI TOP ********************************************************************/

div#top
{
margin:5px 0 0 0;
width:100%;
height:118px;
background:url(../img/submenu.gif) repeat-x bottom;
}



div#logo
{
width:330px;
float:left;
}

div#opcions
{
position:absolute;
width:638px;
height:20px;
padding:2px 0 0 0;
left:50%;
margin-left:-148px;
}

div#idiomes
{
width:170px;
float:left;
height:17px;
padding:3px 8px 0 0;
text-align:right;
margin:0 0 7px 0;
}

div#idiomes ul
{
margin:0;
padding:0;
list-style:none;
font-size:10px;
}

div#idiomes ul li
{
display:inline;
}

div#idiomes ul li a
{
text-decoration:none;
}

div#idiomes ul li a:hover,div#idiomes ul li a.on
{
text-decoration:underline;
}



div#territori
{

float:right;

font-size:10px;
padding:0 5px 0 10px;
width:110px;
}

a.boto-territori
{
display:block;
width:110px;
height:17px;
text-decoration:none;
background:#fff url(../img/territorial.gif);
padding:3px 0 0 0;
}



div#territori ul  li.desplega ul { 
	position:absolute;
	display: none;
	text-align: left;
	list-style:none;
	width:500px;
	left:50%;
	top:18px;
	
	z-index:10000;
	background:#fff;
	border:1px solid #CBCBCB;
	font-size:10px;
	filter:alpha(opacity=90);
 -moz-opacity:0.9;
 opacity: 0.9;

}

div#territori ul  li.desplega ul.desplegable-territori { 
	margin-left:-200px;
}


div#territori  ul li.desplega ul li{ 
	float:left;
	margin:0;
	border:none;
	
}

div#territori  ul li.desplega:hover ul { 
	
}
div#territori  ul li.desplega ul li a 
{ 
	display: block;
	padding: 3px 5px 2px 5px; 
	color:#001D81;
	width:90px;
	text-decoration:none;
}

div#territori  ul li.desplega ul li a:hover
{ 
	text-decoration:underline;
}




.desc { color:#000;}
.desc a {color:#000;}
.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
.dropdown dd { position:relative; }
.dropdown a, .dropdown a:visited { color:#816c5b; text-decoration:none; outline:none;}
.dropdown a:hover { color:#5d4617;}
.dropdown dt a:hover { color:#5d4617;}
.dropdown dt a {background:#fff url(../img/territorial.gif); display:block; padding:0 20px 0 3px; width:87px;height:20px;}
.dropdown dt a span {cursor:pointer; display:block; padding:3px;}
.dropdown dd ul { position:absolute;background:#fff; border:1px solid #C1C4CB;border-top:none; color:#000; display:none; left:0px; padding:5px 0px;  top:0; width:108px; list-style:none;z-index:10000;}
.dropdown span.value { display:none;}
.dropdown dd ul li a { padding:5px; display:block;}
.dropdown dd ul li a:hover { background-color:#EFEFEF;}



div#cercador
{
width:245px;
float:left;
height:20px;
background:url(../img/cerca.gif) no-repeat right;
padding:0 0 0 0px;
}
div#cercador form
{
margin:0;
padding:0;
}

div#cercador input.cercador
{
width:156px;
background:url(../img/cercador.gif);
height:18px;
border:none;
padding:2px 3px 0 7px;
color:#6F6F6F;
font-size:11px;
}

div#cercador input.boto
{
cursor:pointer;
width:71px;
background: url(../img/none.gif);

border:none;
font-size:11px;
font-weight:bold;
color:#fff;
padding:0 0 0 3px;
}


div#login
{
font-size:10px;
color:#000;
text-align:center;
background:#F4F4F4;
padding:3px 5px 3px 5px;
width:auto;
float:right;
margin:5px 5px 0 0;
}

div#login a
{
color:#000;

}

div#menu
{
margin:63px 0 0 0;
width:640px;
float:right;
}


div#menu ul
{
margin:0;
list-style:none;
}

div#menu ul li
{
height:28px;
width:130px;
float:left;
margin:0 0 0 6px;
}

div#menu ul li.mypime_ca, div#menu ul li.mypime_es
{
height:28px;
width:89px;
float:left;
margin:0 0 0 5px;
}


div.mypime
{
background:url(../img/submenu-mypime.gif) repeat-x bottom;
}

div#menu ul li a
{
font-weight:bold;
display:block;
padding:6px 10px 7px 10px;
color:#ffffff;
background:#fff url(../img/pastilla.gif);
text-decoration:none;
}

div#menu ul li.mypime_ca a
{
font-weight:bold;
display:block;
padding:4px 3px 4px 17px;
color:#ffffff;
background:#fff url(../img/pastilla-mypime.gif);
text-decoration:none;
line-height:10px;
font-size:10px;
}

div#menu ul li.mypime_es a
{
font-weight:bold;
display:block;
padding:8px 3px 10px 17px;
color:#ffffff;
background:#fff url(../img/pastilla-mypime.gif);
text-decoration:none;
line-height:10px;
}

div#menu ul li.avantatges a
{
font-weight:bold;
display:block;
padding:3px 3px 1px 3px;
text-decoration:none;
line-height:12px;
font-size:11px;
}
div#menu ul li a.on
{

background:#fff url(../img/pastilla.gif) 0 28px ;
}

div#menu ul li a:hover
{
background:#fff url(../img/pastilla.gif) 0 28px ;
}

div#menu ul li.mypime_ca a:hover, div#menu ul li.mypime_es a:hover
{
background:#fff url(../img/pastilla-mypime.gif);
}

div#submenu
{
width:650px;
float:right;
font-size:11px;

}

div#ariadna
{
width:320px;
float:left;
color:#fff;
font-size:11px;
font-weight:bold;
padding:6px 0 4px 0;
text-align:left;
}

div#ariadna a
{
color:#fff;
}

div#submenu1
{
padding: 0 0 0 10px;
display:none;
text-align:left;
}

div#submenu2
{
padding: 0 0 0 180px;
display:none;
text-align:left;
}

div#submenu3
{
text-align:right;
padding: 0 110px 0 0;
display:none;
}

div#submenu4
{
text-align:right;
padding: 0 90px 0 0;
display:none;
}

div#submenu5
{
text-align:right;
padding: 0 0 0 0;
display:none;
}
 
div.actiu
{
display:block!important;
}
 
 
 
 

div.menu_secundari ul
{
padding:5px  0 5px 0;
margin:0;
list-style:none;
color:#fff;
background:url(../none.gif);

}

div.menu_secundari ul li
{
display:inline;
padding:3px 0 3px 0;
}


div.menu_secundari ul li a
{
padding:0 7px 4px 7px;
color:#fff;
text-decoration:none;
}

div.menu_secundari ul li a:hover
{
text-decoration:underline;
}



div.menu_secundari ul  li.desplega ul { 
	position:absolute;
	display: none;
	text-align: left;
	list-style:none;
	width:auto;
	left:50%;
	top:117px;/
	top:110px;
	z-index:10000;
	width:170px;
}

div.menu_secundari ul  li.desplega ul.desplegable01 { 
	margin-left:-55px;
}

div.menu_secundari ul  li.desplega ul.desplegable02 { 
	margin-left:20px;
}


div.menu_secundari ul  li.desplega ul.desplegable-a1 { 
	margin-left:-150px;
}

div.menu_secundari ul  li.desplega ul.desplegable-a2{ 
	margin-left:-100px;
}

div.menu_secundari ul  li.desplega ul.desplegable-a3{ 
	margin-left:-20px;
}

div.menu_secundari ul  li.desplega ul.desplegable-a4{ 
	margin-left:40px;
}


div.menu_secundari ul  li.desplega ul.desplegable-b2 { 
	margin-left:140px;
}

div.menu_secundari ul  li.desplega ul.desplegable-c1 { 
	margin-left:85px;
}

div.menu_secundari ul  li.desplega ul.desplegable-c2 { 
	margin-left:160px;
}

div.menu_secundari ul  li.desplega ul.desplegable-c4 { 
	margin-left:330px;
}



div.menu_secundari ul li.desplega ul li{ 
	float:none;
	margin:0;
	border:none;
	width:170px;
}

div.menu_secundari ul li.desplega:hover ul { 
	
}

div.menu_secundari ul li.desplega ul li a 
{ 
	display: block;
	padding: 3px 5px 2px 5px; 
	border-top:1px solid #C4D900;
	border-right:1px solid #C4D900;
	border-left:1px solid #C4D900;
	border-bottom:1px solid #F6F7EE;
	background-color:#F6F7EE ;
	color:#001D81;
	height:18px;
	width:170px;
	float:left;

}

div.menu_secundari ul li.desplega ul.gran li a 
{ 
	
	width:240px;
}

div.menu_secundari ul li.desplega ul li.video a 
{ 
	background:#F6F7EE  url(../img/youtube.gif) 50px 3px no-repeat;
}

div.menu_secundari ul li.desplega ul li.fotos a 
{ 
	background:#F6F7EE  url(../img/flickr.gif) 50px 3px no-repeat;
}




div.menu_secundari ul li.desplega ul li.ultim a 
{ 
	border-bottom:1px solid #C4D900;
}

div.menu_secundari ul li.desplega ul li a:hover 
{   
	background:#EAF0B5;
	color:#001D81;
	text-decoration:none;
}


div.menu_secundari ul li.desplega ul li.fotos a:hover 
{   
	background:#EAF0B5 url(../img/flickr.gif) 50px 3px no-repeat;

}

div.menu_secundari ul li.desplega ul li.video a:hover 
{   
	background:#EAF0B5 url(../img/youtube.gif) 50px 3px no-repeat;

}

/******************************************* FINAL TOP ********************************************************************/

/******************************************* INICI PEU ********************************************************************/
div#peu
{
width:100%;
background:#001D81;
}

div#peu div.bloc
{
width:283px;
float:left;
padding:10px 20px 10px 20px;
text-align:left;
}

div#peu h3
{
font-size:12px;
color:#fff;
font-weight:normal;
border-bottom:1px solid #C5DA01;
padding:0 0 3px 5px;
}

div#peu ul
{
margin:5px 0 0 0;
font-size:11px;
color:#fff;
list-style:none;
}

div#peu ul li 
{
margin:7px 0 5px 0;
background:url(../img/punt.gif) no-repeat 7px 8px;
padding:0 0 0 16px;
}

div#peu ul li a
{


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

div#peu ul li a:hover
{
color:#C5DA01;
}



/******************************************* FINAL PEU ********************************************************************/

/******************************************* INICI ALTRES *****************************************************************/

div#altres
{
width:100%;
text-align:right;
padding:5px 0 5px 0;
}

div.altres-esquerra 
{
width:200px;
float:left;
text-align:left;
font-size:10px;
}

div.altres-esquerra  a
{
text-decoration:none;
}

div.altres-esquerra  a:hover
{
text-decoration:underline;
}

div.altres-centre 
{
width:410px;
float:left;
text-align:center;
font-size:11px;
font-weight:bold;
}


div.altres-dreta 
{
width:340px;
float:right;
}


div#altres ul
{
list-style:none;
color:#001D81;
font-size:11px;
}

div#altres ul li
{
display:inline;
}

div#altres ul li a
{
color:#001D81;
text-decoration:none;
padding:0 4px 0 4px;
}

div#altres ul li a:hover
{
text-decoration:underline;
}

/******************************************* FINAL ALTRES *****************************************************************/


/******************************************* INICI CONTINGUT *************************************************** *********/

div#contingut
{
padding:10px 0 10px 0;
}

div#esquerra
{
float:left;
width:610px;
text-align:left;
}

div#dreta
{
text-align:left;
float:right;
width:348px;
}

div.espai
{
clear:both;
font-size:2px;
height:10px;
}

div.espai2
{
clear:both;
font-size:2px;
height:7px;
}


.esquerra
{
float:left;
}

.dreta
{
float:right;
}


/******************************************* FINAL CONTINGUT ************************************************************/



/***********************************************  INICI BLOCS *************************************************************/



div.baner
{
width:300px;
}


div.fila
{
width:300px;
}

div.fila2
{
width:168px;
}

div.bloc
{

color:#001D81;
}

div.bloc h2
{
font-size:13px;
font-weight:bold;
padding:0 0 4px 20px;
}




div.requadre
{
border:1px solid #CBCBCB;
padding:10px;
}

div.requadre ul
{
list-style:none;
}

div.requadre ul li
{
margin:7px 0 13px 0;
padding:0 0 0 18px;
}





div.requadre span
{
font-weight:bold;
}

div.requadre a
{
color:#001D81;
text-decoration:none;
}

div.requadre a:hover
{
text-decoration:underline;
}




div.gran img
{
border:1px solid #CBCBCB;
width:298px;
height:98px;
}

div.mitja img
{
border:1px solid #CBCBCB;
width:143px;
height:98px;
}


div.petit img
{
border:1px solid #CBCBCB;
width:167px;
height:65px;
}

div.mini img
{
border:1px solid #E2E2E2;
width:167px;
}


div.mini
{
font-size:10px;
color:#777;
}

div.mini2
{
font-size:10px;
color:#777;
width:250px;
float:left;
padding:0 13px 0 0;
}


div.veure-totes
{
float:right;
width:110px;
text-align:right;
font-size:11px;
padding:2px 0 0 0;
}


/*****************************************  FINAL BLOCS ******************************************************/



/*********************************************** PAGINACIĶ ************************************************/

div.paginacio
{
padding:0 0 0 0;

}

div.paginacio ul 
{
margin:5px 0 5px 0;
list-style:none;
font-size:11px;
}

div.paginacio ul li
{
margin:0 0 5px 2px!important;
float:left;
text-align:center;
color:#999999;
display:block;
}

div.paginacio ul li a
{
background:#fff;
padding:2px;
color:#999999;

text-decoration:none;
}

div.paginacio ul li a:hover
{
text-decoration:underline;
}

div.paginacio ul li a.on
{
font-weight:bold;
color:#999999;
text-decoration:none;
}




/********** documents /enllaįos / pāgines relacionades /patrocinadors ***************************/

div.documents h2
{
color:#001D81;
background:url(../img/punt-blau.gif) 10px 7px no-repeat;
}

div.documents ul li
{
background:url(../img/fletxa-blava.gif) no-repeat 0 3px!important;
}

div.enllacos h2
{
color:#C5DA01;
background:url(../img/punt-verd.gif) 10px 7px no-repeat;
}

div.enllacos ul li
{
background:url(../img/fletxa-verda.gif) no-repeat 0 3px!important;
}

div.noticies h2
{
color:#F33600;
background:url(../img/punt-taronja.gif) 10px 7px no-repeat;
}

div.noticies ul li
{
background:url(../img/fletxa-taronja.gif) no-repeat 0 3px!important;
}

div.patrocinadors h2
{
color:#001D81;
background:url(../img/punt-blau.gif) 10px 7px no-repeat;
}

div.patrocinadors ul li
{
display:inline;
padding:0;
}

div.patrocinadors ul li img
{
height:40px;
}



div.bloc div.requadre
{
background:#F6F7EE;
}

div.patrocinadors div.requadre
{
background:#fff;
}


.vermell a
{
color:#F33600;
}


div.espai-gran
{
width:180px;
}


div.privacitat
{
font-size:11px;
}

div#dades
{
line-height:14px;
font-size:10px;
display:none;
background:#fff;
padding:3px;
margin:10px 0 10px 0;
}

div#dades p
{
margin:0;
padding:3px 0 3px 0;

}

div.privacitat input
{
border:none!important;
margin:0 5px 0 0 ;

}

div#xarxes
{

width:30px;
height:148px;
position:fixed;
top:20%;
}

div#xarxes div img
{

width:30px;
height:32px;
}

div#xarxes div
{

width:30px;
height:32px;
margin:0 0 5px 0;
background-image:url(../img/xarxes-ico.gif);
}

div#xarxes div.facebook
{
background-position:-30px 0;
}

div#xarxes div.facebook:hover
{
background-position:0 0;
}

div#xarxes div.twitter
{
background-position:-30px -32px;
}

div#xarxes div.twitter:hover
{
background-position:0 -32px;
}

div#xarxes div.flickr
{
background-position:-30px -64px;
}

div#xarxes div.flickr:hover
{
background-position:0 -64px;
}

div#xarxes div.youtube
{
background-position:-30px -96px;
}

div#xarxes div.youtube:hover
{
background-position:0 -96px;
}

div#socialmedia
{
padding:3px 0 0 0;
width:90px;
float:right;
}


div#socialmedia div img
{

width:16px;
height:16px;
}

div#socialmedia div
{
float:left;
width:16px;
height:16px;
margin:0 5px 0 0;
background-image:url(../img/xarxes-ico-mini.gif);
}

div#socialmedia div.facebook
{
background-position:0 0;
}


div#socialmedia div.twitter
{
background-position:-16px 0;
}



div#socialmedia div.flickr
{
background-position:-32px 0;
}


div#socialmedia div.youtube
{
background-position:-48px 0;
}