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

	h1{
		font-size:180%;
		font-weight:normal;
		margin:0;
		padding:20px;
		}
	h2{
		font-size:160%;
		font-weight:normal;
		}	
	h3{
		font-size:140%;
		font-weight:normal;
		}	*/
	img{border:none;}
	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:900px;
		}	

	#container{
	margin:0 auto 0px auto;
	position:relative;
	text-align:left;
	width:900px;
		}	
	#header{
		height:80px;
		background:#5DC9E1;
		color:#fff;
		}				
	#content{
		position:relative;
		}			

/* Easy Slider */

	#slider{}	
	#slider ul, #slider li, #slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	list-style:none;
	text-decoration: none;
		}
	#slider li, /*#slider2 li*/{
	/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:900px;
	height:241px;
	overflow:hidden;
		}	

	#slider2 li{ 
	width:900px;
	height:256px;
	overflow:hidden;
		/*background:#f1f1f1;*/
		}		
	#slider2 li h2{ 
		margin:0 20px;
		padding-top:20px;
		}	
	#slider2 li p{ 
		margin:20px;
		}						
		
	p#controls, p#controls2{
		margin:0;
		position:relative;
		} 
	
	#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:-160px;
		}	
	#nextBtn, #nextBtn2{ 
		left:900px;
		}														
	#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
		display:block;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.png) no-repeat 0 0;	
		}	
	#nextBtn a, #nextBtn2 a{ 
		background:url(../images/btn_next.png) no-repeat 0 0;	
		}
		
/*//////////////////////////////////////////////////*/
.banner_contenidor {
	height: 240px;
	width: 900px;
	background-image: url(../images/fonsbanners3.png);
}
.banner1_imatge {
	float: left;
	height: 240px;
	width: 360px;
	margin: 0px 0px 0px 0px;
}
.banner1_continguts {
	float: left;
	height: 240px;
	width: 540px;
	margin: 0px 0px 0px 0px;
}
.banner1_titol {
	font-size: 20px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	margin: 25px 0px 10px 0px;
}
.banner1_destacat1 {
	font-size: 12px;
	color: #000;
	text-decoration: none;
	width: 80px;
	margin: 15px 18px 0px 10px;
	float: left;
}
.banner1_destacat2 {
	font-size: 12px;
	color: #000;
	text-decoration: none;
	width: 125px;
	margin: 15px 18px 0px 10px;
	float: left;
}
.banner1_destacat3 {
	font-size: 12px;
	color: #000;
	text-decoration: none;
	width: 90px;
	margin: 15px 0px 0px 10px;
	float: left;
}
.banner1_ico1 {
	font-size: 11px;
	color: #000;
	text-decoration: none;
	width: 50px;
	margin: 15px 0px 0px 0px;
	float: left;
	background-image: url(../images/ico_repartocostes.png);
	height: 35px;
}
.banner1_ico2 {
	font-size: 11px;
	color: #000;
	text-decoration: none;
	width: 50px;
	margin: 15px 0px 0px 0px;
	float: left;
	background-image: url(../images/ico_instalacion.png);
	height: 50px;
}
.banner1_ico3 {
	font-size: 11px;
	color: #000;
	text-decoration: none;
	width: 50px;
	margin: 20px 0px 0px 0px;
	float: left;
	background-image: url(../images/ico_repartocostes.png);
	height: 50px;
}
.banner1_ico4 {
	font-size: 11px;
	color: #000;
	text-decoration: none;
	width: 50px;
	margin: 15px 0px 0px 0px;
	float: left;
	background-image: url(../images/ico_monedes.png);
	height: 50px;
}
.banner1_txt_destacat {
	font-size: 40px;
	text-decoration: none;
	color: #FFF;
}
/*//////////////////////////////////////////////////*/
.banner2_contenidor {
	height: 241px;
	width: 900px;
	background-image: url(../images/fonsbanners2.png);
}
.banner2_imatge {
	float: left;
	height: 240px;
	width: 392px;
	margin: 0px 0px 0px 0px;
}
.banner2_continguts {
	float: left;
	height: 240px;
	width: 480px;
	margin: 0px 0px 0px 0px;
}
.banner2_titol {
	font-size: 22px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	margin: 20px 0px 0px 0px;
}
.banner2_destacat {
	font-size: 12px;
	color: #000;
	text-decoration: none;
	width: 95px;
	margin: 20px 10px 0px 0px;
	float: left;
}
.banner2_ico {
	font-size: 11px;
	color: #000;
	text-decoration: none;
	width: 14px;
	margin: 20px 0px 0px 0px;
	float: left;
}
.banner2_txt_destacat {
	font-size: 46px;
	text-decoration: none;
	color: #99CC17;
}
/*//////////////////////////////////////////////////*/