body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#333333;
	line-height: 140%;
	margin: 0px;
	padding: 0px;
	background: #E2E2E7 url(../imatges/fons3.jpg) center top no-repeat;

}


#contenidor {
	width: 760px;
	margin: auto auto 15px;
	text-align:center;
	background-color:#FFFFFF;
	background-image: url(../imatges/fons_continguts.png);
	background-repeat: repeat-y;
	background-position: right;
	}

#menuidiomes {
	margin:0 30px 20px 0;
	padding:0px;
	font-size:0.95em;
	text-align:right;
	color:#333333;
	}

#capsalera {
	margin:0;
	padding:0;
	text-align:left;
	background:url(../imatges/fons_capsalera5.png) no-repeat center top;	
}

#menu {
	margin:15px 0 0 0;
	padding:0;
	text-align:center;
	line-height:200%;
	font-size:0.95em;

	}
	

#menu2, #menu2estret {
	margin: 0;
	padding: 0 10px 10px 10px;
	text-align:left;
	line-height:200%;
	font-size:0.95em;
	color:#FF6600;
	font-weight:bold;
	border-bottom: 1px solid #ccc;
	background-color:#F6f6f6
	}	


/*
ul#menucontacte {margin: 0; padding: 0; display:block; width:100%}
ul#menucontacte li {display:inline; list-style:none; padding: 0; background:none}
ul#menucontacte li a {
	display:block; 
	float: left; 
	padding: 2px 5px; 
	margin: 5px 1px 20px; 
	width:auto; 
	color: #333;
	border: 1px solid #e0e0e0; 
	background-color:#f6f6f6; 
	font-size:80%;
	text-decoration:none; }

ul#menucontacte li a:hover  {color: #FF6600;}	
ul#menucontacte li a.actual {color: #FF6600; background-color:#fff}
*/


ul#menucontacte
{
padding: 3px 0;
margin-left: 0;
margin-bottom: 1.5em;
border-bottom: 1px solid #e0e0e0;
}

ul#menucontacte li
{
background-image:none;
list-style: none;
margin: 0;
padding: 0;
display: inline;

}

ul#menucontacte li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #e0e0e0;
border-bottom: none;
background: #f6f6f6;
text-decoration: none;
color: #333;
font-size:80%;
margin-bottom:0;
background-image:url(../imatges/fons_menu.png);


}


ul#menucontacte li a:hover
{
border-color: #ccc;
color: #FF6600;
}

ul#menucontacte li a.actual
{
background: white;
border-bottom: 3px solid white;
color: #FF6600;
}




#continguts {
	padding: 0 0px 0px 30px;
	border-top: none;
	clear: both;
	margin: 0px;
	text-align:left;


	}
	
#imatgeprincipal {
margin-top: 5px;
	}	
	
#esquerra {
	width:425px;
	float:left;	
	margin-left:15px;
	padding-bottom:25px;
	padding-top:25px;
}

#aplicacions {
	padding:6px;
	border:1px solid #FFE6CC;
	background: #FFEAD5;
	color:#000000;
}

.col1 {
float:left;
width: 200px;
margin-bottom:10px;
clear:both;
}

.col2 {
	float:left;
	width:200px;
	margin-left:20px;
	margin-bottom:10px;
	margin-top: 0;
	margin-right: 0;
}

.col1 img, .col2 img {
border: 1px solid #ccc}

.col1 p, .col2 p {
margin-top: 0;
}

.col1 ul, .col2 ul {
margin-left:0;
}

.col1 h4, .col2 h4 {
margin: 1em 0 0.5em 0;
}

#dreta {
	width:250px;
	float:right;
	margin: 0;
	background:url(../imatges/fons_dreta.jpg) no-repeat left top;	
	background-color:#F5F5FF;
}

#peupagina {
	margin:0;
	padding: 6px 20px 10px;
	text-align:left;
	font-size:0.9em;
	color:#444;
	border-top: 1px solid #fff;
	background:url(../imatges/fons_peu_5.png) no-repeat center bottom;	
	}

.interiordreta {
	padding:20px 30px 25px 20px;
	font-size:1em;
	
}


p {
	margin: 0.5em 0;
	}

a { color: #333366; }

a:visited {
	color: #000;
}

a:hover { color: #FF6600 }

a.pdf {padding-left: 20px; background:url(../imatges/pdf.png) top left no-repeat; text-decoration:none }


#capsalera a:link, #capsalera a:visited  {
	color:#333333;
	text-decoration:none;
	margin-right:7px;
	}
	
#capsalera a:hover  {
	color:#FF6600;
	text-decoration:none;
	}	
	
#menuidiomes a:link, #menuidiomes a:visited  {
	color:#333;
	text-decoration:none;
	}
	
#menuidiomes a:hover  {
	color:#FF6600;
	text-decoration:none;
	}

#peupagina a {
	text-decoration:none;
	}

#menu2 a {
	text-decoration:none;
	padding: 0 8px;
	}
	
#menu2estret a {
	text-decoration:none;
	padding: 0 8px;
	}

