body {
font-family:Helvetica, Arial, sans-serif;
font-size:68.75%; /* 11px */
background-color:black;
}

/*
estructura general
------------------
*/

div#envoltori {
width:800px;
margin:0 auto;
padding:5px 0 30px 0;
}

a#acces-directe {
color:black;
display:block;
margin-bottom:40px;
text-decoration:none;
font-size:109%;
}

	a#acces-directe:focus {color:white}

div#seleccio-idioma {
float:right;
font-size:91%;
}

	div#seleccio-idioma a {
	text-decoration:none;
	color:#B3B3B3;
	}
	
	div#seleccio-idioma a:hover {text-decoration:underline}
	
	div#seleccio-idioma span#idioma-seleccionat {
	color:white;
	}

h1#logotip {
float:left;
margin-bottom:15px;
}

div#navegacio-i-continguts {
background:transparent url(../images/fons-columna-navegacio.gif) 0 0 repeat-y;
padding-bottom:70px;
min-height:450px;
position:relative;
margin-bottom:100px;
}


div#telefon-de-contacte {
position:absolute;
bottom:20px;
left:35px;
text-align:right;
}

	div#telefon-de-contacte span.numero {
	display:block;
	font-size:218%;
	font-weight:bold;
	margin-bottom:5px;
	color:white;
	}
	
	div#telefon-de-contacte span.llegenda {
	display:block;
	color:#FEB400;
	font-size:91%;
	}

	ul#navegacio {
	float:left;
	width:220px;
	padding:10px 15px 1px 15px;
	}
	
	ul#navegacio li {margin-bottom:10px}
	
		ul#navegacio li a {
		text-decoration:none;
		font-size:109%;
		display:block;
		background-color:#FEB400;
		color:black;
		padding:3px 7px;
		text-transform:uppercase;
		}	
		
		ul#navegacio li a.seleccionat {
		background-color:#E10915;
		}
		
		ul#navegacio li ul {
		padding:5px 0;
		background-color:black;
		}
		
		ul#navegacio li li {
		margin-bottom:0;
		}
		
			ul#navegacio li li a {
			background-color:black;
			color:white;
			}
			
			ul#navegacio li li a.seleccionat {
			color:#E10915;
			background-color:black;
			}
			
				ul#navegacio li li ul {padding:0}
			
					ul#navegacio li li li {margin-left:10px}
				
						ul#navegacio li li li a {
						font-size:91%;
						}

div#continguts {
width:535px;
float:right;
color:white;
text-align:justify;
}

	div#continguts h2 {
	font-weight:bold;
	color:#FEB400;
	margin-bottom:5px;
	}

	div#continguts p,
	div#continguts ol,
	div#continguts ul,
	div#continguts dd {
	margin-bottom:15px;
	}
	
	div#continguts ul li {
	padding-left:10px;
	background:transparent url(../images/punt-llista.gif) 0 4px no-repeat;
	margin-bottom:5px;
	}

img#certificacio {
float:left;
margin-right:85px;
}

div#navegacio-inferior {
float:left;
padding-top:16px;
}

	div#navegacio-inferior a {
	text-transform:uppercase;
	color:#FEB400;
	margin-right:30px;
	text-decoration:none;
	}

div#peu-de-pagina {
margin-top:30px;
margin-bottom:15px;
color:white;
text-align:center;
font-size:91%;
}

	div#peu-de-pagina p {
	margin-bottom:5px;
	}

		div#peu-de-pagina a {
		color:white;
		text-decoration:none;
		}
		
	div#firma {
	float:right;
	font-size:81%;
	color:#B3B3B3;
	}
	
		div#firma a {
		color:white;
		text-decoration:none;
		}

/*
pàgines 
--------

portada

*/

div#banner-portada-1 {
float:left;
width:250px;
}


div#banner-portada-2 {
margin-top:15px;
}

div#noticies-en-portada {
float:right;
width:255px;
}

div#detalle-noticia p#tornar-al-llistat a {
color:#FEB400;
padding-left:15px;
background:transparent url(../images/icona-pagina-anterior.gif) left center no-repeat;
}

div#detalle-noticia div.foto {
float:none;
}

