/* CSS Document */

* {
margin: 0;
padding: 0;
outline: none;
}

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

#proves  {
background: #000 url(../img/proves.gif) center;
height: 26px;
width: 100%;
}

/***************
header com + men principal
***************/

#header1 {
height: 120px;
background: url(../img/fons01.jpg) repeat-x bottom center;
}

#header2 {
position: relative;
text-align: left;
width: 970px;
height: 120px;
margin: 0 auto;
}

#header1_gran {
height: 281px;
background: url(../img/fons01b.jpg) repeat-x bottom center;
}

#header2_gran {
position: relative;
text-align: left;
width: 970px;
height: 281px;
margin: 0 auto;
}

#logo h1 {
width: 233px;
height: 105px;
background: url(../img/barcelona_media.gif) no-repeat left top;
}

#logo h1 a {
text-indent: -9999em;
display: block;
width: 233px;
height: 105px;
}

#video {
position: absolute;
right: 0;
bottom: 0;
}

#menu_header {
position: absolute;
top: 8px;
right: 0;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#menu_header ul {
display: inline;
}

#menu_header li {
display: inline;
padding: 0 2px;
}

#menu_header form {
display: inline;
}

#menu_header a {
color: #333;
text-decoration: none;
}

#menu_header a:hover {
color: #004698;
text-decoration: underline;
}

#menu {
background-color: #000000;
color: #fff;
height: 26px;
text-align: center;
}

#menu ul {
width: 930px;
margin: 0 auto;
}

#menu li {
padding: 5px 0;
font-weight: bold;
float: left;
border-right: 1px dashed #7a7a7a;
list-style-type: none;
}

#menu li a, #menu li a:visited {
font-size: 13px;
color: #fff;
padding: 5px 16px 3px 15px;
text-decoration: none;
margin-bottom: 2px;
}

#menu li a:hover, #menu li a.selected {
color: #f4f4f4;
border-bottom: 2px solid #F60;
}

#menu li a:active {
color: #fff;
border-bottom: 2px solid #f60;
}

#menu li.primer {
border-left: 1px dashed #7a7a7a;
}

/***************
contingut - columnes
***************/

#content {
width: 970px;
margin: 20px auto;
overflow: auto;
}

#columna1 {
float: left;
width: 170px;
margin-right: 20px;
text-align: left;
margin-bottom: 25px;
}

#columna2 {
float: left;
margin-right: 20px;
width: 606px;
text-align: left;
margin-bottom: 25px;
padding-top: 4px;
}

#columna22 {
float: left;
margin-right: 30px;
border-left: 1px dotted #eaeaea;
padding-left: 20px;
width: 575px;
text-align: left;
margin-bottom: 25px;
font-size: 13px;
}


#columna3 {
float: left;
width: 150px;
text-align: left;
margin-bottom: 25px;
}

#columna32 {
float: left;
width: 150px;
text-align: left;
margin-bottom: 25px;
}

#footer {
clear: both;
position: relative;
margin: 15px 0 35px 0px;
padding: 9px 0;
background-color: #000;
font-size: 11px;
font-weight: bold;
color: #f6f6f6;
/*height: 50px;*/
height: 45px;
}

#footer p  {
font-weight: normal;
margin-top: 5px;
}

#footer img.left {
float: left;
background-color: #fff;
padding: 20px 8px 10px 0;
margin-top: -15px;
}

#footer_logos {
text-align: center;
}

#footer_logos img {
margin: 0 8px;
vertical-align: text-top;
}



#subfooter {
margin-top: -25px;
padding-left: 135px;
text-align: center;
font-size: 11px;
}

/***************
home: generals
***************/

#content h3 a, #content h3 a:visited, #content h4 a, #content h4 a:visited {
color: #f48911;
text-decoration: none;
}

#content h3 a:hover, #content h4 a:hover {
color: #004698;
text-decoration: none;
}

/***************
home: columna 1
***************/

#columna1 ul {
margin-top: 4px;
list-style: none;
}

