@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; text-align: center; position: relative; }

div.header { width: 100%; position: fixed; top: 0; left: 0; background: rgba(255,255,255,0.95); border-bottom: 1px solid gray; }
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: 2em HelveticaNeueLC, Sans-serif; text-transform: uppercase; color: rgba(0,0,0,0.60); margin: 0; padding: 15px; text-align: left; float: left; }
div.header h1 span { display: inline-block; padding-right: 25px; }
h1.brand { padding: 0 !important; }
h1.brand img { width: 150px; height: auto; margin: 15px 10px 15px 15px; border: none; opacity: 0.7; }
h1.brand img:hover { opacity: 1; transition: all .3s; webkit-transition: all .3s; }

div.header .botons { float: left; padding-bottom: 15px; }

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.header2 { width: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.70);; }


div.peupagina { width: 100%; position: fixed; bottom: 0; left: 0; background: rgba(0,0,0,0.80); }
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; }




div.contingut { width: 1200px; margin: 0 auto; margin-top: 110px; text-align: center; padding-bottom: 70px; }
div.intro { text-align: justify; margin-bottom: 25px; }


/* DESPLEGABLE SELECT */
.soflow
{
   -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   font-size: inherit;
   margin: 20px;
   overflow: hidden;
   padding: 5px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 200px;
	 cursor: pointer;
}

.dropdown { float: left; margin-right: 15px; margin-top: 24px; }
.dropdown-toggle:hover { background-color: black; }
dropdown-menu { margin-bottom: 15px; }
.reset { clear: both; height: 0; }

/* DRYSTONE */
.grid-other { width: 1200px; }
.this { width: 200px; }
.this img { width: 100%; box-shadow: 3px 3px 8px rgba(0,0,0,0.3); }
.this a:hover img { opacity: 0.5; }


/* LITY */
.lity-container { max-width: 95% !important;  }
/*.lity-iframe-container { padding-top: 70% !important; }*/
#lightcase-title { font-weight: bold !important; color: white !important; }
#lightcase-overlay { background: #222: }

/* LIGHTGALLERY */
a.mes_info { display: inline-block; background: rgb(0,130,155); color: white; padding: 2px 15px; border-radius: 4px; margin-top: 5px; border: 1px solid rgb(0,130,155); }
a.mes_info:hover { background: black; color: white; text-decoration: none; }


@media screen and (max-width: 1200px)
{
	div.contingut { width: 1100px; }
	.grid-other { width: 1000px; }
}

@media screen and (max-width: 1000px)
{
	div.contingut { width: 900px; }
	.grid-other { width: 800px; }
}

@media screen and (max-width: 800px)
{
		div.contingut { width: 100%; margin-top: 160px; padding-left: 20px; padding-right: 25px; }
	.grid-other { width: 600px; }
	h1.brand img { width: 125px; margin-top: 15px; }
	div.logo { width: 150px; top: 13px; right: 20px; }
	div.header h1 { font-size: 1.55em; }
	.botons { padding-left: 15px; }
	.dropdown { margin-top: 0px; }
	.btn { font-size: 95%; padding-left: 10px; padding-right: 5px; }
}

@media screen and (max-width: 600px)
{
	div.contingut { width: 500px; }
	.grid-other { width: 400px; }
}

@media screen and (max-width: 480px)
{
	h1.brand img { width: 115px; margin-top: 15px; }
	div.logo { width: 140px; top: 13px; right: 20px; }
	div.header h1 span { padding-left: 15px; }
	div.header h1 { font-size: 1.45em; }
	div.contingut { width: 100%; margin-top: 190px; }
	.dropdown { margin-top: 15px; }
	.btn { font-size: 90%; }


}