@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";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-remove:before {
  content: "\e014";
}
body { margin: 0; padding: 0; }
.carousel-indicators { display: none; }
.carousel-caption { bottom: 25px; }
.carousel-caption h3 { text-shadow: 3px 3px 8px rgba(0,0,0,1); }
.carousel-caption p { font-size: 20px; text-shadow: 1px 1px 5px rgba(0,0,0,1); font-weight: bold; }
.carousel-indicators li { height: 15px; cursor: pointer; }
.navbar-brand { font-weight: bold; text-transform: uppercase; font-family: Arial, Sans-serif; }
.ampliar { background: rgba(0,0,0,0.50); color: white; padding: 10px 10px; text-align: center; display: inline-block; position: absolute; bottom: 0; width: 20%; left: 40%; -webkit-transition: background 0.5s; transition: background 0.5s; }
.ampliar span.glyphicon { color: #00829B; vertical-align: -4px; margin-left: 5px; font-size: 1.4em; -webkit-transition: color 0.5s; transition: color 0.5s; }
.ampliar:hover { background: rgba(0,0,0,0.90); cursor: pointer; -webkit-transition: background 0.5s; transition: background 0.5s; }
.ampliar:hover span.glyphicon { color: white; -webkit-transition: color 0.5s; transition: color 0.5s; }
.dades { margin: 0 20%; width: auto; }
.desc { }
.foto { text-align: center; margin-bottom: 20px; }
.foto img { box-shadow: 3px 3px 15px rgba(0,0,0,0.35); }

div.header { width: 100%; position: absolute; top: 0; left: 0; }
div.logo { width: 160px; position: absolute; top: 20px; right: 20px; }
div.logo img { width: 100%; border: none; opacity: 1; }
div.logo a:hover img { opacity: 1; }
div.header h1 { font: 3em HelveticaNeueLC, Sans-serif; text-transform: uppercase; color: white; text-shadow: 1px 1px 8px rgba(0,0,0,0.65); margin: 0; padding: 15px; padding-top: 13px; }
div.header h1 span.projecte { vertical-align: -5px; }
div.header a.boto { display: inline; font: 0.5em HelveticaNeueLC, Sans-serif; text-decoration: none; border: 1px solid gray; padding: 6px 10px 1px 10px; border-radius: 6px; margin-left: 25px; color: gray; vertical-align: 20px; }
div.header a.boto2 { display: inline; font: 0.5em HelveticaNeueLC, Sans-serif; text-decoration: none; border: 2px solid white; padding: 5px 15px; border-radius: 6px; margin-left: 35px; color: white; vertical-align: 4px; text-shadow: none; background: rgba(0,0,0,0.2); }
div.header a.boto2:hover { color: rgb(0,130,155); background: rgba(255,255,255,0.5); border-color: rgb(0,130,155); }
div.header a.boto2 span { vertical-align: -3px; }
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; }
h1.brand img { width: 150px; height: auto; border: none; opacity: 0.7; }

a.boto_url { clear: both; display: inline; font: 1.1em HelveticaNeueLC, Sans-serif; text-decoration: none; border: 1px solid gray; padding: 6px 10px; margin: 20px 0; border-radius: 6px; color: gray; }
a.boto_url:hover { border-color: rgb(0,130,155); color: rgb(0,130,155); background: white; }
.reset { clear: both; height: 0; }

div.peupagina { width: 100%; position: relative; 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; }