* { padding: 0; margin: 0; }

body {
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 13px;
	 background: #E0E0E0;
	 background-image:url(imatges/fons.gif);
}

#wrapper { 
	 margin: 0 auto;
	 width: 922px;
}

#dalt {
 width: 900px;
 padding: 0px 10px ;
 height: 10px;
 margin: 0px 0px 0px 0px;
 background: #333333;
 }

#header {
 width: 900px;
 color: #333;
 padding: 10px;
 height: 110px;
 margin: 0px 0px 0px 0px;
 background-color:#F2F2F2;
 }
 #header img {
 	position:relative;
	float:left;
	}

#content { 
 width: 900px;
 color: #333;
 background: #EFEFEF;
 margin: 0px 0px 0px 0px;
 padding: 10px;

}

#titols{ 
 width: 920px;
 height:200px;
 color: #333;
 background:#463b26;
/* background: #463b26;*/
 margin: 6px 0px;
 padding: 0px;

}




#footer { 
 color: #333;
 width: 900px;
 background: #EFEFEF;
 
 clear:both;
 text-align:right;
 font-size:0.8em;
 
}

/* menu*/

#menu		{
			height: 25px;
			margin-top:82px;
			
			float:right;
			display:inline;
			position:relative;
								
			}
#menu ul    {
		margin: 0px auto;
			 }
#menu li    {
			list-style-type:none;
			display:inline;
			height: auto;
			line-height: 36px;
}

			 
#menu li a {
			color: #2D0801;
			text-decoration:none;
			width: 100px;
			height: 10px;
			float:right;
			text-align:center;
			line-height:25px;
			padding:10px 14px 10px 14px;
			border-bottom:8px solid #535653;
			display: block;
			
			}
#menu li a:hover {
		border-bottom:8px solid  #2D0801;

			}
#menu ul li a.active {
 
 	border-bottom:8px solid  #2D0801;

}			
			

/*contingut*/

#contingutinici{
	
	width: 900px;
	position: relative;
	z-index:1;

	}
	
#contingutinici img{
	margin: 0px;
	padding: 0px;
	padding-right: 5px;
	border:none;
	float:left;
}

#contingutinici p{
	color: #FFFFFF;
	width:420px;
	float:right;
	margin-top:5px;
}
h1{
	color: #FFFFFF;
	font-size: 4em;
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:10px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;	
}
h3{
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	color:#9B994B;
	top:1px;
}


h4 {
	font-size:18px;
	color:#4C1704;
	font-weight:lighter;
	margin: 10px 0px 5px 15px;
}
h5 {
	color:#FFFFFF;
	text-align:center;
}



hr.thin {
height:1px;
background-color:#4C1704;
border:none;
margin:0px 0px 15px 0px;
padding:0px;
}



/*columnes*/

#doscolumnes {
margin:0px auto;
width:750px;


}

#colesquerra {
 			width: 340px;
			 padding: 0px;
			 margin: 10px 10px 10px 0px;
			 background-color:#EFEFEF;
			 float:left;
  		 	clear: left;
			}
			
#coldreta {
 			 width: 340px;
			 padding-left: 20px;
			 margin: 10px 10px 10px 0px;
			 background-color:#EFEFEF;
			 float:left;
			
			}
			
/*contingut columna esquerra*/

#colesquerra ul {	
	list-style: none;
	width: 320px;
	margin: 5px;
	padding: 0px;
	font-size: 1.1em;
	
}	

#colesquerra li {
	margin-bottom: 10px;
	padding: 0px 0px 0px 0px;
	height: 80px;
}

#colesquerra li a {
	font-size: 9pt;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
	color: #fff;
	display: block;
	padding: 0px 5px 0px 0px;
	/*background: #9F8580;*/

}	

#colesquerra img {
margin: 0px;
padding:0px;
float:left;
padding-right: 5px;
border:none;
}

#colesquerra li a p{
padding-top:10px;
font-size:10px;
color:#2D0801;
text-align:center;
}

