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

body { background-image: url(../images/fons_web2.gif); margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#505050; line-height:20px; }
h1 { color:#184dbc; font-size:24px; letter-spacing:-2px; font-weight:bold; /*padding-left:18px;*/ }
ul { list-style:none; margin-top:0px; margin-left:-20px; line-height:15px;}
li {padding-top:5px;}

#logo { background-image:url(../images/header_logoB.gif); background-repeat:no-repeat; height:116px; width:980px; margin-left:-100px; }

#content { border: 0px solid; width:980px; margin:auto;}
#menu { width:980px; margin:0px; background-color:#184DBC; height:30px; border-top: 1px solid; color:#FFF;}
	
	

/*home*/
#centre{ margin-left:18px; overflow:visible;  }
	.big-promo { width:948px; height:351px;}
	
#info {  width: 948px; }
	.info-txt { width: 689px; height:110px; float: left; margin-top:10px; margin-right:6px; background-color:#e9e9e9; background-image:url(../images/gris-txt.gif); background-repeat:no-repeat; background-position:top;}
		.contingut-txt { text-align:justify; padding-left:20px; padding: 20px 20px 20px 20px;}
	.info-news { width: 245px; height:110px; float: right; margin: 10px 0px 10px 0px; background-color:#e9e9e9; font-size:11px; }
		.title { background-color:#d9d9d9; font-weight:bold; padding-left:20px; padding-top:10px; padding-bottom:10px;}
		#info a { text-decoration:none; color:#505050;}

#novetats-vending { width: 948px; padding-top:5px; padding-bottom:35px;}
#novetats { width: 948px; margin-top:-10px; }
	.nov-foto { width: 293px; height:133px; /*background-image:url(../images/foto-limitador.jpg);*/ margin-right:6px;  float: left;}
	.nov-virtual { width: 244px; height:142px; background-image:url(../images/botiga-gravis.jpg); margin-right:6px;  float: left;}
	.nov-txt { /*width: 625px;*/ width:685px; float: right; margin: 15px 0px 10px 0px; text-align:justify;}
			.pdf{ text-align:right;}
			.pdf a { color:#184dbc; text-decoration:none; font-weight:bold; font-size:10px;}

/*disseny de projectes*/
.big-promo-projectes { background-image:url(../images/big-promo-projectes.jpg); width:948px; height:350px;}
.big-promo-projectesEs { background-image:url(../images/big-promo-projectes_es.jpg); width:948px; height:350px;}
.big-promo-projectesFr { background-image:url(../images/big-promo-projectes_fr.jpg); width:948px; height:350px;}

#info-projectes {  width: 948px; }
	.info-txt-projectes { width: 689px; height:180px; float: left; margin-top:10px; margin-right:6px; background-color:#e9e9e9; background-image:url(../images/gris-txt.gif); background-repeat:no-repeat; background-position:top;}
	.info-news { width: 245px; height:110px; float: right; margin: 10px 0px 10px 0px; background-color:#e9e9e9; font-size:11px; }
	.info-news a { text-decoration:none; color:#505050;}

#manteniment { width: 948px; margin-top:5px; }
	.projectes-foto { width: 293px; height:133px; background-image:url(../images/foto-manteniment.jpg); margin-right:6px;  float: left;}


/*serveis integrals*/
.big-promo-serveis { background-image:url(../images/big-promo-serveis.jpg); width:948px; height:350px;}
.big-promo-serveisEs { background-image:url(../images/big-promo-serveis_es.jpg); width:948px; height:350px;}
.big-promo-serveisFr { background-image:url(../images/big-promo-serveis_fr.jpg); width:948px; height:350px;}

#banners-serveis { width: 948px; /*padding-top:50px;*/ padding:30px 0px 10px 0px;}

/*vending*/
.big-promo-vending { background-image:url(../images/big-promo-vending.jpg); width:948px; height:350px;}
.big-promo-vendingEs { background-image:url(../images/big-promo-vending_es.jpg); width:948px; height:350px;}
.big-promo-vendingFr { background-image:url(../images/big-promo-vending_fr.jpg); width:948px; height:350px;}

#marques { /*background-image:url(../images/marques.gif); background-repeat:no-repeat;*/ width:948px; height:203px; padding-bottom:10px;}
	.linia3 { border-top:1px solid; color: #CCCCCC; width:948px; margin-top:25px; margin-bottom:20px;}
#noves-ofertes { width: 948px; margin-top:5px; }
#segona-ma { width: 948px; margin-top:5px; }
#banners-vending { width: 948px; padding:10px 0px 10px 0px;}

/*contacte*/
.mapa { height:496px; width:100%;}
.carrer { height:143px; background-image:url(../images/contacte.gif); background-position:left; background-repeat:no-repeat;}
.txt-carrer{ width:300px; padding-left:135px; padding-top:20px; font-size:15px;}

.butlleti{ width:370px; }
.butlleti-bot {background:url(../images/butlleti-bot.jpg); background-repeat:no-repeat; color:#fff; cursor: pointer; float:right; font-size:10px; font-weight:bold; width:87px; height:25px; border:0; }
.butlleti-bot:hover {background:url(../images/butlleti-bot.jpg); background-repeat:no-repeat; width:87px; height:25px; color:#fff; border:0; background-position:bottom; }


/*banners*/
#banners { width: 948px; /*padding-top:50px;*/ padding:40px 0px 10px 0px;}
	.banner-projectes { width:293px; height:133px; background-image:url(../images/banner_projectes.jpg); float:left; margin-right:33px; }
	.banner-projectes2 { width:293px; height:133px; background-image:url(../images/banner_projectes.jpg); float:right; }
	.banner-serveis {  width:293px; height:133px; background-image:url(../images/banner_serveis.jpg); float:left; margin-right:33px; }
	.banner-vending {  width:293px; height:133px; background-image:url(../images/banner_vending.jpg); float:right;}
	.banner-home {  width:293px; height:133px; background-image:url(../images/banner_home.jpg); float:left; margin-right:33px;}

	.banner-serveisEs {  width:293px; height:133px; background-image:url(../images/banner_serveis_es.jpg); float:left; margin-right:33px; }
	.banner-projectesEs { width:293px; height:133px; background-image:url(../images/banner_projectes_es.jpg); float:left; margin-right:33px; }
	.banner-projectes2Es { width:293px; height:133px; background-image:url(../images/banner_projectes_es.jpg); float:right;  }

	.banner-serveisFr {  width:293px; height:133px; background-image:url(../images/banner_serveis_fr.jpg); float:left; margin-right:33px; }
	.banner-projectesFr { width:293px; height:133px; background-image:url(../images/banner_projectes_fr.jpg); float:left; margin-right:33px; }
	.banner-projectes2Fr { width:293px; height:133px; background-image:url(../images/banner_projectes_fr.jpg); float:right;  }


/*serveis jolinespro*/
.big-promo-jolines { background-image:url(../images/big-promo-jolinespro.jpg); width:948px; height:350px;}
.big-promo-jolinesES { background-image:url(../images/big-promo-jolinespro_es.jpg); width:948px; height:350px;}

	.info-txt-jolines { width: 689px; height:316px; float: left; margin-top:10px; margin-right:6px; background-color:#e9e9e9; background-image:url(../images/gris-txt.gif); background-repeat:no-repeat; background-position:top;}
	.info-txt-jolinesES { width: 689px; height:331px; float: left; margin-top:10px; margin-right:6px; background-color:#e9e9e9; background-image:url(../images/gris-txt.gif); background-repeat:no-repeat; background-position:top;}

	.info-serveis-jolines { width: 245px; /*height:110px;*/ float: right; margin: 10px 0px 10px 0px; background-color:#e9e9e9; font-size:11px; }

#banners-jolines { width: 948px; padding:30px 0px 10px 0px;}
	.banner-jolines-grafic {  width:293px; height:133px; background-image:url(../images/jolines-banner-grafic-cat.jpg); float:left; margin-right:33px;}
	.banner-jolines-graficES {  width:293px; height:133px; background-image:url(../images/jolines-banner-grafic-es.jpg); float:left; margin-right:33px;}
	.banner-jolines-web { width:293px; height:133px; background-image:url(../images/jolines-banner-web-cat.jpg); float:left; margin-right:33px; }
	.banner-jolines-webES { width:293px; height:133px; background-image:url(../images/jolines-banner-web-es.jpg); float:left; margin-right:33px; }
	.banner-jolines-socialmedia {  width:293px; height:133px; background-image:url(../images/jolines-banner-socialmedia.jpg); float:right;}

/* fi serveis jolinespro*/


.linia { border-top:1px solid; color: #CCCCCC; width:948px; padding:0px 0px 10px 0px;}
	.linia2 { border-top:1px solid; color: #CCCCCC; width:948px; margin-top:145px;}
.clear { clear: both; background: none; }



	#footer { background-color:#000; color:#fff; border-color:#dcdcdc; border: 1px solid; background-image:url(../images/footer.gif); height:25px; width:948px; margin-left:17px; }
		.footer-txt { font-size:10px; font-weight:bold; margin-top:5px; margin-left:5px;}
		.separa-blau { color:#0e46b8;}
		.footer-txt a { color:#FFF; text-decoration:none;}
		.footer-txt a:hover { color:#0e46b8; text-decoration:none;}