@charset "utf-8";
/* OMATECH Xtreme Web Culture */
/****************************** MACBA ******************************/
/*******************************************************************/
body { background:#FFFFFF; font-family:Helvetica, Arial, sans-serif; font-size:62.5%; margin:0; padding:0; color:#404041; }

/************************ RESET ************************/
abbr { border:none; }
address { font-style:normal; }
h1, h2, h3, h4, h5, h6 { font-size:1.0em; margin:0; padding:0; }
ul, ol, dl { margin:0; padding:0; }
ul, ol { list-style:none; }
form { margin:0; padding:0; display:block; overflow:hidden; }
fieldset { border:0; margin:0; padding:0; }
legend { padding:0; white-space:normal; }
textarea, input, select, button { font-family:Helvetica, Arial, sans-serif; }
textarea { font-size:1.1em; }
p, blockquote { margin:0; padding:0; }
a img { border:0; } 
hr { display:none; }
a { color:#000000; } 

/********************************** ESTRUCTURA **********************************/
#container, #header, #content, #footer { display:block; float:none; /*overflow:hidden;*/ }
#container { width:95.5em;  padding-bottom:4.0em; margin: 0 auto;}

/* clearfix */
#container:before, #container:after,
#header:before, #header:after,
#content:before, #content:after,
#footer:before, #footer:after,
#content .content:before, #content .content:after,
.row:before, .row:after,
.wrapper:before, .wrapper:after,
.wrapper-footer:before, .wrapper-footer:after,
.narrow_row:before, .narrow_row:after,
.column:before, .column:after,
.item:before, .item:after { content:" "; display:table; }
#container:after,
#header:after,
#content:after,
#footer:after,
#content .content:after,
.row:after,
.wrapper:after,
.wrapper-footer:after,
.narrow_row:after,
.column:after,
.item:after { clear:both; }

/******************************************************************************/
/*********************************** HEADER ***********************************/
#header { /*height:20.0em;*/ height: 9.0em;  margin: 2.4em 0 5.0em 0; }
/*************** LOGO ***************/
#header .logo , #footer .logo{ /*border-top:0.6em solid #000000; width:44.5em;*/ float:left; }
#header .logo{ position: fixed;}
/*#header .logo p, #header .logo h1 { width:20.0em; height:7.0em; }*/
/*#header .logo a { background:url(img/sprite_macba.png) no-repeat 0 0; width:20.0em; height:7.0em; display:block; overflow:hidden; float:none; text-indent:-999em; }*/
#header .logo a { background:url(img/sprite_macba2014.png) no-repeat -30px -34px; width:8.0em; height:8.0em; display:block; overflow:hidden; float:none; text-indent:-999em; }
#footer .logo a { background:url(img/sprite_macba2014.png) no-repeat -113px -34px; width:12.0em; height:4.0em; display:block; overflow:hidden; float:none; text-indent:-999em; }

/*************** CORPORATIU **************/
#header .corp { /*border-top:0.6em solid #000000;*/ width:25.0em; float:left; }
#header .corp ul {}
#header .corp ul li { border-bottom:0.1em solid #acacac; float:left; height:2.5em; }
#header .corp ul li { width:6.2em; }
#header .corp ul li:nth-child(3n+2) { width:6.5em; }
#header .corp ul li:nth-child(3n+3) { width:12.3em; }
#header .corp ul li a { font-size:1.05em; /*font-weight:bold; text-transform:uppercase;*/ color:#000000; text-decoration:none; margin:0.5em 0 0 0.7em; display:inline-block; }
/*************** EINES ***************/
#header .tools { /*border-top:0.6em solid #000000;*/ width:15em; float:right; margin-right:6.1em; }
#header .tools .box, #header .tools .lang li { background:#ffffff; height:2.5em; }
/* CERCADOR */
#header .tools .searcher { width:15.0em; float:left; }
#header .tools .searcher form { padding:0; }
#header .tools .searcher label { display:none; }
#header .tools .searcher input, #header .tools .show_log div form input.btn { background:url(img/sprite_macba.png) no-repeat; }
#header .tools .searcher .text { background-position:-170px -685px; border:none; font-size:1.2em; width:8.0em; height:1.8em; float:left; padding:0.3em 0 0 2.4em; }
#header .tools .searcher .text:focus, #header .tools .searcher .text:hover { background-position:-170px -715px; }
#header .tools .searcher .btn, #header .tools .show_log div form input.btn { background-position:0 -85px; border:none; float:right; font-size:1.0em; width:2.4em; height:2.4em; padding:0; overflow:hidden; text-indent:-999em; cursor:pointer; }
#header .tools .searcher .btn { margin-right:0; }
#header .tools .searcher .btn:hover, #header .tools .show_log div form input.btn:hover { background-position:-30px -85px; }
/* CANVI D'IDIOMA */
#header .tools .lang { width:14.5em; float:right; }
#header .tools .lang ul {}
#header .tools .lang li { width:7em;  float:left; }
#header .tools .lang li a { font-size:1.2em;  color:#000000; font-weight:bold; text-decoration:none; display:block; text-align:center; }
#header .tools .lang li a:hover {text-decoration: underline; }
/* LOGIN */
#header .tools .login { position:relative; width:15.0em; float:left; overflow:hidden; }
#header .tools .login .link {}
#header .tools .login .link a { background:url(img/sprite_macba.png) no-repeat 106% -565px; padding:0.6em 0.9em 0.6em 0.9em;  font-size:1.1em; color:#6d6e70; text-decoration:none; display:block; } 
#header .tools .login .link a:hover { background-position:106% -595px; color:#000000; }
#header .tools .login div { display:none; }
/* login visible */
#header .tools .show_log { border-bottom:none; height:2.7em; overflow:visible; }
#header .tools .show_log .link a { background-position:106% -1287px; }
#header .tools .show_log .link a:hover { background-position:106% -1317px; }
#header .tools .show_log div { position:absolute; left:0; top:; width:25.0em; border-bottom:0.1em solid #bfbfbf; /*display:block;*/ }
#header .tools .show_log div p { border-top:0.1em solid #bfbfbf; padding:0.4em 1.0em; }
#header .tools .show_log div p a { font-size:1.1em; font-weight:normal; color:#6d6e70; text-decoration:none; }
#header .tools .show_log div p a:hover { color:#000000; }
#header .tools .show_log div form { position:relative; }
#header .tools .show_log div form p { border-top:none; }
#header .tools .show_log div form p label { font-size:1.1em; font-weight:normal; color:#6d6e70; display:inline-block; margin-right:0.4em; }
#header .tools .show_log div form p label:hover { color:#000000; }
#header .tools .show_log div form p label:after { content:' â€" '; }
#header .tools .show_log div form p input { font-size:1.1em; font-weight:normal; border:none; }
#header .tools .show_log div form input[type="text"] { width:10.5em; }
#header .tools .show_log div form input[type="password"] { width:11.0em; }
#header .tools .show_log div form input[type="button"], #header .tools .show_log div form input.btn { position:absolute; bottom:0.2em; right:0; }
/* usuari logat */
#header .tools .loged { position:relative; }
#header .tools .loged .user { background:url(img/sprite_macba.png) no-repeat -175px -625px;  padding:0.5em 0 0 0; margin:0 3.0em 0 0.8em; }
#header .tools .loged .user:hover { background-position:-175px -655px; }
#header .tools .loged a, #header .tools .loged span { padding:0.2em 0 0 2.0em; font-size:1.1em; color:#231F20; display:inline-block; }
#header .tools .loged a { text-decoration:none; }
#header .tools .loged .close { background:url(img/sprite_macba.png) no-repeat -80px -450px; position:absolute; right:1.0em; bottom:0.4em; float:right; width:1.4em; height:1.4em; }
#header .tools .loged .close:hover { background-position:-110px -450px; }
#header .tools .loged .close a { display:block; overflow:hidden; text-indent:-999em; width:1.4em; height:1.4em; }
/* REGISTRE */
#header .tools .reg { width:9.8em; float:right; }
#header .tools .reg p { margin:0.6em 0 0 0.8em; }
#header .tools .reg p a { font-size:1.1em; color:#6d6e70; text-decoration:none; display:block; }
#header .tools .reg p a:hover { color:#000000; }

/*************** 4UARTA ***************/
#header .extra { /*border-top:0.6em solid #000000;*/ width:12.8em; float:right; }
#header .extra ul {list-style: inherit; margin-left: 8px;}
#header .extra ul li { height:2.1em;  width: 8em; }
#header .extra ul li a { font-size:1.2em; text-decoration:none; color:#000000;  display:block; }
#header .extra ul li a:hover { text-decoration: underline; }
#header .extra ul li.social { border-bottom-color:#818181; height:auto; }
#header .extra ul li.social strong { display:block; height:2.5em; }
#header .extra ul li.social strong a { background:url(img/sprite_macba.png) no-repeat 100% -566px; margin-right:0.6em; }
#header .extra ul li.social strong a:hover { background-position:100% -596px; }
#header .extra ul li.showup { border-bottom:0.1em solid #b5b4b4; }
#header .extra ul li.showup strong { /*border-bottom:0.1em solid #818181;*/ }
#header .extra ul li.showup strong a { background-position:105px -566px; }
#header .extra ul li.showup strong a:hover { background-position:105px -596px; }
#header .extra ul li.social ul { display:none; }
#header .extra ul li.showup ul { display:block; }
#header .extra .btn{ color: #ffffff;   background-color: #000000;  overflow: hidden; padding: 4.5px 13px; -webkit-border-radius: 0.4em;  -moz-border-radius: 0.4em;  border-radius: 0.4em;  /*width: 128px;*/ height: 16px; margin: 0.4em 0 0;}
#header .extra .btn a{color: #FFFFFF; width: 40px; font-size: 1.4em;  font-weight: bold; padding: 0;}
#header .extra .btn span{ background:url(img/sprite_macba2014.png) no-repeat  -116px -115px; text-indent: -9999px; display: block; height: 15px; width: 8px; float: right;}

/*******************************************************************************/
/*********************************** CONTENT ***********************************/
#content {}
/* MENU */
#content .menu { width:16.5em; float:left; margin-right:2.0em;  position:fixed;}
/* 4UARTA COLUMNA */
#content .fourth { width:12.5em; float:right; }
/* CONTINGUT */
#content .content { /*width:77.0em;*/ float:left; display:block; /*overflow:hidden;*/ /*margin:-4.5em 0 0 -1.0em;*/ margin:-4.5em 0 0 17.5em; }
#content .row { display:block; /*overflow:hidden;*/ float:none; /*margin-top:4.5em;*/ margin-top:5.4em;}
#content .content .column { margin:-1.0em 0 0 1.0em; float:left; display:block; /*overflow:hidden;*/ }
#content .content .column.right, #content .content .right { float:right; }
#content .content .col { width:77.0em; }
#content .content .col_a { width:51.0em; }
#content .content .col_b { width:25.0em; }
#content .content .col_c { width:38.0em; }
#content .content .col_d { width:100%; }
#content .content .column .item { display:block; float:none; margin-top:14px; }
#content .content .column .row { margin:1.0em 0 0 -1.0em; }
/* CAIXA AMB COLUMNES INTERNES */
#content .box .inner_cols { margin:0; padding:0.8em 1.0em 0.8em 0; }
#content .box .inner_cols .column { margin:-0.8em 0 0.8em 1.0em; }
#content .box .inner_cols .row { margin:0 0 0 1.0em; }
#content .box .inner_cols .col_b { width:24.3em; } 
#content .box .inner_cols .col_a { width:49.6em; } 
#content .box .inner_cols .col_c { width:37.0em; }
#content .box .inner_cols .col_d { width:11.6em; }
/* particions */ 
#content .box .inner_cols .half_col { margin:0em 0 0 -1.0em; }
#content .box .inner_cols .col_b .half_col .column { width:11.6em; margin-top:0; }
/* marges */
#content .m0, #content .content .column .m0 { margin-top:0; }
#content .m10, #content .content .column .m10 { margin-top:0.5em; }
#content .m45, #content .content .column .m45 { margin-top:4.5em; }


/******************************************************************************/
/*********************************** FOOTER ***********************************/
#footer {  background: #E5E5E5; padding-bottom: 45px; /*margin-bottom: 45px;*/ margin: 150px 0 45px;}
#footer .col_left, #footer .col {/* border-top:0.2em solid #737373;*/ min-height:11.0em; float:left; }
#footer .col_left div, #footer .col div { padding:0; }
#footer .col_left { /*width:16.5em; margin-right:2.0em;*/ }
#footer .col { /*width:25.0em;*/ margin-left:3.0em; width: 16.5em;}

#footer .footerinfo .col { margin-left:0em;   margin-right: 3.7em;  width: 22em; }
#footer .footerinfo .col h2{color:#FFFFFF; font-size: 1.2em; margin-bottom: 0.5em;}
#footer .footerinfo .col .rowgroup{margin-bottom: 2em; clear: both;}
#footer .footerinfo .col .rowgroup dt{color:#FFFFFF !important;}
#footer .footerinfo .col .rowgroup dd{color:#FFFFFF !important;}
#footer .footerinfo .col .rowgroup dt span{color:#CCCCCC !important;}
#footer .footerinfo .col .rowgroup dd span{color:#CCCCCC !important;}
#footer .footerinfo .col .rowgroup .wrap{color:#FFFFFF !important; font-size: 1.2em;}
#footer .footerinfo .col .rowgroup .passiinfo{font-size: 13px; width: 250px; color:#CCCCCC !important;}
#footer .footerinfo .last{margin-right: 0px; margin-left: 4.1em;/*width: 20.5em; text-align: right;*/}

#footer .col_logo { width:16.0em; }

#footer span, #footer a { /*font-size:12px;*/ font-weight:normal; color:#404040; /*letter-spacing: -0.02em;*/}
#footer a { text-decoration:none;}
#footer .noevents_info h3,.noevents_box .noevents_info h3{color:#fff;}
.noevents_box .noevents_info h3, .noevents_box .noevents_info p{font-weight:normal; color:#000}
#footer .noevents_info p, .noevents_box .noevents_info p{font-size: 1.3em; font-weight:normal; line-height: 1.8em; color:#fff;}
#footer .noevents_info a { text-decoration:underline; color:#fff;}
#footer .noevents_box .noevents_cal a {text-decoration: none; color:#fff; font-size: 1em;  font-weight: bold; line-height: auto;}
#footer .noevents_box .noevents_cal a:hover {text-decoration: none; opacity:0.6;}
#footer #trigger1{font-size: 16px;}
#footer .copy {}
#footer .copy p { line-height:1.8em; }
#footer .copy strong { display:block; font-weight:normal; }
#footer .wrapper-footer {margin: 21px auto; width:95.5em;}
#footer .wrapper-footer .narrow_row { margin-left:15.0em; }
#footer .wrapper-footer .narrow_row .col { width:12.8em; margin-left:3em; font-size:1.2em; line-height: 1.5em;}

#footer .wrapper-footer .topmenu { float:left; width:77em;  margin-left: 2.5em;}
#footer .wrapper-footer .topmenu ul { float:left; }
#footer .wrapper-footer .topmenu ul li { float:left; white-space:nowrap; width:19em; overflow:hidden; margin-bottom: 0.2em;}
/*#footer .wrapper-footer .topmenu ul li:nth-child(2n+9) { margin-left:39.6em; }*/
#footer .wrapper-footer .topmenu ul li a { font-size:14px; font-weight:bold; }

#footer address { line-height:1.8em; margin-bottom:0.5em; }
#footer address strong { color:#000000; }
#footer dl {}
#footer dt { float:left; clear:left; color:#000000; margin-bottom: 0; margin-right:0.2em;}
#footer dt span { font-weight: normal; }
#footer dd { float:left; clear:both; margin:0 0 0.4em 0; }
#footer .footerinfo dd { float:left; clear:none; margin:0 0 0.4em 0; }

#footer dd span { /*margin-left:0.4em;*/ display:inline-block; }
#footer ul {}
/*#footer li { margin:0 0 0.5em 0; }*/

#footer .slash { font-size:1.2em; /*font-weight: bold;*/}
/*#footer dt span:after, #footer li a:after, #footer .slash:after { content:' â€" '; }*/
/*#footer .no_slash span:after, #footer .no_slash a:after { content:' '; }*/
/*#footer li {margin: 0 0 8px;}*/

#footer .planifica{  position:fixed; min-height:4.5em;  background-color:#231F20; bottom:0px; left:0px;  right:0px; margin-bottom:0px; color: #FFFFFF; z-index: 101;}
#footer .planifica .wrapper{margin: 0 auto; width:77.5em; padding-top: 1em; padding-left: 188px;}

#footer .planifica .head{max-height: 2.1em;}
#footer .planifica .wrapper .row .tit{float: left; /*width: 22em;*/}
#footer .planifica .wrapper .row .tit p {}
#footer .planifica .wrapper .row .tit span {  color:#fff; font-weight: bold; display:inline-block; width: 430px;}
#footer .planifica .wrapper .row .tit a { font-size:1.6em;  color:#fff; font-weight: bold;}

#footer .planifica .wrapper .head { padding-bottom:14px; }
#footer .planifica .wrapper .head .sociallist{ float:right; /*margin-left:42.7em;*/ }
#footer .planifica .wrapper .head p{}

#footer .planifica .wrapper .head .sociallist li{ margin-right:30px;  float: left;}
#footer .planifica .wrapper .head .sociallist li:last-child{margin-right: 0 !important;}

#footer .planifica .wrapper .head .sociallist li a{display: block; background: url("img/sprite_macba2014.png") no-repeat; text-indent: -9999px; height: 25px;  width: 4px;   font-size: 1.1em;  padding: 0.05em 0 0.2em 2em;  text-decoration: none;}
#footer .planifica .wrapper .head .sociallist .fb{background-position: -32px -610px;     }
#footer .planifica .wrapper .head .sociallist .fb:hover{background-position: -32px -636px;     }
#footer .planifica .wrapper .head .sociallist .tw{background-position: -77px -610px; }
#footer .planifica .wrapper .head .sociallist .tw:hover{background-position: -77px -636px; }
#footer .planifica .wrapper .head .sociallist .flck{background-position: -122px -610px;  }
#footer .planifica .wrapper .head .sociallist .flck:hover{background-position: -122px -636px;  }
#footer .planifica .wrapper .head .sociallist .vi{background-position: -172px -610px;}
#footer .planifica .wrapper .head .sociallist .vi:hover{background-position: -172px -637px;}
#footer .planifica .wrapper .head .sociallist .rss{background-position: -218px -610px; }
#footer .planifica .wrapper .head .sociallist .rss:hover{background-position: -218px -636px; }
#footer .planifica .wrapper .head .sociallist .pin{background-position: -260px -610px;}
#footer .planifica .wrapper .head .sociallist .pin:hover{background-position: -260px -636.5px;}
#footer .planifica .wrapper .head .sociallist .instagram{background-position: -309px -610px; }
#footer .planifica .wrapper .head .sociallist .instagram:hover{background-position: -309px -636px; }


#footer .planifica .wrapper .planificafooter{ background-color: #231F20;  height: 58em;  /*margin: 0 auto 0 18.4em;*/ width: 77.5em; display: block; float: none; overflow: hidden;}
#footer .planifica .wrapper .btnclose{ display: inline-block; background: url("img/sprite_macba2014.png") -45px -555px no-repeat; /*text-indent: -9999px;*/ height: 22px; width: 22px; /*float: left;*/ margin-right: 0.6em;}
#footer .planifica .wrapper .active { background-position:-78px -555px;}

#footer .planifica .wrapper .hidden{  display: none; }
#footer .planifica .wrapper .planificafooter .planrow{ border-top:0.1em solid #CCCCCC; margin-top:0em; padding: 2em 0 0;}

/* RESET */
#container.beyond_limit, #container #content .beyond_limit, #container #content .content .beyond_limit { overflow:visible;}
#expo #container #content .beyond_limit, #home #container #content .beyond_limit{ border-top: 1px solid #CECECE;}


/*SCROLL UP****************************************************************/
#IrArriba {
    position: fixed;
    bottom: 285px; /* Distancia desde abajo */
    right: 50px; /* Distancia desde la derecha */
    z-index:98;
}

#IrArriba span {

    width: 36px; /* Ancho del botón */
    height: 36px; /* Alto del botón */
    display: block;
    background: url(../images/Back-to-top.png) no-repeat 0 0;
}

#IrArriba span:hover{opacity:0.6;}

/******************************************************/
.clip_box3 .categoria{
    background: url("img/sprite_macba2014.png") no-repeat scroll -27px -454px rgba(0, 0, 0, 0);
    padding-top: 2.5em;
}

.clip_box4 .categoria{
    background: url("img/sprite_macba2014.png") no-repeat scroll -38px -342px rgba(0, 0, 0, 0);
    padding-top: 6.5em;
    width: 10em;
}

.col_b .clip_box .desc3 .wrapper { padding: 0 0 3em 1em;}

.clip_box3 .desc3 .wrapper .data{
    font-size: 1.4em;
    font-weight: bold;
    color: #808080;
}

.clip_box4 .desc3 .wrapper .data{
    font-size: 1.4em;
    font-weight: bold;
    color: #000000;
    margin-bottom: 1em;
}

.clip_box4 .desc3 .wrapper p {font-size: 1.8em; color: #808080; font-weight: bold;}

.clip_box3 .desc3 .wrapper .tit, .clip_box4 .desc3 .wrapper .tit{
   font-size: 1.8em;
   font-weight: bold;
   text-transform: none;
   margin-bottom: 1em;
}

.clip_box3 .desc3 .wrapper .subtit{
    color: #000000;
    font-size: 1.4em;
    font-weight: normal;
    margin-bottom:1.5em;
    line-height: 1.4;
}
.clip_box4 .desc3 .wrapper .subtit{
    color: #808080;
    font-size: 1.2em;
    font-weight: bold;
}
.clip_box3 .desc3 .wrapper .tit a, .clip_box4 .desc3 .wrapper .tit a{
   text-decoration: none;
}
.clip_box3 .desc3 .wrapper .tit a:hover, .clip_box4 .desc3 .wrapper .tit a:hover{
   text-decoration: none;
   opacity:0.6;
}

.clip_box3 .desc3 .wrapper .text{
   margin-top: 1.5em;
   font-size: 1.4em;
   font-weight: bold;
}

.clip_box3 .desc3 .wrapper .text a{
   color: #000000!important;
   text-decoration:none;
}
.clip_box4 .desc3 .wrapper .text a{
   color: #000000!important;
   text-decoration:none;
}
.clip_box3 .desc3 .wrapper .text a:hover, .clip_box4 .desc3 .wrapper .text a:hover{
   text-decoration:none;
   opacity:0.6;
}

.rel_content .box.box_media {border-bottom: none;}
.rel_content .box.box-list {/*border-bottom: 0.2em solid #CECECE;*/}

div#maplocationmacba{
    display: block !important;
    width: 250px !important;
    height: 200px !important;
    margin: 0 auto !important;

}


@media (max-width: 1024px) {
    #container {width: 96%;}
    #content .content .col { width: 100%; margin-left: 0;}
    #content .box .inner_cols .col_b { width: 31%; }
    #content .content .col_a, #content .box .inner_cols .col_a { width: 100%; }
}