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


/*  ----------------------------GENERAL ------------------------------------*/
body{
	font-family: 'Muli', sans-serif;
	font-weight: 400!important;
	background-color:#fff;
	color:#575556;
	font-size:16px;
	}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
img{
	border-radius:1px!important;
}

a {
    color: #fff!important;
    text-decoration: none;
}
a:hover {
	color:#fff;   text-decoration: none;
}
a:selected, a:focus{
	background-color:transparent!important;
}

.scrolled{
	background-color: rgba(76,13,158,0.5);transition: all ease-in 0.2s; 
}
.scrolled1{
	background-color: rgba(255,255,255,0.7);transition: all ease-in 0.2s; 
}
.enrera {
	    
    padding: 5px;
    color: #fff; font-weight:900;
    text-align: center; font-size: 11px;
}
.enrera a{
	color: #fff;
}
.enrera a:hover{
	color: #c12a21;
}

.pagina{
	
}
h1,h2,h3{
	font-weight:900
}
h1{
	margin-top:0px!important; padding-top:0; margin-bottom:40px; font-size:40px
}
.contenidor-img{
	width: 100%;
	height: 25vh;
	padding: 0px;
	margin: 0px;
	position: absolute;
	bottom: 10px;
}
.imatge{
	height:100%;
	padding: 0px;
	background-size: cover;
}
/*  ----------------------------HEADER ------------------------------------*/

.barratop{
	       background-color: rgba(0,0,0,0.1);
    padding: 5px;
    color: #fff;
    font-size: 10px; font-weight:900;

}

.barratop span{color:#c12a21!important;}
.barratop a{
	color: #fff;font-weight: 900!important;
}
.barratop a:hover{
	color:#c12a21!important;
}

.zonafixa {
    height: 100vh;
    background-color: rgba(87,85,86,0.9);
    z-index: 999; padding:40px; position:fixed
}
@media (max-width:768px){
	.zonafixa {
		min-height:300px; height:unset
	}
	.zona-nofixa{
		padding-top:300px
	}
	.navbar-nav{
		margin:unset
	}
	#navbar{
		padding-top:unset!important
	}
	.contenidor-img{
		position:unset
	}
	.navbar-collapse{box-shadow:none!important}
}
@media (min-width:768px){
	.zonafixa{width:350px;}
	.zona-nofixa{
		width: calc(100% - 350px)!important; position:absolute; right:0
	}
}

.nopaddinglateral {
    padding-left: 0!important;
    padding-right: 0!important;
}
.navbar-nav > li{
	float:unset
}
.nav > li > a{
	padding-left:0px; font-size:20px; padding-top:5px; padding-bottom:5px;transition: all ease-in 0.2s; 
}
.nav > li > a:hover{
	background-color:unset; color:#ccc!important; transition: all ease-in 0.2s; 
}
.navbar-toggle .icon-bar{
	background-color:#fff
}
.nav > li > a:focus, .nav > li > a:hover{
	background-color:transparent!important;
}
#navbar{
	padding-top:15vh;
}
/*  ----------------------------FOOTER ------------------------------------*/
.peuet{
	position:fixed;bottom:0px; padding-bottom:25px; color:#fff; font-size:10px;
}
.peu{position:fixed; bottom:0; width: 100%;text-align:right;}

.peu h3{
	font-weight:900; font-size:16px;
}


.peu1 {padding-bottom:40px; padding-top:20px; background-color:#1c1c1c}

.peu2 {
	
	font-size: 10px; color:#fff; text-align:right;
	padding: 25px;  width:100%; bottom:0;
}
.peu2 a{
	
}


/*  ----------------------------PAGINA INICIAL ------------------------------------*/
.pad40{
	padding:40px;
}
.pad20{
	padding:40px;
}
.capdeseccio{
	height:30vh; background-color:rgba(0,0,0,0.25)
}
.resta0{
	background-color:rgba(255,255,255,0.95); min-height:70vh;
}
.resta{
	background-color:rgba(255,255,255,0.95); min-height:90vh;
}
.resta2{
	background-color:rgba(0,0,0,0.5); min-height:60vh;
}
.capdeseccio h1{
	font-size:60px; color:#fff;
}
.capdeseccio-1{
	height:15vh; background-color:rgba(0,0,0,0.25)
}
.capdeseccio-1 h1{
	font-size:40px; color:#fff;
}
.seccio-imatge{
	height:45vh;   overflow:hidden
}
.seccio-imatge img{
	height:100%;
	padding: 0px;margin-left:-15px; margin-right:-15px;
	background-size: cover; width:auto!important;
	transition: all ease-in 0.4s;  filter: grayscale(100%); opacity:0.5;
}
.seccio-imatge img:hover{
	transition: all ease-in 0.2s; opacity:1; filter: grayscale(0%);
}
.seccio-imatge h2{
	position:absolute; bottom:5px; left:15px;
}

.seccio-imatge1{
	height:90vh;   overflow:hidden
}
.seccio-imatge1 img{
	height:100%;
	padding: 0px;margin-left:-15px; margin-right:-15px;
	background-size: cover; width:auto!important;
	transition: all ease-in 0.4s;  filter: grayscale(100%); opacity:0.9;
}
.seccio-imatge1 img:hover{
	transition: all ease-in 0.2s; opacity:1; filter: grayscale(0%);
}
.seccio-imatge1 h2{
	position:absolute; top:0px; right:25px;
}