@charset "utf-8";
/* CSS Document */

html, body {
	font-family: 'Dosis', sans-serif;
	height: 100%;
}

h1 {
	font-family: 'Cabin Sketch', cursive;
	font-size: 3rem;
	font-weight: bold;
	font-style: normal;
	text-align: right;
	margin-top: 10px;
}

h2 {
	font-family: 'Architects Daughter', cursive;
	font-size: 1.9rem;
	color: #242424;
	font-weight: bold;
	margin: 0px;
	width: 100%;
	background-color: rgba(252, 116, 3, 0.4);
	text-align: left;
	padding-left: 3%;
	text-shadow: 2px 2px 1px #FFF;
	border-bottom: 2px solid #f90;
	box-shadow: 2px 2px 2px #999;
}
h3 {
	font-family: 'Architects Daughter', cursive;
	font-size: 1.9rem;
	color: #242424;
	font-weight: bold;
	background-color: rgba(252, 116, 3, 0.4);
	text-align: left;
	padding-left: 3%;
	text-shadow: 2px 2px 1px #FFF;
	border-bottom: 2px solid #f90;
	box-shadow: 2px 2px 2px #999;
	margin-top: 0px;
	margin-right: 3%;
	margin-bottom: 0px;
	margin-left: 3%;
}

p {
	color: #565656;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 300;
	margin: 0;
}

hr {
  margin-top: 7px;
  margin-bottom: 20px;
  height: 2px;
  background-color: #F2A354;
  margin-right: 5%;
  margin-left: 5%;
}

#container-quisom .container-body div .col-xs-12.col-sm-10.col-sm-offset-1.col-md-10.col-md-offset-1.contingut-fill .row .col-xs-12.contingut .descripcio-presentacio li {
	color: #565656;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 600;
	padding-left: 3%;
	padding-right: 3%;
}

ul li {
	margin-bottom: 5px;	
}
ol {
	margin-left: 4%;	
}

.asterisc {
	color: rgba(255,0,0,1);	
}

.titulo01 {
	text-transform: uppercase;
	font-size: 16px;
	font-size: 1.6rem;
	color: #D75600;
	font-weight: bold;
}

#container-presentacio {
	width: 100%;
	min-height: 100%;
	position: relative;
	background-image: url(../img/presentacio/presentacio-fondo.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow-x: hidden;
}
#container-quisom {
	width: 100%;
	min-height: 100%;
	position: relative;
	background-image: url(../img/quisom/quisom-fondo.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow-x: hidden;
}
#container-serveis {
	width: 100%;
	min-height: 100%;
	position: relative;
	background-image: url(../img/serveis/serveis-fondo.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow-x: hidden;
}
#container-barraques {
	width: 100%;
	min-height: 100%;
	position: relative;
	background-image: url(../img/barraques/barraques-fondo.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow-x: hidden;
}
#container-obres {
	width: 100%;
	min-height: 100%;
	position: relative;
	background-image: url(../img/obres/obres-fondo.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow-x: hidden;
}
#container-onestem {
	width: 100%;
	min-height: 100%;
	position: relative;
	background-image: url(../img/onestem/onestem-fondo.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow-x: hidden;
}






/************************** HEADER **************************************/

.container-header {
	/*height: 115px;*/
	width: 100%;
	background-color: rgba(255,255,255,1);
	box-shadow: 0px 2px 4px #696969;
	padding-bottom: 10px;
	padding-top: 15px;
}

.logo {
	margin-left: 5px;
}

.container-header img {
	max-width: 70%;
	margin-bottom: 5px;
}

.banderes-idioma {
	text-align: right;
	padding-right: 25px;
}
.banderes-idioma img {
	margin-left: 5px;
	border: 1px inset #DAD6D6;
	border-radius: 3px;
}

.banderes-idioma a img {
	margin-left: 5px;
	border: 1px inset #DAD6D6;
	border-radius: 3px;
	
	filter: url('#grayscale'); /* Versión SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%); /* Para cuando es estándar funcione en todos */
	filter: Gray(); /* IE4-8 and 9 */
	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.banderes-idioma a img:hover { 
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: none;
	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}


.header-dreta {
	padding: 0px;
}

#container-serveis .container-header .row .col-xs-3.col-xs-offset-1 .logo a img {
	max-height: 75px;
}

#submain {
	float: right;
	margin-right: 11%;
}

.submenu {
	margin-bottom: -15px;
	height: 30px;
	background-image: url(../img/submenu02.png);
	background-repeat: repeat-x;
	box-shadow: 0px 2px 4px #696969;
	border-radius: 20px 0px 0px 0px;
}

.submenu img{
	margin-left: -25px;
}

.header-submenu {
	padding: 0px;
}

