@font-face {
  font-family: 'AkzidenzGroteskBE-Light';
  src: url('../../fonts/AkzidenzGroteskBE-Light.eot?#iefix') format('embedded-opentype'),  url('../../fonts/AkzidenzGroteskBE-Light.woff') format('woff'), url('../../fonts/AkzidenzGroteskBE-Light.ttf') format('truetype'), url('../../fonts/AkzidenzGroteskBE-Light.svg#AkzidenzGroteskBE-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AkzidenzGroteskBE-Bold';
  src: url('../../fonts/AkzidenzGroteskBE-Bold.eot?#iefix') format('embedded-opentype'),  url('../../fonts/AkzidenzGroteskBE-Bold.woff') format('woff'), url('../../fonts/AkzidenzGroteskBE-Bold.ttf') format('truetype'), url('../../fonts/AkzidenzGroteskBE-Bold.svg#AkzidenzGroteskBE-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}



body {
	height:100%;
	padding:0;
	margin:0;
	overflow:hidden;
}
a:active,a:focus {
outline: none;
}
body.kiosk, 
body.kiosk a, 
body.kiosk img,
body.kiosk .swiper-button-next,
body.kiosk .swiper-button-prev{
	cursor:none !important;
}
.grid-item.grid-spacer h4 {
	margin-top: 10px;
margin-bottom: 10px;
	padding-right:3px;
	display:block;
}
.grid-item.grid-spacer p {
	display:block;
	margin-top:0px;
	font-size: 25px;
}
.data {
	display:none;
}
  .grid-item.grid-spacer.smooth-menu {
	
    top:auto;
    left: auto;
	  float:left;
    margin-left: 90px;
    font-size: 1.7vw;
    height: 100%!important;
  width:19vw!important;
    overflow: visible!important;
    /* cursor: pointer; */
    z-index: 9;
	  padding:0px!important;
    display: table;
	    display:none!important;
	  
	  
} 
.smooth-menu li {
    float:none;
    margin-right: 20px;
    padding-top: 8px;
	padding-bottom:5px;
    border-bottom: 1px solid rgba(0,0,0,0.5);
    background-color: rgba(0,0,0,0.0);
    color: #000;
    padding-left: 0px;
    padding-right: 0px;
	font-size: 18px;
	line-height:125%;
	font-family:'AkzidenzGroteskBE-Bold', sans-serif!important;
	cursor:pointer;
}
.guerra-civil .smooth-menu li {
	color:#ffffff;
    border-bottom: 1px solid rgba(255,255,255,0.5);
}
.smooth-menu ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    white-space:normal;
    display: table-cell;
    vertical-align: middle;
}
#masonry-wrapper {
	float:left;
	    width: calc(100% - 90px)!important;
}
a, 
.swiper-button-next,
.swiper-button-prev{
	cursor:pointer;
}
    .socials {
        display: inline-block;
        width:100%;
        padding-top:20px;
    
}
.pluginShareButtonLink, .socials a:nth-child(2){
	width:35px!important;
	height:35px!important;
	color:transparent!important;
	overflow:hidden!important;
	text-indent:-1000%!important;
	background-position:center center!important;
	background-size:100%!important;
	display:inline-block!important;
	margin-left:20px!important;
	vertical-align: middle!important;
	opacity: 0.7!important;
}
.pluginShareButtonLink:hover,.pinterest:hover{
	opacity: 1;
	
}

.pluginShareButtonLink {
	background-image:url(fb-btn.png);
}
.socials a:nth-child(2) {
	background-image:url(pt-btn.png)!important;
}
.twitter {
	background-image:url(tw-btn.png);
}
.guerra-civil .pluginShareButtonLink {
	background-image:url(fb-btn-w.png);
}
.guerra-civil .socials a:nth-child(2) {
	background-image:url(pt-btn-w.png)!important;
}
.guerra-civil .twitter {
	background-image:url(tw-btn-w.png);
}
	
body.home-web {
	overflow-x: visible;
	overflow-y: visible;
}
.modal {
	position:absolute;
	width:100%;
	height:100%;
}
button.btn.btn-default.participation {
	background: rgba(255, 255, 255, 0.7);
	height: 35px;
	margin-left: 10px;
	width: auto;
}
.guerra-civil button.btn.btn-default.participation {
	background: rgba(50,50,50,1);
	height: 35px;
	margin-left: 10px;
	width: auto;
	border:1px solid rgba(100,100,100,1);
}
.home-web .slide.first .expo-title, .home-web .slide.first h1{

	cursor:default;
}
.guerra-civil .second .intro:after {
	
	background-color:rgba(255,255,255,1.00);
	color:rgba(0,0,0,1.00);
}
.swiper-button-prev{
	background-repeat: no-repeat;
	background-size: 20px;
	margin-top: 0;
	width: 40px;	
	height: 90px;
	background-color: rgba(255,255,255,1.00);
	border: 1px solid #777;
	border-left: none;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
    top: 50%;
	left: 0px;
	-webkit-transform: translateY(-50%);
	-moz-transform:    translateY(-50%);
	-ms-transform:     translateY(-50%);
	-o-transform:      translateY(-50%);
	transform:         translateY(-50%);
}
.swiper-button-next{
	background-repeat: no-repeat;
	background-size: 20px;
	margin-top: 0;
	width: 40px;
	height: 90px;
	background-color: rgba(255,255,255,1.00);
	border: 1px solid #777;
	border-right: none;
	display: block;
	content: "";
	left: auto;
	right: 0px;
	border-bottom-right-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	top: 50%;
	position: absolute;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	background-image: url(next-small.png);
	background-position: center center;
	cursor:pointer;
	
}
.guerra-civil .swiper-button-prev {
	background-color: rgba(0,0,0,1.00);
	border: 1px solid rgba(180,180,180,1.00);
	border-left:0;
	background-image: url(before-small-w.png);
}
.guerra-civil .swiper-button-next{ 
	background-color: rgba(0,0,0,1.00);
	border: 1px solid rgba(180,180,180,1.00);
	border-right:0;
	background-image: url(next-small-w.png);
}


.no-kiosk .swiper-button-prev:hover, .no-kiosk .swiper-button-next:hover {
	background-color:rgba(0,0,0,1.00);
}
.guerra-civil.no-kiosk .swiper-button-prev:hover, .guerra-civil.no-kiosk .swiper-button-next:hover {
	background-color:rgba(255,255,255,1.00);
}
.no-kiosk .swiper-button-prev:hover {
background-image: url(before-small-w.png);
}
.no-kiosk .swiper-button-next:hover {
	background-image: url(next-small-w.png);
}
.guerra-civil.no-kiosk .swiper-button-prev:hover {
background-image: url(before-small.png);
}
.guerra-civil.no-kiosk .swiper-button-next:hover {
	background-image: url(next-small.png);
	text-shadow: 0px 0px 0px;
}

.swiper-button-prev:hover {
	 opacity: 1;
}
	
.participation {
	display:none;
	border-radius:0;
	border:1px solid rgba(0,0,0,0.7);
}
.guerra-civil .participation {
	border:1px solid rgba(255,255,255,0.7);
}
.no-kiosk .participation {
	display:inline-block;
}
.home-web .notas {
	position:inherit;
}
.home-web .intro p, .home-web .credits dl, .home-web .intro h3{
	padding-right:100px;
	padding-left:100px;
	box-sizing:border-box;
	min-height:100%;
	
	font-size:17px;
	line-height:140%;
}
.home-web .intro , .home-web .credits{
	padding-top:50px;
}
.home-web .down{
	background-color: rgba(0, 0, 0, 1);
    bottom: 0;
    font-size: 15px;
    letter-spacing: normal;
    overflow-x: hidden;
    overflow-y: hidden;
    position: absolute;
    width: 100%;
    z-index: 10001;
	line-height:38px;
}
	
.home-web .down ul {
	margin:0;
	padding:0;
	list-style-type:none;
	width: 550px !important;
}
.home-web .down a {
	display:block;
	color:rgba(255,255,255,1.00);
	font-family:'AkzidenzGroteskBE-Bold', sans-serif!important;
	text-decoration:none;
	font-size:18px;
}
.home-web .credits {
	background-color:rgba(0,0,0,1.00);
	color:rgba(255,255,255,1.00);
}
h2, h3 {
	font-family:'AkzidenzGroteskBE-Bold', sans-serif!important;
    font-weight: 300;
}
.modal-content {
	border-radius:0;
}
#brand.v2015 h2{
font-family: "Source Sans Pro",Helvetica,Arial,sans-serif!important;
	text-transform:none;
	font-weight:normal;
}
#brand, .fondo-negro {
	width:100%;
	position:absolute;
}
#brand {
	top:0;
	left:0;
}
.fondo-negro {
	bottom:0;
	left:0;
}
.swiper-container {
    width: 100%;
    height: 400px;
}
.slide.first {
	background-image: url(portada2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	color:rgba(255,255,255,1.00);text-shadow:2px 2px 0 rgba(0,0,0,0.33);
	height:100%;
	background-color:rgba(0,0,0,1.00);
}

.republica .slide.first {
	background-image: url(republica.jpg);
}
.guerra-civil .slide.first {
	background-image: url(guerra-civil.jpg);
}
.franquisme .slide.first {
	background-image: url(franquisme.jpg);
}
.slide.first p {
	margin-top:0;
}
#slides-wrapper .slide{
	display:none;
	height:100vh;
	
}

