a:link { color: #6D2542; text-decoration: none; }
a:visited { color: #999999; text-decoration: none; }
a:hover { color: #6D2542; text-decoration: underline; }
a:active { color: #999999; text-decoration: none; } 

body { margin:0; padding:0; font-family: Arial, Verdana, sans-serif; font-size: 12px;}


#container {
width:810px;
margin: auto;
}

#pageHeader {
background: transparent url(header.jpg) no-repeat center top;
border:0px dotted #999999;
height: 390px;
}

#explanation {
border-bottom:0px dotted #999999;
width:560px;
float: left;
}

#explanation h3 {
margin: 0;
margin: 0;
color: #6D2542;
font-family: Arial, Helvetica;
font-weight: bold;
font-size: 18px;
}
#explanation h4 {
margin: 0;
color: #6D2542;
font-family: Arial, Helvetica;
font-weight: bold;
font-size: 14px;
}

#pageHeader h1, #pageHeader h2 {
display:none;
}

form div { margin-top: 10px; }
#linkList {
padding:0 0 0 0;
width: 180px;
border:0px dotted #666666;
background: transparent url(orchid.jpg) no-repeat bottom;
float:left;
}

#linkList ul {
	text-align: left;
	list-style: none;
	margin: 0 0 0 0;
	padding:0 0 15px 35px;
	font-size:10px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	border:0px dotted #666666;
	width:120px;
	}

#linkList ul li{
	margin: 0;
	padding: 3px 0 3px 0;
}

#linkList ul li a, #linkList ul li a:visited {
	border-bottom: none;
	outline:0;
}

#linkList ul li a:hover {
	color: #999999;
	text-decoration: underline;
}

#lselect {
	font-size: 0.9em;
}

#lselect ul li {
	padding: 3px 0 3px 20px;
	background: transparent url(/img/bullet.jpg) no-repeat 2% 25%;
	color:#999999;
}

#lselect a {
	display: block;
	font-size: 1.1em;
	color: #6D2542;
}

#lselect a.c {
	display:inline;
	line-height:5px;
	margin:0;
	padding:0;
	font: normal 1.0em/0.9em Geneva, Arial, Tahoma, sans-serif;
	color: #999999;
	letter-spacing: -1px;
}

#lselect {
	margin-bottom: 5px;
	border:0px solid #000000;
}

#lselect h3 {
	width: 196px;
	height: 40px;
	margin-bottom:-20px;
	padding:10px 0 0 35px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-transform: uppercase;
	color:#999999;
}

#footer { text-align: center; margin-top: 40px; }
#footer img { margin: 0 40px; vertical-align: middle; }
#explanation input.altres { border: 1px  #6D2542 outset }
#explanation input.error { border: 1px red solid; background: #ffeeee }
#explanation textarea  { border: 1px  #6D2542 outset; width: 300px; height: 90px; }

div#dadespersonals div {clear: both;}
div#dadespersonals div label {display: block; height: 30px; width: 100px; float:left; text-align: right; margin-right: 5px;}
div#dadespersonals div input {width: 200px; float:left;}

div#buttonbar { text-align: right; }
input.enviar { background: url(/images/button_bg.gif) repeat-x top left; padding: 2px 10px; }
input.enviar:hover { background: url(/images/button_hover.gif) repeat-x center left; }


img { border:0 }
div.fin { clear: both; }
p.llegirmes {text-align: right}
p.llegirmes a { text-decoration: underline; color: #6D2542; }
div#consentiment { margin-top: 2em }
div.icon { float:left;}
ul.opcions { float:left; margin-left: 50px;}
div.chart { margin: 20px 100px 80px;  }
div.error_message { color: red; float: left; }