#home_linies li, #home_labs li {
font-size: 11px;
font-weight: bold;
background-color: #f6f6f6;
margin-bottom: 4px;
border:1px solid #d9d9d9;
-moz-border-radius: 4px;
border-radius: 4px;
}

#home_linies li:hover, #home_labs li:hover {
background-color: #eaeaea;
}

#home_linies li a, #home_labs li a  {
display: block;
padding: 3px 8px;
color: #333;
text-decoration: none;
padding-top: 2px;
}

#home_linies li a:visited, #home_labs li a:visited  {
color: #666;
text-decoration: none;
}

#home_linies li a:hover, #home_labs li a:hover {
color: #004698;
text-decoration: none;
}

#home_linies {
margin-bottom: 20px;
}

#home_labs {
}

/***************
home: columna 2
***************/

#slogan {
text-align: center;
font-size: 23px;
letter-spacing: 1px;
padding: 6px 8px;
line-height: 25px;
color: #333;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
margin-bottom: 6px;
background: url(../img/fons_slogan.jpg) center center;
}

#slogan a, #slogan a:visited {
font-weight: bold;
color: #f48911;
text-decoration: none;
padding: 0px 2px;
}

#slogan a:hover {
color: #fff;
background: url(../img/fons_slogan1.gif);
background-color: #f48911;
}

#home_noticies p, #home_noticies li, #home_destaquem p, #home_destaquem li {
font-size: 11px;
line-height: 15px;
margin-bottom: 4px;
}

#home_noticies a {
font-weight: bold;
}

#home_noticies h3 {
padding-top: 6px;
}

.item {
color: #333;
border-top: 1px dotted #ccc;
padding-top: 7px;
margin-bottom: 4px;
overflow: auto;
}

.item:hover {
color: #000;
}

.item img {
float: left;
margin-right: 13px;
}

.totes {
background: url(../img/fons_destaquem.gif) repeat;
padding: 4px 15px 2px 0;
text-align: right;
margin-top: 7px;
border-top: 1px dotted #ccc;
}

.totes a:link, .totes a:visited {
padding-left: 18px;
background: url(../img/bullet.gif) no-repeat 5px 4px;
text-decoration: none;
color: #004698;
}

.totes a:hover {
text-decoration: none;
}

#home_noticies {
margin-bottom: 15px;
}

#home_destaquem {
float: right;
width: 230px;
margin-left: 20px;
margin-top: 8px;
background: url(../img/fons_destaquem3.gif) no-repeat bottom #fff;
}

#home_destaquem p, #home_destaquem li {
font-size: 12px;
line-height: 15px;
margin-bottom: 4px;
font-weight: bold;
}

#home_destaquem h3 {
padding: 4px 2px 0px 9px;
font-size: 16px;
height: 26px;
color: #fff;
background: url(../img/fons_destaquem2.gif) top;
}

#home_destaquem ul {
padding: 0 8px 12px 10px;
margin-bottom: 4px;
margin-top: -4px;
border-left: 1px solid #f48911;
border-right: 1px solid #f48911;
}

#home_destaquem li {
list-style-type: none;
padding: 2px 15px;
background: url(../img/bullet.gif) no-repeat left 5px;
}

#home_destaquem a {
color: #000;
padding: 1px;
text-decoration: none;
}

#home_destaquem a:hover {
color: #f48911;
text-decoration: none;
}

#contacte h3 {
margin-bottom: 6px;
color: #f48911;
}


/***************
home: columna 3
***************/

#contacte {
background-color: #f6f6f6;
padding: 8px;
font-size: 11px;
margin-bottom: 14px;
}

#contacte a {
text-decoration: none;
}

#contacte a:hover {
text-decoration: underline;
}

.banner {
background-color: #f48911;
text-align: center;
padding: 5px 0;
margin-bottom: 8px;
}

.destacat_home {
background-color: #fff;
padding: 8px;
border: 5px solid #f48911;
color: #333;
font-size: 11px;
font-weight: bold;
}

#intranet {
text-align: center;
font-size: 11px;
margin-top: 20px;
margin-bottom: 6px;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#intranet a {
text-decoration: none;
}

