
/******************** ADDED to test carrousel ****************/
.carousel img{    height:auto;    width:100%;    vertical-align:top;}
.carousel {    position: relative;    /*margin-top:1em;*/   max-width: 1300px;    clear: both;    display: block;  min-height: 455px;}
.carousel div.mask {    position: relative;    overflow: hidden;}
.carousel div.mask div.slideset {    width: 99999px;    float: left;}
.carousel div.mask div.slide {float: left;}
.pagination{
    /*
    position:absolute;
    right:50%;
    bottom:-34px;
    margin:0 -27px 0 0;*/
    float: right;
    margin-bottom: 2.5em;
}
.pagination ul{    list-style:none;    margin: 0 1px 0 0;   padding:0;}
.pagination li:first-child{/*margin:0 -4px 0 0;*/}
.pagination li{    display:inline-block;   /* margin:0 -4px 0 9px;*/    vertical-align:top;}
.pagination li a{  display:block;  width:16px;  height:26px;  background:url(img/sprite_macba2014.png) no-repeat -61px -104px; text-indent:-9999px; overflow:hidden;}
.pagination .active a{background-position:-79px -104px;}
.carousel .box{    font:22px/22px Arial, Helvetica, sans-serif;    color: #000000;    text-transform: uppercase;    font-weight: bold;    line-height: 23px;    margin: 20px 0 0;    width: 415px;    float: left; min-height: 70px;}
.carousel .info{ float: right;   font: bold 16px/16px Arial,Helvetica,sans-serif;   margin: 20px 0 0;  text-align: right;}
.carousel .info span{ color: #808080;}
.carousel .info .date{color: #000000; font-weight: bold;}

.carousel .img { position:relative; }
.carousel .img .overlay { background:none; position:absolute; top:0; left:0; height:100%; width:100%; }
.carousel .img:hover .overlay { background:rgba(255,255,255,0.8); -webkit-transition:0.15s background ease-in .05s; -moz-transition:0.15s background ease-in .05s; -o-transition:0.15s background ease-in .05s; transition:0.15s background ease-in .05s; }
.carousel .img .overlay .super_links { opacity:0; }
.carousel .img:hover .overlay .super_links { opacity:1; -webkit-transition:0.15s opacity ease-in .05s; -moz-transition:0.15s opacity ease-in .05s; -o-transition:0.15s opacity ease-in .05s; transition:0.15s opacity ease-in .05s; }
.carousel .img .overlay .super_links { position:absolute; top:50%; margin-top:-35px; width:100%; text-align:center; vertical-align:middle; }
.carousel .img .overlay .super_links li { display:inline-block; margin:0 20px; }
#home .carousel .img .overlay .super_links li span { cursor:pointer; font-size:1.2em; font-weight:bold; color:#000; text-align:center; text-decoration:none; position:relative; display:block; padding:5.0em 0 0 0; }
#home .carousel .img .overlay .super_links li span:after { background:url(img/sprite_macba2014.png) no-repeat; position:absolute; top:0; left:50%; margin-left:-21px; display:block; width:42px; height:42px; content:''; }
#home .carousel .img .overlay .super_links li .tooltip span:after { background:none;}
#home .carousel .img .overlay .super_links li.ico_calendar span:after { background-position:-95px -818px; }
#home .carousel .img .overlay .super_links li.ico_share span:after { background-position:-147px -818px; }
#home .carousel .img .overlay .super_links li.ico_add span:after { background-position:-199px -818px; }
#home .carousel .img .overlay .super_links li.ico_calendar .tooltip span:after { background-position:none; }
#home .carousel .img .overlay .super_links li.ico_share .tooltip span:after { background-position:none; }
#home .carousel .img .overlay .super_links li.ico_add .tooltip span:after { background-position:none; }

#container .carousel .img .overlay .super_links li.ico_add .tooltip.hidden,
#container .carousel .img .overlay .super_links li.ico_share .tooltip.hidden,
#container .carousel .img .overlay .super_links li.ico_calendar .tooltip.hidden{display: none!important;}

#container .carousel .img .overlay .super_links li.ico_add .tooltip { display:inline-block; position:absolute; bottom:-36px; left:46em; font-size:1.0em; padding-bottom:0em; padding-top:0.8em; z-index:1000; }
#container .carousel .img .overlay .super_links li.ico_share .tooltip { display:inline-block; position:absolute; bottom:-36px; left:31em; font-size:1.0em; padding-bottom:0em; padding-top:0.8em; z-index:1000; }
#container .carousel .img .overlay .super_links li.ico_calendar .tooltip { display:inline-block; position:absolute; bottom:-36px; left:20.5em; font-size:1.0em; padding-bottom:0em; padding-top:0.8em; z-index:1000; }
/*
.carousel .img .overlay .super_links li.ico_calendar:hover span:after { background-position:0 -50px; }
.carousel .img .overlay .super_links li.ico_share:hover span:after { background-position:-50px -50px; }
.carousel .img .overlay .super_links li.ico_add:hover span:after { background-position:-100px -50px; }
*/

.carousel .active .box{display:block;}
.carousel .box p{margin:0; width: 415px;}
.carousel .box a{text-decoration: none;}
.carousel .box a:hover{text-decoration: none; opacity:0.6;}
.carousel .box span{color:#808080;}




.carousel-2 {    float: left;    position: relative;    width: 772px; /*height: 304px;*/}
.mask-holder { overflow: hidden; width: 772px; }
.carousel-2 .mask {    margin: 0;    overflow: hidden;    position: relative;    width: 856px;}
.carousel-2 .mask .slideset {    float: left;    width: 99999px;}
.carousel-2 .mask .slide {  float: left;  padding: 0 74px 0 0;   /*width: 285px;*/   width: 140px;}
.mask .slide figure{max-height: 6em; overflow: hidden; margin: 1em 0;}
.carousel-2 .mask .slide img{margin-bottom: 1em; overflow: hidden;  width: 128px; }
.carousel-2 .mask .slide .slash{font-family:Helvetica, Arial, sans-serif; font-weight: bold; font-size: 12px; color:#000;}
.carousel-2 .mask .slide .slash:after{content: none;}
.carousel-2 .mask .slide h3{margin-top:1.5em; font-family:Helvetica, Arial, sans-serif; font-size: 12px; width: 128px;}
.carousel-2 .mask .slide h3 a {text-decoration: none;}
.carousel-2 .mask .slide h3 a:hover {opacity:0.6;}
.carousel-2 .mask .slide p{font-family:Helvetica, Arial, sans-serif; font-size: 12px;color:#808080; margin-top: 0.5em; width: 128px;}
.carousel-2 .mask .slide .categoria{text-transform: uppercase; color: #000000; margin: 0 0 0.5em}
.carousel-2 .mask .slide .categoria:before{ content: "— ";}

.carousel-2 .btn-prev { float:left; }
.carousel-2 .btn-prev {
    background: url("img/sprite_macba2014.png") no-repeat scroll -133px -145px rgba(0, 0, 0, 0);
    display: block;
    height: 32px;
    overflow: hidden;
    text-indent: -9999px;
    width: 32px;
}
.carousel-2 .btn-next { float:right; }
.carousel-2 .btn-next {
    background: url("img/sprite_macba2014.png") no-repeat scroll -98px -145px rgba(0, 0, 0, 0);
    display: block;
    height: 32px;
    overflow: hidden;
    text-indent: -9999px;
    width: 32px;

}
.carousel-2 .btn-prev:hover, .carousel-2 .btn-next:hover{opacity:0.6;}

.carousel-2 .disabled {   /* background: none repeat scroll 0 0 rgba(0, 0, 0, 0);*/}
.carousel-2 .paginator{margin:15px 0 0 0; overflow:hidden; }






.carousel-footer {    float: left;    position: relative;    width: 772px; }
.carousel-footer .mask-holder { overflow: hidden; width: 772px; }
.carousel-footer .mask { margin: 0 0 0.5em; overflow: hidden;    position: relative;    width: 856px;}
.carousel-footer .mask .slideset {    float: left;    width: 99999px;}
.carousel-footer .mask .slide {  float: left; /* padding: 0 74px 0 0;*/   /*width: 285px;*/   width: 214px;}
.carousel-footer .mask .slide div{width: 140px; padding: 0 74px 0 0;}
.carousel-footer .mask .slide img{margin-bottom: 1em;  overflow: hidden;  width: 128px; }
.carousel-footer .mask .slide .slash{font-family:Helvetica, Arial, sans-serif; font-weight: bold; font-size: 12px; color:#000; color: #FFFFFF !important;}
.carousel-footer .mask .slide .slash:after{content: none;}
.carousel-footer .mask .slide h3{margin-top:0.5em; font-family:Helvetica, Arial, sans-serif;}
.carousel-footer .mask .slide h3 a {text-decoration: none; color: #CCCCCC !important; font-size: 12px;}
.carousel-footer .mask .slide h3 a:hover {text-decoration: underline!important;}
.carousel-footer .mask .slide p{font-family:Helvetica, Arial, sans-serif; font-size: 12px; color:#808080; margin-top: 0.5em;}
.carousel-footer .mask .slide .categoria{text-transform: uppercase; color: #000000; margin: 0 0 1em;}
.carousel-footer .mask .slide .categoria span{color: #CCCCCC !important;}
.carousel-footer .mask .slide .categoria:before{ content: "— "; color: #CCCCCC !important;}

.carousel-footer .btn-prev {
    background: url("img/sprite_macba2014.png") no-repeat scroll -74px -703px rgba(0, 0, 0, 0);
    display: block;
    height: 32px;
    overflow: hidden;
    text-indent: -9999px;
    width: 32px;
}
.carousel-footer .btn-next {
    background: url("img/sprite_macba2014.png") no-repeat scroll -41px -703px rgba(0, 0, 0, 0);
     display: block;
    height: 32px;
    overflow: hidden;
    text-indent: -9999px;
    width: 32px;

}
.carousel-footer .btn-prev:hover, .carousel-footer .btn-next:hover { opacity:0.6;}

.carousel-footer .disabled {   /* background: none repeat scroll 0 0 rgba(0, 0, 0, 0);*/}
.carousel-footer .paginator{margin: 1em 0 0;}




#footer .carousel-2 .mask .slide {  float: left;  padding: 0 74px 0 0; width: 210px;}











