@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('/web/shared/bootstrap/bootstrap-3.3.6/fonts/glyphicons-halflings-regular.eot');
  src: url('/web/shared/bootstrap/bootstrap-3.3.6/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/web/shared/bootstrap/bootstrap-3.3.6/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('/web/shared/bootstrap/bootstrap-3.3.6/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/web/shared/bootstrap/bootstrap-3.3.6/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/web/shared/bootstrap/bootstrap-3.3.6/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
@font-face {
	font-family: 'HelveticaNeueLC';
	src: url('/web/shared/fonts/HelveticaNeue-LightCond.eot');
	src: local('ò?'),
			 url('/web/shared/fonts/HelveticaNeue-LightCond.woff') format('woff'),
			 url('/web/shared/fonts/HelveticaNeue-LightCond.ttf') format('truetype'),
			 url('/web/shared/fonts/HelveticaNeue-LightCond.svg#webfont') format('svg');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'HelveticaNeueB';
	src: url('/web/shared/fonts/HelveticaNeue-Bold.eot');
	src: local('ò?'),
			 url('/web/shared/fonts/HelveticaNeue-Bold.woff') format('woff'),
			 url('/web/shared/fonts/HelveticaNeue-Bold.ttf') format('truetype'),
			 url('/web/shared/fonts/HelveticaNeue-Bold.svg#webfont') format('svg');
	font-weight: 400;
	font-style: normal;
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}

body { background: url(img/fons.jpg) fixed; background-size: cover; margin: 0; padding: 0; }

div.header { width: 100%; position: fixed; top: 0; left: 0; }
div.logo { width: 160px; position: absolute; top: 20px; right: 20px; }
div.logo img { width: 100%; border: none; opacity: 0.5; }
div.logo a:hover img { opacity: 1; }
div.header h1 { font: 3em HelveticaNeueLC, Sans-serif; text-transform: uppercase; color: rgba(0,0,0,0.60); margin: 0; padding: 15px; }
div.header h1 span { vertical-align: 12px; }
div.header a.boto { display: inline; font: 0.5em HelveticaNeueLC, Sans-serif; text-decoration: none; border: 1px solid gray; padding: 5px 15px; border-radius: 6px; margin-left: 25px; color: gray; vertical-align: 20px; }
div.header a.boto.selected { border-color: rgb(0,130,155); background: rgb(0,130,155); color: white; }
div.header a.boto:hover { border-color: rgb(0,130,155); color: rgb(0,130,155); background: white; }
div.header a.boto.cat, div.header a.boto.eng { font-size: 0.45em; padding: 7px 10px 7px 10px; }
div.header a.boto.cat.selected, div.header a.boto.eng.selected { background: rgb(0,130,155); color: white; }
div.header a.boto.cat { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 0; margin-left: 40px; }
div.header a.boto.eng { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 0; }


div.peupagina { width: 100%; position: fixed; bottom: 0; left: 0; background: rgba(0,0,0,0.70); }
div.peupagina p { font: 0.8em Arial, Sans-serif; color: #CCC; padding: 15px; margin: 0; }
div.peupagina a { color: #CCC; text-decoration: none; }
div.peupagina a:hover { color: rgb(0,130,155); text-decoration: underline; }
div.peupagina span { margin: 0 10px; }



h1.brand img { width: 150px; height: auto; border: none; opacity: 0.7; }

div.contingut { margin-top: 90px; }

/* ZOOMTIMELINE 3D */
.the-year { color: black; font-size: 20px; }
.year.curr-item { top: 118px !important; font: 21px HelveticaNeueB, sans-serif; font-weight: normal !important; width: 240px !important; margin: 0 -32px !important; color: black !important; }
.detail-excerpt p { font: 20px HelveticaNeueLC, Sans-serif !important; color: black; }
.full-bg--overlay { background: none; }


div.grid_fotos { width: 100%; height: 600px; overflow: hidden; position: absolute; top: 175px; padding-left: 190px; /*transform: scale(1.2);*/ /*border-top: 1px solid red; border-bottom: 1px solid red;*/ }
div.grid_fotos a { position: absolute; border: 4px solid rgba(0,0,0,0); }
div.grid_fotos a:hover { border: 4px solid rgb(0,130,155); }
div.grid_fotos a img { box-shadow: 3px 3px 8px rgba(0,0,0,0.25); }
div.grid_fotos .intro { width: 250px; }
div.grid_fotos h2 { font: 1.3em HelveticaNeueB, Sans-serif; margin-top: 80px; }
div.grid_fotos p { font: 0.95em Arial, Sans-serif; color: rgba(0,0,0,0.8); line-height: 1.4em; }


/* lity popup */
.lity { background: rgba(0,0,0,0.8) !important; }
.lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container {
	width: 100%;
	max-width: 1920px;
	height: 100%;
}
.lity-content { height: 100%; }
.lity-iframe-container {
	width: 100%;
	height: 100%;
	padding-top: 0;
	overflow: auto;
	pointer-events: auto;
	-webkit-transform: translateZ(0);
					transform: translateZ(0);
	-webkit-overflow-scrolling: touch;
}
.lity-close { right: 25px !important; }
/* FITXA */


/* MINIATURES */
.foto0 { width: 200px; height: 138px; top: 150px; left: 525px; }
.foto1 { width: 132px; height: 200px; top: 298px; left: 593px; }
.foto2 { width: 200px; height: 133px; top: 100px; left: 735px; }
.foto3 { width: 200px; height: 153px; top: 243px; left: 735px; }
.foto4 { width: 129px; height: 200px; top: 0px; left: 945px; }
.foto5 { width: 200px; height: 135px; top: 210px; left: 945px; }
.foto6 { width: 200px; height: 145px; top: 355px; left: 945px; }
.foto7 { width: 200px; height: 121px; top: 150px; left: 1155px; }
.foto8 { width: 200px; height: 146px; top: 281px; left: 1155px; }
.foto9 { width: 200px; height: 133px; top: 437px; left: 1155px; }
.foto10 { width: 161px; height: 200px; top: 30px; left: 1365px; }
.foto11 { width: 200px; height: 147px; top: 240px; left: 1365px; }
.foto12 { width: 200px; height: 129px; top: 397px; left: 1365px; }
.foto13 { width: 200px; height: 146px; top: 150px; left: 1575px; }
.foto14 { width: 200px; height: 133px; top: 306px; left: 1575px; }
.foto15 { width: 200px; height: 116px; top: 449px; left: 1575px; }
.foto16 { width: 135px; height: 200px; top: 150px; left: 1785px; }
.foto17 { width: 200px; height: 126px; top: 360px; left: 1785px; }
.foto18 { width: 200px; height: 134px; top: 0px; left: 1995px; }
.foto19 { width: 200px; height: 153px; top: 144px; left: 1995px; }
.foto20 { width: 200px; height: 128px; top: 307px; left: 1995px; }
.foto21 { width: 201px; height: 200px; top: 200px; left: 2205px; }
.foto22 { width: 200px; height: 151px; top: 410px; left: 2205px; }
.foto23 { width: 200px; height: 134px; top: 200px; left: 2415px; }
.foto24 { width: 200px; height: 125px; top: 344px; left: 2415px; }
.foto25 { width: 200px; height: 126px; top: 200px; left: 2625px; }
.foto26 { width: 144px; height: 200px; top: 336px; left: 2625px; }
.foto27 { width: 200px; height: 147px; top: 50px; left: 2835px; }
.foto28 { width: 200px; height: 159px; top: 207px; left: 2835px; }
.foto29 { width: 200px; height: 129px; top: 376px; left: 2835px; }
.foto30 { width: 200px; height: 148px; top: 0px; left: 3045px; }
.foto31 { width: 143px; height: 200px; top: 158px; left: 3045px; }
.foto32 { width: 200px; height: 127px; top: 368px; left: 3045px; }
.foto33 { width: 200px; height: 146px; top: 110px; left: 3255px; }
.foto34 { width: 200px; height: 146px; top: 266px; left: 3255px; }
.foto35 { width: 200px; height: 136px; top: 425px; left: 3255px; }
.foto36 { width: 135px; height: 200px; top: 0px; left: 3465px; }
.foto37 { width: 200px; height: 145px; top: 210px; left: 3465px; }
.foto38 { width: 200px; height: 142px; top: 365px; left: 3465px; }
.foto39 { width: 200px; height: 153px; top: 0px; left: 3675px; }
.foto40 { width: 128px; height: 200px; top: 163px; left: 3675px; }
.foto41 { width: 200px; height: 145px; top: 373px; left: 3675px; }
.foto42 { width: 200px; height: 150px; top: 200px; left: 3885px; }
.foto43 { width: 200px; height: 142px; top: 360px; left: 3885px; }
.foto44 { width: 133px; height: 200px; top: 50px; left: 4095px; }
.foto45 { width: 200px; height: 144px; top: 260px; left: 4095px; }
.foto46 { width: 200px; height: 144px; top: 414px; left: 4095px; }
.foto47 { width: 200px; height: 132px; top: 150px; left: 4305px; }
.foto48 { width: 200px; height: 142px; top: 292px; left: 4305px; }
.foto49 { width: 200px; height: 129px; top: 444px; left: 4305px; }
.foto50 { width: 200px; height: 129px; top: 100px; left: 4515px; }
.foto51 { width: 134px; height: 200px; top: 239px; left: 4515px; }
.foto52 { width: 200px; height: 130px; top: 449px; left: 4515px; }
.foto53 { width: 200px; height: 149px; top: 0px; left: 4725px; }
.foto54 { width: 135px; height: 200px; top: 159px; left: 4791px; }
.foto55 { width: 200px; height: 137px; top: 369px; left: 4726px; }
.foto56 { width: 136px; height: 200px; top: 50px; left: 4935px; }
.foto57 { width: 200px; height: 137px; top: 260px; left: 4935px; }
.foto58 { width: 200px; height: 133px; top: 407px; left: 4935px; }
.foto59 { width: 200px; height: 131px; top: 0px; left: 5145px; }
.foto60 { width: 155px; height: 200px; top: 141px; left: 5145px; }
.foto61 { width: 200px; height: 156px; top: 351px; left: 5145px; }
.foto62 { width: 200px; height: 133px; top: 150px; left: 5355px; }
.foto63 { width: 200px; height: 150px; top: 293px; left: 5355px; }
.foto64 { width: 147px; height: 200px; top: 100px; left: 5565px; }
.foto65 { width: 200px; height: 131px; top: 310px; left: 5565px; }
.foto66 { width: 200px; height: 151px; top: 0px; left: 5775px; }
.foto67 { width: 200px; height: 125px; top: 161px; left: 5775px; }
.foto68 { width: 200px; height: 200px; top: 296px; left: 5775px; }
.foto69 { width: 200px; height: 137px; top: 150px; left: 5985px; }
.foto70 { width: 200px; height: 134px; top: 297px; left: 5985px; }
.foto71 { width: 129px; height: 200px; top: 0px; left: 6195px; }
.foto72 { width: 200px; height: 162px; top: 210px; left: 6195px; }
.foto73 { width: 200px; height: 112px; top: 382px; left: 6195px; }
.foto74 { width: 152px; height: 200px; top: 0px; left: 6405px; }
.foto75 { width: 200px; height: 141px; top: 210px; left: 6405px; }
.foto76 { width: 200px; height: 200px; top: 361px; left: 6405px; }
.foto77 { width: 200px; height: 100px; top: 200px; left: 6615px; }
.foto78 { width: 200px; height: 136px; top: 310px; left: 6615px; }
.foto79 { width: 156px; height: 200px; top: 50px; left: 6825px; }
.foto80 { width: 200px; height: 156px; top: 260px; left: 6825px; }
.foto81 { width: 200px; height: 143px; top: 426px; left: 6825px; }
.foto82 { width: 200px; height: 133px; top: 150px; left: 7035px; }
.foto83 { width: 200px; height: 134px; top: 293px; left: 7035px; }
.foto84 { width: 152px; height: 200px; top: 50px; left: 7245px; }
.foto85 { width: 200px; height: 134px; top: 260px; left: 7245px; }
.foto86 { width: 200px; height: 142px; top: 404px; left: 7245px; }
.foto87 { width: 200px; height: 121px; top: 100px; left: 7455px; }
.foto88 { width: 197px; height: 200px; top: 231px; left: 7455px; }
.foto89 { width: 200px; height: 133px; top: 441px; left: 7455px; }
.foto90 { width: 200px; height: 136px; top: 50px; left: 7665px; }
.foto91 { width: 200px; height: 151px; top: 196px; left: 7665px; }
.foto92 { width: 158px; height: 200px; top: 357px; left: 7665px; }
.foto93 { width: 200px; height: 131px; top: 150px; left: 7875px; }
.foto94 { width: 200px; height: 107px; top: 291px; left: 7875px; }
.foto95 { width: 200px; height: 143px; top: 408px; left: 7875px; }
.foto96 { width: 200px; height: 129px; top: 0px; left: 8085px; }
.foto97 { width: 200px; height: 133px; top: 139px; left: 8085px; }
.foto98 { width: 133px; height: 200px; top: 282px; left: 8085px; }
.foto99 { width: 200px; height: 141px; top: 200px; left: 8295px; }
.foto100 { width: 200px; height: 125px; top: 351px; left: 8295px; }



@media screen and (max-height: 768px)
{
	/*.grid_fotos { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); left: 0; }*/
	div.grid_fotos { transform: scale(0.9); top: 80px; left: 375px; }
}

@media screen and (max-height: 600px)
{
	div.grid_fotos { transform: scale(0.8); top: 10px; left: 375px; }
}

@media screen and (max-height: 480px)
{
	div.grid_fotos { transform: scale(0.65); top: -50px; left: 375px; }
}