.no-kiosk #slides-wrapper {
	height:100%;
}
.no-kiosk #slides-wrapper .slide{
	height:100%;
	margin-top:40px;
	
}

#slides-wrapper .slide.third{
	display:block;
	position:absolute;
	 top: -150%; 
	 width:100%;
	 overflow:hidden;
}

.swiper-button-prev{
	display:none;
}
.fondo-negro {
	display:none;
	background-color:rgba(0,0,100,1.00);
	color:rgba(255,255,255,1.00);
	overflow:hidden;
	padding:15px;
	font-size:11px;
}
.fondo-negro .external-links {
	float:left;
	width:50%;
	box-sizing:border-box;
	text-align:right;
	padding-right:20px;
}
.fondo-negro .cc {
	float: right;
	width: 50%;
	box-sizing: border-box;
	padding-right: 20%;
	background-image: url(cc.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left:48px;
	display:none;
}
.fondo-negro a {
	color:rgba(255,255,255,1.00);
}

/*** Masonry ***/

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* inherit height from window */

html,
body {
  height: 100%;
  font-family: 'AkzidenzGroteskBE-Light', sans-serif!important;
  
}

body {
  
  color:rgba(0,0,0,1.00);
	background-color: rgba(255,255,255,1.00);
}
body.guerra-civil {
  
  color:rgba(255,255,255,1.00);
	background-color: rgba(0,0,0,1.00);
}
/* ---- grid ---- */
#masonry-wrapper{
	overflow:auto;
	margin-left:90px;
	outline:0 solid #000;
	width:100%;
	height:100vh!important;
	background-color: rgba(255,255,255,1.00);
}
.no-kiosk #masonry-wrapper{
	height:calc(100% - 30px)!important;
	overflow-y:hidden;
}
.guerra-civil #masonry-wrapper{
	background-color: rgba(0,0,0,1.00);
}


