html,body{padding:0;margin:0;height:100%;width:100%;background-color:#ccc;font-family:arial;font-size:13px;color:#fff;}
html,body{width:100%;text-align:center;font-family:"arial","arial";}

#wrapper{width:957px;text-align:left;margin:0 auto;background-color:#fff;}

#cap{position:relative;background-image:url(../img/cap.jpg);width:949px;height:122px;margin:0 auto;}


/**********************************************menu**************************************************/
#menu{position:relative;width:949px;overflow:hidden;margin:0 auto;}
#menu a{
	float:left;
	display:block;
	margin-right:7px;
	width:232px;
	height:82px;
}
#menu a.last{margin-right:0;}

#quisom{background-image:url(../img/quisom.jpg);background-position:top;}
#associats{background-image:url(../img/associats.jpg);background-position:top;}
#noticies{background-image:url(../img/noticies.jpg);background-position:top;}
#contactar{margin:0;background-image:url(../img/contactar.jpg);background-position:top;}

#quisom:hover{background-image:url(../img/quisom.jpg);background-position:bottom;}
#associats:hover{background-image:url(../img/associats.jpg);background-position:bottom;}
#noticies:hover{background-image:url(../img/noticies.jpg);background-position:bottom;}
#contactar:hover{margin:0;background-image:url(../img/contactar.jpg);background-position:bottom;}

#quisom.selected{background-image:url(../img/quisom.jpg);background-position:bottom;}
#associats.selected{background-image:url(../img/associats.jpg);background-position:bottom;}
#noticies.selected{background-image:url(../img/noticies.jpg);background-position:bottom;}
#contactar.selected{margin:0;background-image:url(../img/contactar.jpg);background-position:bottom;}

/********************************************contingut***************************************************/
#cont{position:relative;overflow:hidden;width:949px;margin:0 auto;margin-top:22px;}
#cont div{float:left;/*border:1px solid #f00;*/color:#000;}

/*********index********/
.col1{width:232px;}
.col1 img{margin-bottom:16px;}

.col2{width:485px;}
.col2 p{margin:10px 30px 10px 12px;font-size:13px;}
.col2 span{margin:0 0 0 12px;margin-bottom:40px;}

.col3{width:230px;background-color:#C8E60A;}
.col3 .top{width:100%;background-image:url(../img/plec_verd_top.jpg);background-repeat:no-repeat;background-position:top left;text-align:center;}
.col3 .bottom{width:100%;background-image:url(../img/plec_verd_bottom.jpg);background-repeat:no-repeat;background-position:bottom left;}
.col3 p{margin:10px 11px 10px 11px;}
.col3 img{margin:20px 0 15px -9px;}
.col3 h3{margin:0 10px 0 11px;font-size:13px;}
.col3 h5{margin:0 10px 0 11px;font-size:13px;font-weight:normal;}
.col3 a{text-decoration:none;color:#000;}
.col3 a:hover{text-decoration:underline;}

/*****associat1**********/
.associat{
	border-bottom:1px dashed #C8E60A;
	margin:0 5px 0 5px;
	width:100%;
}
.associat img{float:right;margin:20px 15px 5px 35px;}

.associat h3{padding:0;font-size:14px;margin:24px 0 0 0;}
.associat h3 a{text-decoration:none;color:#000;}
.associat h3 a:hover{color:#C8E60A;}
.associat p{margin:5px 5px 5px 0;}

/*****associat2**********/
.col1_associats{
	width:239px;
	border-right:1px dashed #C8E60A;
	height:350px;
	margin-bottom:10px;
}
.col1_associats img{
	margin:0 0 10px 5px;
}

.col2_associats{
	overflow:hidden;
}
.col2_associats img{margin-left:10px;}
.col2_associats div.img_associats{border:none;}
.col2_associats h3{margin:0 5px 0 10px;font-size:14px;}
.col2_associats h4{margin:0 5px 0 10px;font-size:12px;}
.col2_associats div{float:left;width:235px;border-right:1px dashed #C8E60A;height:76px;}
.col2_associats div.text{width:690px;height:auto;border:none;}
.col2_associats div.text p{margin:10px 0 10px 10px;}
/******noticia*********/
.noticies{
	border-bottom:1px dashed #C8E60A;
	margin:0 5px 0 5px;
}
.noticies img{float:left;margin:15px 15px 10px 10px;}
.noticies p{margin:15px 10px 10px 10px;}
.noticies h4{font-size:14px;margin:15px 15px 0 10px;font-weight:normal;}
.noticies h3{font-size:14px;margin:0 15px 0 10px;}

/********contacte********/
.col1_contacte{
	width:234px;
	height:376px;
	background-color:#E9F599;
	background-image:url(../img/box_admin.jpg);
}
.col1_contacte p{margin:30px 12px 30px 12px;color:#575D89;}

.col2_contacte{
	width:700px;
	height:425px;
}
#formulari{
	width:446px;
	height:250px;
	text-align:right;
	margin-left:30px;
}
#formulari input{border:1px solid #BFBFBF;width:383px;margin-top:10px;}
#formulari textarea{border:1px solid #BFBFBF;width:383px;margin-top:10px;vertical-align:0px;height:94px;}

#formulari .button{width:auto;border:1px solid #BFBFBF;color:#fff;background-color:#66666A;cursor:pointer;}


#missatge{
	line-height:300px;
	width:100%;
	text-align:center;
	color:#000;
	vertical-align:middle;
}
#missatge span{display:block;font-weight:bold;font-size:14px;}
/********************************************peu***************************************************/
#peu{position:relative;font-weight:bold;width:949px;margin:0 auto;margin-top:10px;background-color:#00017F;height:32px;}
#peu a{text-decoration:none;color:#fff;}
#peu a:hover{color:#C8E60A;}
#peu a:hover{color:#}

#avis{float:right;margin:5px 5px 5px 0;}
#adress{float:left;margin:5px 0 0 5px;}