@charset "UTF-8";
/* CSS Document */
body  { margin:0; padding:0; text-align:center; font-size:66%!important; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000!important;  }
a:focus, *:focus { outline:none; }
#container { width:77.8em; margin:0 auto; padding:0px; text-align:left; top:0; }
h1 { text-indent:-10000px; float:left; }
/* header	----------------------------------------------*/
#head { margin:1px 0 0 0!important; position:relative; clear:both; }
/* duplica estil per a eMP */
#header { width:77.8em; height:22.5em; padding:0; }
#header-picasso { width:77.8em; height:22.5em; padding:0; }
/* */
#header-flash { display:block; position:absolute; top:0; width:77.8em; height:22.5em;  padding:0; }
#header-subpantalla { background:url(http://www.bcn.cat/museupicasso/imatges/comu/top-bg.gif) repeat-x; text-align:left; margin-bottom:2em; height:93px; }
#header-subpantalla img { position:absolute; top:0; display:block; float:left; }
/* duplica estil per a eMP */
#container.apartat0 #header #contingut-dret #dret1 { background-color:#808687; } 
#container.apartat1 #header #contingut-dret #dret1 { background-color:#546b8f; }
#container.apartat2 #header #contingut-dret #dret1 { background-color:#867654; }
#container.apartat3 #header #contingut-dret #dret1 { background-color:#79725f; }
#container.apartat4 #header #contingut-dret #dret1 { background-color:#896466; }
#container.apartat5 #header #contingut-dret #dret1 { background-color:#00689e; }
#container.apartat6 #header #contingut-dret #dret1 { background-color:#567686; }
#container.apartat7 #header #contingut-dret #dret1 { background-color:#71805e; }
#container.apartat8 #header #contingut-dret #dret1 { background-color:#7b7a53; }
#container.apartat9 #header #contingut-dret #dret1 { background-color:#ffc200; }
/* */
#container.apartat0 #header-picasso #contingut-dret #dret1 { background-color:#808687; }
#container.apartat1 #header-picasso #contingut-dret #dret1 { background-color:#546b8f; }
#container.apartat2 #header-picasso #contingut-dret #dret1 { background-color:#867654; }
#container.apartat3 #header-picasso #contingut-dret #dret1 { background-color:#79725f; }
#container.apartat4 #header-picasso #contingut-dret #dret1 { background-color:#896466; }
#container.apartat5 #header-picasso #contingut-dret #dret1 { background-color:#00689e; }
#container.apartat6 #header-picasso #contingut-dret #dret1 { background-color:#567686; }
#container.apartat7 #header-picasso #contingut-dret #dret1 { background-color:#71805e; }
#container.apartat8 #header-picasso #contingut-dret #dret1 { background-color:#7b7a53; }
#container.apartat9 #header-picasso #contingut-dret #dret1 { background-color:#ffc200; }
/* */
#contingut-esq{ height: 22.50em; width: 26.1em; display:block; float: left; padding:0; margin:0; }
#contingut-esq img { width:100%; height:100%; padding:0!important; margin:0!important; }
#content-lateral p { margin:.5em 0 2em 0!important; color:#666!important; }
#contingut-dret{ margin: 0 0 0 26.2em; width: 51.6em; padding:0; height:22.5em; }
#dret1{ width: 13em; height: 22.50em; margin:0; padding:0; float: left; }
#dret11 { height: 12.9em; text-align:right; }
#dret12 { height: inherit; text-align:right; background-color:#FFFFFF; }
/* duplica estil per a eMP */
#container #header #contingut-dret #dret1 #dret11 h2 { font-weight: normal; font-size:1.7em; padding:5em .5em 0 .5em; margin:0; color:#FFFFFF; text-align:right;}
#container #header-picasso #contingut-dret #dret1 #dret11 h2 { font-weight: normal; font-size:1.7em; padding:5em .5em 0 .5em; margin:0; color:#FFFFFF; text-align:right;}
/* */
#dret12 h2 { font-weight:normal; font-size:1.4em; padding:.5em .5em 0 .5em; margin:0; text-align:right; }
#top { margin:0; width:38.6em; height:22.5em; }
#dret2{ height: 22.50em; width: 38.6em; margin:0; padding:0; float: left; }
/* titols ---------------------------------------------- border-bottom:#648ba6 solid 1px!important;*/

