BODY{
	
	margin:0px;	
	padding:0px;
	text-align: center;
	background-color:#000;
	background-repeat: repeat-x;
	font-family:verdana,"trebuchet ms";
	color:#FFFFFF;
	font-size:13px;
}


#ctes{
	width:280px;
	float:left;
	text-align:left;
	font-size:12px;
	padding:20px;
	padding-left:38px;
	border:0px solid;
	
}

#ctes img{
	border:1px solid #ffffff;
	float:left;
	margin-right:10px;
	margin-bottom:10px;


}

#ctes p{

	font-size:12px;


}



/*************** LINKS DE SERVEIS PÀGINA PRINCIPAL *********************/


#hide{
display:none;

}

#serveis{
	width:280px;
	float:left;
	text-align:left;
	font-size:11px;
	padding:20px;
	padding-left:38px;
	border:0px solid;
	
}

#serveis a{
	width:252px;
	height:39px;
	padding-top:30px;
	padding-left:8px;
	display:block;
	margin-bottom:10px;

}
#serveis a:hover{
	color:#ffffff;
}

	
#serveis a.disseny{
	background-image:url("img/disseny.jpg");
}
#serveis a.disseny:hover{
	background-image:url("img/dissenyf.jpg");
}

#serveis a.consultoria{
	background-image:url("img/consultoria.jpg");
}
#serveis a.consultoria:hover{
	background-image:url("img/consultoriaf.jpg");
}

#serveis a.seo{
	background-image:url("img/seo.jpg");
}
#serveis a.seo:hover{
	background-image:url("img/seof.jpg");
}

#serveis a.clients{
	background-image:url("img/clients.jpg");
}
#serveis a.clients:hover{
	background-image:url("img/clientsf.jpg");
}


/*************** PAS IMATGES PRINCIPAL *********************/

#vid{

	padding:20px;
	padding-top:20px;
	padding-left:10px;
	width:582px;
	float:left;
	border:0px solid;	
	height:314px;
	background-image:url("img/ultims.jpg");
	background-repeat:no-repeat;
	background-position:top right;
}

#vid p{
	margin:0px;
	padding:0px;

}

/******************SEPARADORS*******************************/

.seppr1{
	clear:both;
	height:10px;
}
.sep{
	clear:both;
	font-size:1px;
	
}



/******************ROLLOVER*******************************/

.rollover{
 width:883px;
 padding:40px;
 padding-top:10px;
 padding-bottom:10px;
 color:#CCCCCC;
}

#kwicks {
 padding:0px;
 margin:0px;
 
	
}
 
#kwicks .kwick {
	float:left;
	display:block;
	width:175px;
	height:250px;
	text-align:left;
	
	
}

#kwicks .kwick .tancat{
	
	padding:10px;
	padding-top:65px;
	float:left;
	height:185px;
	


}


#kwicks .kwick .tancat2{
	
	padding:10px;
	padding-top:65px;
	float:left;
	height:185px;
	

}



 
#kwick_red {background-image: url("img/eweb.jpg");}
#kwick_orange {background-image: url("img/ut.jpg");}
#kwick_yellow {background-image: url("img/ecomm.jpg");}
#kwick_green {background-image: url("img/multimedia.jpg");}
#kwick_blue{background-image: url("img/estrategica.jpg");}
#kwick_indigo {background-color: indigo; color: #fff; }
#kwick_violet {background-color: violet;}






a.lks{
	color:#FFFFFF;
	text-decoration:none;
	padding-left:15px;
	padding-right:15px;
	background-image:url("img/lin.gif");
	background-repeat:no-repeat;

	background-position:right 7px;;


}
a.lks:hover{
	color:#ffbf00;
	
	
}

a.lksfi{
	color:#FFFFFF;
	text-decoration:none;
	padding-left:15px;
	padding-right:18px;
	


}
a.lksfi:hover{
	color:#ffbf00;
}

a{
	color:#FFFFFF;
	text-decoration:none;

	


}

a:hover{
	color:#ffbf00;
}


#content strong{
	color:#ffbf00;
	font-weight:normal;

}

#content{
	
	background-repeat: no-repeat;
	margin:auto;
	width: 963px;	
}

#content #cap{
	height: 33px;
	width: 940px;
	background-image: url("img/cap.jpg");
	padding-top:130px;
	text-align:left;
	padding-left:23px;
	letter-spacing:1px;
}

#content #cos{
	
	width: 963px;
	background-image: url("img/cos.jpg");	
	background-repeat:no-repeat;
	background-color:#000000;
}

#content #cos2{
	
	width: 963px;
	background-image: url("img/cos2.jpg");	
	background-repeat:no-repeat;
	background-color:#000000;
}
#content #cos3{
	
	width: 963px;
	background-image: url("img/cos3.jpg");	
	background-repeat:no-repeat;
	background-color:#000000;
}
#content #cos4{
	
	width: 963px;
	background-image: url("img/cos4.jpg");	
	background-repeat:no-repeat;
	background-color:#000000;
}
#content #cos5{
	
	width: 963px;
	background-image: url("img/cos5.jpg");	
	background-repeat:no-repeat;
	background-color:#000000;
}