div#detalle-noticia div.text {
margin:15px 0 0 0;
}

/*
empresa

*/

p#inici-empresa {
padding-top:120px;
}

/*
productes
*/

div.llistat-de-productes {
float:left;
padding-left:12px;
width:244px;
}
	
	
	div.llistat-de-productes div.producte {
	float:left;
	width:56px;
	overflow:hidden;
	margin-right:5px;
	height:95px;
	}
	
	div.llistat-de-productes div.producte a.foto {
	border:1px solid black;
	}
	
	div.llistat-de-productes div.producte a.nom {
	display:block;
	padding-top:3px;
	color:white;
	text-align:center;
	text-decoration:none;
	}

div.detall-producte {
float:right;
width:250px;
}

	div.detall-producte h1 {
	font-size:272%;
	margin:10px 0;
	}

	
	div.detall-producte div.vistes-producte {
	float:left;
	margin-bottom:10px;
	}
	
		div.detall-producte div.vistes-producte a {
		float:left;
		margin-right:5px;
		margin-bottom:5px;	
		}
		
		div.detall-producte div.vistes-producte a.ultim-de-la-fila {margin-right:0}
	
	div#continguts div.detall-producte ul.documentacio {
	float:left;
	}
	
	div#continguts div.detall-producte ul.documentacio li {
	background-image:none;
	width:122px;
	margin:0 3px 3px 0;
	float:left;
	padding:0;
	}
	
		div#continguts div.detall-producte ul.documentacio li a {
		display:block;
		padding:3px;
		text-align:center;
		color:black;
		background-color:#FEB400;
		text-decoration:none;
		text-transform:uppercase;
		}

/* notícies */

div#navegacio-pagines {
margin-bottom:20px;
}

	div#navegacio-pagines a {
	padding-left:3px;
	padding-right:3px;
	}

	div#navegacio-pagines a.seleccionat {
	color:#FFB400;
	font-weight:bold;
	}

div.noticia {
padding-bottom:15px;
}

	div.noticia div.foto {float:left}
	
	div.noticia div.text {margin-left:245px;}
	
	div.noticia div.text a {color:#FEB400 !important;}

div#noticies-en-portada div.noticia div.text {margin-left:128px;}

/* contacto */

div.primera-columna.formulari-contacte .camp-de-text {
width:254px;
}

div.primera-columna.formulari-contacte div.accions-formulari label {
float:left;
font-size:91%;
}

div.primera-columna.formulari-contacte div.accions-formulari .boto {
float:right;
}

div.segona-columna.formulari-contacte p {
padding-top:71px;}

/*
estils generals
---------------

vincles

*/

div#continguts a {
color:white;
text-decoration:none;
}

div#continguts a:hover {
text-decoration:underline;
}

/* llistes */
div#continguts ul.descarrega-fitxers li {
background:transparent url(../images/punt-llista-descarrega-documents.gif) 0 4px no-repeat;
padding-left:15px;
}

dl dt,
dl dd {
padding-left:10px;
}

	dl dt {
	margin:10px 0;
	background:transparent url(../images/punt-llista-definicions.gif) 0 4px no-repeat;
	}
	
	dl dd {
	color:#FEB400;
	}
	
	dl dd.plegada {display:none;}
	dl dd.desplegada {display:block;}

	div#continguts dl dt.desplegada a {
	color:#FEB400;
	font-weight:bold;
	} 

/* graelles */
div.text-amb-imatge {
width:263px;
margin-right:auto;
}

div.primera-columna {
float:left;
width:260px;
}

div.segona-columna {
float:right;
width:260px;
}

div.imatge-a-la-dreta {float:right;}

/* formularis */
div.camp {
margin-bottom:15px;
}

	div.camp label {
	display:block;
	margin-bottom:3px;
	}

input, textarea {
font-size:100%;
font-family:inherit;
}

.camp-de-text {
background-color:#333333;
border:0;
padding:3px;
color:white;
}

input.boto {
border:0;
color:black;
background-color:#FEB400;
padding:3px 7px;
}

/* altres */
div.trenca-flotat {
height:1px;
clear:both;
}