#masonry-wrapper::-webkit-scrollbar{
	height: 0;
    width: 0;
}

.grid {
 overflow: visible !important;

  height: 100%;
  /* inherit height from body */
}
/* clear fix */

.grid:after {
  content: '';
  display: block;
  clear: both;
}
/* ---- .grid-item ---- */

.grid-item {
	float: left;
	margin-right: 0px;
	margin-bottom: 0px;
	overflow: hidden;
	padding: 0px;
	width:24vw;
	height:calc(33% - 2px);
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(loader-big.gif);
}

.guerra-civil .grid-item {
	background-image: url(loader-big-b.gif);
}
.grid-item.grid-spacer{
	background-color: transparent;
    background-image: none;
    height: 100%;
    margin-right: 20px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 90px;
    text-align: right;
	font-size:25px;
	line-height:94%;
	box-sizing:border-box;
	width:24vw;
}
.grid-spacer h4, #modal-caption h1 {
	font-size:25px;
	line-height:105%;
	font-family:'AkzidenzGroteskBE-Bold', sans-serif!important;
	font-weight:normal;
	text-align:right;
	width:auto;
	letter-spacing: -0.06em;
}
.guerra-civil .grid-spacer h4 {
	color:#fff;
}
/*
@media only screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-min-device-pixel-ratio: 1)
{
	.grid-item {
	  width: 240px;
	  height: 156px;
	}
	.afb-imagewrapper .panzoombuttons {
		display:none!important;
	}
}
*/
.grid-item-extra {
  width: 156px;
  height: 200px;
}


.grid-item img{
	max-width:95%;
	max-height:95%;
	cursor:pointer;
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform:    translate(-50%,-50%);
	-ms-transform:     translate(-50%,-50%);
	-o-transform:      translate(-50%,-50%);
	transform:         translate(-50%,-50%);
}

/*** Bootstrap Modal ***/
.modal-dialog{
	margin:0;
	width:100%;
	height:100%;
}

.modal-content, .modal-body{
	height:100%;
	background-color:transparent;
	padding:0;
	border:0;
	overflow:hidden;
	box-shadow:none;
}
.swiper-slide .close, .swiper-slide  .open{
      background-color: #000;
    border-radius: 100px;
    box-sizing: border-box;
    color: transparent;
	text-shadow:none;
    display: block;
    font-size: 17px;
    height: 34px;
    line-height: 60px;
    opacity: 1;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-left: 10px;
    position: absolute;
    text-transform: uppercase;
    top: 50%;
    width: 34px;
	-webkit-transform: translateY(-50%);
	-moz-transform:    translateY(-50%);
	-ms-transform:     translateY(-50%);
	-o-transform:      translateY(-50%);
	transform:         translateY(-50%);
    font-weight:normal;
	cursor:inherit;
	z-index:1;
	display:none;
}
.guerra-civil .swiper-slide .close, .guerra-civil .swiper-slide  .open{
      background-color: #fff;
}
.guerra-civil .modal {
	background-color:rgba(0,0,0,1.00);
}
.swiper-slide .close{
    right: -90px;
    padding-left: 5px;
}
.swiper-slide .open{
    left: -124px;
}
.modal-backdrop.in {
    opacity: 1;
	background-color: rgba(255,255,255,1.00);
}	



.afb-imagewrapper > div{
	/* position:relative; 
	display:inline-block;*/
}

.afb-image{
	display:inline-block;
	vertical-align: middle;
	margin:auto;
}
.afb-imagecenter {
	overflow: visible!important;
	z-index: 2;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(loader-big.gif);
	height:100%;
	 display:table-cell;
    vertical-align: middle;
}
.panzoomwrapper{
	overflow:visible!important;
	position:relative;
	
	display: table;
	width:100%;
	
	height:100%;	
}
.afb-imageparent { 
	overflow:visible!important;
	
}
.guerra-civil .afb-imagecenter {
	background-image: url(loader-big-b.gif);
}
.afb-imagecaption{
	display:block!important;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	text-align:center;				
	opacity:1;
	color:#FFF;
	padding:10px 10px;
}
.afb-imagecaption h1{
	opacity:1;
	color:#FFF;
}

