@charset "utf-8";

body {
	background-color:#ffffff;
	margin-top:0px;
	margin-bottom:0px;
}
/* Resolució fins a 320px */
@media only screen and (max-width:320px) {
	#capcalera {
		margin:0 auto;
		width:320px;
		height:50px;
		background-color:#ffffff;
	}
	#capseparador {
		width:320px;
		border:0px solid #000000;
		height:10px;
		background-color:#ffffff;
	}
	#subcapcalera1{
		width:320px;
		border:0px;
		height:30px;
		border:0px solid;
		background-image: url("../images/skyline1500.jpg");
		background-size: 100% 100%;
		background-color:#ffffff;
	}
	#subcapcalera2 {
		float:left;
		width:100px;
		height:30px;
		border:0px;
		background-color:#ffffff;
	}
	#subcapcalera3 {
		float:left;
		max-width:105px;
		height:30px;
		border:0px solid;
	}
	#subcapcalera4 {
		margin-right:15px;
		float:right;
		max-width:100px;
		height:30px;
		border:0px solid;
	/*	background-color:#ffffff; */
	}

	#Llengua {
		margin:auto;
		height:30px;
		width:100px;
		border:0px solid;
		background-color:#ffffff;
	}

	#menu {
		margin:0 auto;
	/*	margin-right:15px; */
		height:30px;
		max-width:320px;
		border:0px solid;
		background-color:#b0dadf;  /* color de fons gris-blau */
	}
}

/* Resolució fins de 321px fins 425px */
@media only screen and (min-width:321px) and (max-width:425px) {
	#capcalera {
		margin:0 auto;
		max-width:425px;
		height:70px;
		background-color:#ffffff;
	}
	#capseparador {
		max-width:425px;
		border:0px solid #000000;
		height:15px;
		background-color:#ffffff;
	}
	#subcapcalera1{
		max-width:425px;
		border:0px;
		height:40px;
		border:0px solid;
		background-image: url("../images/skyline1500.jpg");
		background-size: 100% 100%;
		background-color:#ffffff;
	}
	#subcapcalera2 {
		float:left;
		width:120px;
		height:40px;
		border:0px;
		background-color:#ffffff;
	}
	#subcapcalera3 {
		float:left;
		max-width:190px;
		height:40px;
		border:0px solid;
	}
	#subcapcalera4 {
		margin-right:0px;
		float:right;
		max-width:100px;
		height:30px;
		border:0px solid;
	/*	background-color:#ffffff; */
	}

	#Llengua {
		margin:auto;
		height:30px;
		width:100px;
		border:0px solid;
		background-color:#ffffff;
	}

	#menu {
		margin: 0 auto;
		height:30px;
		max-width:425px;
		border:0px solid;
		background-color:#b0dadf;  /* color de fons gris-blau */
	}	
}

/* Resolució fins de 426px fins 767px */
@media only screen and (min-width:426px) and (max-width:767px) {
	#capcalera {
		margin:0 auto;
		max-width:767px;
		height:100px;
		background-color:#ffffff;
	}
	#capseparador {
		max-width:767px;
		border:0px solid #000000;
		height:20px;
		background-color:#ffffff;
	}
	#subcapcalera1{
		max-width:767px;
		border:0px;
		height:60px;
		border:0px solid;
		background-image: url("../images/skyline1500.jpg");
		background-size: 100% 100%;
		background-color:#ffffff;
	}
	#subcapcalera2 {
		float:left;
		width:200px;
		height:60px;
		border:0px;
		background-color:#ffffff;
	}
	#subcapcalera3 {
		float:left;
		max-width:467px;
		height:60px;
		border:0px solid;
		background-color:#ffffff;
	}
	#subcapcalera4 {
		float:right;
		max-width:100px;
		height:30px;
		border:0px solid;
	/*	background-color:#ffffff; */
	}

	#Llengua {
		margin:auto;
		height:30px;
		width:100px;
		border:0px solid;
		background-color:#ffffff;
	}
	
	#menu {
		margin:0 auto;
		height:30px;
		max-width:767px;
		border:0px solid;
		background-color:#b0dadf;  /* color de fons gris-blau */
	}

}

