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

* {
	margin:0;
	padding:0;
}



body {
	margin:0px;
	padding:0px;
	font-family: "Open Sans", sans-serif;
	font-size:16px; 
	line-height:20px;
	color:#000;
	margin-left: 0px;
}

a:link,a:visited  {
	text-decoration:none;
	color:#8BAF31;
	padding:0px;
	font-weight:bold; 
	}

a:hover, a:active{
	color:#000;
	}

p{
	line-height:normal;
	padding:0px;
	margin:5px;
}


h1 {
	font-weight: normal;
	font-size: 24px;
	line-height:34px;
	letter-spacing:1.2px;
}





/*----------------------DIVS -------------------------*/

#container{
	width:100%;
	height:820px;
	background-color:#fff;
}



#logo{
	margin-top:10px;
	margin-left:80px;
	position:absolute;
}


#menu{
	margin-top:20px;
	margin-right:100px;
	float:right;
}


#mapa{
	position:absolute;
	width:100%;
	height:90%;
	margin-top:60px;
}


#footer{
	position:absolute;
	width:100%;
	height:6%;
	background-color:#fff;
	padding-top:30px;
	top:90%;
}

.small {
	font-size:12px; 
	padding-left:60px;
	
}




/*-----------------------------MEDIA SCREEN------------------*/

/* PER A 980px O MENYS */
@media screen and (max-width: 980px) {

#container {
		width:100%;
		height:100%;
		margin:auto;
	}

#footer{
	position:absolute;
	width:100%;
	height:4%;
	background-color:#fff;
	padding-top:30px;
	top:90%;
}
}

/* PER A 768px O MENYS */
@media screen and (max-width: 768px) {
	
	#container {
		width:100%;
		height:100%;
	}

#footer{
	position:absolute;
	width:100%;
	height:6%;
	background-color:#fff;
	padding-top:30px;
	top:90%;
}

}
	

/* PER A 480px O MENYS - MOBILE LANDSCAPE */
@media screen and (max-width: 480px) {
	
#container {
		width:100%;
		height:100%;
	}

#footer{
	position:absolute;
	width:100%;
	height:4%;
	background-color:#fff;
	padding-top:30px;
	top:90%;
}


}

/* PER A 320px O MENYS - MOBILE PORTRAIT */
@media screen and (max-width: 320px) {
	
	#container {
		width:100%;
		height:100%;
	}
	
	
	#footer{
	position:absolute;
	width:100%;
	height:4%;
	background-color:#fff;
	padding-top:30px;
	top:90%;
}
}