/*/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/
/*STYLE*/
/*/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/
@import url("font-awesome.min.css");
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700);
@import url("slippry.css"); /*CSS Slider*/
@import url("sections/qui-som.css");
@import url("sections/noticies.css");
@import url("sections/activitats.css");
@import url("sections/agenda.css");
@import url("sections/viatges.css");
@import url("sections/galeria.css");
@import url("sections/documents.css");
@import url("sections/contacte.css");
@import url("sections/conferencies.css");
@import url("sections/newsletter-form.css");

html, body{
	margin:0;
	padding:0;
	height:100%;
}

body{
	font-size:100%;
	font-family:'Source Sans Pro',sans-serif;
}

body, section{
	background-color:#f5f5f5;
	background-image:url('../images/background/noise.png');
}

div.content{
	position:relative;
	width:100%;
	min-height:100%;
}

.header-content,
.nav-content,
.section-content,
.footer-content{
	margin:0 auto;
	max-width:1000px;
}

.clear{
	clear:both;
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}
.embed-responsive::before {
    display: block;
    content: ""
}
.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}
.embed-responsive-16by9::before {
    padding-top: 56.25%
}

/*----------------------------------------------------------------------------------*/
/*COOKIES BAR*/
/*----------------------------------------------------------------------------------*/
.cookies-bar{
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	background-color:rgba(110,150,22,0.95);
	z-index:1100;
}

.cookies-bar-content{
	position:relative;
	margin:0 auto;
	padding:10px;
	max-width:800px;
}

.cookies-bar-content p{
	margin:0;
	padding:0;
	font-family:Arial;
	font-size:16px;
	line-height:22px;
	
	color:#fff;
}

.cookies-bar-content a{
	text-decoration:underline;
	color:#fff;
	cursor:pointer;
}

#accept-cookie-btn {
	float:right;
	margin-top:5px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	font-family:Arial;
	color:#ffffff;
	font-size:16px;
	background:#3d3d3d;
	padding:8px 16px;
	text-decoration:none;
	border:none;
	cursor:pointer;
}

#accept-cookie-btn:hover {
  background:#4D4D4D;
  text-decoration:none;
}


