body {
padding:0;
margin:0;
background:url(images/fons.jpg);
background-repeat:repeat-x;
background-color:#000000;
/*overflow-x:hidden;*/
}
blockquote{
	margin:0;
	padding:0;
	margin-left:10px;
	padding-left:10px;
}
table {
border:0; 
border-collapse:collapse;
}


#principal {
	position:relative;
	width: 800px;
	height: 600px;
	left:50%;
	margin-left:-400;
	/*border:dotted 1px white;*/
}
#principal table {
	margin-top:200px;
	padding:5px;

}
#principal table td {	
	padding:5px;
}
#logo {
	position:relative;
	top:19px;
	left:32px;
	width:200px;
}
#auditorias {
	position:relative;
	width:800px;
	left:-400px;
	margin-left:50%;
	top:75px;
	vertical-align:top;
}
#auditorias  h2 {
	width:250px;
	font-family:arial;
	font-size:1.1em;
	color:white;
	margin:0;
	padding:0;
}
#auditorias table{
	margin-top:20px;
	font-family:verdana;
	font-size:0.7em;
	padding:4px;
}
#auditorias table a{
	color:white;
	text-decoration:none;
}
#auditorias table th{
	padding:4px;
	text-align:left;
	color:white;
}

#auditorias span a:link{
	padding:4px;
	text-align:left;
	color:#528983;
}

#auditorias span a:visited{
	padding:4px;
	text-align:left;
	color:#528983;
}

.celda {
	width:500px;
	border:solid 1px grey;
	padding:4px;
	background-color:white;
}
.peu {
	border-right:solid 1px grey;
	border-bottom:solid 1px grey;
	padding:4px;
	color:white;
	text-align:right;
	width:25%;
	text-align:center;
	vertical-align:middle;
}
.fletxa{
	width:500px;
	border-left:solid 1px grey;
	border-bottom:solid 1px grey;
	padding:4px;
	color:white;
	text-align:right;
	width:5%;
	text-align:center;
	vertical-align:middle;
}
#cliente {
	padding-top:10px;
	padding-left:15px;
	position:absolute;
	left:570px;
	width:170px;
	height:110px;
	background-image:url(images/cliente.jpg);
	background-repeat:no-repeat;
	font-family:verdana;
	font-size:0.7em;
}
#cliente a {
	color:white;
}
#paginacio {
	width:150px;
	color:white;
	
}
/*#paginacio p {
	font-family:verdana;
	color:white;
	font-size:0.7em;
}*/
#paginacio a:link{
	color:white;
	text-decoration:underline;
}
#paginacio a:visited{
	color:white;
	text-decoration:underline;
}
#form_acceso table p{
	font-family:verdana;
	font-size:11px;
	color:white;
	text-align:right;
}
#acceso {
	position:absolute;
	top:45px;
	left:1040px;
	font-family: verdana;
	font-size:11px;
	color:white;
	text-decoration:none;
}
#acceso a:link{
	color:white;
	text-decoration:none;
}
#acceso a:visited{
	color:white;
	text-decoration:none;
}
#volver {
	font-family:verdana;
	font-size:11px;
	color:white;
	position:absolute;
	top:147px;
	left:570px;
	text-decoration:none;
	z-index:2;
}
#volver a:link {
	color:white;
	text-decoration:none;
}
#volver a:visited {
	color:white;
	text-decoration:none;
}
.blanc {
	color:white;
	font-family:verdana;
	font-size:11px;
	text-align:right;
	text-decoration:none;
}
.zona_btn {
	color:white;
	font-family:verdana;
	font-size:11px;
	text-align:right;
	text-decoration:none;
}
.zona_derecha {
	color:white;
	text-decoration:none;
	text-align:right;
}
#foliaje{
	float:left;
	position:relative;
	border:solid 1px #646464;
	width:250px;
	margin:0;
	padding:0;
	padding-bottom:15px;
	margin-top:15px;
	background-color:#303030;
	list-style-type:none;	
	overflow:auto;
	overflow-y:hidden;
	scrollbar-arrow-color: #000066;
	scrollbar-base-color: #384646;
	scrollbar-dark-shadow-color: #384646;
	scrollbar-track-color: #384646;
	scrollbar-face-color: #528983;
	scrollbar-shadow-color: #DDDDDD;
	scrollbar-highlight-color: #CCCCCC;

}
#arbre {
	float:left;
	width:350px;
	margin:0;
	padding:0;	
	list-style-type:none;
	overflow:hidden;
	padding-bottom:100px;
	
}
#arbre li{
	padding:0;
	margin:0;
	
}
#arbre li p{
	font-family:verdana;
	font-size:11px;
	margin:0;
	padding:0;	
	color:#999999;
}
#arbre li a:link, #arbre li a:visited{
	color:white;
	text-decoration:underline;
}
#arbre li a:hover{
	color:#999999;
	text-decoration:none;
}
#resultats{
	margin-left:15px;
	margin-top:15px;
	padding:0 0 15px 0;
	float:left;
	border:solid 1px #646464;
	width:525px;
	background-color:#303030;
}