.afb-imagecaption h1{
	font-size:20px;
}
.centrat {
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform:    translate(-50%,-50%);
	-ms-transform:     translate(-50%,-50%);
	-o-transform:      translate(-50%,-50%);
	transform:         translate(-50%,-50%);
	
	/* background-color:#ff0000; */
}

#modal-caption{
	line-height:94%;
	width:66%;
	position:absolute;
	left:50%;
	box-sizing: border-box;
	padding-right: 0%;
	-webkit-transform: translateX(-50%);
	-moz-transform:    translateX(-50%);
	-ms-transform:     translateX(-50%);
	-o-transform:      translateX(-50%);
	transform:         translateX(-50%);
	font-size:21px;
	padding-top:30px;
}
#modal-caption h1{
	margin:0;
	font-size:22px;
}
.modalswiper-container {
    height: calc(100% - 50px) !important;
margin-top: 0px;
width: 100%;
	position:relative;
	z-index:2;

}
.afb-imagewrapper{
	text-align:center;
	height:90%;
	z-index:2;
	position:relative;
}

.modalswiper-container .swiper-slide{
	width: 66%;
	height: 100%;
	opacity:0.4;

}
.modalswiper-container .swiper-slide-active {
	opacity:1;
	z-index:10;
}
.modalswiper-container  .swiper-slide-prev img, .modalswiper-container  .swiper-slide-next img{
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0)!important;
	-moz-transform:    matrix(1, 0, 0, 1, 0, 0)!important;
	-ms-transform:     matrix(1, 0, 0, 1, 0, 0)!important;
	-o-transform:      matrix(1, 0, 0, 1, 0, 0)!important;
	transform:         matrix(1, 0, 0, 1, 0, 0)!important;
}
.slide.first, .slide.first h1, .slide.first .expo-title, .slide.first .ambit-title, .slide.second .main-title, .slide.second .expo-title, .slide.second .ambit-title{
    line-height: 94%;
	
	margin-bottom:0px;
}
 .slide.second{
	
	margin-bottom:0px;
}
span.expo-title {
	display:block;
	font-family:'AkzidenzGroteskBE-Light', sans-serif!important;
}
.main-title a {
	color:rgba(0,0,0,1.00);
}
.guerra-civil .main-title a {
	color:rgba(255,255,255,1.00);
}
.second .expo-title {
    background-image: url("linia-bottom-n.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    margin-bottom: 11px !important;
    padding-bottom: 25px;
}
.guerra-civil .second .expo-title {
    background-image: url("linia-bottom-w.png");
}
.first .expo-title {
    background-image: url("linia-bottom-w.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    margin-bottom: 11px !important;
    padding-bottom: 25px;
}


h1, .ambit-title, .main-title {
	font-family:'AkzidenzGroteskBE-Bold', sans-serif!important;
	margin:0;
}
#brand h1 {
	font-family: "Source Sans Pro",Helvetica,Arial,sans-serif!important;
	}
button.close {
    color: rgba(0,0,0,1.00);
    font-size: 45px;
    opacity: 0.6;
    position: absolute;
    z-index: 3;
	top:17px;
	margin:0!important;
	
	right:20px;
	font-weight:200;
}
.guerra-civil button.close {
    color: rgba(255,255,255,1.00)!important;
}
.guerra-civil .modal-participation button.close {
    color: rgba(0,0,0,1.00);
}
button.close:focus, button.close:hover{
    opacity: 1;
}
.btn-default, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default:active:hover {
	background-color:transparent;
	background-repeat: no-repeat;
	background-position: center center;
	border:none;
	background-size:60%;
	box-shadow: none;
    height: 40px;
    width: 50px;
    opacity: 0.7;
	color:rgba(0,0,0,0);
	text-shadow:none;
	
}
.form-participation .btn-default, .btn-default:hover, .form-participation .btn-default:focus, .form-participation .btn-default:active, .form-participation .btn-default:active:hover {
	background-size:50%;
	
}
.btn-default:hover, .btn-default:focus , .btn-default:active {
    opacity: 1;
}
.btn-default.zoom-in{
	background-image: url(in.png);
}
.btn-default.zoom-out{
	background-image: url(out.png);
}
.btn-default.reset {
	background-image: url(reset.png);
}
.guerra-civil .btn-default.zoom-in{
	background-image: url(in-w.png);
}
.guerra-civil .btn-default.zoom-out{
	background-image: url(out-w.png);
}
.guerra-civil .btn-default.reset {
	background-image: url(reset-w.png);
}
.btn-default.participation, .btn-default.participation:hover, .btn-default.participation:focus, .btn-default.participation:active, .btn-default.participation:active:hover {
	background-image:none;
	color:#000000;
	width:130px;
	font-family: "AkzidenzGroteskBE-Bold",sans-serif;
	font-size:17px;
}
.guerra-civil .btn-default.participation, .guerra-civil .btn-default.participation:hover, .guerra-civil .btn-default.participation:focus, .guerra-civil .btn-default.participation:active, .guerra-civil .btn-default.participation:active:hover  {
	color:#ffffff;
}
#foo {
	display:none;
}

