body, html {margin:0px auto;background: transparent url(../_img/ratlles-blaves.png);font-family:Arial,Helvetica;font-size:11pt;}
.contenidor {top:0;left:0;width:100%;height:95%;background: transparent url(../_img/cercles-blancs.png) no-repeat 50% 15%;padding-top:15px;}
.contenidor[class] {position:absolute;display:table;overflow:auto;}
.contingut {position:absolute;top: 50%;}
.contingut[class] {display: table-cell;vertical-align: middle;position: static;}
.verticals {width:990px;margin: 0 auto;position: relative;}
.capsalera {width:990px;height:326px;position:relative;}
.capsalera img {border:none;}
.mig {width:990px;height:auto;float:left;background-color:white;margin-top:-1px;}
.esquerra {width:329px;height:335px;float:left;}
.dreta {width:661px;height:auto;float:left;}
.dreta img {border:1px solid #1c9fcd;}
.dreta-internet {width:120px;height:auto;float:left;margin:0px 67px 30px 0px;}
.dreta-internet img {border:1px solid #1c9fcd;}
.dreta a {text-decoration:none;color:#1c9fcd;}
.dreta a:hover {text-decoration:underline;}
.cercles {width:267px;height:63px;float:left;margin:37px 0px 0px 61px;background: transparent url(../_img/cercles.jpg) no-repeat;}
.menu {width:255px;height:auto;float:left;margin:28px 0px 0px 61px;padding:0px 0px 0px 12px;}
.menu li {margin:0px 0px 0px -35px;list-style:none;}
.menu li img {border:none;}
.menu-principal {}
.menu-principal img {border:none;}
.fons_treballs {width:522px;height:379px;position:absolute;top:130px;left:440px;background: transparent url(../_img/fons-treballs.png) no-repeat;display:none;}

.fons_treballs_anterior_treballs {width:25px;height:auto;padding-left:10px;float:left;margin-top:170px;}
.fons_treballs_seguent_treballs {width:25px;height:auto;float:right;margin-top:170px;}
.fons_treballs_treball {width:442px;height:auto;margin:0 auto;float:left;}
.fletxa_ant_tre {border:none;display:none;cursor:hand;cursor:pointer;}
#treball {border:none;display:none;margin:0 auto;margin-top:25px;}
.fletxa_seg_tre {border:none;display:none;cursor:hand;cursor:pointer;}
#logotip {border:none;display:none;}
.dreta_grafisme1 {margin:0px 0px 0px 108px;float:left;}
.dreta_grafisme1 img {border:none;cursor:hand;cursor:pointer;}
.dreta_grafisme2 {padding:40px 0px 0px 108px;float:left;line-height:28px;}
.dreta_grafisme1_1 {width:auto;height:143px;padding:5px 0px 0px 0px;margin:0px 0px 0px 0px;float:left;}
.anterior {width:15px;float:left;display:none;}
.seguent {width:15px;float:left;display:none;margin:0px 0px 0px 15px;}
.anterior_entitats {width:15px;float:left;display:none;}
.seguent_entitats {width:15px;float:left;display:none;margin:0px 0px 0px 15px;} 
.anterior_treballs {width:15px;float:left;display:none;}
.seguent_treballs {width:15px;float:left;display:none;margin:0px 0px 0px 15px;} 
.dreta_grafisme3 {float:left;width:330px;height:auto;}
.dreta_grafisme3_1 {width:330px;height:25px;margin:47px 0px 0px 20px;}
.dreta_grafisme3_2 {width:340px;height:25px;margin:4px 0px 0px 20px;}
.dreta_grafisme3_3 {width:330px;height:25px;margin:5px 0px 0px 20px;}

.dreta_publicitat1 {width:81px;height:95;margin:90px 0px 0px 405px;float:left;}
.dreta_publicitat2 {width:120px;height:108;margin:20px 0px 0px 55px;float:left;}
.dreta img {border:0px;}
.dreta a {text-decoration:none;color:#1c9fcd;}


.dreta_marxandatge_1 ul img:nth-child(1){border:1px solid #3f86d2;}
.dreta_marxandatge_1 ul img:nth-child(3){border:1px solid #d69e0d;}
.dreta_marxandatge_1 ul img:nth-child(5){border:1px solid #c8c8c8;}
.dreta_marxandatge_1 ul img:nth-child(7){border:1px solid #0d6468;}
.dreta_marxandatge_1 ul img:nth-child(9){border:1px solid #000;}
.dreta_marxandatge_1 ul img:nth-child(11){border:1px solid #e08788;}
.dreta_marxandatge_1 ul img:nth-child(13){border:1px solid #715e55;}
.dreta_marxandatge_1 ul img:nth-child(15){border:1px solid #689bcb;}

.dreta_marxandatge_1 span {
	font-size:10pt;
}




.dreta_marxandatge_1 img {
	display: block;
	border:none;
	margin-top:4px;
}

.dreta_marxandatge_1 img:last-child {
	position:relative;
	background-image: url(ie-hovergrad.png);
	background-image: -moz-linear-gradient(rgba(0,0,0,0.65),rgba(0,0,0,0.8));
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(0,0,0,0.65)),color-stop(1, rgba(0,0,0,0.8)));
/*
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
*/
	/*padding:38px 25px;*/
	-o-transition: margin 0.25s;
	-webkit-transition: margin 0.25s;
	-moz-transition: margin 0.25s;
}

.dreta_marxandatge_1 li:hover img:last-child {
	margin:-103px 0 0 0;
}

.grid {
	list-style: none;
	float:left;
	margin:0;
	padding:0;
}

.grid li {
	float: left;
	width: 88px;
	margin:15px 0;
	position:relative;
	height:126px;
	overflow:hidden;
	width:88px;
}

.grid li:nth-of-type(1n+1) {
	margin-left:0px;
	margin-right:30px;
}

.grid li:nth-of-type(4n+1) {
	clear: both;
}


.dreta_marxandatge_1 {width:500px;height:auto;float:left;margin:0px 0px 0px 125px;}
.dreta_marxandatge_1_1 {width:100px;height:130px;float:left;margin:0px 0px 0px 0px;}
.dreta_marxandatge_1_2 {width:100px;height:130px;float:left;margin-left:23px;}
.dreta_marxandatge_1_3 {width:100px;height:130px;float:left;margin-left:23px;}
.dreta_marxandatge_1_4 {width:100px;height:130px;float:left;margin-left:23px;}
.dreta_marxandatge_1_5 {width:100px;height:130px;float:left;margin-left:0px;margin-top:20px;}
.dreta_marxandatge_1_6 {width:100px;height:130px;float:left;margin-left:23px;margin-top:20px;}
.dreta_marxandatge_1_7 {width:100px;height:130px;float:left;margin-left:23px;margin-top:20px;}
.dreta_marxandatge_1_8 {width:100px;height:130px;float:left;margin-left:23px;margin-top:20px;}

.dreta_digital_1 {width:570px;height:auto;float:left;margin:0px 0px 0px 70px;}
.dreta_digital_1_1 {width:65px;height:91;float:left;margin:0px 0px 0px 350px;}
.dreta_digital_1_2 {text-align:right;width:65px;height:91;float:left;margin:0px 0px 0px 50px;}
.dreta_digital_1 img {border:0px;}
.dreta_digital_1_1 a {text-decoration:none;color:#1c9fcd;text-decoration:none;}

.dreta_mapa_1 {width:570px;height:auto;float:left;margin:40px 0px 0px 107px;line-height:22px;}

.peu {width:910px;margin:10px auto;padding-left:80px;padding-bottom:100px;}

a {outline:none;}
.clear {clear:both;}



@font-face {font-family: DIN-Light;font-style:normal;font-weight:normal;src: url(../_fonts/DIN-LIGH.TTF) format("truetype");}
h1 {font-family:DIN-Light,sans-serif;font-size:18pt;font-weight:bold;margin-bottom:0px;margin-top:0px;}
.grafisme_inici h1 {color:#dd761e;}
.publicitat_inici h1 {color:#b8a80d;}
.marxandatge_inici h1 {color:#df0047;}
.digital_inici h1 {color:#5eb935;}
.internet_inici h1 {color:#b91fb4;}
.dreta-internet a {font-size:9pt;}
.abc {font-family:DIN-Light,sans-serif;font-size:14pt;color:#dd761e;} /*b8a80d*/
h3 {font-family:DIN-Light,sans-serif;font-size:11pt;font-weight:normal;color:#000;margin-bottom:0px;margin-top:0px;}
.principal1 {font-family:DIN-Light,sans-serif;color:#e00047;font-weight:normal;font-size:14pt;text-decoration:none;}
.principal2 {font-family:DIN-Light,sans-serif;color:#000;font-weight:normal;font-size:14pt;text-decoration:none;}
.principal3 {font-family:DIN-Light,sans-serif;color:#000;font-weight:normal;font-size:12pt;text-decoration:none;}

.m_p_grafisme {font-family:DIN-Light,sans-serif;color:#00a5d5;font-weight:normal;font-size:37pt;text-decoration:none;}
.m_p_grafisme:hover {color:#dd761e;}
.m_p_publicitat {font-family:DIN-Light,sans-serif;color:#00a5d5;font-weight:normal;font-size:37pt;text-decoration:none;}
.m_p_publicitat:hover {color:#b7a70d;}
.m_p_marxandatge {font-family:DIN-Light,sans-serif;color:#00a5d5;font-weight:normal;font-size:37pt;text-decoration:none;}
.m_p_marxandatge:hover {color:#df0047;}
.m_p_digital {font-family:DIN-Light,sans-serif;color:#00a5d5;font-weight:normal;font-size:37pt;text-decoration:none;}
.m_p_digital:hover {color:#5eb935;}
.m_p_internet {font-family:DIN-Light,sans-serif;color:#00a5d5;font-weight:normal;font-size:37pt;text-decoration:none;}
.m_p_internet:hover {color:#b91fb4;}

.m_p_grafisme2 {font-family:DIN-Light,sans-serif;color:#00a5d5;font-weight:normal;font-size:22pt;text-decoration:none;}
.m_p_grafisme2:hover {color:#dd761e;}
.m_p_publicitat2 {font-family:DIN-Light,sans-serif;color:#00a5d5;font-weight:normal;font-size:22pt;text-decoration:none;}
.m_p_publicitat2:hover {color:#b7a70d;}
.m_p_marxandatge2 {font-family:DIN-Light,sans-serif;color:#00a5d5;font-weight:normal;font-size:22pt;text-decoration:none;}
.m_p_marxandatge2:hover {color:#df0047;}
.m_p_digital2 {font-family:DIN-Light,sans-serif;color:#00a5d5;font-weight:normal;font-size:22pt;text-decoration:none;}
.m_p_digital2:hover {color:#5eb935;}
.m_p_internet2 {font-family:DIN-Light,sans-serif;color:#00a5d5;font-weight:normal;font-size:22pt;text-decoration:none;}
.m_p_internet2:hover {color:#b91fb4;}

.propers {font-family:DIN-Light,sans-serif;color:#00a5d5;font-weight:normal;font-size:17pt;text-decoration:none;}
.propers_petit {font-family:DIN-Light,sans-serif;color:#00a5d5;font-weight:normal;font-size:10pt;text-decoration:none;}
.publicitat_inici a {font-family:DIN-Light,sans-serif;color:#000;font-weight:normal;font-size:12pt;text-decoration:none;}
.area_edicions {width:104px;height:105px;background:transparent url(../_img/area-edicions.png);margin:-100px 0 0 407px;z-index:1;position:relative;}