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

body { 
	margin:0px; 
	background-image:url(../img/fons.jpg);
	background-attachment: fixed;
	background-position: top center;
	background-repeat: no-repeat;	
	background-size: auto auto;
}

#pagewrap {
	margin:0 auto;
	position:relative;
}

#header {
	margin:0 auto;
	min-height:50px;
	height:auto;
	background: rgba(0, 0, 0, 0.7);
	border-top:solid 1px #000;
}
	#header .navega {
		margin:0 auto;
		position:relative;
		width:980px;
		height:auto;
	}
	#logo {
		margin:0 auto;
		position:relative;
		margin-top:15px;
		height:auto;
		width:275px;
	}
#cos {
	margin:0 auto;
	position:relative;
	width:980px;
	height:auto;
}
	#missatge1 {
		margin:0 auto;
		position:relative;
		margin-top:4%;
		margin-bottom:4%;
		min-height:200px;
		width:90%;
		padding:10px;
		padding-bottom:24px;
		background: rgba(133, 133, 133, 0.7);
		border: solid 1px #333;
		-webkit-border-radius: 9px;
		-moz-border-radius: 9px;
		border-radius: 9px;
		display:none;
		z-index:100;
		
		font-family:Tahoma, Geneva, sans-serif;
		line-height:20px;
		font-size:14px;
		color:#FFF;
	}
		#missatge1 a, #missatge1 a:hover {
			color:#FFF; 
		}	
		#missatge1 h1 {
			font-size:24px;
			margin:none;
		}
		#missatge1 h2 {
			font-size:18px;
		}
		#missatge1 b {
			line-height:30px;
		}
		#missatge1 .msH1 {
			padding-left:10px;
			padding-top:1px;
			padding-bottom:1px;
			background: rgba(0, 0, 0, 0.5);
		}
	.missatgesALM {
		position:absolute;
		height:auto;
		width:210px;
		
		font-family:Tahoma, Geneva, sans-serif;
		font-size:14px;
		color:#FFF;
		
		display:none;
	}
		.missatgesALM .fitxa {
			position:absolute;
			top:5px;
			left:5px;
			height:196px;
			width:200px;
			padding:5px;
			background-image:url(../img/fonsFitxa.png);
			background-position:top left;
			background-repeat:no-repeat;
			z-index:1;		
		}
		.missatgesALM .fitxa .fIcona {
			 padding-top:10px;
			 text-align: center;
		}
		.missatgesALM .llegenda {
			position:absolute;
			top:-7px;
			right:-8px;
			height:20px;
			width:auto;
			z-index:2;	
		}
		
		#missatALM1 {
			top:30px;
			left: 5%;	
		}
		#missatALM2 {
			top:250px;
			left: 50%;	
		}
		#missatALM3 {
			top:320px;
			left: 30%;	
		}
		#missatALM4 {
			top:200px;
			left: 20%;	
		}
		#missatALM5 {
			top:210px;
			left: 55%;	
		}
		#missatALM6 {
			top:350px;
			left: 10%;	
		}										
.imgIco {
	vertical-align:middle;
	margin-right:3px;
	margin-left:3px;
}		
@media screen and (max-width:980px) {
	#header .navega {
		width:98%;
	}
	#cos {
		width:98%;
	}

@media screen and (max-width:480px) {
	body { 
		background-size: auto 100%;
	}
	.missatgesALM {
		top:20px !important;
		left: 5% !important;
	}
}