/* Resolució a partir de 768px */
@media only screen and (min-width:768px) {
	#capcalera {
		margin:0 auto;
		max-width:1000px;
		min-width:400px;
		height:100px;
		background-color:#ffffff;
	}
	#capseparador {
		max-width:1000px;
		border:0px solid #000000;
		height:20px;
		background-color:#ffffff;
	}
	#subcapcalera1{
		max-width:1000px;
		border:0px;
		height:60px;
		border:0px solid;
		background-image: url("../images/skyline1500.jpg");
		background-size: 100% 100%;
		background-color:#ffffff;
	}
	#subcapcalera2 {
		float:left;
		width:200px;
		height:60px;
		border:0px;
		background-color:#ffffff;
	}
	#subcapcalera3 {
		float:left;
		max-width:600px;
		height:60px;
		border:0px solid;
		background-color:#ffffff;
	}
	#subcapcalera4 {
		float:right;
		max-width:130px;
		height:40px;
		border:0px solid;
	/*	background-color:#ffffff; */
	}

	#Llengua {
		margin:auto;
		height:40px;
		width:130px;
		border:0px solid;
		background-color:#ffffff;
	}
	
	#menu {
		margin:0 auto;
		height:30px;
		max-width:1000px;
		min-width:400px;
		border:0px solid;
		background-color:#b0dadf;  /* color de fons gris-blau */
	}
}

@media only screen and (max-width:320px) {
	#cosdiapo {
		margin:0 auto;
		padding:0px;
		margin-right:15px;
		width:95%;
		height:150px;
		z-index:0;
		border:0px solid #000000;
		border-color:#000000;
		background-color:#ffffff;
	}
}

@media only screen and (min-width:321px) and (max-width:425px) {
	#cosdiapo {
		margin:0 auto;
		padding:0px;
		margin-right:15px;
		width:96%;
		height:150px;
		z-index:0;
		border:0px solid #000000;
		border-color:#000000;
		background-color:#ffffff;
	}
}

@media only screen and (min-width:426px) and (max-width:767px) {
	#cosdiapo {
		margin:0 auto;
		padding:0px;
		margin-right:20px;
		width:96%;
		height:220px;
		z-index:0;
		border:0px solid #000000;
		border-color:#000000;
		background-color:#ffffff;
	}
}

@media only screen and (min-width:768px) {
	#cosdiapo {
		margin:0 auto;
		padding:0px;
		max-width:1000px;
		min-width:768px;
		height:350px;
		z-index:0;
		border:0px solid #000000;
		border-color:#000000;
		background-color:#ffffff;
	}
}

#cos {
	margin:0 auto;
	max-width:1000px;
	padding:0px;
	border:0px solid #000000; 
	border-color:#000000;
	background-color:#ffffff;
}

#cosseparador {
	margin:0 auto;
	max-width:1000px;
	height:20px;
	border:0px solid #000000; 
	background-color:#ffffff;
}

#cos p:nth-child(even){
	font-family:"Helvetica";
	font-size:18px;
	margin:0px;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:50px;
	padding-right:50px;
	color:#0179c9;
	background-color:#dddddd;
}

#cos p:nth-child(odd){
	font-family:"Helvetica";
	font-size:18px;
	margin:0px;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:50px;
	padding-right:50px;
	color:#0179c9;
	background-color:#ffffff;
}

#cos h1{
	font-family:"Helvetica";
	text-align:center;
	font-size:24px;
	color:#999;
}

#timatges {
	margin:0 auto;
	max-width:1000px;
	padding:0px;
	display:block;
	border:0px solid #000000; 
	border-color:#000000;
	background-color:#ffffff;
}

#peu {
	margin:0 auto;
	max-width:1000px;
	padding-top:14px;
	height:40px;
	background-color:#cccccc;
	color:#000000;
	text-align:center;
	font-family: "Helvetica";
	font-size: 18px;
	text-decoration:none;
}