/* --- reset --- */
html{  }
body{ padding:0;border:0;margin:0; font-family: 'Montserrat', sans-serif; font-weight: 300; }
a,a:visited,a:link,input[type="submit"]{ text-decoration:none; color:green; } a:focus,a img{ border:none; outline:0; } a:hover{ }
h1,h2,h3,h4,h5,h6,div,blockquote,p,span,ul,li,hr,form,fieldset,menu,section,article,hr,form,fieldset{ padding:0; border:none; margin:0; }
ul{ list-style-position:inside; list-style-type:none; }
hr{ clear:both; height:0; }
input,select,textarea { border:1px solid transparent; }
input:hover,select:hover,textarea:hover{ border:1px solid transparent; }
input[type="submit"]{ padding:0; border:none; margin:0; background-color:transparent; text-decoration:none; }
input[type="submit"]:hover{ text-decoration:underline; cursor:pointer; cursor:hand; text-decoration:none;  }
input[type="radio"],input[type="radio"],input[type="checkbox"],label{ border:none !important; }


/* recursos */

.transicio{
	transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear; 
}

.salt_de_linia{
	display:block;
}

/* logo */

#header{
	overflow: auto;
}

#logotip{
	display: block;
	box-sizing: border-box;
	width: calc(100% - 80px);
	max-width: 340px;
	height: auto;
	margin: 10px auto 35px auto;
}

/* content */

#content{
	overflow: auto;
}

#principal{
	display: block;
	box-sizing: border-box;
	width: 100%;
	max-width: 1200px;
	height: auto;
	margin: 50px auto 50px auto;
}

#principal_mobil{
	display: none;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	margin: 0 auto;
}


/* footer */

#footer_wrapper{
	position: fixed;
	bottom: 0;
	width:100%;
	box-sizing: border-box;
	background-color:rgba(255,255,255,1);
	padding-bottom: 30px;		
}

#footer{
	max-width: 1200px;	
	margin:0 auto;
	overflow: auto;
}

#footer p{
	margin:12px;
	font-size:14px;
}

#en_construccio{
	float:left;
	text-align: left;
	color: #005E91;
}

#mes_informacio{
	float:right;
	text-align: right;
	color: #009679;
}


@media screen and (max-width: 768px){

	/* footer */
	
	#footer_wrapper{
		position: inherit;
		background-color:rgba(255,255,255,.5);		
	}
	
	#en_construccio, #mes_informacio {
		float:none;
		text-align: center;
	}
	
	.salt_de_linia{
		display: none;
	}

}

@media screen and (max-width: 550px){
	
	#logotip{
		width: 80%;
		max-width: inherit;
	}

	#principal{
		display: none;
	}
	
	#principal_mobil{
		display: block;
	}
}