#modal-caption {
	display:block;
	color:rgba(0,0,0,1);
}
.guerra-civil #modal-caption {
	color:rgba(255,255,255,1);
}

#modal-caption p {
		font-weight:300;
		font-family: 'AkzidenzGroteskBE-Light'!important;
	}
/*** PanZoom ***/




.swiper-wrapper {
	z-index:4;
	
}
.swiper-pagination {
	z-index:1;
	display:none;
}
.panzoombuttons{
	display:none !important;
	text-align:center;
	margin-top:0px;
	position:absolute;
	bottom:19px;
	left:50%;
	width:100%;
	-webkit-transform: translateX(-50%);
	-moz-transform:    translateX(-50%);
	-ms-transform:     translateX(-50%);
	-o-transform:      translateX(-50%);
	transform:         translateX(-50%);
	z-index:4;
}
.swiper-slide-active .panzoombuttons{
	display:block !important;
}

/*.panzoombuttons { display:none;
}
.no-kiosk .swiper-slide-active .panzoombuttons{
	display:block !important;
	text-align:center;
	margin-top:0px;
	position:absolute;
	background-color: #fff;
    background-image: url("http://hdl.handle.net/10970/media/6f4d4114-6d50-baa9-e9da-4dc19896e5ac");
    bottom: 0;
	width:100vw;
	left:50%;
	margin-left: -33%;
	
	 -webkit-transform: translateX(-50%);
	-moz-transform:    translateX(-50%);
	-ms-transform:     translateX(-50%);
	-o-transform:      translateX(-50%);
	transform:         translateX(-50%);
	
	z-index:4;
}
*/
	
	.slide h1, .slide .expo-title, .slide .ambit-title, .slide .main-title{
		font-size: 37px;
		letter-spacing: -1.5px;
		clear:both;
	}
	.home-web .ambit-title a{
		font-size: 34px;
		letter-spacing: -1.5px;
		clear:both;
	}
	.centrat p.expo-title, .slide .main-title, .centrat h1, .centrat h2, .ambit-reportatge, .ambit-title, .home-web .down ul {
		width: 337px; 
		margin-left:auto;
		margin-right:auto;
	}
	.slide.second .expo-title, .slide.second .main-title, .slide.second h2, .slide.second .ambit-reportatge {
		width: 75%; 
		font-size:25px;
	}
	.ambit-reportatge {
		font-size:25px;
		padding-bottom: 22px;
    	padding-top: 35px;
		margin:0;
		margin-left:auto;
		margin-right:auto;
		font-family:'AkzidenzGroteskBE-Bold', sans-serif!important;
		line-height: 1em;
	}
	.home-web  .intro .ambit-reportatge {
		
		font-size:18px;
		margin-top:20px;
		margin-bottom:20px;
	}
	.home-web  .intro .ambit-title {
		width: auto;
		margin-bottom:60px;
		text-align:center;
		padding:0;
	}
	.home-web .intro .ambit-title > a:before {
		height: 16px;
	}
	.home-web .subtitle-credits {
		font-size: 19px;
		margin-bottom:40px;
	}
	.home-web .credits img {
		height: 40px;
	}
	.home-web  .subtitle-credits strong {
		display: block;
		font-family: "AkzidenzGroteskBE-Bold",sans-serif;
		font-weight:normal;
	}
	.home-web dl {
		margin-bottom:0;
		padding-bottom:60px;
	}
	.home-web dt {
		
		font-family: "AkzidenzGroteskBE-Bold",sans-serif;
		padding-top: 20px;
		padding-right: 15px;
	}
	.home-web dt:last-of-type {
		padding-top:70px;
		float:none;
	}
	.home-web dd {
		padding-top:5px;
		display:block;
		
	}
	.slide.second .ambit-reportatge {
		font-size:16px;
		padding:0;
	}
	.centrat > h2 {
		margin-top: 0;
	}
	.second .intro {
		font-size:18px;
		line-height:auto;
		margin-left:auto;
		margin-right:auto;
		width:75%;
		padding-top:17px;
	}
	.home.slide.first{
		cursor:default;
		background-image: url(portada.jpg);
	}
	 .home-web .ambit-title a{
		 
		letter-spacing: -2px;
		 display:block-inline;
		 margin-left:20px; 
		 margin-right:20px;
		 text-decoration:none;
		 color:rgba(0,0,0,1.00);
	}
	 .home-web .slide.first .ambit-title a{
		
		 color:rgba(255,255,255,1.00);
	}
	 .home.slide.first .ambit-title a:hover{
		 border-bottom:4px rgba(255,255,255,1.00) solid;
	 }
	 .home-web .intro .ambit-title > a:hover{
		 border-bottom:4px rgba(0,0,0,1.00) solid;
	 }
	 .home.slide.first .ambit-title {
		width:100%;
		padding-top:0px;
		text-align:center;
	 }
	.centrat {
		width:100%;
		padding-top:55px;
	}
	.second .centrat {
		width:100%;
		padding-top:11px;
	}
	.home .masq {
		width:100%;
		height:100%;
		background-color:rgba(0,0,0,0.15);
	}
	 
	
	.afb-image {
		max-height: 70vh;
    	max-width: 57vw;
		
		}
		
		.form-participation .zoom-controls {
    margin-top: 0px;
}


    .slide.first .centrat a {
        margin-right: 30px;
        display: inline;
    
}

    .slide.first .centrat a::after {
        content:"";
        display:inline;
        margin-left:0vw;
        margin-bottom:0vw;
        background-image: none;
    }

    .ambit-reportatge {
        display:block;
    }


    .slide.first .centrat a {
        font-size: 34px;
		padding:0px;
    }

    .slide.second .centrat p {
        font-size:18px;
    }

    .slide.second .centrat .intro p {
        margin-right:0px;margin-top: 0px;
        letter-spacing: -0.0vh;
        line-height: 140%;
    
}

    .slide.second .expo-title, .slide.second .centrat .main-title, .slide.second h2, .slide.second .ambit-reportatge {
        width: 75%;
        font-size:25px;
    
}

    .slide.second .centrat .main-title::before {
        content: none;
    
}
.smooth-back {
	display:none;
}