#intranet a:hover {
text-decoration: underline;
color: #004698;
}

#footer p a.underline {
text-decoration: underline;
}

/***************
home: footer
***************/

#footer a, #footer a:visited {
color: #f6f6f6;
text-decoration: none;
}

#footer a:hover {
color: #fff;
text-decoration: underline;
}

#footer img {
margin-right: 3px;
vertical-align: middle;
}

/***************
SEGONES
***************/

#breadcrumbs {
width: 970px;
margin: 0 auto;
font-size: 10px;
text-align: left;
color: #999;
border-bottom: 1px dotted #ccc;
padding: 4px 0;
}

#breadcrumbs a, #breadcrumbs a:visited {
color: #999;
text-decoration: none;
}

#breadcrumbs a:hover{
color: #004698;
text-decoration: underline;
}

/* menú esquerra segones */

#submenu ul {
list-style-type: none;
}

#submenu li {
font-size: 11px;
border: 0;
border-bottom: 1px dashed #ccc;
background-color: #fff;
}


#submenu h3 + ul  {
border-top: 1px dotted #F48911;
}

#submenu li a {
font-weight: bold;
display: block;
color: #004698;
text-decoration: none;
padding: 7px 1px 6px 6px;
}

#submenu li a:visited {
color: #666;
}

#submenu li a:hover {
color: #f48911;
}

#submenu li a.selected {
border-left: 3px solid #f48911;
font-weight: bold;
color: #f48911;
}

#submenu li.selected a {
color: #f48911;
}

#submenu li ul {
margin-left: 16px;
}

#submenu li ul li {
border: 0;
border-top: 1px dashed #eaeaea;
}

#submenu li ul li a {
font-weight: normal;
padding: 3px;
}

/* contingut */

#contingut_segona p {
line-height: 1.4em;
margin-bottom: 16px;
color: #333;
}

#contingut_segona img, #columna32 img {
border: 1px solid #eaeaea;
padding: 1px;
}

#contingut_segona a:hover img, #columna32 a:hover img  {
border-color: #f48911;
}

#columna22 strong {
font-size: 13px;
}

#contingut_segona p.pretitol, .pretitol {
color: #999;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 3px;
}

#contingut_segona .taula1 p {
margin-bottom: 0;
}

.relacions {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #f6f6f6;
padding: 6px 8px;
border: 1px dotted #ccc;
margin-bottom: 10px;
}

#contingut_segona .relacions p {
margin-bottom: 0;
color: #666;
}

#contingut_segona .relacions img.icona {
vertical-align: middle;
border: 0;
}

.relacions h5 {
padding-bottom: 6px;
}

#dades_persona {
padding-left: 120px;
margin-bottom: 15px;
}

#contingut_segona #dades_contacte {
padding: 10px 13px 3px 15px;
margin: 0 0 15px 15px;
float: right;
background-color: #f6f6f6;
font-size: 11px;
line-height: 19px;
}

#contingut_segona #dades_contacte2 {
padding: 10px 13px 3px 15px;
background-color: #f6f6f6;
background-color: #f6f6f6;
font-size: 11px;
line-height: 19px;
width: 300px;}

#contingut_segona #carrecs_persona {
background-color: #f9f9f9;
padding: 10px 0 10px 10px;
margin-bottom: 15px;
}

#carrecs_persona ul {
padding-left: 3px;
margin-bottom: 0;
}

#carrecs_persona strong {
padding-bottom: 0px;
}

#contingut_segona #carrecs_persona p {
margin-bottom: 5px;}


/***************
llistat de notícies i altres
***************/

#filtre {
background-color: #f6f6f6;
padding: 7px 12px;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#filtre input {
width: auto;
}

#filtre select {
margin-right: 13px;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#llistat_noticies p {
margin-bottom: 3px;
}

p.pretitol a, .pretitol a:visited {
color: #999;
text-decoration: none;
padding: 2px 1px;
}

p.pretitol a:hover{
color: #004698;
text-decoration: underline;
}

#llistat_noticies .item {
clear: both;
}

