* {
  border:0;
	margin:0;
	padding:0; 
	text-decoration:none;
}

ul{
	overflow: hidden;
	width:100%;
}

a:link,a:visited,a:active{
	
}
a:hover{
	
}

.left{
	float:left;
}

.vermell{
	color:#9D102D;
}

div{
	float:left;
}

html,body {
	height:100% auto;
}

body {
	background-color: white;
	
	color:#8B8D90;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
}

#principal{
/*	background-color: Aqua;*/
	width:765px;
	margin:0 auto;
/*	height: auto !important;*/
	height:100%;
/*	min-height:100%;*/
	float:none;
	overflow:hidden;
}

/*

<- 190 - 370 - 190 ->

*/

#contenedor{
	height:100%;
	width:765px;
	float:left;
	margin-top:10px;
}

	/*------------- COLUMNA ESQUERRA --------------*/
	#columna_esquerra{
		width:200px;
		margin-right:5px;
		/*height: 100%;*/
		text-align:right;
		font-size:11px;
		
	}
	
	#columna_esquerra a:link,#columna_esquerra a:visited,#columna_esquerra a:active{
		color: #BABA9E;
	}
	#columna_esquerra a:hover{
		color:#9D102D;
	}
	
		#logo{
			float:right;
			width:183px;
			height:143px;
			background-color:white;
		}
		
		#logo a{
			margin-top:90px;
			width:183px;
			height:53px;
			display:block;
			background-position: top right;
			background-repeat: no-repeat;
		}
		
		#menu{
			background-color: white;
			width:100%;
			color:#8B8D90;
			float:right;				
		}
		
			#menu ul{
				float:right;
				width:130px;
				list-style: none;
				margin-top:20px;
				border-top:1px solid #EFEDDB;
				text-align:right;
			}
		
			#menu ul li{
				padding-top:4px;
				padding-bottom:5px;
				border-bottom:1px solid #EFEDDB;
				margin-right:4px;
				padding-right:5px;
			}
			
			#menu ul li:hover,#menu ul li.marcat{
				background-image: url(../img/fletxa_color.gif);
				background-repeat: no-repeat;
				background-position: left;
			}
			
			#menu ul li a:link,#menu ul li a:visited,#menu ul li a:active{
				color:#8B8D90;		
			}
		
			#menu ul li a:hover{
				color:#9D102D;
			}
			
		#submenu{
			background-color: white;
			padding-right:5px;
			color:#8B8D90;
			float:right;
			width:100%;
		}
		
			#dades_clar{
				color:#D5D5C3;		
				padding-top:183px;		
				text-align:right;
				float:right;
			}
		
		#submenu #subseccions{
			text-align:right;
			list-style:none;
			padding-top:40px;
			width:100%;
		}
		
		#submenu #subseccions li.fletxa_grissa{
			background-image: url(../img/fletxa_grissa.gif);
			background-position: top right;
			background-repeat: no-repeat;
			padding-bottom:18px;
			padding-left:16px;
		}

		#submenu #subseccions li.descripcio{
			width:200px;
			margin-bottom:8px;
		}
		
		#submenu #subseccions li.subseccio{
			font-weight:bold;
			margin-bottom:8px;
			width:200px;
		}
		
		#submenu #subseccions li.subseccio a:link,#submenu #subseccions li.subseccio a:visited,#submenu #subseccions li.subseccio a:active{
			color:#8B8D90;
		}
		#submenu #subseccions li.subseccio a:hover{
			color:#9D102D;
		}
		
			#submenu #subseccions #items{
				font-weight:normal;
				list-style:none;
				margin-top:5px;
				text-align:right;
			}

			#submenu #subseccions #items li.item{
				margin-top:2px;
				font-size:9px;
			}
		
		
	/*------------- COLUMNA CENTRAL -----------*/
			
	#columna_central{
		width:366px;
		height: 100%;
		background-color: #E9EACF;
		margin-bottom:-5000px;
		padding-bottom:5000px;
	}
	
	#columna_central_legal{
		width:551px;
		height: 100%;
		background-color: #E9EACF;
		margin-bottom:-5000px;
		padding-bottom:5000px;
	}
	
		span.rodona_blanca{
			background-image: url(../img/rodona_blanca.gif);
			background-position: top center;
			background-repeat:no-repeat;
			width:15px;
			height:15px;
			float:left;
		}
	
		#flash_central{
			width:366px;
			height:260px;
			float:left;
	/*		background-color:#E9E6CF;*/
		}
		#flash_entrada{
			width:336px;
			height:174px;
			text-align:center;
			float:left;
		}
		
		#contingut{
			padding-bottom:50px;
			color:#6E6E51;
			padding-left:15px;
			padding-right:15px;
			text-align:left;
			min-width:336px;
			float:left;
		}
		
		#legal_explorer_6{
			width:99.5%;
			height:0;
			line-height:0;
			border:1px solid #E9EACF;
		}
		
		#contingut p{
			margin-bottom:10px;
		}
		
		#contingut p.portfolio{
			margin-bottom:10px;
			margin-left:5px;
			margin-right:5px;
			display:block;
			text-align:justify;
			overflow:hidden;
			height:15px
		}
		
		#contingut h1{
			font-weight:normal;
			font-size:22px;		
			color:#9D102D;
			margin-top:34px;
			margin-bottom:30px;
		}

		#contingut h2{
			font-weight:normal;
			font-size:18px;		
			color:#9D102D;
			margin-top:35px;
		}

		#contingut h3{
			font-weight:normal;
			font-size:12px;		
			color:#6E6E51;
			margin-bottom:30px;
		}
		
		#contingut h4{
			font-weight:normal;
			font-size:18px;		
			color:#9D102D;
			margin-top:34px;
			margin-bottom:30px;
		}

		#contingut h5{
			font-weight:bold;
			font-size:16px;	
			letter-spacing: -1px;	
			color:#9D102D;
			margin-top:34px;
			margin-bottom:30px;
		}

		#contingut #gif_entrada{
			background-image: url(../img/entrada.gif);
			background-position: center top;
			background-repeat: no-repeat;
			width:336px;
			height: 174px;
			margin-top:10px;
			padding-bottom:100px;
		}
		
		#contingut ul{
			list-style: url(../img/fletxa_blanca_li.gif);
		}
		#contingut ul li{
			margin-left:20px;
			padding-bottom:5px;
		}
		
		#formulario {
			padding-top:20px;
			float:left;
			margin-left:3px;
		}
		
		#formulario ul{
			list-style: none;
			float:left;
		}
		
		#formulario ul li{
			list-style: none;
			float:left;
			margin-left:0;
		}

		#formulario ul li.label{
			width:70px;
		}

		#formulario ul li.label label{
			float:left;
			margin-top:3px;
		}

		#formulario ul li.camp{
			width:250px;
		}
		
		#formulario ul li input,#formulario ul li textarea{
			font-family: Arial, Helvetica, sans-serif;
			font-size:11px;
			margin-top:3px;
		}
		
		#formulario ul li input.camp,#formulario ul li textarea.camp{
			color:#6E6E51;
			width:100%;
			background-color: #E9EACF;
			border-bottom: 1px solid white;
		}

		#formulario ul li textarea.camp{
			height:70px;
		}

		#formulario ul li.button a{
			background-image: url(../img/fletxa_grissa_2.gif);
			background-position: center left;
			background-repeat: no-repeat;
			font-size:12px;
			padding-left:12px;
		}
		
		#formulario ul li.button a:link,#formulario ul li.button a:visited,#formulario ul li.button a:active{
			color:#8B8D90;
		}
		#formulario ul li.button a:hover{
			background-image: url(../img/fletxa_marro_2.gif);
			color:#6E6E51;
		}

	
	/*------------- COLUMNA DRETA ------------*/
	
	#columna_dreta{
		width:185px;
		/*background-color: Green;*/
		/*height: 100%;*/
		text-align:left;
	}
	
		#idiomes{
			background-color: white;
			/*height:70px;*/
			width:175px;
			margin-left:5px;
			color:#CFCFBD;
		}
		
		#idiomes_legal{
			background-color: white;
			height:164px;
			width:180px;
			padding-left:5px;
			color:#CFCFBD;
			float:left;
		}
		
			#idiomes ul,#idiomes_legal ul{
				list-style:none;
				margin-top:6px;
				text-align: left;
			}
		
			#idiomes ul li,#idiomes_legal ul li{
				margin-bottom:3px;
			}
			
			#idiomes ul li.marca, #idiomes_legal ul li.marca{
				color:#969684;
			}
		
		
		
		#flash_lateral{
			background-color: white;
			height:600px;
			width:185px;
			padding-bottom:50px;
			color:#6E6E51;
		}
		
		#flash_lateral p{
			margin-left:5px;
		}
		
		#flash_lateral h1{
			margin-left:5px;
			padding-top:15px;
			font-size:11px;
			color:#9D102D;
		}
		
		#flash_lateral h2{
			padding-top:10px;
			margin-left:5px;
			font-size:11px;
		}

		#flash_lateral a:link,#flash_lateral a:visited,#flash_lateral a:active{
			margin-left:7px;
			color:#6E6E51;
		}
		#flash_lateral a:hover{
			margin-left:7px;
			color:#9D102D;
		}
		
	/*------- PIE ----------------*/
	#pie{
		width:100%;
		height:0;
		line-height:0;
	}


/*---------------- resultado_mensaje ---------------*/
#resultado_mensaje{
	overflow: hidden;
	display:block;
	width:300px;
	padding:10px 0 10px 20px;	
}

.resultado_mensaje_ok{
}	

.resultado_mensaje_err{
	font-weight: bold;
	color: Red;	
}		

/*-------------- no flash ---------------*/
div.no_flash{
	width:366px;
	float: none;
}
div.no_flash p{
	margin:10px auto;
	padding:20px 0;
	overflow:hidden;
	width:300px;
	border:5px solid red;
	background-color: white;
}
ul.no_flash{
	width:366px;
	overflow:hidden;
	float: none;
	list-style:none;
	padding-left:8px;
}
ul.no_flash li{
	float:left;
	margin:0 2px;
}

#flash_central a:link,#flash_central a:visited,#flash_central a:active{
	color:#8B8D90;
}
#flash_central a:hover{
	color:#9D102D;
}