@media only screen and (max-width: 1280px){
	.no-kiosk #slides-wrapper .slide {
    margin-top: 48px;
}
.grid-item {
    width: 38vw;
}
}
@media only screen and (max-width: 1024px){
	
	.grid-item.grid-spacer {
    padding-top: 45px;
		letter-spacing:0px;
}
	#masonry-wrapper {
    float: left;
    width: calc(100% - 90px)!important;
}
	.grid-item.grid-spacer.smooth-menu{
    padding-top: 45px;
		    font-size: 1.6vw;
    height: 100%!important;
    width: 28vw!important;
}
	.smooth-menu li {
		font-size:14px;
	}
.no-kiosk #slides-wrapper .slide {
    margin-top: 40px;
}
button.btn.btn-default.participation {
	font-size:12px;
	height: 29px;
    padding-bottom: 4px;
}
	
}
@media only screen and (max-width: 960px){

.grid-item {
    width: 34vw;
}	
.no-kiosk #slides-wrapper .slide {
   
    margin-top: 59px;
	height:calc(100% - 59px);
}	
.no-kiosk #slides-wrapper .slide.second, .no-kiosk #slides-wrapper .slide.third {
   
    margin-top: 0px;
	height:calc(100% - 0px);
}
.no-kiosk #masonry-wrapper {
    height: 100%!important;
}
.fondo-negro {
   
    padding-bottom: 10px;
    padding-top: 10px;
}
	
	.grid-item.grid-spacer.smooth-menu {
    padding-top: 45px;
    font-size: 1.6vw;
    height: 50%!important;
    width: 89vw!important;
    margin-left: 71px;
}
	#masonry-wrapper {
		
    height: 100%!important;
    width: 89vw!important;
    margin-left: 71px;
		
	}
	.grid-item.grid-spacer {
    width: 40vw;
    height: 100%;
    padding-top: 160px;
}
	.grid-item.grid-spacer p {
		font-size:25px;
	}
	.grid-item{
		width: 61vw;
		height: 49% ;
	}
.grid {
    height: 100%;
	padding-top:00px;
	box-sizing: border-box;
}
	.modalswiper-container .swiper-slide {
    width: 80%;
    height: 100%;
	padding:3%;
}
	}
@media only screen and (max-width: 768px){
	
	
	
	#modal-caption, #modal-caption h1{
		font-size: 20px;
		letter-spacing: -0.9px;
		top:-16px;
    	width: 500px;
		
	}
	
	

}

@media only screen and (max-width: 767px){
	
	.centrat p.expo-title, .slide .main-title, .centrat h1, .centrat h2, .ambit-reportatge, .ambit-title, .home-web .down ul,.slide .expo-title, .slide .main-title, .slide h2{
		font-size: 24px;
    	width: 75%;
		
	}
	.centrat, .intro .ambit-reportatge, .intro .ambit-title {
		padding-left:0px;
	}
	.grid-item.grid-spacer.smooth-menu {
		display:none!important;
	}
	
	.grid {
    height: 100%;
}
	#masonry-wrapper {
		margin-left:0px;
		width:100%!important;
	}
	.second .intro {
		margin-top:0px;
	}
	.guerra-civil .slide.second .expo-title {
		color:#fff;
	}
	.home-web .down {
    padding-left: 10px;
}
	.home-web .down a {
		font-size:14px;
		line-height:200%;
	}
	 .home-web .ambit-title a{
		 
		letter-spacing: -2px;
		 margin-left:10px; 
		 margin-right:10px;
	}
	.ambit-reportatge {
		font-size: 20px;
		padding-bottom: 15px;
		padding-top: 0;
    	width: 75%;
	}
	.slide h1, .slide .expo-title, .slide .ambit-title, .slide .main-title {
	
		font-size: 30px;
		letter-spacing: -1.5px;
	}
	.centrat {
		padding-top: 30px;
	}
	.second .intro {
    font-size: 16px;
}
	
	.home-web .ambit-title a{
		font-size: 26px;
		letter-spacing: -1.2px;
		clear:both;
	}
	.fondo-negro .cc {
		width:100%;
		padding-right:0;
	}
	.fondo-negro {
		padding-top:5px;
		padding-bottom:5px;
		padding-left:0;
		padding-right:0;
		position:inherit;
	}
	.slide.second {
		overflow:scroll;
	}
	.second .centrat {
		position:inherit;	
		-webkit-transform: none;
		-moz-transform:    none;
		-ms-transform:     none;
		-o-transform:      none;
		transform:         none;
	}
	
	.second .centrat {
		padding-top:110px;
	}
	.second .intro { 
		padding-top:0px;
		padding-bottom:30px;
	
	}
	#modal-caption, #modal-caption h1 {
		font-size: 16px;
		letter-spacing: -0.9px;
		top: -16px;
		width: 98%;
		box-sizing:border-box;
		padding-bottom:2px;
	}
	#modal-caption {
		font-size: 15px;
		letter-spacing: -0.9px;
		top: -16px;
		width: 98%;
		box-sizing:border-box;
		padding-right:50px;
		padding-left:20px;
	}
	button.close {
		right: 20px;
		top: 10px;
	}
	.btn-default {
		background-size: 24px auto;
	}
	.panzoombuttons {
		width:100%;
		bottom:10px;
	}
	.grid-item {
    height: calc(50% - 1px);
    width: 24vw;
}
.grid-spacer h4, .grid-item.grid-spacer p  {
    font-size: 17px;
}
.grid-item.grid-spacer {
    font-size: 15px;
    height: 100%;
    letter-spacing: -0.3px;
    margin-right: 20px;
    padding-left: 50px;
    padding-right: 2px;
    padding-top: 20px;
}