h3 { padding:.5em 0!important; margin:0!important; font-weight: bold; font-size:1.2em; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height:1.2em; }
#container h3 a { color:#00689e!important; border:none!important; background:url(http://www.bcn.cat/museupicasso/imatges/comu/mesinfo.gif) no-repeat right; padding-right:2em; }
#container h3 a:visited { color:#00689e!important; border:none!important; }
#container h3 a:hover { color:#1a3f64!important; border:none!important; }
#content-menu h3 { font-size:1.2em!important; }
h4 { padding:0!important; margin:0!important; font-weight: bold; font-size:1.2em; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; }
#container h4 a { color:#00689e!important; border:none!important; background:url(http://www.bcn.cat/museupicasso/imatges/comu/mesinfo0.gif) no-repeat right; padding:0 1.5em .1em 0!important; line-height:1.1em!important; }
#container h4 a:visited { color:#00689e!important; border-bottom:none!important; }
#container h4 a:hover { color:#1a3f64!important; border-bottom:none!important; }
h5 { font-weight:bold; font-size:1.2em; color:#00689e; }
h6 { padding:0 0 .4em .4em!important; margin:0!important; font-weight: bold; font-size:1em; color:#00689e; }
#container.apartat0 h4 { color:#5d6666; }
#container.apartat1 h4 { color:#4b668f; }
#container.apartat2 h4 { color:#7d6b46; }
#container.apartat3 h4 { color:#6f6753; }
#container.apartat4 h4 { color:#805758; }
#container.apartat5 h4 { color:#00acec; }
#container.apartat6 h4 { color:#3a5d70; }
#container.apartat7 h4 { color:#667650; }
#container.apartat8 h4 { color:#717044; }
#container.apartat9 h4 { color:#464f60; }

#container.apartat0 h3 { color:#5d6666; }
#container.apartat1 h3 { color:#4b668f; }
#container.apartat2 h3 { color:#7d6b46; }
#container.apartat3 h3 { color:#6f6753; }
#container.apartat4 h3 { color:#805758; }
#container.apartat5 h3 { color:#00689e; }
#container.apartat6 h3 { color:#3a5d70; }
#container.apartat7 h3 { color:#667650; }
#container.apartat8 h3 { color:#717044; }
#container.apartat9 h3 { color:#464f60; }

#container.apartat0 .descripcio strong { color:#5d6666; }
#container.apartat1 .descripcio strong { color:#4b668f; }
#container.apartat2 .descripcio strong { color:#7d6b46; }
#container.apartat3 .descripcio strong { color:#6f6753; }
#container.apartat4 .descripcio strong { color:#805758; }
#container.apartat5 .descripcio strong { color:#000000; }
#container.apartat6 .descripcio strong { color:#3a5d70; }
#container.apartat7 .descripcio strong { color:#667650; }
#container.apartat8 .descripcio strong { color:#717044; }
#container.apartat9 .descripcio strong { color:#464f60; }

#container.apartat0 .ver-mid strong { color:#5d6666; }
#container.apartat1 .ver-mid strong { color:#4b668f; }
#container.apartat2 .ver-mid strong { color:#7d6b46; }
#container.apartat3 .ver-mid strong { color:#6f6753; }
#container.apartat4 .ver-mid strong { color:#805758; }
#container.apartat5 .ver-mid strong { color:#000000; }
#container.apartat6 .ver-mid strong { color:#3a5d70; }
#container.apartat7 .ver-mid strong { color:#667650; }
#container.apartat8 .ver-mid strong { color:#717044; }
#container.apartat9 .ver-mid strong { color:#464f60; }

div.descripcio { line-height:1.5em; }
div.descripcio p{ font-size:1.02em!important; }
.item h3 { border-top:#d2dae0 .3em solid!important; padding-top:.5em!important; }
#container.apartat7 .item h3 { border-top:none!important; padding-top:0!important; }
/* contingut ---------------------------------------------- #content-lateral img { margin-right:2em!important; }*/
#content{ background-color:#FFF; position:relative; display:block; float:left; }
#content-menu{ float:left!important; display:inline!important; width:39em; }
#content-menu2{ float:left; display:inline; width:26em; }
#content-menu3{ float:left; display:inline; width:13em; }
#content-lateral{ width:24em; float: right; display:block; margin:0!important; padding: 3em 1.5em 0 0; text-align:right; }
#content-lateral2{ width:10em; float: right; display:block; margin:0!important; padding: 0 1.5em 0 0; text-align:right; }
#content-lateral2 img{ width:10em; }
#content-page{ display:block; float:right; width:38.5em; padding:0!important; margin:0!important; }
#content-page2{ display:block; float:left; width:47.7em; padding: 0 1.8em 0 1.8em!important; margin:0!important; border-right:1px solid #e1e6ea; border-left:1px solid #e1e6ea; background-color:#FFF; }
#content-page3{ display:block; float:left; width:64.5em; padding:0!important; border:0; background-color:#FFF;}
.border{ display:block; float:left; width:34.5em; padding: 0 1.8em 0 1.8em!important; margin:0!important; border-right:1px solid #e1e6ea; border-left:1px solid #e1e6ea; background-color:#FFF; }
.noborder{ display:block; float:left; width:100%; padding: 0!important; margin:0!important; background-color:#FFF; }
.noborder2{ display:block; float: right; width:51em; }
.noborder3{ display:block; float: right; width:58em; }
#content-page p, #content-page2 p, #content-page3 p { font-size:1.2em; line-height:1.6em; padding:0; margin:0 0 1em 0; text-align:left; }
#content-page ul, #content-page2 ul, #content-page3 ul { list-style:none; }					
/* navegacio ----------------------------------------------*/	
body.js .menu { width:39em; }
body.js .menu ul { list-style:none;!important }
#container .menu h2 { display:none!important; text-indent: -1000px!important; }
#container .menu p { display:none!important; text-indent: -1000px!important; }
/* Navegacio lateral esquerre ---------------------------------------------- */
body.js .menu .nav-esq { display: block; float:left; width:13.5em; }
body.js .menu .nav-esq li { margin:.2em 0; }
body.js .nav-esq li span{ font-size:1.2em!important; color:#000!important; }
body.js .nav-esq li span:hover { color: #000!important; }	
body.js .nav-esq .esq { padding-bottom:.2em; }	
body.js .nav-esq .esq li a { display:block!important; font-size:1.2em!important; color:#111; text-decoration:none; background:url(http://www.bcn.cat/museupicasso/imatges/comu/menu.gif) no-repeat -20em 0; padding:0 0 0 0.6em!important; color:#111!important; text-decoration:none; }
body.js .nav-esq .esq li a:visited { background:url(http://www.bcn.cat/museupicasso/imatges/comu/menu.gif) no-repeat -20em 0; padding: 0 0 0 0.6em; color:#111!important; text-decoration:none; }
body.js .nav-esq .esq li a:hover { color: #000!important; background-position: .2em .1em; text-decoration:none; }
body.js #container .menu .nav-esq .esq li.select { background:url(http://www.bcn.cat/museupicasso/imatges/comu/menu.gif) no-repeat .2em .1em; }
body.js #container .menu .nav-esq .esq li.select a{ margin:0 0 0 1em!important; padding:0!important; font-weight:bold; background:none!important; }

#container.apartat0 .menu .nav-esq .esq li.select a{ color: #5d6666!important; }
#container.apartat1 .menu .nav-esq .esq li.select a{ color: #4b668f!important; }
#container.apartat2 .menu .nav-esq .esq li.select a{ color: #7d6b46!important; }
#container.apartat3 .menu .nav-esq .esq li.select a{ color: #6f6753!important; }
#container.apartat4 .menu .nav-esq .esq li.select a{ color: #805758!important; }
#container.apartat5 .menu .nav-esq .esq li.select a{ color: #00689e!important; }
#container.apartat6 .menu .nav-esq .esq li.select a{ color: #3a5d70!important; }
#container.apartat7 .menu .nav-esq .esq li.select a{ color: #667650!important; }
#container.apartat8 .menu .nav-esq .esq li.select a{ color: #717044!important; }
#container.apartat9 .menu .nav-esq .esq li.select a{ color: #00689e!important; }

/* Navegacio lateral dreta ----------------------------------------------*/
body.js .menu .nav-dret { float:right; width:25em; text-align:right; }				
body.js .nav-dret li { display:block; float: right; padding:.2em 0; }
body.js .nav-dret li.dret { width:100%; display:block; float:right; }
body.js .nav-dret li a{ display:block; padding: 0 1.5em 0 0; text-decoration: none; color:#111; background:url(http://www.bcn.cat/museupicasso/imatges/comu/menu.gif) no-repeat -10em 0; width:20em;}
body.js .nav-dret li a:visited{ color:#111!important;}
body.js .nav-dret li a:hover{ color:#000!important; text-decoration: none; background-position: 20.5em .2em; }
body.js .nav-dret li.select a:hover{ background:#FFF url(http://www.bcn.cat/museupicasso/imatges/comu/menu.gif) no-repeat 20.5em .2em;  }
body.js .nav-dret li ul { display:block; float:right; text-align:right; }
body.js .nav-dret li.dret span.spanmenu{ float:right; background:#FFF url(http://www.bcn.cat/museupicasso/imatges/comu/display_on.gif) no-repeat -20em 0em; text-align:right; padding:0 1.5em 0 0!important; width:20em; }
body.js .nav-dret li.dret span.spanmenu:hover{ color:#000!important; background:#FFF url(http://www.bcn.cat/museupicasso/imatges/comu/display_on.gif) no-repeat 20.5em .1em; }
body.js .nav-dret li.dret span.spanmenu li.select{ background:url(http://www.bcn.cat/museupicasso/imatges/comu/display_on.gif) no-repeat -20em 0em; }
body.js .nav-dret li.dret ul li { margin-top:.4em!important; padding:0!important; }
body.js .nav-dret li.select { background:url(http://www.bcn.cat/museupicasso/imatges/comu/menu.gif) no-repeat 20.5em .4em; }
body.js .nav-dret li.dret li.select { background:url(http://www.bcn.cat/museupicasso/imatges/comu/menu.gif) no-repeat 20.5em .2em; }

/* Menu Nou */
body#anteriors.js .nav-dret { position:absolute; right:0!important; width:61.5em; }
body#anteriors.js .nav-dret li { text-align:center!important; right:0!important; float:left; padding:0!important; margin:0!important; }
body#anteriors.js .nav-dret li a{ display:block; padding:.2em!important; margin:0 .7em .7em 0!important; text-decoration: none; color:#00689e!important; width:7.3em; border:1px solid #e1e6ea; font-family:Arial, Helvetica, sans-serif!important; }
body#anteriors.js .nav-dret li a:visited{ color:#00689e!important; }
body#anteriors.js .nav-dret li a:hover{ color:#1a3f64!important; }
body#anteriors.js #content-page { padding:9em 0 0 0!important; }

/* Menu Vell
body.js .nav-dret li.horizontal { text-align:center!important; float: right!important; padding:0!important; margin:0!important; }
body.js .nav-dret li.horizontal a{ display:block; padding:.2em!important; margin:0 .7em .7em 0!important; text-decoration: none; color:#00689e!important; width:3em; border:1px solid #e1e6ea; font-family:Arial, Helvetica, sans-serif!important; }
body.js .nav-dret li.horizontal a:visited{ color:#00689e!important; }
body.js .nav-dret li.horizontal a:hover{ color:#1a3f64!important; }
*/
body.js .nav-dret li.horizontal { text-align:center!important; float: right!important; padding:0!important; margin:0!important; }
body.js .nav-dret li.horizontal a{ display:block; padding:.2em!important; margin:0 .7em .7em 0!important; text-decoration: none; color:#00689e!important; width:3em; border:1px solid #e1e6ea; font-family:Arial, Helvetica, sans-serif!important; }
body.js .nav-dret li.horizontal a:visited{ color:#00689e!important; }
body.js .nav-dret li.horizontal a:hover{ color:#1a3f64!important; }

#container.apartat0 .menu .nav-dret li.select a{ color: #5d6666; }
#container.apartat1 .menu .nav-dret li.select a{ color: #4b668f; }
#container.apartat2 .menu .nav-dret li.select a{ color: #7d6b46; }
#container.apartat3 .menu .nav-dret li.select a{ color: #6f6753; }
#container.apartat4 .menu .nav-dret li.select a{ color: #805758!important; }
#container.apartat5 .menu .nav-dret li.select a{ color: #00689e; }
#container.apartat6 .menu .nav-dret li.select a{ color: #3a5d70; }
#container.apartat7 .menu .nav-dret li.select a{ color: #667650; }
#container.apartat8 .menu .nav-dret li.select a{ color: #717044; }
#container.apartat9 .menu .nav-dret li.select a{ color: #464f60; }

#container.apartat0 .menu .nav-dret li.select a:visited{ color: #5d6666!important; }
#container.apartat1 .menu .nav-dret li.select a:visited{ color: #4b668f!important; }
#container.apartat2 .menu .nav-dret li.select a:visited{ color: #7d6b46!important; }
#container.apartat3 .menu .nav-dret li.select a:visited{ color: #6f6753!important; }
#container.apartat4 .menu .nav-dret li.select a:visited{ color: #4b668f!important; }
#container.apartat5 .menu .nav-dret li.select a:visited{ color: #00689e!important; }
#container.apartat6 .menu .nav-dret li.select a:visited{ color: #3a5d70!important; }
#container.apartat7 .menu .nav-dret li.select a:visited{ color: #667650!important; }
#container.apartat8 .menu .nav-dret li.select a:visited{ color: #717044!important; }
#container.apartat9 .menu .nav-dret li.select a:visited{ color: #464f60!important; }

#container.apartat0 .menu .nav-dret li.select a:hover{ color: #5d6666!important; }
#container.apartat1 .menu .nav-dret li.select a:hover{ color: #4b668f!important; }
#container.apartat2 .menu .nav-dret li.select a:hover{ color: #7d6b46!important; }
#container.apartat3 .menu .nav-dret li.select a:hover{ color: #6f6753!important; }
#container.apartat4 .menu .nav-dret li.select a:hover{ color: #4b668f!important; }
#container.apartat5 .menu .nav-dret li.select a:hover{ color: #00689e!important; }
#container.apartat6 .menu .nav-dret li.select a:hover{ color: #3a5d70!important; }
#container.apartat7 .menu .nav-dret li.select a:hover{ color: #667650!important; }
#container.apartat8 .menu .nav-dret li.select a:hover{ color: #717044!important; }
#container.apartat9 .menu .nav-dret li.select a:hover{ color: #464f60!important; }

#container.apartat0 .menu .nav-dret li ul li a{ color: #5d6666; }
#container.apartat1 .menu .nav-dret li ul li a{ color: #4b668f; }
#container.apartat2 .menu .nav-dret li ul li a{ color: #7d6b46; }
#container.apartat3 .menu .nav-dret li ul li a{ color: #6f6753; }
#container.apartat4 .menu .nav-dret li ul li a{ color: #805758; }
#container.apartat5 .menu .nav-dret li ul li a{ color: #00689e; }
#container.apartat6 .menu .nav-dret li ul li a{ color: #3a5d70; }
#container.apartat7 .menu .nav-dret li ul li a{ color: #667650; }
#container.apartat8 .menu .nav-dret li ul li a{ color: #717044; }
#container.apartat9 .menu .nav-dret li ul li a{ color: #464f60; }

#container.apartat0 .menu .nav-dret li ul li a:visited{ color: #5d6666!important; }
#container.apartat1 .menu .nav-dret li ul li a:visited{ color: #4b668f!important; }
#container.apartat2 .menu .nav-dret li ul li a:visited{ color: #7d6b46!important; }
#container.apartat3 .menu .nav-dret li ul li a:visited{ color: #6f6753!important; }
#container.apartat4 .menu .nav-dret li ul li a:visited{ color: #4b668f!important; }
#container.apartat5 .menu .nav-dret li ul li a:visited{ color: #00689e!important; }
#container.apartat6 .menu .nav-dret li ul li a:visited{ color: #3a5d70!important; }
#container.apartat7 .menu .nav-dret li ul li a:visited{ color: #667650!important; }
#container.apartat8 .menu .nav-dret li ul li a:visited{ color: #717044!important; }
#container.apartat9 .menu .nav-dret li ul li a:visited{ color: #464f60!important; }

#container.apartat0 .menu .nav-dret li ul li a:hover{ color: #5d6666!important; }
#container.apartat1 .menu .nav-dret li ul li a:hover{ color: #4b668f!important; }
#container.apartat2 .menu .nav-dret li ul li a:hover{ color: #7d6b46!important; }
#container.apartat3 .menu .nav-dret li ul li a:hover{ color: #6f6753!important; }
#container.apartat4 .menu .nav-dret li ul li a:hover{ color: #4b668f!important; }
#container.apartat5 .menu .nav-dret li ul li a:hover{ color: #00689e!important; }
#container.apartat6 .menu .nav-dret li ul li a:hover{ color: #3a5d70!important; }
#container.apartat7 .menu .nav-dret li ul li a:hover{ color: #667650!important; }
#container.apartat8 .menu .nav-dret li ul li a:hover{ color: #717044!important; }
#container.apartat9 .menu .nav-dret li ul li a:hover{ color: #464f60!important; }
/* formularis ----------------------------------------------*/
fieldset { border:none!important; }
fieldset div{ float: none; }
input { border:1px solid #e1e6ea; padding:.3em; margin:0 0 0 1.5em; font-family:Verdana, Arial, Helvetica, sans-serif; }
textarea { border:1px solid #e1e6ea; padding:.3em; margin:0 0 0 1.5em; font-family:Verdana, Arial, Helvetica, sans-serif; width:28em!important; }
textarea.box { border:none!important; padding:.3em 1em; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; width:11em!important; height:10em!important; background:#f4f3ea; }
input.long { width:28em!important; }
input.short { width:14em!important; }
input.day { margin:0!important; width:3em!important; }
input.cp { width:4em!important; }
input.month { width:3em!important; margin:0!important; }
input.year { width:6em!important; margin:0!important; }
input.button { width:15em; background-image:url(http://www.bcn.cat/museupicasso/imatges/comu/button.gif); height:2.5em; cursor:pointer; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:1em; letter-spacing:.1em; color:#3e5364; background-color:#e1e6ea!important; border:none!important; margin-top:2em; display:block; }
input.button2 { background:#FFF url(http://www.bcn.cat/museupicasso/imatges/comu/btlink.gif) no-repeat!important; border:none; border-bottom:none; cursor:pointer; font-weight:bold; color: #00689e!important; padding:.3em 0 .5em 2.2em!important; }
p.label { display:block; padding:.6em 0 .3em 1.5em!important; margin:0!important; color: #00689e; }
p.label-obligatory { display:block; padding:1em 0 .3em 1.5em!important; margin:0!important; color:#00689e; }
p.form-obligatory { display:block; padding:1em 0 .3em 0!important; margin:0!important; color:#00689e; }
form {margin:0; padding:0;}
#form label { display:block; padding:.6em 0 .3em 1.5em!important; margin:0!important; color: #00689e; }
#form .obligatory { padding:1em 0 .3em 0!important; }
#form label.no { display: inline; padding:0!important; margin:0!important; color: #00689e; }
#form div { text-align:left; margin:0; display:inline; }
/* llistat text + foto + menu desplegable ---------------------------------------------- */

div.descripcio { font-family:Arial, Helvetica, sans-serif; font-size:1.2em!important; }
div.descripcio ul{ border-bottom:#e1e6ea 1px solid; margin:0!important; padding:0!important; }
div.descripcio li{ border-top:#e1e6ea 1px solid; padding:.5em 0!important; margin:0!important; line-height:1.2em!important; }
#container.apartat4 div.descripcio ul{ border-bottom:none!important; }
#container.apartat4 .items { padding:0!important; margin:0!important; width:100%; }
.list-titol { text-align:right!important; margin:0 0 .3em 0!important; padding:0!important; color:#adbac5; line-height:1em!important; }
.list { font-family:Arial, Helvetica, sans-serif; display:block; float:left; width:100%; }
.list .item { display:block; float:left; width:100%; margin-bottom:4em!important; padding:0; }
.list .item p { margin:0!important; }
.list .item .imatge { float:right; display:block; margin-top:.4em!important; margin-left:.5em!important; width:9em; background:#FFF; text-align:center;}
.list .item .imatge img { width:8em; margin:.5em 0 0 1em; }
.list .item ul.items { display:block; float:left; width:70%; margin-top:.5em; }
#container.apartat4 .list .item .descripcio p { margin:0 0 1em 0!important; }
.list .item .imatge1 { left:13em; width:25em; display:block; position:absolute; text-align:right; }
.list .item .imatge1 img { margin:.5em 0 0 1em; }
.list .item .imatge2 { left:13em; width:25em; display:block; position:absolute; text-align:right; }
.list .item .imatge2 img { width:10em!important; margin:.5em 0 0 1em; }
.list .item .imatge3 { left:13em; width:16.8em; display:block; position:absolute; text-align:right; margin:0; padding:0; }
.list .item .imatge3 img { width:8em!important; margin:.5em 0 0 1em; }

.list .item-dreta { display:block; float:left; width:100%; margin-bottom:2em!important; padding:0; }
.list .item-esq { display:block; float:left; width:100%; margin-bottom:2em!important; padding:0; }
.list .item-dreta p { font-size:1.2em!important; margin:0!important; background:#ebf1f5; padding:.5em 1em!important; }
.list .item-esq p{ font-size:1.2em!important; line-height:1.2em!important; border-bottom:#d2dae0 1px solid!important; border-top:#d2dae0 .3em solid!important; padding:.5em 0 1em 0!important; margin:0!important; }
.list .item-esq .area { background:#FFF!important; }
.list .item-dreta .area { background:#ebf1f5!important; }
.list .item-esq .imatge { float:right; display:block; margin-left:1em; }
.list .item-dreta .imatge { float:left; display:block; margin-right:1em; }
.list .item-esq .imatge img{ width:9em; }
.list .item-dreta .imatge img{ width:9em; }

.titol { left:13em; display:block; position:absolute; text-align:right; background:url(http://www.bcn.cat/museupicasso/imatges/comu/link.gif) no-repeat 18em .5em; padding:.3em 1.3em 0 0; width:17.5em!important; }

.resultats { margin:0 0 3em 0!important; }
.resultats li{ border-top:#e1e6ea 1px solid; padding:.2em 0 .5em 0!important; margin:0 0 .5em 0!important; }
.resultats li h4 a{ background:url(http://www.bcn.cat/museupicasso/imatges/comu/mesinfo3.gif) no-repeat right 0!important; display:block!important; font-size:.9em!important; }

.ficha li{ border-top:#e1e6ea 1px solid; padding:.2em 0 .5em 0!important; margin:0!important; line-height:1.4em!important; }

dl.list { font-size:1.2em!important; line-height:1.6em; margin:.5em 0 1em 0; }
dl.list2 { background-color:#f4f6f8; font-size:1em!important; line-height:1.6em; margin:.5em 0 2em 0; padding:0 1em; }
dl.list3 { background-color:#f4f6f8; font-size:1em!important; line-height:1.6em; margin:.5em 0 2em 0; padding:0 2em 0 0; }
dl dt { display:inline; float:left; padding-right:1em; font-weight:bold; font-size:1em; color:#00689e; border-bottom:#e1e6ea 1px solid; border-top:none; }
dl dd { border-bottom:#e1e6ea 1px solid; border-top:none; text-align: right; }
dl.list dt { width:80%; }
dl.list2 dt { width:50%; }
dl.list3 dt { width:95%; display:block; float:none; padding:0 1em 0 1em!important; }
dl.list3 dd { width:95%; line-height:1.2em!important; padding:.5em 1em 1em 1em!important; border:none; text-align:left; }
#container dl a { border:none!important; }
#container dl a:hover { border:none!important; }

#form dl { margin-bottom:2em; float:left; display:block; width:100%; }
#form dl dt { border-bottom:none!important; border-top:none; font-weight:normal!important; }
#form dl dd { border-bottom:none!important; border-top:none; font-weight:normal!important; }

#container .ver-mid ul li{ padding:.3em!important; margin:0!important; list-style:none; border-top:#e1e6ea 1px solid; }
#container .ver-mid a{ border:none!important; text-decoration:none!important; font-weight: bold; color: #00689e!important; }
#container .ver-mid a:visited { border:none!important; text-decoration:none; color:#00689e!important; }
#container .ver-mid a:hover { border:none!important; color: #1a3f64!important; }
#container li.demo-show { border:none!important; margin:0 0 1px 0!important; padding:0!important; }
#container li.demo-show div { font-size:1.2em; font-family:Arial, Helvetica, sans-serif; padding:.5em .5em .5em 1.5em; }
#container li.demo-show div p{ font-size:1em; }

ul.data { font-weight:bold; font-size:1em!important; color:#00689e; font-family:Arial, Helvetica, sans-serif; border-top:#e1e6ea 1px solid; margin:.5em 0; }
.data li{ font-size:1.2em; float:left; padding-top:.3em; }
ul.data li.area{ float:right!important; display:block!important; padding-top:none; background-color: #FFF!important; }
.data2 { font-weight:bold; font-size:1.2em!important; color:#00689e; font-family:Arial, Helvetica, sans-serif; border-top:#e1e6ea 1px solid; margin:.5em 0; padding:1em 0;}
.informacio { margin-bottom:.1em!important; font-size:.9em!important; padding:.5em!important; cursor:pointer; text-align:left; font-weight:bold; color:#596677; background:#f4f6f8 url("http://www.bcn.cat/museupicasso/imatges/comu/down.gif") no-repeat 30em .7em; }
.informacio:hover { background:#eceff2 url("http://www.bcn.cat/museupicasso/imatges/comu/down.gif") no-repeat 30em .7em; }
.llistat { font-size:1em!important; margin:1px 0!important; padding:.5em 2em .5em .5em!important; border:1px solid #e1e6ea; text-align:left; background:#d2dae0 url("http://www.bcn.cat/museupicasso/imatges/comu/down.gif") no-repeat right; font-weight:bold; color: #1a3f64; }
.llistat-no { font-size:1em!important; margin:1px 0 0 0!important; padding:.5em 2em .5em .5em!important; border:1px solid #e1e6ea; text-align:left; font-weight:bold; color: #00689e; }

.mesinfo { line-height:1em!important; letter-spacing:.1em!important; font-size:.9em!important; margin:0!important; padding:.7em .5em .6em 3em!important; cursor:pointer; text-align:left; font-weight:bold; color: #00689e; background:#f4f6f8 url("http://www.bcn.cat/museupicasso/imatges/comu/btinfo.gif") no-repeat .2em .2em; }


.mesinfo:hover { color:#1a3f64; background:#eceff2 url("http://www.bcn.cat/museupicasso/imatges/comu/btinfo.gif") no-repeat .2em .2em; }

.mesinfohome { line-height:2.5em!important; letter-spacing:.1em!important; font-size:12px!important; margin:0!important; padding:.7em .5em .6em 3em!important; cursor:pointer; text-align:center; font-weight:bold; color:#FFF; background:#000 url("http://www.bcn.cat/museupicasso/imatges/comu/btinfo.gif") no-repeat .2em .2em; }




.mesinfoobert { line-height:1em!important; letter-spacing:.1em!important; font-size:.9em!important; margin:0!important; padding:.7em .5em .6em 3em!important; cursor:pointer; text-align:left; font-weight:bold; color: #00689e; background:#dfe4e9 url("http://www.bcn.cat/museupicasso/imatges/comu/btlink.gif") no-repeat .2em .2em; }
.mesinfoobert:hover { color:#00689e; background:#dfe4e9 url("http://www.bcn.cat/museupicasso/imatges/comu/btlink.gif") no-repeat .2em .2em; }
.incorrecte { background-color:#edf1f3; padding:.5em; text-align:center; color:#F00; font-weight:bold; margin:1.5em 0; }
.incorrecte li { line-height:1.2em!important; }

#container .faqs li.demo-show { border-bottom:#f4f6f8 solid 1px!important; margin:0 0 1em 0!important; }
#container .faqs li.demo-show .mesinfo { line-height:1.2em!important; background:#FFF url("http://www.bcn.cat/museupicasso/imatges/comu/btinfo.gif") no-repeat .2em .2em; }
#container .faqs li.demo-show .mesinfohome { line-height:1.2em!important; background:#FFF url("http://www.bcn.cat/museupicasso/imatges/comu/btinfo.gif") no-repeat .2em .2em; }
#container .faqs li.demo-show .mesinfoobert { line-height:1.2em!important; background:#FFF url("http://www.bcn.cat/museupicasso/imatges/comu/btlink.gif") no-repeat .2em .2em; }

/* enllaços ----------------------------------------------*/
#content-page a{text-decoration:none!important; font-weight: bold; padding-bottom:.1em; color: #00689e!important; border-bottom:#b5c6d1 solid 1px; }
#content-page a:visited { text-decoration:none; padding-bottom:.1em; color:#00689e!important; border-bottom:#b5c6d1 solid 1px!important; }
#content-page a:hover { color:#1a3f64!important; border-bottom:#b2c5d3 solid 1px!important; }
#content-page2 a{text-decoration:none!important; font-weight: bold; padding-bottom:.1em; color: #00689e!important; border-bottom:#b5c6d1 solid 1px; }
#content-page2 a:visited { text-decoration:none; padding-bottom:.1em; color:#00689e!important; border-bottom:#b5c6d1 solid 1px!important; }
#content-page2 a:hover { color: #1a3f64!important; border-bottom:#648ba6 solid 1px!important; }

a.info img { padding: .5em .5em 1em .5em; background: #FFF url("http://www.bcn.cat/museupicasso/imatges/comu/shad-bottom.gif") repeat-x bottom left; border:1px solid #ececec; border-bottom:none!important; margin:0; }
a.thickbox img { padding: .5em .5em 1em .5em; background: #FFF url("http://www.bcn.cat/museupicasso/imatges/comu/shad-bottom.gif") repeat-x bottom left; border:1px solid #ececec; border-bottom:none!important; margin:0; }
.border a.thickbox img { margin-bottom:1em!important; }
a.thickbox { background:#FFF; border-bottom:#FFF solid 1px!important; margin-bottom:.5em!important; }
#content-lateral a.thickbox { display:block; float:right!important; padding-bottom:1em; margin-left:1.5em; }
#container a.thickbox:visited { border-bottom:#FFF solid 1px!important; }
#container a.thickbox:hover{ border-bottom:#FFF solid 1px!important; }
#content-lateral a.thickbox img { width:10em; }
#content-lateral a.info { margin-right:1.5em; }
#content-lateral a.info img { width:10em; }

#container .button { padding:.5em; margin-bottom:.2em!important; border:1px solid #e1e6ea; }
#container .button a{ border: none!important; display:block; }
#container .button a:visited{ border: none!important; color: #00689e!important; }
#container .button a:hover{ border: none!important; color:#1a3f64!important; }
a.button { padding:.7em!important; margin:0; text-decoration:none!important; border:1px solid #e1e6ea; background:none!important; font-weight: bold; color: #00689e!important; }
a.button:visited { border:1px solid #ececec!important; color: #00689e!important; }
a.button:hover { border:1px solid #ececec!important; color: #1a3f64!important; }
#content-lateral a.button { text-align:center; display:block; padding-bottom:2em; margin-right:1.5em!important; display:block; float:right; width:20em; }
#content-lateral2 a.button { text-align:center; display:block; padding-bottom:2em; margin-right:1.5em!important; }
#container .area { border:none!important; padding:0!important; margin:0 0 1px 0!important; background-color:#f4f6f8; line-height:1.2em!important; }
#container .area:hover { background-color:#eceff2; border-bottom:none!important; }
#container .area a { margin:0!important; padding:.5em .5em .5em 3em!important; display:block; border-bottom:none!important; font-size:.9em!important; }
#container .area a:visited { color:#00689e!important; border:0!important; }
#container .area a:hover { color:#1a3f64!important; border:0!important; }
#container .area a.video { background:url(http://www.bcn.cat/museupicasso/imatges/comu/btvideo.gif) no-repeat .2em .2em!important; } 
#container .area a.audio { background:url(http://www.bcn.cat/museupicasso/imatges/comu/btaudio.gif) no-repeat .2em .2em!important; }
#container .area a.doc { background:url(http://www.bcn.cat/museupicasso/imatges/comu/btdoc.gif) no-repeat .2em .2em!important; }
#container .area a.www { background:url(http://www.bcn.cat/museupicasso/imatges/comu/btlink.gif) no-repeat .2em .2em!important; }

#container .areac { border:none!important; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;  border:none!important; padding:0!important; margin:0 0 14px 0!important; background-color:#e4e5df!important; line-height:1.5em!important; }
#container .areac li { border:none!important; padding:0!important; margin:0 0 2px 0!important; background-color:#e4e5df!important; line-height:1.5em!important; }
#container .areac:hover { border-bottom:none!important; }
#container .areac a { margin:0!important; padding:.5em .5em .5em 1em!important; display:block; border-bottom:none!important; font-size:.9em!important; }
#container .areac a:visited {  border:0!important; }
#container .areac a:hover {  border:0!important; }

#container a.no { border:none!important;  }
#container a.no:hover { border:none!important; }
#container .button-list li { background-color:#f4f6f8; margin-bottom:.2em!important; padding:.5em 1em; }
#container .button-list li a{ border:none!important; font-family:Arial, Helvetica, sans-serif; }
#container .button-list li a:visited { border:none!important; color: #00689e!important; }
#container .button-list li a:hover { border:none!important; color: #1a3f64!important; }
#container .pags { border-top:#d2dae0 .3em solid; padding-top:1em; }
#container .pags li { float:left; padding:.5em!important; margin-right:.2em!important; border-right:1px solid #e1e6ea; line-height:1em!important; }
#container .pags a { color: #00689e!important; border:none!important; }
#container .pags a:visited { color: #00689e!important; border:none!important; }
#container .pags a:hover { color: #1a3f64!important; border:none!important; }
#container .pags .pag-select a { color:#00689e!important; }

#container .botons { padding:2em 0; margin:0; }
#container .botons li { float:left; padding:.5em!important; margin-right:.2em!important; border:1px solid #e1e6ea; }
#container .botons a { color: #00689e!important; border:none!important; }
#container .botons a:visited { color: #00689e!important; border:none!important; }
#container .botons a:hover { color: #1a3f64!important; border:none!important; }

#container .submenu { padding:1em 0; }
#container .submenu a { padding:.5em!important; margin-right:.2em!important; border:1px solid #e1e6ea; }
#container .submenu a:visited { border:1px solid #e1e6ea!important; color: #00689e!important; }
#container .submenu a:hover { border:1px solid #e1e6ea!important; color: #1a3f64!important; }
/* contingut text ---------------------------------------------- */
body.js #container ul { list-style:none; }
#content-page ul li { margin-bottom:.7em; line-height:1.6em; }
#content-page2 ul li { margin-bottom:.7em; line-height:1.6em; }
.important { padding:0; margin:0; font-weight:bold; font-size:1.2em!important; line-height:1.2em!important; color:#00689e; }
.destacat { background-color:#dae3e8; padding:1em 2em!important; margin:0!important; margin-top:.5em!important; color:#00689e!important; }
.imatge2 .destacat { padding:.5em!important; margin:0!important; }
#container .destacat a, #container .destacat a:hover, #container .destacat a:visited { border-bottom:none!important;}
.top { font-weight:bold; }

#container.apartat0 .top { color:#5d6666; }
#container.apartat1 .top { color:#4b668f; }
#container.apartat2 .top { color:#7d6b46; }
#container.apartat3 .top { color:#6f6753; }
#container.apartat4 .top { color:#805758; }
#container.apartat5 .top { color:#00689e; }
#container.apartat6 .top { color:#3a5d70; }
#container.apartat7 .top { color:#667650; }
#container.apartat8 .top { color:#717044; }
#container.apartat9 .top { color:#464f60; }
/* Peu pagina --------------------------------------------------------------------------- */
/* duplica estil per a eMP */
#footer { display:block; float:left; text-align:center; width:77.8em; margin:0; padding:3em 0 1em 0; }
#footer-picasso { display:block; float:left; text-align:center; width:77.8em; margin:0; padding:3em 0 1em 0; }
/* */
#footer-subpantalla { display:block; float:left; text-align:center; width:77.8em; }
ul#sub-nav { list-style-type:none; font-size:1em; background-color:#f4f6f8; padding:.5em 0 .5em 0; }
ul#sub-nav li{ font-size:1em; display: inline; border-right:1px solid #fff; padding:.5em 0 .5em 0; }
ul#sub-nav li.inici { border-left:1px solid #FFF; padding:.5em 0 .5em 0; }
ul#sub-nav li a { padding:.5em 1em .5em 1em; letter-spacing:.05em; text-decoration:none; color:#00689e!important; border-bottom:none; font-weight:normal; }
ul#sub-nav li a:visited { border-bottom:none!important; }
ul#sub-nav li a:hover { color:#1a3f64; text-decoration:none; background-color:#eceff2; }
ul#copyright { list-style-type:none; font-size:1em; margin:1em 0 .5em 0; }
ul#copyright li{ color:#00689e!important; font-size:1em; display:inline; padding:0 .5em; border-right:1px solid #eceff2; }
ul#copyright li.final { border-right:none; padding:0 .5em; }
ul#copyright li a { letter-spacing:.05em; text-decoration:none; border-bottom:1px solid #d0dce4; color:#00689e; font-weight:bold; }
ul#copyright li a:visited { border-bottom:1px solid #d0dce4; color:#00689e; }
ul#copyright li a:hover { border-bottom:1px solid #bbcdd9; color:#1a3f64; text-decoration:none; }

#content-lateral .ver-top { width:20em; float:right; } 
.ver-top { margin-top:7em; background:url(http://www.bcn.cat/museupicasso/imatges/comu/ver-top.jpg) no-repeat; padding:1.8em 0; }
.ver-mid { background:url(http://www.bcn.cat/museupicasso/imatges/comu/ver-bot.jpg) no-repeat left bottom; padding:0 0 1.8em 0; text-align:left; }
.ver-mid ul { background:url(http://www.bcn.cat/museupicasso/imatges/comu/ver-mid.jpg) repeat-y; padding:0 2.5em .5em 2.5em; }

.noborder .ver-top { margin:1em 0 0 0; background:url(http://www.bcn.cat/museupicasso/imatges/comu/ver-top2.jpg) no-repeat; padding:1.8em 0 0 0; }
.noborder .ver-mid { background:url(http://www.bcn.cat/museupicasso/imatges/comu/ver-bot2.jpg) no-repeat left bottom; padding:0 0 1.8em 0; text-align:left; }
.noborder .ver-mid ul { background:url(http://www.bcn.cat/museupicasso/imatges/comu/ver-mid2.jpg) repeat-y; padding:0 2.5em .5em 2.5em; }

.noborder2 .ver-top { margin:1em 0 0 0; background:url(http://www.bcn.cat/museupicasso/imatges/comu/ver-top3.jpg) no-repeat; padding:1.8em 0 0 0; }
.noborder2 .ver-mid { background:url(http://www.bcn.cat/museupicasso/imatges/comu/ver-bot3.jpg) no-repeat left bottom; padding:0 0 1.8em 0; text-align:left; }
.noborder2 .ver-mid ul { background:url(http://www.bcn.cat/museupicasso/imatges/comu/ver-mid3.jpg) repeat-y; padding:0 2.5em .5em 2.5em; }

.noborder3 .ver-top { margin:1em 0 0 0; background:url(http://www.bcn.cat/museupicasso/imatges/comu/ver-top4.jpg) no-repeat; padding:1.8em 0 0 0; }
.noborder3 .ver-mid { background:url(http://www.bcn.cat/museupicasso/imatges/comu/ver-bot4.jpg) no-repeat left bottom; padding:0 0 1.8em 0; text-align:left; }
.noborder3 .ver-mid ul { background:url(http://www.bcn.cat/museupicasso/imatges/comu/ver-mid4.jpg) repeat-y; padding:0 2.5em .5em 2.5em; }

#container #content-lateral { list-style:none!important; }
#container #content-lateral2 { list-style:none!important; }
#container .galeria a.thickbox { background:none; border:none!important; padding:0!important; margin:0!important; float: right!important; }
#container .galeria a.thickbox:hover { background:none; border:none!important; padding:0!important; margin:0!important; float:right!important; }
#container .galeria a.thickbox:visited { background:none; border:none!important; padding:0!important; margin:0!important; float:right!important; }
#container .galeria img { width:8em!important; margin:0 0 1em .5em; }
#container .galeria8 img { width:4.2em!important; margin:0 0 1em .5em; }

.interior-fotos { width:20em; float:left; }
.interior-fotos p { padding:.5em 0 2em; color: #666; }
.interior-buttons { width:20em; display:block; float:right; margin:0; }

#container .imatge2 a.info { border:none!important; padding:0!important; }
#container .imatge2 a.info:hover { border:none!important; }
#container .imatge2 a.info:visited { border:none!important; }

#container .galeria a.info { background:none; border:none!important; padding:0!important; margin:0!important; float:left!important; }
#container .galeria a.info:hover { background:none; border:none!important; padding:0!important; margin:0!important; float:left!important; }
#container .galeria a.info:visited { background:none; border:none!important; padding:0!important; margin:0!important; float:left!important; }
/* navegacio publicacions ---------------------------------------------- .fotos { padding-right:1.5em; } */

.nav, .nav ul { list-style:none;border:1px solid #e1e6ea; display:block; cursor:default;}
.nav { font-size:1.2em!important; color:#00689e; position:absolute; width:31.2em; }
.nav li { padding:.5em .5em .5em 3em!important; background:url(http://www.bcn.cat/museupicasso/imatges/comu/down2.gif) no-repeat 1em .7em; margin:0!important; position:relative; }

#container .nav li a { font-family:Arial, Helvetica, sans-serif!important; display:block; text-decoration:none; color:#00689e!important; margin:0!important;padding:.5em 3em!important;}
#container .nav li a:visited { display: block; text-decoration: none; color: #00689e!important;}
#container .nav li a:hover { display: block; text-decoration: none; color:#1a3f64!important; background-color:#edf1f3; }

.nav ul { z-index:100; background:#f6f8f9; list-style:none; position:absolute; top:-666em; left:-.1em; overflow:auto; width:25em; height:25em; }
.nav li:hover ul, .nav li.sfHover ul { top:2.5em; }
.nav li ul li { margin:0!important; padding:0!important; float:none; background:none; }
.nav ul a { display:block; white-space:nowrap; background:none;}


#content-lateral ul li.demo-show p.mesinfo { font-size:.9em!important; color: #00689e!important; }
#content-lateral ul li.demo-show p.mesinfo:hover { color:#1a3f64!important; }

#content-lateral ul li.demo-show p.mesinfohome { font-size:.9em!important; color: #00689e!important; }
#content-lateral ul li.demo-show p.mesinfohome:hover { color:#1a3f64!important; }

#content-lateral ul li.demo-show p.mesinfoobert { font-size:.9em!important; color: #00689e!important; }
#content-lateral ul li.demo-show p.mesinfoobert:hover { color:#1a3f64!important; }
#content-lateral ul li.demo-show p{ margin:0!important; text-align:left; }
#content-lateral ul li.demo-show .descripcio p{ margin-bottom:1em!important; text-align:left; }
#content-lateral ul li.demo-show ul li{ margin:0!important; text-align:left; }
#container ul li.demo-show a{ text-decoration:none!important; border:none!important; font-weight:bold; color:#00689e!important; }
#container ul li.demo-show a:hover{ text-decoration:none!important; border:none!important; color: #1a3f64!important; }


#content-lateral ul li.area { font-weight:bold; text-align:left!important; }
#content-lateral ul li.area a{ text-decoration:none; color:#00689e!important; }
#content-lateral ul li.area a:hover{ text-decoration:none; color: #1a3f64!important; }

/* taules --------------------------------------------------------------------------- */
table b { color:#00689e; }
table table table table table table { background-color:#f4f6f8; border:#e1e6ea 1px solid; }
.fondoazulclaro { background-color:#00689e; color:#FFF; text-align:center; font-weight:normal; }
table table { margin:0!important; background-color:#f4f6f8; }
table.taula td { padding:.5em .5em 1em .5em; border-top:#e1e6ea 1px solid; }
table.taula td strong{ color:#00689e; font-family:Arial, Helvetica, sans-serif; font-size:1em; }

/* imprimir --------------------------------------------------------------------------- */
#noprint{ visibility: visible; display: block; }
#print{ color:#000; visibility: hidden; display: none; text-align:left; margin:2em; }
#print li{ list-style:none;	margin-top:.5em;}
#print .bloc{ margin-top: 2em;}
.bloc h2{margin-bottom:1em;}
#list ul li{margin-bottom:1em;}

/* llistes --------------------------------------------------------------------------- */
#container a.no:visited{ border:0!important; }
#container a.no:hover{ border:0!important; }

#container .llista li{ float:left;}
#container .llista a{ border:0; display:block; background-position:0 -218px!important;}
#container .llista a:visited{ border:0!important; }
#container .llista a:hover{ border:0!important; background-position:0 13px!important;}
#container .recursos .mesinfo{ background:none; padding:0!important;}
#container .recursos .mesinfoobert{ background:none; padding:0!important;}
#container .exposicions .mesinfo{ background:none; padding:0!important;}
#container .exposicions .mesinfoobert{ background:none; padding:0!important;}
.anar { height:4em;}
.anar a{ background: url(http://www.bcn.cat/museupicasso/imatges/comu/btlink.gif) no-repeat; display:block; padding-left:2.5em; line-height:2em;}
#container .visita li{margin:0!important; padding:0!important;}
#container .visita a:hover{ filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}

#container #content-page2.guio div{ float:left;}
#container #content-page2.guio div p{ margin:2em 2em 0 0;}
#container #content-page2.guio div ul li p span{ font-family:Arial, Helvetica, sans-serif; color:#227fa8; font-weight:bold; font-size:1.2em;}
#container #content-page2.guio div ul p{ margin:0 2em 0 0;}
#container #content-page2.guio div h2{ font-size:1.4em!important; margin:2em 2em 0 0; font-family:Arial, Helvetica, sans-serif; color:#000; }
#container #content-page2.guio div h3{ margin:2em 0 0 1em!important; font-family:Arial, Helvetica, sans-serif; color:#000;}
#container #content-page2.guio div h4{ margin:1em 0 0 1em!important; font-family:Arial, Helvetica, sans-serif; color:#000; font-weight:normal;}
#container #content-page2.guio div #menu-taller { margin-left:.5em;}
#container #content-page2.guio div #menu-taller li { padding:0; margin:0;}
#container #content-page2.guio div #menu-taller li a{ border-bottom:#227fa8 solid 2px!important; color:#227fa8!important; font-weight:normal!important; font-size:1.2em!important;display:block; padding:1.5em 0; }
#container #content-page2.guio div #menu-taller li a:visited{ border-bottom:#227fa8 solid 2px!important; color:#227fa8!important; }
#container #content-page2.guio div #menu-taller li a:hover{ border-bottom:#053f70 solid 2px!important; color:#053f70!important; }
#container #content-page2.guio div #menu-taller li a.select{ border-bottom:#000 solid 2px!important; color:#000!important; }
#container #content-page2.guio .info{ border:none!important; }
#container #content-page2.guio .info:visited{ border:none!important; }
#container #content-page2.guio .info:hover{ border:none!important; }
#container #content-page2.guio div.pdf{width:100%; text-align:right; color:#000; background:url(http://www.bcn.cat/museupicasso/imatges/educacio/pdf-bg.gif) no-repeat; margin:1em 0 0 0; }
#container #content-page2.guio div.pdf-es{width:100%; text-align:right; color:#000; background:url(http://www.bcn.cat/museupicasso/imatges/educacio/pdf-bg-es.gif) no-repeat; margin:1em 0 0 0; }
#container #content-page2.guio div.pdf-en{width:100%; text-align:right; color:#000; background:url(http://www.bcn.cat/museupicasso/imatges/educacio/pdf-bg-en.gif) no-repeat; margin:1em 0 0 0; }
#container.apartat9 #footer { visibility:hidden; }
.menu-visita { right:53em; width:10em; position:absolute; }
.menu-visita ul{ list-style:none; }
.menu-visita ul li{ list-style:none; margin:1em 0; }

.menu-visita strong{ display:block; color:#464f60; font-family:Arial, Helvetica, sans-serif; width:100%; text-align:right; }
#readspeaker_button1{margin-bottom:8px!important; margin-left:18px!important;}
#readspeaker_button1 a{border-bottom:none!important; text-decoration:none!important;}
#readspeaker_button1 a:hover{border-bottom:none!important; text-decoration:none!important;}
.rs_skip rs_preserve{border-bottom:none!important; text-decoration:none!important;}
#xp1 a{border-bottom:none!important; text-decoration:none!important;}
#xp1 a:hover{border-bottom:none!important; text-decoration:none!important;}
.rsbtn_btnlabel a{border-bottom:none!important; text-decoration:none!important;}
.rsbtn_btnlabel a:hover{border-bottom:none!important; text-decoration:none!important;}
.infoTraduction{display:none!important;}

/* recursos educatius --------------------------------------------------------------------------- */

.recursos-educatius .mes-info { position:absolute; top:0; left:-3000px; }
.recursos-educatius h2 { font-weight:normal; color:#00689e; text-transform:uppercase; font-size:1.6em; margin-top:20px; margin-bottom:20px; }
.recursos-educatius h2 span { display:block; padding-top:20px; }
.recursos-educatius h2 strong { font-weight:bold; }
.recursos-educatius h2.veure-mes, .recursos-educatius h2.veure-recursos { display:block; padding-top:10px; padding-bottom:5px; border-top:1px solid #CCC; }
.recursos-educatius h2.veure-mes { color:#00acec; }
.recursos-educatius h2 a { font-weight:bold; background:url(../imatges/comu/anterior.png) no-repeat -1px 0; padding-bottom:5px; }
.recursos-educatius h2 a:hover { text-decoration:none; }
.recursos-educatius h3 { color:#00acec!important; display:block; font-size:1.4em; }

.recursos-educatius .menu-recursos { margin-top:10px; width:100%; }
.recursos-educatius .menu-recursos div { position:relative; width:30%; overflow:hidden; display:block; float:left; }
.recursos-educatius .menu-recursos div h3 { position:absolute; top:20px; left:0; width:100%; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; }
.recursos-educatius .menu-recursos div h3 span { display:block; color:#fff; padding:0 30px 0 20px; line-height:20px; }
.recursos-educatius .menu-recursos div a, .recursos-educatius .menu-recursos div span { color:#666; }
.recursos-educatius .menu-recursos div a .mes-info { left:-300px; }
.recursos-educatius .menu-recursos div a:hover { border:none; text-decoration:none; }
.recursos-educatius .menu-recursos div img { width:100%; float:left; }
.recursos-educatius .menu-recursos div span { font-weight:bold; font-style:normal; }
.recursos-educatius .menu-recursos div strong { display:block; text-transform:uppercase; color:#00689e; font-size:1.2em; padding:10px 0 5px 0; display:block; clear:both; }
.recursos-educatius .menu-recursos.veure-mes div strong { color:#00acec; }
.recursos-educatius .menu-recursos.veure-mes.lateral div { width:100%; margin-bottom:10px; }
.recursos-educatius .menu-recursos.veure-mes.lateral div img { width:30%; }
.recursos-educatius .menu-recursos.veure-mes.lateral div span { float: right; width:68%; font-weight:normal; }
.recursos-educatius .menu-recursos.veure-mes.lateral div strong { padding-top:0; }

.recursos-educatius h2 strong, .recursos-educatius h3, .recursos-educatius h2 a, .recursos-educatius h2 span { padding-left:3.3%!important; }
.recursos-educatius h2.veure-mes, .recursos-educatius h2.veure-recursos { padding-left:0!important; margin-left:3.3%!important; }
.recursos-educatius h2.veure-mes strong, .recursos-educatius h2.veure-recursos strong { padding-left:0!important; }
.recursos-educatius .menu-recursos div { margin-left:3.3%!important; }
.recursos-educatius p { font-size:1.2em!important; margin-left:3.3%!important; display:block; }
.recursos-educatius .blau { color:#00689e; }
.recursos-educatius .gris { color:#999!important; font-size:1em!important; }
.recursos-educatius p a.pdf strong { padding-right:15px; background:url(../imatges/comu/pdf.gif) no-repeat right 1px; }

.menu-tallers p { padding-left:3.5%!important; margin-left:0!important; }
/* 
.menu-tallers.pdf p { padding-left:6%!important; background:url(../imatges/comu/pdf.gif) no-repeat 0 11px; }*/
.menu-tallers.pdf { padding-left:6%!important; background:url(../imatges/comu/pdf.gif) no-repeat 0 11px; }
.menu-tallers p a { display:block; padding-top:10px; }
.menu-tallers.blog p a { color:#00689e; font-weight:bold; }
.menu-tallers p a strong { color:#00689e; padding-right:5px; font-size:1.2em; }
.menu-tallers.blog p a strong { color:#000; font-weight:normal; padding-right:5px; font-size:1.0em; }
.menu-tallers p a span { color:#000; display:block; }
.menu-tallers p a:hover { text-decoration:none; }

.recursos-left { padding-left:10px; }
.recursos-left.mid { float:left; width:280px; }
.recursos-right.mid { float:right; width:280px; }
.recursos-left { float:left; width:400px; }
.recursos-right { float:right; width:200px; }
.recursos-right .ver-top { margin:0!important; }
.recursos-right h3, .recursos-right p { margin:0!important; padding:0!important; }
.recursos-right h3 {padding-top:10px!important; padding-bottom:10px!important; }
.recursos-right li, .recursos-left li, .recursos-right li p, .recursos-left li p { padding-bottom:0!important; margin-bottom:0!important; }
.recursos-right li, .recursos-left li { padding-bottom:20px!important; }
.recursos-right.visites li { padding-bottom:7px!important; }
.mid h3 { padding-top:0!important; }
.recursos-left h3, .mid h3 { margin-top:0px!important; }
.recursos-right p { padding-top:0!important; padding-bottom:0!important; }
.recursos-right #flickr_badge_wrapper { margin:20px 0 0 0; }
.recursos-right p, .recursos-left p, .recursos-width p, .recursos-educatius .menu-recursos div a { font-size:1.2em !important; }
.recursos-width .postScroll ul { padding:0!important; margin:0 0 0 3.3%!important; }
.recursos-width .postScroll ul li p { display:block; padding:0!important; margin:0!important; }
.recursos-width .postScroll ul li p a strong { display:block; }
.recursos-educatius .menu-recursos div span { font-size:1.0em !important; }
.recursos-educatius .menu-recursos.lateral div span { font-size:1.2em !important; line-height:1.5em; }

.break, .clear-div { clear:both!important; display:block!important; }
.break { height:10px; }
.break.h20 { height:20px; }
.clear-div { width:100%!important; height:50px; }

.recursos-educatius.fundacio h2, .recursos-educatius.fundacio h2.veure-mes, .recursos-educatius.fundacio h3, .recursos-educatius.fundacio .menu-recursos.veure-mes div strong { color:#546b8f; }
.recursos-educatius.fundacio .menu-recursos div a strong { background:#546b8f; color:#fff; border-top:1px solid #fff; display:block; padding:10px; font-size:12px; min-height:55px; }
.recursos-educatius.fundacio .menu-recursos div a:hover strong { background-color:#324669; }
.recursos-educatius.fundacio h2 { margin-right:100px; }
.recursos-educatius.fundacio .rs_skip.rs_preserve { position:absolute; top:20px; right:0; }
.recursos-educatius.fundacio p.presentacio { padding:0!important; }

.postScroll { overflow:auto; width:100%; height:195px; }
.mid .postScroll { margin-top:20px; }
.postScroll.galeriaList { margin-top:0; margin-left:4%; width:110%; height:200px; }

/* Exposicions --------------------------------------------------------------------------- */

.exposicions-picasso .mes-info { position:absolute; top:0; left:-3000px; }
.exposicions-picasso h2 { font-weight:normal; color:#444; text-transform:uppercase; font-size:1.6em; margin-top:20px; margin-bottom:20px; }
.exposicions-picasso h2 span { display:block; padding-top:20px; }
.exposicions-picasso h2 strong { font-weight:bold; }
.exposicions-picasso h2.veure-mes, .exposicions-picasso h2.veure-exposicions { display:block; padding-top:10px; padding-bottom:5px; border-top:1px solid #CCC; }
.exposicions-picasso h2.veure-mes { color:#00acec; }
.exposicions-picasso h2 a { font-weight:bold; background:url(../imatges/comu/anterior.png) no-repeat -1px 0; padding-bottom:5px; }
.exposicions-picasso h2 a:hover { text-decoration:none; }
.exposicions-picasso h3 { color:#444!important; display:block; font-size:1.4em; }

.exposicions-picasso .menu-exposicions { margin-top:10px; width:100%; }
.exposicions-picasso .menu-exposicions div { position:relative; width:30%; overflow:hidden; display:block; float:left; }
.exposicions-picasso .menu-exposicions div h3 { position:absolute; top:20px; left:0; width:100%; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; }
.exposicions-picasso .menu-exposicions div h3 span { display:block; color:#fff; padding:0 30px 0 20px; line-height:20px; }
.exposicions-picasso .menu-exposicions div a, .exposicions-picasso .menu-exposicions div span { color:#666; }
.exposicions-picasso .menu-exposicions div a .mes-info { left:-300px; }
.exposicions-picasso .menu-exposicions div a:hover { border:none; text-decoration:none; }
.exposicions-picasso .menu-exposicions div img { width:100%; float:left; }
.exposicions-picasso .menu-exposicions div span { font-weight:bold; font-style:normal; }
.exposicions-picasso .menu-exposicions div strong { display:block; text-transform:uppercase; color:#444; font-size:1.2em; padding:10px 0 5px 0; display:block; clear:both; }
.exposicions-picasso .menu-exposicions.veure-mes div strong { color:#00acec; }
.exposicions-picasso .menu-exposicions.veure-mes.lateral div { width:100%; margin-bottom:10px; }
.exposicions-picasso .menu-exposicions.veure-mes.lateral div img { width:30%; }
.exposicions-picasso .menu-exposicions.veure-mes.lateral div span { float: right; width:68%; font-weight:normal; }
.exposicions-picasso .menu-exposicions.veure-mes.lateral div strong { padding-top:0; }

.exposicions-picasso h2 strong, .exposicions-picasso h3, .exposicions-picasso h2 a, .exposicions-picasso h2 span { padding-left:3.3%!important; }
.exposicions-picasso h2.veure-mes, .exposicions-picasso h2.veure-exposicions { padding-left:0!important; margin-left:3.3%!important; }
.exposicions-picasso h2.veure-mes strong, .exposicions-picasso h2.veure-exposicions strong { padding-left:0!important; }
.exposicions-picasso .menu-exposicions div { margin-left:3.3%!important; }
.exposicions-picasso p { font-size:1.2em!important; margin-left:3.3%!important; display:block; }
.exposicions-picasso .blau { color:#444; }
.exposicions-picasso .gris { color:#999!important; font-size:1em!important; }
.exposicions-picasso p a.pdf strong { padding-right:15px; background:url(../imatges/comu/pdf.gif) no-repeat right 1px; }

.menu-tallers p { padding-left:3.5%!important; margin-left:0!important; }

/*.menu-tallers.pdf p { padding-left:6%!important; background:url(../imatges/comu/pdf.gif) no-repeat 0 11px; }*/
.menu-tallers p a { display:block; padding-top:10px; }
.menu-tallers.blog p a { color:#444; font-weight:bold; }
.menu-tallers p a strong { color:#444; padding-right:5px; font-size:1.2em; }
.menu-tallers.blog p a strong { color:#000; font-weight:normal; padding-right:5px; font-size:1.0em; }
.menu-tallers p a span { color:#000; display:block; }
.menu-tallers p a:hover { text-decoration:none; }

.exposicions-left { padding-left:10px; }
.exposicions-left.mid { float:left; width:445px; }
.exposicions-right.mid { float:right; width:160px; }
.exposicions-left { float:left; width:445px; }
.exposicions-right { float:right; width:160px; }
.exposicions-right .ver-top { margin:0!important; }
.exposicions-right h3, .exposicions-right p { margin:0!important; padding:0!important; }
.exposicions-right h3 {padding-top:10px!important; padding-bottom:10px!important; }
.exposicions-right li, .exposicions-left li, .exposicions-right li p, .exposicions-left li p { padding-bottom:0!important; margin-bottom:0!important; }
.exposicions-right li, .exposicions-left li { padding-bottom:20px!important; }
.exposicions-right.visites li { padding-bottom:7px!important; }
.mid h3 { padding-top:0!important; }
.exposicions-left h3, .mid h3 { margin-top:0px!important; }
.exposicions-right p { padding-top:0!important; padding-bottom:0!important; }
.exposicions-right #flickr_badge_wrapper { margin:20px 0 0 0; }
.exposicions-right p, .exposicions-left p, .exposicions-width p, .exposicions-picasso .menu-exposicions div a { font-size:1.2em !important; }
.exposicions-width .postScroll ul { padding:0!important; margin:0 0 0 3.3%!important; }
.exposicions-width .postScroll ul li p { display:block; padding:0!important; margin:0!important; }
.exposicions-width .postScroll ul li p a strong { display:block; }
.exposicions-picasso .menu-exposicions div span { font-size:1.0em !important; }
.exposicions-picasso .menu-exposicions.lateral div span { font-size:1.2em !important; line-height:1.5em; }

.list-margins { margin:20px 0 0 20px; }
.list-margins .demo-show div p, .list-margins table { padding:20px 30px!important; margin:0!important; font-size:12px; }
.list-margins.no-img .demo-show div p, .list-margins.no-img table { padding:10px 30px!important; }
.list-margins table { width:100%; }
.list-margins table td { border-top:1px solid #ccc; padding:10px 10px 10px 0; }
.list-margins .title strong, .list-margins strong.title { font-size:16px; }
.list-margins .demo-show, .list-margins .demo-link { margin:0; padding:0; position:relative; }
.list-margins .demo-show p.mesinfo, .list-margins .demo-link a { height:130px; background:url(../imatges/elmuseu/la-fundacio/bg1-1.jpg) no-repeat center center; background-size:cover; margin:0!important; padding:0!important; border-bottom:1px solid #fff; }
.list-margins .demo-link a { display:block; }
#apartat1-1 .demo-show p.mesinfo { background-image:url(../imatges/elmuseu/la-fundacio/bg1-1.jpg); }
#apartat1-2 .demo-show p.mesinfo { background-image:url(../imatges/elmuseu/la-fundacio/bg1-2.jpg); }
#apartat1-3 .demo-show p.mesinfo { background-image:url(../imatges/elmuseu/la-fundacio/bg1-3.jpg); }
#apartat1-4 .demo-show p.mesinfo { background-image:url(../imatges/elmuseu/la-fundacio/bg1-4.jpg); }
#apartat2-1 .demo-show p.mesinfo { background-image:url(../imatges/elmuseu/la-fundacio/bg2-1.jpg); }
#apartat2-2 .demo-show p.mesinfo { background-image:url(../imatges/elmuseu/la-fundacio/bg2-2.jpg); }
#apartat3-2015 .demo-link a { background-image:url(../imatges/elmuseu/la-fundacio/bg3-2015.jpg); }
#apartat3-2014 .demo-link a { background-image:url(../imatges/elmuseu/la-fundacio/bg3-2014.jpg); }
#apartat4-1 .demo-link a { background-image:url(../imatges/elmuseu/la-fundacio/bg4-1.jpg); }
#apartat4-2 .demo-link a { background-image:url(../imatges/elmuseu/la-fundacio/bg4-2.jpg); }
.list-margins.no-img li .demo-show p.mesinfo, .list-margins.no-img li .demo-link a { background:#fafafa; border-bottom:none; }
.list-margins.no-img .demo-show p.mesinfo, .list-margins.no-img .demo-link a { height: inherit; min-height:80px; }

.list-margins .demo-show div { background:#fafafa; margin:0; padding:0; }
.list-margins .demo-show ul.items { margin:0!important; padding:0 0 20px 0!important; min-height:100px; }
.list-margins .demo-show ul.items li a { margin:0; padding:10px 40px 10px 30px!important; display:inline-block; font-size:12px!important; background: url(../imatges/elmuseu/la-fundacio/pdf.png) no-repeat right center!important; color:#000; font-weight:bold; }
.list-margins .demo-show ul.items li a:hover { text-decoration:none!important; }
.link-container { display:inline-block; position:relative; width:32%; margin-left:1%; float:left; }
.link-container img { width:100%; }
.link-container span, .list-margins .demo-show p.mesinfo span.txt, .list-margins .demo-link a span.txt { width:100%; display:block; position: absolute; bottom:0; background:#546b8f; background:rgba(84,107,143,0.85); border-bottom:1px solid #fff; color:#fff; font-size:13px; text-align:center; padding:5px 0; font-weight:bold; font-family:Arial, Helvetica, sans-serif; letter-spacing:0; }
.list-margins .demo-show p.mesinfo span.txt, .list-margins .demo-link a span.txt { padding:10px 15%; width:70%; bottom:inherit; top:0; }
.list-margins .demo-show p.mesinfo span.arrow, .list-margins .demo-link a span.arrow { background:#546b8f url(../imatges/elmuseu/la-fundacio/down.png)  no-repeat center center; width:40px; height:40px; margin:12px 0 0 20px; padding:0; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; display:inline-block; position:absolute; top:0; left:0; border:1px solid #fff; }
.list-margins .demo-link a span.arrow { background-image:url(../imatges/elmuseu/la-fundacio/link.png); left:inherit; right:20px; }
.list-margins .demo-show p.mesinfo:hover span.arrow, .list-margins .demo-link a:hover span.arrow { background-color:#324669; }
.list-margins .demo-show p.mesinfo span.table { position:relative; color:#000; padding:40px 15% 10px!important; width:70%; display:block; text-align:center; font-weight:normal; font-size:13px; font-family:Arial, Helvetica, sans-serif; letter-spacing:0; line-height:20px; }

#menu-recursos { position:absolute; bottom:0; left:90px; }
#menu-recursos ul li { float:left; text-align:center; }
#menu-recursos ul li a { color:#000; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:10px 10px; display:block; }
#menu-recursos ul li a:hover { text-decoration:none; }
#menu-recursos ul li a strong { color:#546b8f; }
#menu-recursos ul li.inici a { background:#ccc url(../imatges/elmuseu/la-fundacio/prev.png) no-repeat center center; width:40px; height:40px; margin:0; padding:0; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; display:block; text-indent:-12000px; }
#menu-recursos ul li.inici a:hover { background-color:#546b8f; }

/* Publicacions digitals  --------------------------------------------------------------------------- */





/* breadcrumb  --------------------------------------------------------------------------- */
.recursos-educatius .breadcrumb {
  padding: 0.2em 0 1em!important;

}

.recursos-educatius .breadcrumb li {
   display: inline-block!important;
    padding-left: 2em!important;
    padding-right: 0.5em!important;
}
.recursos-educatius .breadcrumb li:first-child {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0!important;
    padding-left: 0!important;
}
.recursos-educatius .breadcrumb li span {
    color: #6d6e70!important;
    display: inline-block!important;
				    margin-bottom: 6px!important;
    font-size: 1.2em!important;
				margin-left:20px!important;
}
.recursos-educatius .breadcrumb li a {
    color: #6d6e70!important;
    text-decoration: none!important;
}


/* Política de cookies  --------------------------------------------------------------------------- */

	#overbox3 {
		    position: fixed;
		    bottom: 0px;
		    left: 0px;
		    width: 100%;
		    z-index: 999999;
		    display: block;
		}
		#infobox3 {
			font-family:Verdana, Geneva, sans-serif;
			   color: #fff;
		    margin: auto;
		    position: relative;
		    top: 0px;
		    height: 48px;
		    width: 100%;
		    text-align:center;
		    background-color: rgba(75, 75, 75, 0.9);
		}
		#infobox3 p {
		    line-height:48px;
		    font-size:12px;
		    text-align:center;
		}
		#infobox3 p a {
		    margin-right:5px;
		    text-decoration: underline;
						color:#fff;
		}
		.tancar {
    background-color: #000;
    color: #fff;
    padding: 9px 15px;
    text-decoration: none!important;}
				
		#infobox1 {
			font-family:Verdana, Geneva, sans-serif;
			   color: #fff;
		    margin: auto;
		    position: relative;
		    top: 0px;
		    height: 40px;
		    width: 100%;
		    text-align:center;
		    background-color:#666;
			padding-left:6px;
						
		}
		#infobox1 p {
		    line-height:38px;
		    font-size:12px!important; 
		    text-align:left; 
		
		}
		#infobox1 p a {
		    margin-right:5px;
		    text-decoration: underline;
						color:#fff;
		}