#content #peu{
	height: 50px;
	width: 963px;
	background-image: url("img/peu.jpg");	
	background-repeat:no-repeat;
	background-color:#000000;
	font-size:11px;
	padding-top:160px;
}


.idiomes{
padding-left:140px;
display:inline;
font-size:11px;
}


#tags{
	width:280px;
	float:left;
	text-align:left;
	font-size:11px;
	padding:20px;
	padding-left:38px;
	border:0px solid;
	height:200px;
	
}


#noticies{

	padding:20px;
	padding-top:20px;
	padding-left:40px;
	width:552px;
	float:left;
	border:0px solid;	
	text-align:left;
	
}

#noticies p{
	margin:0px;
	padding:0px;

}

#noticies img.not{
	float:left;
	margin-right:20px;
	margin-bottom:20px;


}


.en1{

	font-size:16px;
	font-weight:bold;

}

.en2{

	font-size:14px;
	font-weight:bold;

}
.en3{

	font-size:12px;
	font-weight:bold;

}




/* category menu */
ul#cat_menu {
	float:left;
	width: 40em;
	text-align:left;
	overflow: hidden;
	margin: 0 auto;
	list-style-type: none;
	padding: 0;
	text-indent: 0;
	position: relative;
}

ul#cat_menu li {
	padding: 0;	
	margin: 0;
	border-top: 1px solid #484848;
	height: 3.5em;
	overflow: hidden;
	padding-left:1em;
	
}

ul#cat_menu li a {
	font-size: 1em;
	font-weight: bold;
	padding: 0.7em 0.5em 0.2em 0em;
	padding-bottom:0.2em;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	height: 2.7em;
}
ul#cat_menu li a img{
	float:left;
	padding-right:0em;
	margin-right:1em;
	border:1px solid #000000;	
	
}

ul#cat_menu li img{
	float:left;
	padding-left:0em;
	border:2px solid #FFFFFF;	
}

ul#cat_menu li p{
	float:left;
	padding-left:1em;
	display:block;
	width:18em;
	
}



#projectes{

	padding:20px;
	padding-top:20px;
	padding-left:10px;
	width:582px;
	float:left;
	border:0px solid;	
	background-image:url("img/ultims.jpg");
	background-repeat:no-repeat;
	background-position:top right;
}

#player2{

tex-align:left;

padding:0px;
margin:0px;
float:left;
}


/*************** LINKS DE SERVEIS PÀGINA SERVEIS *********************/


#hide{
display:none;

}

#serveis3{
	width:540px;
	float:left;
	text-align:left;
	
	padding:20px;
	padding-left:0px;
	border:0px solid;
	
}

#serveis2{
	width:540px;
	float:left;
	text-align:left;
	
	padding:20px;
	padding-left:20px;
	border:0px solid;
	
}

#serveis2 .sepv{
	width:10px;
	height:39px;
	float:left;
}

#serveis2 a{
	width:252px;
	height:39px;
	padding-top:30px;
	padding-left:8px;
	display:block;
	margin-bottom:10px;
	float:left;
	font-size:11px;

}

#serveis2 a.cp{
	width:100%;
	height:10px;
	padding-top:30px;
	padding-left:8px;
	display:block;
	margin-bottom:10px;
	background-image:url("img/lin2.gif");
	background-repeat:repeat-x;
	background-position:bottom;
	clear:both;
}

#serveis2 a.cp2{
	width:100%;
	height:1px;
	display:block;
	font-size:0px;
	background-repeat:repeat-x;
	background-position:bottom;
	clear:both;
	margin-top:0px;
	padding-top:0px;
}
#serveis2 a:hover{
	color:#ffffff;
}

#serveis2 a.nor
{	width:100%;
	font-size:12px;
	color:#ffbf00;
	margin:0px;
	padding:0px;
	height:12px;
	clear:both;
}

#serveis2 a.nor:hover
{	width:100%;
	font-size:12px;
	color:#FFFFFF;
	margin:0px;
	padding:0px;
	
	clear:both;
}
	
#serveis2 a.disseny{
	background-image:url("img/disseny.jpg");
}
#serveis2 a.disseny:hover{
	background-image:url("img/dissenyf.jpg");
}

#serveis2 a.consultoria{
	background-image:url("img/consultoria.jpg");
}
#serveis2 a.consultoria:hover{
	background-image:url("img/consultoriaf.jpg");
}

#serveis2 a.seo{
	background-image:url("img/seo.jpg");
}
#serveis2 a.seo:hover{
	background-image:url("img/seof.jpg");
}

#serveis2 a.clients{
	background-image:url("img/met1.jpg");
}
#serveis2 a.clients:hover{
	background-image:url("img/met2.jpg");
}

#serveis2 h3{
font-size:15px;



}

.navi {	list-style-type:square;
	padding:10px;
	padding-top:10px;
	margin:0px;
	padding-left:18px;
}