/* CSS Document */

body {
	margin: 0px;
	background-position:center;
	background-color: #3C393A;
}

#barradalt{
	height:130px;
	background-image:url(../imatges/fonscap.jpg)

}
#barradalt2{
	height:145px;
	background-image:url(../imatges/fonscap.jpg)

}
#tot{
	position: absolute;
	left: 50%;
	margin-left: -450px;
	width: 900px;
	height: 200px;
	top: 0px;
}

#cap{
	float:left;
	height:70px;
	width:900px;
}
#logo{
	float:left;
	height:51px;
	width:248px;
	background-image:url(../imatges/logo.jpg);
	background-repeat:no-repeat;
}
#logo a{
	display:block;
	height:51px;
	width:248px;

}


#barracentre{
	height:auto;
	background-position: center;
	background-repeat: repeat-y;
	background-color: #353535;

}



#banners{
	height:auto;
	width:232px;
	float:right;

}

#bannerbaix{
	width:667px;
	height:auto;
	float:left;
	background-color: #CCCCCC;
	border-top: 1px solid #ffffff;


}


#banner1{
	margin:0px;
	height:84px;
	width:232px;
	float:left;
	background-color: #999999;
	border-bottom: 1px solid #ffffff;

}
#banner1 a {
text-decoration: none;	
padding-top:62px;
padding-right:15px;
display:block;
height: 22px;
float:left;
width:217px;
background: url(../imatges/banner1.jpg);
} 
/* Ahora las caraterísticas especiales */
#banner1 a:hover {
color: #ffffff;
background-position: 0 -84px;
} 


#banner2{
	height:84px;
	width:232px;
	float:left;
	background-color: #999999;
	border-bottom: 1px solid #ffffff;
	background-image: url(../imatges/banner2.jpg);

}
#banner2 a {
text-decoration: none;	
padding-top:62px;
padding-right:15px;
display:block;
height: 22px;
float:left;
width:217px;
background: url(../imatges/banner2.jpg);
} 
/* Ahora las caraterísticas especiales */
#banner2 a:hover {
color: #ffffff;
background-position: 0 -84px;
} 






#banner3{
	height:84px;
	width:232px;
	float:left;
	background-color: #999999;
	border-bottom: 1px solid #ffffff;
	background-image: url(../imatges/banner3.jpg);
}
#banner3 a {
text-decoration: none;	
padding-top:62px;
padding-right:15px;
display:block;
height: 22px;
float:left;
width:217px;
background: url(../imatges/banner3.jpg);
} 
/* Ahora las caraterísticas especiales */
#banner3 a:hover {
color: #ffffff;
background-position: 0 -84px;
} 


#banner4{
	height:70px;
	width:130px;
	float:left;
	background-color: #999999;
	border-right: 1px solid #ffffff;
	background-image: url(../imatges/banner5.jpg);
}
#banner4 a {
	text-decoration: none;
	display:block;
	height:55px;
	width:120px;
	float:left;
	background: url(../imatges/banner5.jpg);
	background-position: 0 -135px;
} 
/* Ahora las caraterísticas especiales */
#banner4 a:hover {
color: #ffffff;
background-position: 0 0px;
} 


#banner5{
	height:70px;
	width:213px;
	float:left;
	background-color: #999999;
	border-right: 1px solid #ffffff;
	background-image: url(../imatges/banner7.jpg);
}
#banner5 a {
	text-decoration: none;
	display:block;
	height:55px;
	width:202px;
	float:left;
	background: url(../imatges/banner7.jpg);
	background-position: 0 -135px;
	border-right: 1px solid #ffffff;
} 
/* Ahora las caraterísticas especiales */
#banner5 a:hover {
	color: #ffffff;
	background-position: 0 0px;
} 


#banner6{
	height:70px;
	width:132px;
	float:left;
	background-image: url(../imatges/banner5.jpg);
}
#banner6 a {
	text-decoration: none;
	display:block;
	height:55px;
	width:120px;
	float:left;
	background: url(../imatges/banner6.jpg);
	background-position: 0 -135px;
	border-right: 1px solid #ffffff;
} 
/* Ahora las caraterísticas especiales */
#banner6 a:hover {
	color: #ffffff;
	background-position: 0 0px;
} 

#banner7{
	height:70px;
	width:172px;
	float:left;
	background-color: #999999;
	border-right: 1px solid #ffffff;
	background-image: url(../imatges/banner7A.jpg);
}
#banner7 a {
	text-decoration: none;
	display:block;
	height:55px;
	width:182px;
	float:left;
	background: url(../imatges/banner7A.jpg);
	background-position: 0 70px;
} 
#banner7 a:hover {
	color: #ffffff;
	background-position: 0 0px;
} 


#bannerxic{
	height:64px;
	width:232px;
	float:left;
	background-color: #999999;

}
#bannerxic a {
	text-decoration: none;
	padding-top:45px;
	display:block;
	height: 19px;
	float:left;
	width:217px;
	background: url(../imatges/banner4.jpg);
	padding-right: 15px;
} 
/* Ahora las caraterísticas especiales */
#bannerxic a:hover {
color: #ffffff;
background-position: 0 -64px;
} 
#bannernotis{
	height:135px;
	width:232px;
	float:left;
	background-color: #666666;
	background-image: url(../imatges/bannernotis.jpg);
	border-bottom: 1px solid #ffffff;

}

/*PART DE BAIX DE LA WEB*/

#final{
	height:40px;
	float: left;
	background-color: #515558;
	width: 900px;
	margin: auto;
	background-image: url(../imatges/fonspeu.jpg);
}
#barracul{
	height:auto;
	background-image: url(../imatges/fonspeu.jpg);
	background-repeat: repeat-x;
	background-color: #525051;

}

#tot3{
	position: relative;
	left: 50%;
	margin-left: -450px;
	width: 900px;
	top: 0px;
}


/*CONTINGUT DE LA WEB*/


#web{
	width:900px;
	height:auto;
	background-color:#333333;
	float: left;
	background-image: url(../imatges/fonsgran.jpg);
	background-repeat: repeat-y;

}


#tot2{
	position: relative;
	left: 50%;
	margin-left: -450px;
	width: 900px;
	height: auto;
	background-repeat: repeat-y;
}

#cos{
	height:420px;
	width:900px;
}

#contingut{
	width:667px;
	float:left;
	height:auto;
	background-color: #FFFFFF;
}

.titolnoti{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #e4a65d;

}
.titular{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-transform: uppercase;

}
.data{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:80px;
	float:left;
	font-size: 11px;
}
.cuerpo{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:470px;
	float:left;
	font-size: 11px;
	}

#logointegra{
	float:right;
	width:270px;
	height:46px;
}