.grid-item {
		
		width: 35vw;
	}
	


.home-web .intro, .home-web .credits {
	padding-right:30px;
	padding-left:30px;
	padding-top:50px;
	box-sizing:border-box;
	min-height:100%;
}
.home-web .intro p, .home-web .credits dl, .home-web .intro h3{
	padding-right:30px;
	padding-left:30px;
	font-size:16px;
	line-height:140%;
}
/*
#brand.v2015.v2015-ajuntament-f.restyle header.navbar .wrapper.legacy, #brand.v2015.v2015-ajuntament-f.restyle header.navbar {
	height: 33px!important; max-height:33px!important; min-height:33px!important;
	overflow:hidden;
}
#brand.v2015.v2015-ajuntament-f.restyle header.navbar .wrapper.legacy .content h1 a {
	font-size:16px!important;
	margin-top:17px!important;
}
#brand.v2015.v2015-ajuntament-f.restyle header.navbar .wrapper.legacy .content .logo_shield img {
	height:32px;
}
#brand.v2015.v2015-ajuntament-f.restyle header.navbar .wrapper.legacy .content .center {
	padding-top:7px;
}
#brand.v2015 header.navbar .wrapper .content .center a.app_launcher_mobile {
	width: 16px;
height: 16px;
background-size: 16px auto;
}
#brand.v2015 header.navbar .wrapper .content .center a.search_icon {
	width: 15px;
height: 16px;
background-image: url("http://www.barcelona.cat/assets/images/brand/banner/2015/search_icon_sprite.png");

	}
	#brand.v2015 header.navbar .wrapper .content .center a.lang span.lang_text {
		font-size: 14px;
	}
	#brand.v2015 header.navbar .wrapper .content .center a.lang span.arrow {
		background-image: url("http://www.barcelona.cat/assets/images/brand/banner/2015/arrow_lang_open_sprite.png");
background-repeat: no-repeat;
background-position: right 0;
width: 9px;
height: 5px;
display: inline-block;
vertical-align: top;
overflow: hidden;
position: relative;
top: 8px;
	}
	
	*/
}
@media only screen and (max-width: 480px){
	.no-kiosk #slides-wrapper .slide {
		 margin-top: 46px;
	}
	.no-kiosk #masonry-wrapper {
		height: calc(100% - 46px) !important;
	}
	
.grid-item.grid-spacer {
	width: 48vw;
    padding-top: 50px;
}	
	
.grid-item {
		height: calc(50% - 1px);
		width: 43vw;
	}
	
	.home-web .ambit-title a{
		font-size: 20px;
		letter-spacing: -1px;
		clear:both;
		margin-left: 10px; 
		margin-right: 10px;
	}
	
	
}
@media only screen and (max-width: 479px){


.btn-default.participation, .btn-default.participation:hover, .btn-default.participation:focus, .btn-default.participation:active, .btn-default.participation:active:hover {
	font-size:15px;
}

.modalswiper-container .swiper-slide{
	width: 80%;
}

	.afb-image {
		max-height: 70vh;
    	max-width: 70vw;
		
		}
.no-kiosk #slides-wrapper .slide{
	height: calc(100% - 36px);
	margin-top:36px;
}
.no-kiosk #masonry-wrapper {
		height:100% !important;
	}
	