.submenu .nav-pills li{
	float: right;
}

.submenu #submain li a {
	font-family: 'Dosis', sans-serif;
	color: rgba(81, 81, 81, 1);
	text-shadow: 1px 1px #CFCECE;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 4px;
}

.submenu #submain li a:hover {
	text-shadow: -1px -1px #CFCECE;
	box-shadow: inset 1px 1px 3px #999999;
	background-color: rgba(204,204,204,0.5);
}

/************************** FI DEL HEADER **************************************/


/************************** BODY **************************************/

.container-body {
	padding-bottom: 100px;
	padding-top: 50px;
	padding-right: 5px;
	padding-left: 5px;
}

.contingut-pare {
	width: 100%;
	padding-top: 50px;
}

.contingut-fill {
	height: auto;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 0px 0px 5px #666;
	margin-bottom: 140px;
}

.contingut {
	padding: 0px;
	background-image: url(../img/div-contingut.png);
	background-repeat: repeat-y;
	background-position: left;
	background-size: 7%;
	z-index: 0;
	position: static;
}

.contingut-presentacio {
	padding: 0px;
	height: auto;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 0px 0px 5px #666;
	margin-bottom: 140px;
}

.titol {
	background-color: rgba(212,212,212,1);WSAADEZZZZZZZZZ
	padding-bottom: 5px;
	padding-right: 5%;
	color: rgba(0,0,0,1);
	box-shadow: 1px 1px 1px #807F7F;
	width: 93%;
	float: right;
	margin-bottom: 30px;
}

.descripcio-presentacio {
	font-family: 'Architects Daughter', cursive;
	font-size: 1.6rem;
	color: #565656;
	width: 93%;
	float: right;
}

.descripcio-galeria {
	font-family: 'Architects Daughter', cursive;
	font-size: 1.7rem;
	color: rgba(0,0,0,1);
	width: 93%;
	float: right;
	padding-top: 0%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
}

.imatge-contingut {
	/*background-color: rgba(212,212,212,1);
	box-shadow: 1px 2px 1px #909090;*/
	padding-bottom: 1%;
	/*margin-top: -31px;*/
	margin-bottom: 15px;
	margin-right: 3%;
}

.imatge-contingut img {
	width: 100%;
	padding: 6px;
	background-color: white;
	position: relative;
	box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 10px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.imatge-contingut img:before, .imatge-contingut img:after{
    content: "";
    position: absolute;
    z-index: -2;
}

.imatge-contingut video {
	width: 100%;
	padding: 2px;
	border-radius: 10px;
	background-color: rgb(100, 99, 99);
	position: relative;
	box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 10px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.imatge-contingut video:before, .imatge-contingut video:after{
    content: "";
    position: absolute;
    z-index: -2;
}
	
.descripcio-presentacio p {
	padding-bottom: 15px;
	padding-right: 3%;
	padding-left: 3%;
	text-align: justify;
}

.contingut-presentacio p {
	font-family: 'Architects Daughter', cursive;
	color: #565656;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 300;
	padding: 10px 20px;
}

.googlemaps {
	box-shadow: 0px 0px 3px #BEBEBE;
	height: 450px;
}

.form-horizontal {
	padding-right: 3%;
	padding-left: 3%;
}

.politica {
	padding-top: 10px;
}

.politica p{
	font-size: 1.3rem;
	text-align: justify;
}

.contacte p{
	font-size: 1.4rem;
	text-align: center;
}

.modal{
	overflow-y: hidden;
}

#links {
	padding-right: 3%;
	padding-left: 3%;
}

#links a img {
	margin-bottom: 5px;
	box-shadow: 3px 3px 2px #D8CFCF;
	border: 2px solid #FFFFFF;
	border-radius: 4px;
	width: 60px;
}

#links a img:hover {
	box-shadow: none;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	border: 2px inset #939393;
}

.imatges-submenu {
	margin-bottom: 20px;

}

.imatges-submenu img {
	border: 1px solid #CCC;
	border-radius: 8px;
}

.imatges-submenu a img:hover {
	background-color: rgba(255, 235, 158, 1);
	margin-top: -2px;
	box-shadow: 2px 2px 4px #949494;
}

.active-submenu {
	box-shadow: inset 2px 2px 3px rgba(137, 137, 137, 1);
	background-color: rgba(255, 235, 158, 1);
}

.active-submenu2 {
	font-family: 'Dosis', sans-serif;
	color: rgba(81, 81, 81, 1);
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 4px;
	box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.41);
	border-radius: 20px;
	background-color: rgba(240, 208, 76, 0.2);
}

.carousel-indicators .active {
	background-color: rgba(255, 255, 255, 0.6);
}

/************************** FI DEL BODY **************************************/

