/* CSS Document */

p, body, ul, li, img{	
	margin: 0; 
	border: 0; 
	padding: 0; 
	text-decoration: none; 
	list-style-type: none;
}
body {		
	min-width: 765px;
}
a { cursor: pointer; }
#mare {
	margin: 0 auto;
	width:765px;
}
/*
----------------------------------------------------------------------------- 
CAPÇALERA
-----------------------------------------------------------------------------*/
#cap {
	background: #CCC url(../img/cap.gif) repeat top center; 
	height: 81px;
}
#cap h3{
	display: none;
	color: #4A9EEF;
	margin: 0;
	padding: 0;
	background: inherit; 
}
#idioma{
	padding: 2px;;
	background-color: inherit; 
	color: #4A9EEF;
	font-family: 'Tahoma', sans-serif;
	font-size: 10px;
}
#idioma a {
	color: #4A9EEF;
	background:#FFF;
	text-decoration: none;
}
#idioma a:hover {
	color: #FFF;
	background:#4A9EEF;
	text-decoration: none;
}
/*
----------------------------------------------------------------------------- 
MENU
-----------------------------------------------------------------------------*/
#menu {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	width: 130px;
	padding: 14px 0px 20px 0px;
	line-height: 5px;
	margin: 0px;
	float: left;
	clear: both;
	color:#6B5D39;
	background: inherit;
}
#menu ul {
	padding: 0px;
	margin: 0px;
}
#menu li {
	list-style: none;
	margin-bottom: 5px;
}
#menu a {
	color: #FFF;
	background: #4A9EEF; 
	text-decoration: none;
	display: block;
	width: 100%;
	line-height: 18px;
	padding: 0px 10px;
}
#menu a:hover {
	color: #FFF;
	background: #3C7CBA;
}
#menu a.actiuSubmenu {
	color: #FFF;
	background: #225C8E;
}
#linia {
	background:  url(../img/px_linia.gif) repeat-x top center;
	width: 150px;
	height: 7px;
}
/*
----------------------------------------------------------------------------- 
CONTINGUT
-----------------------------------------------------------------------------*/
#centre {
	padding: 20px 10px 30px 10px;
	border: 3px solid #3C7CBA;
	float: right;
	width: 580px;
	/*height: 200px;*/
	margin: 14px 0px 0px 4px; 
	line-height: 16px;
	font: 11px 'Tahoma', sans-serif;
	color: #333;
	background: inherit;
}
#centre h3 {
	font: bold 14px 'Tahoma', sans-serif;
	color: #FFF;
	background: #4A9EEF;
	text-transform:uppercase;
	padding: 0 6px;
	margin: 0 0 10px 0;
}
#centre h4 {
	font: bold 11px 'Tahoma', sans-serif;
	color: #FFF;
	background: #7EBDF9;
	text-transform:uppercase;
	padding: 0 6px;
}
#centre ul{
	padding: 0;
	margin-left: 5px;
}
#centre li{
	background: transparent url(../img/quadre.gif) no-repeat 0 0.8em;
	padding: 4px 4px 2px 12px;
	list-style: none;
	color: #333;
}
#centre a {
	color: #4A9EEF;
	background: #FFF;
	text-decoration: underline;
}
#centreRight {
	float: right;
	width: 49%;
}
#centreLeft {
	float: left;
	width: 49%;
}
#centre a:hover {
	color: #4A9EEF;
	background: #FFF;
	text-decoration: none;
}
input, textarea {
	font: 11px 'Tahoma', sans-serif;
	border: 1px solid #4A9EEF;
}
.copy {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}
.petit {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}
/*
----------------------------------------------------------------------------- 
PEU
-----------------------------------------------------------------------------*/
#peu {
	margin:0 auto;
	width: 100%;
	height: 50px;
}
#peuDreta {
	float: right;
	width: 180px;
}
#peu a {
	display: block; 
	color: #333;
	background: inherit;
}
#peu ul {
	margin: 4px 0 0 0;
	list-style-type: none;
	line-height: 13px;
}
#peu li {
	padding: 0 0 0 15px;
	background: #FFF url(../img/li.gif) no-repeat 0 0.6em;
	font-family: 'Tahoma', sans-serif;
	font-size: 10px;
	color: #333;
	line-height: 13px;
}
#peu li a {
	color: #6B5D39;
	background: inherit;
	text-decoration: underline;
	display: inline;
}
#peu li a:hover {
	color: #4A9EEF;
	background: inherit;
	text-decoration: none;
}
td {
	border-bottom: 1px solid #4A9EEF;
	background: #FFF;
	border-collapse: collapse;
}
/*form */
form {  
	margin: 0;  
	padding: 0;  
	}
form img {  
	margin: 0;  
	padding: 0 4px;  
	cursor:pointer;
	}
form p {  
	clear: left;  
	margin: 0;  
	padding: 4px; 
	}
form p label {  
	float: left;  
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	width: 150px;
	text-align: right;
	padding: 2px;
	}
input {  
	color: #666;  
	background: #FFF;  
	border: 1px solid #4A9EEF;  
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	}
.primer {  
	color: #FFF;  
	background: #4A9EEF;  
	border: 1px solid #4A9EEF;  
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	margin: 4px;
	cursor: pointer;
	margin-left: 400px;
	margin-top: 10px;
	}
button {  
	color: #666;  
	background: #EFEFEF;  
	border: 1px solid #4A9EEF;  
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	margin: 0 4px;
	cursor: pointer;
	}
.checkbox {  
	color: #666;  
	background: #FFF;  
	border:0;  
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	}
select {  
	color: #666;  
	background: #FFF;  
	border: 1px solid #4A9EEF;  
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	height: auto;
	}
textarea {  
	color: #666;  
	background: #FFF;  
	border: 1px solid #4A9EEF;  
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	height: auto;
	width: 200px;
	}