#menu2 .actiu, #menu2estret .actiu {
	color: #FF6600;
	}


h1, h2, h3, h4 { color: #000033; } 

h1 {
	font-size:1.7em;
	padding-bottom: 5px;
	margin-bottom: 15px;
	line-height:1.25em;
/*	background:url(imatges/ratlla_punts_h.png) repeat-x bottom;*/
	}

h2  {
	font-size:1.3em;
	
	}
	
h3 {
	font-size:1.2em;
	}	
h4 {
	font-size:1.1em;
	}	

.interiordreta h4{
	padding-left:6px;
	background-image:url(../imatges/punt_dreta.png);
	background-position:left top;
	background-repeat:no-repeat;
	margin: 15px 0 10px 0;
}

li {
	list-style:none;
	padding-left: 10px;
	background-image: url(../imatges/punt_llistes.png);
	background-repeat: no-repeat;
	background-position: 0 .2em;	
	}

ul {
	margin: 6px 0 6px 25px;
	padding: 0;
	}
	

.interiordreta ul {
	margin-left: 0;
}

.interiordreta li {
	background-image: url(../imatges/punt_dreta.png);
	margin-top:0.5em;
}


/* menus listamatic http://css.maxdesign.com.au/listamatic/horizontal08.htm */

#navlist
{
border-bottom: 1px solid #ccc;
margin: 0;
padding-bottom: 19px;
padding-left: 12px;
}

#navlist ul, #navlist li
{
display: inline;
list-style-type: none;
margin: 0;
padding: 0;

}

#navlist a:link, #navlist a:visited
{
background: #E8EBF0;
border: 1px solid #ccc;
color: #333;
float: left;
font-weight: bold;
line-height: 14px;
margin-right: 3px;
padding: 2px 6px;
text-decoration: none;
background-image:url(../imatges/fons_menu.png);
background-position:right bottom;
background-repeat:no-repeat;


}

#navlist a:link#current, #navlist a:visited#current
{
background: #f6f6f6;
border-bottom: 1px solid #f6f6f6;
color: #000;
}

#navlist a:hover { color: #FF6600; }

#navlist ul a:hover { color: #FF6600 !important; }

	
.destacat {
	font-weight:bold;
	}
	
.requadre {
	padding:10px;
	border:1px solid #DED7CF;
	background: #EEEAE6;
	color:#000000;
	margin-bottom: 20px;
	}	
	
.requadre li {
	background-image: url(../imatges/punt_llistes_requadre.png);
	margin-top:0.5em;
	}	
	
.requadre ul {
	margin-top:0;
	}		
	
.requadre img {
	margin: .5em 1em 0 0;
	float: left;
	}

			
.fotodreta 	{
	color: #999999;
	font-size:.8em;
	line-height:normal;
}

.fotodreta img {
	padding-top: 10px;
	}

	
/*********** items galeria */

#galeria {
text-align:center;
width:100%;
margin-bottom: 25px;
padding:0px;
}

.itemgaleria, .itemgaleriaalta, .itemgaleriaample { 
	width:130px;
	min-height:133px;
	margin:4px;
	padding:0px;
	display:inline;
	text-align:left;
	float:left;
	background-color:#f0f0f0;
	border: 1px solid #CCCCCC;
}

.itemgaleriaalta { 
	height:166px;
}
.itemgaleriaample { 
	width:200px;
	height:155px;
}

.itemgaleria p, .itemgaleriaalta p, .itemgaleriaample p  {
	font-size:.8em;
	padding:0 5px;
	margin: 0;
	line-height:normal;
	}	

.itemllistagrafica ul, .itemllistagrafica li {
float:left;
text-align:left;
display: inline;
list-style-type: none;
margin: 0;
padding: 5px 0;
font-size:0.9em;
line-height:0.8em;
}


.notes {
	font-size:0.85em;
	line-height:normal;
	padding: 0 5px;
	color:#666666;
	}
	
.clearboth {
	clear:both
}
	
/* formulari de contacte */ 
/* extret de http://www.realworldstyle.com/forms.html */

form {
	border: 0px solid #CCCCCC;
	background-color: #fff;
}

input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #666;
}

div.row {
  clear: both;
  padding-top: 5px;
  }

div.row span.label {
  float: left;
  width: 140px;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 275px;
  text-align: left;
  } 
  
div.spacer {
 clear: both;
}


input[type=checkbox] {border:none}


.requadre {
border: 1px solid #ccc;
background-color:#EEEAE6;
padding:15px;
margin: 15px 0;
}
.llistapuntscoldreta {
	border: 1px solid #CCCCCC;
	float: right;
	width: 250px;
}


.llistatcatalegs ul {
margin: 0;
padding: 0;
list-style:none;
}

.llistatcatalegs li {
float:left;
text-align:left;
display: inline;
margin: 0;
padding: 10px 6px 12px 0;
font-size:0.9em;
background-image:none;
text-align:center;
}

.llistatcatalegs li a {
text-decoration:none;
}

ul#diapos { list-style:none; margin:0;}

ul#diapos li {margin: 0; padding: 0;  height: 350px}