/*----------------------------------------------------------------------------------*/
/*HEADER*/
/*----------------------------------------------------------------------------------*/
header{
	width:100%;
	background: #6d9716;
	background: -moz-linear-gradient(top,  #597b12 0%, #6d9716 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#597b12), color-stop(100%,#6d9716));
	background: -webkit-linear-gradient(top,  #597b12 0%,#6d9716 100%);
	background: -o-linear-gradient(top,  #597b12 0%,#6d9716 100%);
	background: -ms-linear-gradient(top,  #597b12 0%,#6d9716 100%);
	background: linear-gradient(to bottom,  #597b12 0%,#6d9716 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#597b12', endColorstr='#6d9716',GradientType=0 );
}

.header-content img{
	display:block;
	width:100%;
}

/*----------------------------------------------------------------------------------*/
/*NAV*/
/*----------------------------------------------------------------------------------*/
nav{
	/*overflow:hidden;*/
	width:100%;
	height:52px;
	background:#597b12;
	background:-moz-linear-gradient(top,  #83b41a 0%, #597b12 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#83b41a), color-stop(100%,#597b12));
	background:-webkit-linear-gradient(top,  #83b41a 0%,#597b12 100%);
	background:-o-linear-gradient(top,  #83b41a 0%,#597b12 100%);
	background:-ms-linear-gradient(top,  #83b41a 0%,#597b12 100%);
	background:linear-gradient(to bottom,  #83b41a 0%,#597b12 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#83b41a', endColorstr='#597b12',GradientType=0 );
	background-size:auto 200%;
    background-position:0 100%;
	-webkit-transition:height 0.5s ease-in-out;
    -moz-transition:height 0.5s ease-in-out;
    -ms-transition:height 0.5s ease-in-out;
    -o-transition:height 0.5s ease-in-out;
    transition:height 0.5s ease-in-out;
}

nav.open{
	height:520px;
}

.nav-content ul{
	margin:0;
	padding:0;
	list-style:none;
}

.nav-content ul li{
	width:13.2%;
	display:inline-block;
	text-align:center;
}

.nav-content ul li.only-mobile-nav-item{
	display:none;
}

.nav-content ul li.li-home{
	width:7.6%;
}

.nav-content ul li a{
	display:block;
	padding:0 0;
	color:white;
	font-size:1.4em;
	font-weight:bold;
	text-decoration:none;
	border-right:1px solid black;
	background:#597b12;
	background:-moz-linear-gradient(top,  #83b41a 0%, #597b12 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#83b41a), color-stop(100%,#597b12));
	background:-webkit-linear-gradient(top,  #83b41a 0%,#597b12 100%);
	background:-o-linear-gradient(top,  #83b41a 0%,#597b12 100%);
	background:-ms-linear-gradient(top,  #83b41a 0%,#597b12 100%);
	background:linear-gradient(to bottom,  #83b41a 0%,#597b12 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#83b41a', endColorstr='#597b12',GradientType=0 );
	background-size:auto 200%;
    background-position:0 100%;
	-webkit-transition:background-position 0.5s ease-out;
    -moz-transition:background-position 0.5s ease-out;
    -o-transition:background-position 0.5s ease-out;
  	transition:background-position 0.5s ease-out;
}
.nav-content ul li a.nav-item-smaller {
	font-size: 1.3em;
}

.nav-content ul li.li-home-narrow{
	display:none;
}

.nav-content ul li a:not(.home){
	line-height:2.3em;
}

.nav-content ul li a.home{
	padding-top:7px;
	padding-bottom:4px;
	border-left:1px solid black;
}

.nav-content ul li .fa{
	font-size:1.8em;
	vertical-align:middle;
}

.nav-content ul li a:hover{
	background-position: 0 0;
}

.nav-content ul li a.active-nav{
	background-position: 0 0;
}

/*Dropdown Menu---------------------*/
.arxius-dropdown{
    position:relative;
	cursor:pointer;
}

.arxius-dropdown-content{
    display:none;
    position:absolute;
    background-color:#597b12;
    min-width:160px;
    box-shadow:0px 8px 16px 0px rgba(0,0,0,0.4);
	z-index:1000;
}

.arxius-dropdown-content a{
	border-left:1px solid black;
	border-bottom:1px solid black;
}

.arxius-dropdown:hover .arxius-dropdown-content{
    display:block;
}

@media screen and (max-width: 710px){
	nav{
		overflow:hidden;
		height:52px;
	}
	
	.nav-content ul li{
		display:block;
		width:100%;
	}
	
	.nav-content ul li.only-mobile-nav-item{
		display:block;
	}
	
	.nav-content ul li.only-web-nav-item{
		display:none;
	}
	
	.nav-content ul li.li-home-narrow{
		display:inline-block;
	}
	
	.nav-content ul li.li-home{
		width:100%;
	}
	
	.nav-content ul li a{
		border:0;
		border-bottom:1px solid #000;
	}
	
	.nav-content ul li a.active-nav{
		background:#83b41a;
	}
}

/*----------------------------------------------------------------------------------*/
/*SECTION*/
/*----------------------------------------------------------------------------------*/
section{
	padding-bottom:180px;
}

.section-content{
	padding-top:20px;
}

.section-content-wrapper{
	position:relative;
	padding:0 15px;
}

.section-content-wrapper > h1{
	text-align:center;
	font-size:3em;
}

.section-content-wrapper div.download{
	position:absolute;
	top:25px;
	right:0;
	padding:0 10px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	border:2px solid #000;
	-webkit-box-shadow: 0px 1px 3px #666666;
	-moz-box-shadow: 0px 1px 3px #666666;
	box-shadow: 0px 1px 3px #666666;
	color: #ffffff;
	font-weight:bold;
	background: #83b41a;
	background-image:-webkit-linear-gradient(top, #83b41a, #688f15);
	background-image:-moz-linear-gradient(top, #83b41a, #688f15);
	background-image:-ms-linear-gradient(top, #83b41a, #688f15);
	background-image:-o-linear-gradient(top, #83b41a, #688f15);
	background-image:linear-gradient(to bottom, #83b41a, #688f15);
	
	display:none;
}

.section-content-wrapper div.download:hover{
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

.section-content-wrapper div.download a{
	text-decoration:none;
	color:inherit;
	display:inline-block;
}

.section-content-wrapper div.download i{
	vertical-align:middle;
}

@media screen and (max-width: 710px){
	section{
		font-size:80%;
	}
}

/*SLIDER--------------------------------------------------------------------*/
section .slider{
	position:relative;
}

section .slider .parent-image-text{
	position:absolute;
	bottom:27px;
	left:0;
	width:100%;
	min-height:75px;
	background-image:url('../images/background/background2x2.png');
	pointer-events:none;
	z-index:999;
}

section .slider .one-row{
	bottom:0;
}

section .slider .parent-image-text .image-text{
	padding:15px;
	font-size:20px;
	color:#fff;
}

@media screen and (max-width: 420px){
	section .slider .parent-image-text{
		min-height:50px;
	}
	
	section .slider .parent-image-text .image-text{
		padding:10px;
		font-size:12px;
	}
}
/*FI SLIDER-----------------------------------------------------------------*/

section .presentacio{
	margin-top:20px;
	padding:15px;
}

section .presentacio h1{
	margin:0;
}

section .presentacio h1,
section .presentacio .centered{
	text-align:center;
}

section .presentacio h2{
	font-size:1em;
}



/*----------------------------------------------------------------------------------*/
/*FOOTER*/
/*----------------------------------------------------------------------------------*/
footer{
	position:absolute;
	bottom:0;
	width:100%;
	min-height:115px;
	background:#597b12;
	background:-moz-linear-gradient(top,  #83b41a 0%, #597b12 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#83b41a), color-stop(100%,#597b12));
	background:-webkit-linear-gradient(top,  #83b41a 0%,#597b12 100%);
	background:-o-linear-gradient(top,  #83b41a 0%,#597b12 100%);
	background:-ms-linear-gradient(top,  #83b41a 0%,#597b12 100%);
	background:linear-gradient(to bottom,  #83b41a 0%,#597b12 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#83b41a', endColorstr='#597b12',GradientType=0 );
	background-size:auto 200%;
    background-position:0 100%;
}

.footer-content{
	padding:5px 0;
	text-align:center;
	color:#fff;
}

.footer-content p{
	margin:5px;
}

.footer-content a{
	text-decoration:none;
	color:#fff;
	cursor:pointer;
}

.footer-content a:hover{
	text-decoration:underline;
}

.footer-content .author-info,
.footer-content .author-info a{
	font-size:12px;
	color:rgba(255, 255, 255, 0.65);
}

@media screen and (max-width: 420px){
	footer{
		font-size:75%;
	}
	
	.footer-content .author-info,
	.footer-content .author-info a{
		font-size:8px;
	}
}