/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
	/*background: #fff;*/
	background-image:url("fons_punts_negre.gif");
		margin:0px;
}

body.section-1 { }/*especificar seccions projectes n*/
body.section-2 { }
body.section-3 { }

li a {
padding:0px 2px 1px 0px;
width:145px;
height:16px;
display:block;
/*background-color:#292929;*/
}

li a:link {
text-decoration: none;
color:#555555;
padding:0px 0px 0px 0px;
}

li a:active {
text-decoration: none;
color: #666;
padding:0px 0px 0px 0px;
}

li a:visited {
text-decoration: none;
color:#555555;
padding:0px 0px 0px 0px;
}

li a:hover {
text-decoration: none;
/*background-color:#F1F1F1;*/
background-color:#EDEDED;
color:#DC0000;
font-weight:bold;
padding:0px 0px 0px 0px;
}


a {
padding:0px 2px 1px 0px;
/*background-color:#292929;*/
}

a:link {
	text-decoration: none;
	color:#000;
	padding:0px 0px 0px 0px;
}

a:active {
text-decoration: none;
color: #666;
padding:0px 0px 0px 0px;
}

a:visited {
text-decoration: none;
color:#DC0000;
padding:0px 0px 0px 0px;
}

a:hover {
text-decoration: underline;
background-color:#FFFFFF;
color:#DC0000;
padding:0px 0px 0px 0px;
}

a img { border: none; padding:0px; }

.built{
	margin:0px 0px 0px 15px;
	font-size:10px;
	color:#555555;
}

#lamare {
	width:955px;
	margin-left:auto;
	margin-right:auto;
	
}


#menu {
	float:left;
    width: 200px; /*tamany del menu esquerra*/
    position: relative; 
    height: 100%;
	text-align:left;
	margin:40px 60px 0px 0px;
	padding:3px 0px 3px 5px;
	
	
}

#menu ul {
	list-style: none;
	margin: 1px 10px 0px 10px;/* espai entre grups*/
	font-size: 10px;
	/*background-color:#292929;*/
	background-color:#FFFFFF;
}

#menu ul li.section-title {
width: 155px;
padding:3px 0px 0px 5px;
/color:#ee0101;
font-size: 13px;
font-family: Helvetica, Arial, sans-serif;
font-weight:bold; /*titol de secció*/
height:20px;
border-top:1px solid #DDDDDD;
vertical-align:top;

/*background-color:#F1F1F1;*/
background-color:#EDEDED;
}




li{
padding:0px 0px 0px 5px;
width:155px;
height:15px;
/*background-color:#F1F1F1;*/
/background-color:#EDEDED;
}

#content {/*subpagina dreta contenidor*/
	width:730px;
	float:left;
	height: 100%;
	font color:#000000;
	margin-top:0px 0px 0px 0px;
	padding:40px 0px 0px 15px;
	top: 0px;
	background-color:#FFFFFF;
}


.container {
float:left;
position:relative;
margin:left;
padding: 5px 5px 5px 5px;
background-color:#FFFFFF;
}

.container2 {
float:left;
position:relative;
padding: 5px 5px 5px 0px;
background-color:#FFFFFF;
}

#foot {
float:right;
position:relative;
padding: 0px 0px 0px 0px;
background-image: url("");
background-position:top;
background-repeat:no-repeat;
height:20px;
}

#content p { width: 1000px; margin-bottom: 9px; }

p {
    margin: 40 0 23px 0;
}

h1 { font-size: 32px; }
h2 { font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
margin-bottom:15px;
}
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }

.dins{
padding-left:10px;
}

.icona{
	width:50px;
	padding:0px 0px 0px 0px;
}

.kunster{
	width:160px;
	padding:0px 0px 0px 0px;
	color:#333333;
}


#seccio{
margin:28px 0px 24px 0px;
width:700px;
height: 20px;
background-color:#FFFFFF;
font-family: Helvetica, Arial, sans-serif;
font-weight:normal;
font-size:16px;
color:#DC0000;
/*background-image:url("/files/comunicaciografica.jpg");
background-repeat:no-repeat;*/
}

#lestudi{
margin:28px 0px 24px 0px;
width:700px;
height: 20px;
background-color:#FFFFFF;
font-family: Helvetica, Arial, sans-serif;
font-weight:normal;
font-size:16px;
color:#DC0000;
background-image:url("/files/lestudi.jpg");
background-repeat:no-repeat;
}

#grafica{
margin:28px 0px 24px 0px;
width:700px;
height: 20px;
background-color:#FFFFFF;
font-family: Helvetica, Arial, sans-serif;
font-weight:normal;
font-size:16px;
color:#DC0000;
background-image:url("/files/grafica.jpg");
background-repeat:no-repeat;
}

#corporativa{
margin:28px 0px 24px 0px;
width:700px;
height: 20px;
background-color:#FFFFFF;
font-family: Helvetica, Arial, sans-serif;
font-weight:normal;
font-size:16px;
color:#DC0000;
background-image:url("/files/corporativa.jpg");
background-repeat:no-repeat;
}

#web{
margin:28px 0px 24px 0px;
width:700px;
height: 20px;
background-color:#FFFFFF;
font-family: Helvetica, Arial, sans-serif;
font-weight:normal;
font-size:16px;
color:#DC0000;
background-image:url("/files/web.jpg");
background-repeat:no-repeat;
}

#fotoretoc{
margin:28px 0px 24px 0px;
width:700px;
height: 20px;
background-color:#FFFFFF;
font-family: Helvetica, Arial, sans-serif;
font-weight:normal;
font-size:16px;
color:#DC0000;
background-image:url("/files/fotoretoc.jpg");
background-repeat:no-repeat;
}

#arxiu{
margin:28px 0px 24px 0px;
width:700px;
height: 20px;
background-color:#FFFFFF;
font-family: Helvetica, Arial, sans-serif;
font-weight:normal;
font-size:16px;
color:#DC0000;
background-image:url("/files/arxiu.jpg");
background-repeat:no-repeat;
}

#pastilla01{
margin:0px 0px 22px 0px;
width:715px;
height: 23px;
background-color:#F1F1F1;
}

#nomprojecte{
	padding:4px 0px 0px 5px;
	margin:0px 0px 0px 0px;
	width:710px;
	height: 19px;
	background-color:#F1F1F1;
	font-weight:bold;
	font-size:12px;
	color:#333333;
}

#pastillatext{
	padding:0px 0px 20px 5px;
	margin:0px 0px 15px 0px;
	width:710px;
	background-color:#F1F1F1;
	font-weight:normal;
	font-size:11px;
	color:#333333;
}

.separaciotaula{
	height:15px;
}
}
}
#visualindex {	width: 900px; margin-top: 20px; }
  #visualindex a { float: left; display: block; width: 200px; margin: 0 20px 20px 0; padding: 1px; }
  #visualindex a:hover img { background: #09f; }
  #visualindex a span {
	float: inherit;
	margin-top: 10px;
	
}