#contingut_segona ul.llistat1 {
margin-top: 6px;
list-style-type: none;
padding-left: 0;
border-top: 1px dotted #ccc;
color: #666;
}

#contingut_segona ul.llistat1 li {
border-bottom: 1px dotted #ccc;
padding: 4px 0;
background: none;
}

#contingut_segona #resultat_cerca ol {
padding-left: 10px;
list-style-position: inside;
}
 
#resultat_cerca ol li {
padding: 8px 0;
border-top: 1px dotted #ccc;
 }
 
 #resultat_cerca ol li a {
font-weight: normal;
font-size: 13px;
 }
 
 

/***************
generals (posar a editor text)
***************/

.clear {
clear: both;
}

img.left {
float: left;
margin: 5px 15px 5px 0;
}

img.right {
float: right;
margin: 5px 0px 5px 15px;
}

h2 {
font-size: 22px;
font-weight: normal;
color: #f48911;
margin-bottom: 13px;
}

h2.blau {
font-size: 20px;
font-weight: normal;
color: #004698;
}

h3 {
font-size: 14px;
color: #f48911;
margin-bottom: 4px;
}

h3.blau {
font-size: 14px;
color: #004698;
}

h4 {
font-size: 12px;
color: #f48911;
}

h4.blau {
font-size: 12px;
color: #004698;
}

h5 {
font-size: 11px;
color: #f48911;
}

h5.blau {
font-size: 11px;
color: #004698;
}

#contingut_segona .ressaltat {
background-color: #eaeaea;
padding: 10px 15px;
overflow: auto;
}

.filet_blau {
border-bottom: 1px dotted #004698;
padding-bottom: 2px;
margin-bottom: 6px;
}


.filet_gris {
border-bottom: 1px dotted #ccc;
padding-bottom: 2px;
margin-bottom: 6px;
}

.filet_taronja {
border-bottom: 1px dotted #f48911;
padding-bottom: 2px;
margin-bottom: 6px;
}

p.peudefoto {
font-size: 10px;
color: #666;
}


/***************
generals (NO posar a editor text)
***************/

.bordegris {
border-bottom: 1px dashed #ccc;
padding-bottom: 6px;
margin-bottom: 6px;
}

.bordeblau {
border-bottom: 1px dotted #004698;
padding-bottom: 2px;
margin-bottom: 6px;
}

.hidden{
display: none;
}
.visible{
display: block;
} 

.fonsgris {
background-color: #f6f6f6;
}

.vertmig {
vertical-align: middle;
}

#contingut_segona a.noborder img {
border: 0;
}

#contingut_segona ul {
padding-left: 35px;
margin-bottom: 16px;
}

#contingut_segona ul li {
list-style-type: none;
padding-left: 14px;
line-height: 24px;
background: url(../img/bullet2.gif) no-repeat left 10px;
}

#contingut_segona ul li ul {
padding-left: 5px;
margin-bottom: 0;
}

#contingut_segona ul li ul li{
list-style-type: none;
padding-left: 12px;
line-height: 20px;
background: url(../img/bullet3.gif) no-repeat left 8px;
}


#contingut_segona ul p {
margin: 0;
padding: 1px 0;
}

#contingut_segona ol {
padding-left: 55px;
margin-bottom: 16px;
margin-left: -6px;
}

#contingut_segona blockquote {
margin: 10px 35px;
padding: 12px 20px;
background-color: #f9f9f9;
border: 1px dotted #ccc;
}

#paginacio {
border-top: 1px dotted #ccc;
margin-top: 12px;
padding: 8px;
text-align: center;
background-color: #f6f6f6;
}

#paginacio a, #paginacio a:visited {
padding: 2px 6px;
border: 1px solid #eaeaea;
background-color: #fff;
text-decoration: none;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#paginacio a:hover {
border: 1px solid #ccc;
}

#paginacio .selected {
font-weight: bold;
padding: 0 5px;
}

.taula1 {
width: 100%;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: 0;
margin-top: 10px;
}

.taula1 h3 {
font-family: Arial, Helvetica, sans-serif;
margin: 2px 0;
padding: 0;
padding-left: 6px;
}