/************************** FOOTER **************************************/

#footer {
	width: 100%;
	padding-bottom: 15px;
	/*height: 90px;*/
	position: fixed;
	bottom: 0;
	z-index: 0;
	background-color: rgba(255,255,255,1);
}

#submain-menu {
	margin-top: -15px;
}

#submain-menu a{
	font-weight: bold;
	font-family: 'Dosis', sans-serif;
	color: rgba(81, 81, 81, 1);
	text-shadow: 1px 1px #CFCECE;
}

#submain-menu a .active{
	color: rgba(153,153,153,1);
}

.dropdown-menu {
	top: -160px;
	box-shadow: 0px 0px 3px #FFFFFF;
	text-align: left;
	min-width: 120px;
	left: -1px;
	border-left: 10px solid rgba(253, 169, 57, 1);
}

#submain-menu .dropdown-menu a {
	font-weight: 500;
	font-family: 'Dosis', sans-serif;
	color: rgba(81, 81, 81, 1);
	text-shadow: 1px 1px #CFCECE;	
}

.active {
	font-weight: bold;
	font-family: 'Dosis', sans-serif;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #F90;
	margin-top: -10px;
	color: rgba(255,255,255,1);
	padding-right: 15px;
	padding-left: 15px;
	border-radius: 2px;
	box-shadow: 0px 0px 4px #333;
}

.nav{
	padding-left:0;
	margin-bottom:-15px;
	list-style:none
}

.nav>li>a:hover, .nav>li>a:focus {
	background-color: rgba(213, 213, 213, 1);
}

.nav .caret {
	color: rgba(81, 81, 81, 1);
	border-top-color: rgba(81, 81, 81, 1);
	border-bottom-color: rgba(81, 81, 81, 1);
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
	background-color: rgba(247,227,153,1);
}

.container-footer {
	padding-top: 22px;
	box-shadow: 0px -4px 5px #8D8D8D;
	padding-left: 3%;
	padding-right: 3%;
}

.informacio-contacte {
	text-align: right;
	width: 100%;
	float: left;
}

.informacio-contacte p {
	font-size: 1em;
	margin: 1%;
	font-weight: 500;
}

.informacio-redsocial-email img {
	float: right;
	margin-left: 3%;
	border-radius: 4px;
	max-width: 25%;
}

.informacio-redsocial-email a img:hover {
	box-shadow: 2px 2px 3px #6E6E6E;
	margin-top: -2px;
}
.informacio-redsocial-facebook img {
	margin-left: 3%;
	border-radius: 4px;
	float: right;
	max-width: 25%;
}

.informacio-redsocial-facebook a img:hover {
	box-shadow: 2px 2px 3px #6E6E6E;
	margin-top: -2px;
}

.apunt {
	font-size: 0.8em;
	margin-top: 10px;
	color: #A1A1A1;
}

#mobile-menu-button {
	width: 40px;
	float: left;
	margin-right: 10px;
	box-shadow: 2px 2px 2px #ccc;
}

#mobile-main-menu {
	display: none;
	padding: 0px;
}

#mobile-main-menu a {
	display: block;
	width: 100%;
	padding: 4px 0;
	border-top: 1px solid #eee;
	color: #565656;
	text-align: center;
	text-transform: uppercase;
}

#mobile-main-menu li {
	margin: 0;
	list-style: none;
}

#mobile-main-menu .submenu-mobile li a {
	text-transform: initial;
	margin-left: 10px;
	color: #7B7676;
}

#mobile-main-menu a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #f90;
}


/************************** FI DEL FOOTER **************************************/

#container-presentacio .container-body .row .col-xs-8.col-xs-offset-2.contingut-presentacio #carousel-example-generic .carousel-inner .item.active {
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #f90;
	margin-top: 0px;
	padding-right: 5px;
	padding-left: 5px;

}
.carousel-inner .item {
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #f90;
	margin-top: 0px;
	padding-right: 5px;
	padding-left: 5px;
	
	-webkit-transition: opacity 2s;
	-moz-transition: opacity 2s;
	-ms-transition: opacity 2s;
	-o-transition: opacity 2s;
	transition: opacity 2s;
}
.carousel-inner .active.left {
	left:0;
	opacity:0;
	z-index:0;
}
.carousel .next {
	left:0;
	opacity:1;
	z-index:0;
}
.carousel-control.right {
	z-index: 0;
}
.carousel-control.left {
	z-index: 0;
}
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
	width: 100%;
}
.blueimp-gallery>.indicator {
	margin-bottom: 1%;
}
.blueimp-gallery>.slides>.slide>.slide-content {
	box-shadow: 0px 0px 8px #FFF;
	border-radius: 10px;
	border: 5px solid #C7C7C7;
}