/*NAV*/

html, body{
	height: 100%;
	width: 100%;
}
body{
	background-image: url('https://www.itl.cat/pngfile/big/51-519758_blurred-fences-wallpaper-dslr-background-blur-hd.jpg');
  	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	position: absolute;
	height: 100%;
}

.bg-monverd{
	background-color: #abe26a;
	font-size: 1em;
}

.bg-monverd .nav-link{
	color: rgba(13, 125, 42, 1) !important;
	margin-right: 10px;
	transition: .3s;
	border-radius: 6px;
	padding: 5px 7px !important;
}
.bg-monverd .nav-link:hover{
	background-color: rgba(13, 125, 42, 0.15) !important;
}
.bg-monverd .nav-link.active{
	color: rgba(13, 125, 42, 1) !important;
	background-color: rgba(13, 125, 42, 0.3) !important;
}

.bg-monverd .dropdown{
	margin-right: 15px;	
}

.bg-monverd .dropdown .btn{
	background-color: rgba(13, 125, 42, 1) !important;
	color: #abe26a;
	border-color: rgba(13, 125, 42, .5) !important;
}

.bg-monverd .navbar-brand img{
	height:40px;
	margin-right: 20px;
	margin-left: 20px;
}

@media (max-width: 991px){
	.bg-monverd .dropdown{
		margin-top: 20px;
	}
	.bg-monverd .nav-link{
		margin-top: 10px;
	}

	.bg-monverd .nav-link,.dropdown{
		float: right;
	}
}

/* BENVINGUDA */

.benvinguda{
	background: rgb(76,99,47);
	background: linear-gradient(0deg, rgba(76,99,47,1) 0%, rgba(121,159,69,1) 35%, rgba(171,226,106,1) 100%);
	padding: 30px 0px 50px 0px;

	-webkit-box-shadow: 0px 20px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 20px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 20px 10px 0px rgba(0,0,0,0.75);

	width: 100%;
	position: relative;
	z-index: 10;

	transition: .6s;
	overflow: hidden;
	max-height: 100%;
}

.bg-index{
  	
}

.p1{
	padding-bottom: 50px;
	padding-top: 25px;
	margin: 0 auto;
	font-size: 1.1em;
	/* */


}
.content-index-bg{
	padding-top: 50px;
	padding-bottom: 50px;
	background: rgba(255,255,255,0);
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 5%, rgba(255,255,255,0.85) 50%, rgba(255,255,255,0.7) 95%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(5%, rgba(255,255,255,0.7)), color-stop(50%, rgba(255,255,255,0.85)), color-stop(95%, rgba(255,255,255,0.7)), color-stop(100%, rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 5%, rgba(255,255,255,0.85) 50%, rgba(255,255,255,0.7) 95%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 5%, rgba(255,255,255,0.85) 50%, rgba(255,255,255,0.7) 95%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 5%, rgba(255,255,255,0.85) 50%, rgba(255,255,255,0.7) 95%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 5%, rgba(255,255,255,0.85) 50%, rgba(255,255,255,0.7) 95%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );


	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
}

.p1 h1{
	font-size: 2em;
	font-weight: 300;
	border-bottom: 1px solid grey;
}
.p1 p{
	margin-top: 50px;
}

@media (max-width: 991px){
	.content-index-bg{
		width: fit-content;
		
	}
	.content-index-bg .p1 img{
		max-width: 300px;
		margin: 0 auto;
	}
}

/* IMATGES */

.content-imatges-bg{
	padding: 20px;

	background: rgba(255,255,255,.7);
}

.amagades{
	display: none;
}
.filter{
	padding: 10px 15px;
	margin-bottom: 10px;
	margin-left: 25px;
	border-radius: 25px;
	border: 1px solid grey;
	cursor: pointer;
	background-color: rgba(0,155,0,.2);
	font-weight: 600;
	font-variant-caps: all-small-caps;
}
.filter.active{
	background-color: rgb(171,226,106);
}
.filter:hover{
	background-color: rgba(171,226,106,.6);
}
#galeria{
	margin-top: 20px;
}

/* FOOTER */

.footer{
    bottom: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background-color: #ccc;
}

.footer p{
	width: 70%;
	margin: 0 auto;
	font-weight: 300;
}

/* VIDEOS */

.content-video{
	background: rgba(255,255,255,.7);
}

.yb-video{
	padding: 50px;
}

@media (max-width: 1355px){
	.yb-video{
		padding:30px;
	}
}

@media (max-width: 991px){
	.yb-video{
		padding:20px;
	}
}

/* CONTACTE */
.b-title{
	border-bottom: 1px solid grey;
	margin-bottom: 20px;
	margin-top: 20px;
}

.contact-b{
	padding: 20px;
}