.swiper-button-prev, #slides-wrapper .slide:after {
    height: 60px;
	width:35px;
}
.home-web .intro p, .home-web .credits dl, .home-web .intro h3{
	padding-right:0px;
	padding-left:0px;
}
		.grid-item {
		height: calc(33% - 1px);
		width: 84vw;
	}
	 
	.panzoombuttons {
		bottom:20px;
	}
	.home-web .slide.first .ambit-title a {
    display: block;
    font-size: 30px;
    letter-spacing: 0;
	margin-bottom:15px;
	margin-left:0;
	}
	.home-web .slide.first .ambit-title a:hover {
		text-decoration:none;
		border-bottom:none;
}


   .home.slide.first .ambit-title {
    margin:auto;
    text-align: left;
    width: 75%;
}
 .home-web .down ul {
	 font-size: 17px;
	 display:block;
	 line-height:24px;
	 padding-top:5px;
 }
 
  .home-web .ambit-reportatge, .ambit-reportatge, .slide.second .ambit-reportatge  {
    font-size: 17px;
    padding-bottom: 15px;
    padding-top: 0;
    width: 75%;
}

.home-web dt {
	float:none;
	margin-top:14px;
	text-align:left;
}
.home-web dd {
	margin-left:0;
}

}
@media only screen and (max-width: 320px){
		.grid-item {
		width: 67vw;
	}
	
.swiper-button-prev {
    height: 60px;
	width:30px;
}
.no-kiosk #slides-wrapper .slide {
   
    margin-top: 44px;
}
}
@media only screen and (min-width:1024px){
	
.swiper-button-prev, .swiper-button-next {
    
    background-size: 40px auto;
    height: 90px;
    width: 80px;
}


.home-web dt {
		clear: both;
		display: block;
		float: left;
		font-family: "AkzidenzGroteskBE-Bold",sans-serif;
		padding-top:0;
		text-align: right;
		left: 50%;
		margin-left: -526px;
		position: relative;
		width: 431px;
	}
.home-web dd {
		display: block;	
		left: 50%;
		margin-bottom: 16px;
		margin-left: -90px;
		position: relative;
		width: 50%;
		padding-top:0px;
	}

}

@media only screen and (min-width:1900px){
	
	
	
	
.modalswiper-container {
height: calc(100% - 0px) !important;
margin-top: 0px;
	position:relative;
	z-index:2;
	

}
.afb-imagewrapper{
	text-align:center;
	height:90%;
}



	.home-web dl {
		margin-left: 0px;
	}


#modal-caption{
		font-size: 30px;
		letter-spacing: -1px;
		top:40px;
    	width: 1000px;
	}
#modal-caption h1{
		font-size: 30px;
		letter-spacing: -1px;
	}
.modalswiper-container .swiper-slide {
		width: 60%;
	}
	.afb-image {
		max-height: 800px;
    	max-width: 1100px;
	}
	
	.slide.second .centrat p {
		font-size:30px;
	}
	button.close {
		top:62px;
	}
	.grid-spacer h4 {
    font-size: 36px;
	width:auto;
}
	.grid-item.grid-spacer  p {
		font-size:32px;
		margin-top:0px;
	}
	.grid-item.grid-spacer {
   
    font-size: 32px;
}
.slide.second .expo-title, .slide.second .centrat .main-title, .slide.second h2 {
    font-size: 45px;
    width: 75%;
}
.slide.second .ambit-reportatge {
    font-size: 25px;
    width: 75%;
	    padding-bottom: 10px;
    padding-top: 35px;
}
.slide h1, .slide .expo-title, .slide .ambit-title, .slide .main-title, .home-web .intro .ambit-title > a {
  
    font-size: 56px;
    letter-spacing: -1.5px;
}
.centrat p.expo-title, .slide .main-title, .centrat h1, .centrat h2, .ambit-reportatge, .ambit-title, .home-web .down ul {
  
    width: 508px;
	
}
#intro > p{
    font-size: 22px;
    line-height: 140%;
}
.home-web .subtitle-credits, .home-web #credits h3 , .titol-intro{
    font-size: 22px;
	padding-top:50px;
	padding-bottom:25px;
    width:508px;
	margin-left:auto;
	margin-right:auto;
}
.home-web dl {
	font-size:21px;
}
.home-web dt {
		clear: both;
		display: block;
		float: left;
		font-family: "AkzidenzGroteskBE-Bold",sans-serif;
		padding-top:0;
		text-align: right;
		left: 50%;
		margin-left: -696px;
		position: relative;
		width: 431px;
	}
.home-web dd {
		display: block;	
		left: 50%;
		margin-bottom: 16px;
		margin-left: -250px;
		position: relative;
		width: 50%;
	}
.home-web .ambit-title a {
	font-size:57px;
}
}

@media only screen and (min-width:2000px){
	
	
	.form-column {
    padding-top: 35px;
}
	
/*	.slide.first .ambit-reportatge {
		font-size: 1.4vw;
		letter-spacing: -0.06vw;
		padding-top: 17px;
	}
	.slide.second .ambit-reportatge {
		font-size: 1vw;
		letter-spacing: -0.03vw;
		padding-top: 17px;
	}
	.slide.first, .slide.first h1, .slide.first .expo-title, .slide.first .ambit-title{
		font-size: 3vw;
    	letter-spacing: -0.17vw;
	}
	.slide.second .main-title, .slide.second .expo-title, .slide.second .ambit-title,.slide.second h2 {
		font-size: 2vw;
		letter-spacing: -0.15vw;
		margin:0;
		text-transform:none;
	}
	.slide.second .intro {
		width: 74vw;
	}
	*/

}