body	{
	background-color: #fff;
	margin: 0px;
	margin-top: 35px;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 110%;
}

#inicio h1 {background: url(imatges/txtfer.gif) no-repeat top center;}
#bene h1 {background: url(imatges/txtini.gif) no-repeat top center;}
#formacion h1 {background: url(imatges/txt2plataforma.gif) no-repeat top center;}
#contenidos h1 {background: url(imatges/txtcont.gif) no-repeat top center;}
#conocimiento h1 {background: url(imatges/txtconmt.gif) no-repeat top center;}
#proyectos h1 {background: url(imatges/txtproj.gif) no-repeat top center;}
#info h1 {background: url(imatges/txtmapa.gif) no-repeat top center;}
#contacto h1 {background: url(imatges/txtcontacte.gif) no-repeat top center;}

h2 {
	font-size: 100%;
	margin: 20px 0 10px 0;
	padding: 20px 0 0 0px;
	color: #333;
	border-top: 1px dotted #999;
}

#contacto2 h2 {
	margin: 60px 0 20px 0;
}

h3 {
	font-size: 75%;
	margin: 0 0 10px 0;
	padding: 2px 0 2px 15px;
	color: #fff;
	background: #333;
}

p {
	font-family : Arial, Helvetica, sans-serif; font-size: 80%; letter-spacing: 0.7px; font-weight : normal; line-height: 140%;
	color: #777;
	margin: 0;
	margin-bottom: 10px;
}

ul {
	font-family : Arial, Helvetica, sans-serif; 
	font-size: 90%; 
	letter-spacing: 0.7px; 
	font-weight : normal; 
	line-height: 140%;
	color: #666;
	margin-bottom: 10px;
	list-style-image: url(imatges/vale.gif);
}

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

em	{
	line-height: 120%;
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif; 
}

strong	{
	font-weight : normal; 
	color: #000;
}

a:link {
	text-decoration: none;
	color: #c00 /*17d*/;
	font-weight: normal;
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0px; 
}

a:visited {
	text-decoration: none;
	color: #c00;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	letter-spacing: 0px; 
}

a:hover {
	text-decoration: underline;
/*	color: #fff; */
/* 	background-color: #17d; 354487 */
}

div.mostra a:link, div.mostra a:visited {font-weight: bold;}

.nono {
	display:none;
	}
	
.botons {
	vertical-align: top;
	margin-left: -5px;
	height: 21px;
	width: 29px;
}

#nav {
	position: absolute;
	left: 0px;
	top: 0px;
	background: #fff url(imatges/logoB.gif) no-repeat top center;
	margin: 35px 0 0 0;
	padding-top: 170px;	
	*padding-top: 185px; /* hack per IE6 - IE7 */
	padding-right: 0px;
	width: 210px;
	text-align: left;
}

/* body>#nav {
   position: fixed;
}
*/
#nav ul {
	font-weight: normal;
	font-size: 80%;
	line-height: 180%;
	list-style-type: none;
	list-style-image: none;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0px; 
}

#nav ul li {
	padding: 0 0 0 17px;	
}

#nav ul li.actual {
	background: url(imatges/aqui.gif) top left no-repeat;
}

#nav ul #contact {
	margin: 40px 0 0 0;
}

#cont {
	margin: 0 0 0 210px;
	padding: 0 0 30px 0;
	width: 500px;
}

#cont p {
	font-size: 90%;
	padding: 0;
}

#cont h1 {
	margin: 20px 0 20px 0;
	height: 40px;
	padding: 0 0 0 20px;
}

div.mostra {
	margin: 0;
	padding: 30px 0 0 0;
	border-top: 1px dotted #666;
}

div.mostra img {
	margin: 0px 30px 30px 0px;
	float: left;
	border: 1px solid #666;
}

#cont div.mostra p {
	font-size: 75%;
}

#cont div.mostra h3 {
	background: #666;
}

#nav li {
	margin: 0 0 0 0;
}

#coldreta {
	position: absolute;
	left: 0px;
	margin: 63px 0 0 750px;
	*margin: 61px 0 0 750px; /* hack per IE6 - IE7 */
	width: 160px; 
}

#coldreta #icons {
	padding: 10px 0 0 0;
	text-align:left;
}

#coldreta #icons img {
	margin: 15px 0 0 0;
}

#coldreta p {
	font-size: 60%;
	line-height: normal;
	color: #666;
	text-align: left;
	border-bottom: 1px dotted #666;
	padding: 15px 0 10px 0;
	background: transparent url(imatges/out.gif) top right no-repeat;
	letter-spacing: normal;
}

#coldreta strong, em {
	font-weight: normal;
	color: #000;
}

#coldreta p.sensepunts {
	border-bottom: 0;
	padding: 0;
	background: transparent;
	color: #666;
}

#coldreta a:link {
	font-weight: bold;
}

#coldreta a:visited {
	font-weight: bold;
}

#info p.reg, #contacto p.reg {
	font-size: 80%;
}

#contacto2 p.mess {
	margin: 0px 0 100px 0;
}


#peu {
	clear: both;
  	border-top: 1px dotted #666;
	margin-left: 210px;
	padding: 20px 0 10px 0;
	background-color: #fff;
	width: 700px;
}

#peu p {
	font-size: 75%;
}

#peu img {
	margin-right: 7px;
}
#peu a:link {
	font-weight: bold;
}

#peu a:visited {
	font-weight: bold;
}

/* FORMS 
---------------------------------------- */

#acceso {
	margin-bottom: 30px;
}

#contacto fieldset {
border: 0px solid #BBBBC4;
margin: 30px auto;
display: block;
width: 400px;
padding: 0px;
}

#contacto label {
display: block;
font-size: 80%;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666;
margin: 0;
padding: 0 0 3px 0;
}

#nombre, #empresa, #email, #telefono, #text {
width: 400px;	
background: #F4F5F9;
border: 1px solid #BBBBC4;
margin: 0 0 10px 0;
padding: 0;
}

#nombre:focus, #empresa:focus, #email:focus, #telefono:focus, #text:focus {
background: #FFF;
}

#botEnviar {
display: block;
font-size: 50%;
margin: 0 auto;
}