.web{
	background-color: #496B60;
	}
.disseny{
	background-color:#9B994B;
}
.altres{
	background-color:#9B584B;
}

/*------------treballs-----------------*/
#treballs {
 			width: 800px;
			 padding: 0px;
			 margin: 0px auto;
		}
			
#treballs ul {	
	list-style: none;
	width: 600px;
	margin: 0px auto;
	padding: 0px;
	font-size: 1.1em;
	
}	

#treballs li {
	margin-bottom: 10px;
	padding: 0px 0px 0px 0px;
	height: 80px;
}

#treballs li a {
	font-size: 9pt;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
	color: #fff;
	display: block;
	padding: 0px 5px 0px 0px;
	/*background: #9F8580;*/
	
}	

#treballs img {
margin: 0px;
padding:0px;
float:left;
padding-right: 5px;
border:none;
}

#treballs li a p{
padding-top:25px;
font-size:1em;
color:#2D0801;
text-align:center;
}

#treballs li a h5{
padding-top:10px;
font-size:1em;

text-align:center;
}
.treballsup{
margin: 0px auto;
background-color:#210905;
list-style: none;
width: 600px;
height:60px;
padding: 0px;
margin-bottom:25px;
padding-top:8px;
}

.treballsup h5{

color:#9B994B;
font-size:18px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
.treballsup p{
color:#FFFFFF;
margin-top:10px;
font-size:12px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}


/*-----------------*/
#fotoup {
	background-color:#000000;
	color:#FFFFFF;
	height:35px;
	width:435px;
	z-index:2;
	position: absolute;
	top: 140px;
	_left:0px;
	padding:5px 0px 0px 5px;
	/*background-image:url(imatges/fonssobrefoto.png);
	background-repeat:repeat-x;*/
}

#fotoup{
font-size:10px;
}

/*------------serveis----------------*/

#serveislinks ul{
list-style: none;

margin:0px auto;
}


#serveislinks li{
display:inline;
float: left;
margin:20px;
width:200px;

}


#serveislinks ul li ul {
padding:5px;
}


#serveislinks ul li ul li{
clear:both;
display:block;
margin:3px 0px;
color:#FFFFFF;
font-size:0.9em;
}
#serveislinks ul li ul li a{

color:#FFFFFF;
font-size:0.9em;
text-decoration:none;
}

#serveislinks ul li ul li a:hover{
color: #CCCCCC;
}

#serveislinks ul li ul li a:visited {
color:#FFFFFF;
text-decoration:none;
}
/* ---explicació dels serveis---*/


#colesquerraserveis{
width:480px;
float:left;
margin-right:15px;
margin-bottom:20px;
padding:0px;

}

#coldretaserveis{
width:250px;
display:inline;
padding:0px;
float:right;
}
 
#coldretaserveis ul {	
	list-style: none;
	width: 240px;
	margin: 5px;
	padding: 0px;
	font-size: 1.1em;
	
}	

#coldretaserveis li {
	margin-bottom: 10px;
	padding: 0px 0px 0px 0px;
	
}

#coldretaserveis li a {
	font-size: 9pt;
	font-weight: bold;
	text-align: right;
	height: 80px;
	text-decoration: none;
	color: #fff;
	display: block;
	padding: 0px 5px 0px 0px;
	
	
}	

#coldretaserveis img {
margin: 0px;
padding:0px;

padding-right: 5px;
border:none;
}

#coldretaserveis li a p{
padding-top:10px;
font-size:10px;
color:#2D0801;
text-align:center;
} 
 
/*---------------------------------------------------*/
.dissenyweb{
color:#496B60;
background:#F2F2F2;
font-size:1em;
font-family:"Times New Roman", Times, serif;
}
.dissenygrafic{
color:#9B994B;
background:#F2F2F2;
font-size:1em;
font-family:"Times New Roman", Times, serif;
}
.altresmenu{
color:#9B584B;
background:#F2F2F2;
font-size:1em;
font-family:"Times New Roman", Times, serif;
}