.taula1 h5 {
color: #000;
}

.taula1 h5.taro {
padding-left: 4px;
color: #f48911;
}

.taula1 td {
border-top: 1px solid #ccc;
padding: 5px;
vertical-align: top;
}

#contingut_segona .taula1 p {
margin-bottom: 0;
}

.relacions {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #f6f6f6;
padding: 6px 8px;
border: 1px dotted #ccc;
margin-bottom: 10px;
}

#contingut_segona .relacions p {
margin-bottom: 0;
color: #666;
}

#contingut_segona .relacions img.icona {
vertical-align: middle;
border: 0;
}

.relacions h5 {
padding-bottom: 6px;
}

.item_projecte {
width: 260px;
padding: 0 0 10px 0;
}

.item_projecte a {
font-size: 14px;
font-weight: bold;
color: #f48911;
border-bottom: none;
}

.item_projecte img {
margin-top: 10px;
}

table.taula_projectes {
margin: 15px 0 20px 0;}

table.taula_projectes td {
vertical-align: top;
border-bottom: 1px dotted #ccc;
padding: 10px 5px;
}

/* links */

a:link {
color: #004698;
text-decoration: underline;
}

a:hover {
color: #f48911;
text-decoration: underline;
}

a:visited {
color: #004698;
text-decoration: underline;
}

a:active {
color: #FF9900;
}

a.taro {
color: #f48911;
}

a.blau {
color: #f48911;
}

a.gris {
color: #333;
}

a.extern {
padding-right: 27px;
background: url(../img/ico_www.gif) no-repeat right 5px;}

/* formularis */

input {
background-color: #f9f9f9;
border: 1px solid #343434;
padding: 2px 4px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
width: 100px;
}

input:focus {
background-color: #fff;
}

.boto {
width: 18px;
padding: 1px !important;
padding: 0;
margin-left: 3px;
background: url(../img/go.gif) no-repeat center center #f9f9f9;
}

.boto:focus {
background-color:#f3f3f3;
}

/* colors */

.grisccc {
color: #ccc;
}

/* Taula gràfica 1 */

.taula_grafica1 {
width: auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
border: 0;
}

.taula_grafica1 td {
padding: 8px;
text-align: center;
vertical-align: middle;
margin: 1px;
width: 20%;
height: 110px;
}

td.color1 {
background-color: #cc0;
}

td.color2 {
background-color: #0cf;
}

td.color3 {
background-color: #396;
}

td.color4 {
background-color: #f90;
}

td.color5 {
background-color: #69f;
}

td.color6 {
background-color: #fa6906;
}

td.color7 {
background-color: #fc0;
}

td.color8 {
background-color: #9c0;
}

td.color9 {
background-color: #c90;
}

td.color10 {
background-color: #9cf;
}

td.color11 {
background-color: #f39;
}

td.color12 {
background-color: #969696;
}

td.color13 {
background-color: #f30;
}

td.color14 {
background-color: #936;
}

/* Taula logos */

.taula_logos1, .taula_logos2 {
width: auto;
border: 0;
}

.taula_logos1 td {
text-align: center;
vertical-align: middle;
margin: 1px;
width: 20%;
height: 110px;
border: 1px solid #ccc;
}

.taula_logos2 td {
vertical-align: middle;
margin: 1px;
width: 30%;
border: 1px solid #ccc;
}

.taula_logos2 td.td_titol {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-right: none;
border-left: none;
padding: 5px 0 2px 8px;
margin: 0;
}

.taula_logos1 td:hover, .taula_logos2 td:hover {
border: 1px solid #f48911;
}

.taula_logos2 td:hover.td_titol {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-right: none;
border-left: none;
}

.taula3 {
width: 100%;
}

.taula3 td {
vertical-align: middle;
margin: 1px;
width: 25%;
border: 1px solid #ccc;
text-align: center;
}


#mapa_contacte{
width:400px;
height:286px;


}




/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(../img/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../img/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../img/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
/*cursor:help;*/
}


.indentat {
padding-left: 50px;
}