/* CSS Document */
/*
GRIS: #999;
TARONJA: #FF4B00;
*/

/**************** DEFINICIÓ D'ESPAIS ****************/
BODY {
	padding: 0;
	BACKGROUND: #FFFFFF; 
	MARGIN: 0 5px 5px; 
	TEXT-ALIGN: center;
}

BODY#aa A#aanav {
	TEXT-DECORATION: none;
}

#container {
	padding: 30px 0 0 0;
	MARGIN: 0 auto; 
	background: url(../imatges/logo.gif) no-repeat 15px 13px;
	VERTICAL-ALIGN: middle;
	WIDTH: 780px;
	TEXT-ALIGN: left;
	height: auto;
	min-height: 130px;
	}

#containerHome {
	padding: 30px 0 0 0;
	MARGIN: 0 auto; 
	background: url(../imatges/logoHome.gif) no-repeat 0 0;
	VERTICAL-ALIGN: middle;
	WIDTH: 780px;
	TEXT-ALIGN: left;
	overflow: visible;
	}

#header {
	padding: 0;
	margin: 0 0 10px; 
	width: 780px; 
/*	height: 130px;*/
	background: none;
}
/* liniasuperior */
#linia1, #linia2{
	clear: both;
	background: none;
	BORDER-TOP: #999 5px solid; 
	width: 780px;
	height: 5px;
	margin: 0;
	position: relative;
}

#subnav {
/*	DISPLAY: inline; 
	FLOAT: right; */
	margin: 30px 0 0 376px;
	padding: 0;
	OVERFLOW: hidden; 
	width: 390px; 
	LIST-STYLE-TYPE: none; 
	POSITION: relative;
	height: 30px;
	background: none;
	
	/* AMB IMATGE */
	/* HEIGHT: 12px */

}

#content {
	padding: 12px 0 10px 14px;
	FLOAT: right;
	MARGIN: 0 0 15px 0;
	WIDTH: 404px; 
	POSITION: relative; 
	background: none;
	min-height: 300px;
/*	height: 310px; */
}

#contentHome {
	padding: 0;
	margin: 0;
	WIDTH: 780px; 
	POSITION: relative; 
	background: none;
	height: 470px;
}

#leftcol {
	padding: 0;
	background: none;
	FLOAT: left; 
	MARGIN: -20px 0 0 0; 
	WIDTH: 286px; 
}

#seccioActual {
	FONT: 20px Helvetica, Arial, Verdana, sans-serif;
	color: #FF4B00;
	margin: 0 0 10px 0;
	background: none;
}

#lnavcontainer {
	background: none;
	WIDTH: 200px;
	margin: 0 0 0 86px;
}

#footer {
	padding: 27px 0 0 0;
	FLOAT: right; 
	MARGIN: 0; 
	WIDTH: 780px;
	height: 127px;
	background: url(../imatges/minilogo.gif) no-repeat 212px 0px;
	overflow: visible;
/*	FONT: 75% Helvetica, Arial, Verdana, sans-serif; 
	COLOR: #ddd; */
}
/****************************************************/

/**************** DEFINICIÓ DE MENÚS ****************/
/***********/
/* SUBNAV */
#subnav LI {
	background: none;
	padding: 0;
	DISPLAY: inline; 
	MARGIN: 0;
	LIST-STYLE-TYPE: none
}

#subnav A {
	/* AMB TEXTE */
	background: none;
	color:#AAAAAA;
	font: bold 70%/13px Helvetica, Arial, Verdana, sans-serif;
	padding: 0;
	text-decoration: none;
	
	/* AMB IMATGE */
	/* FLOAT: left;*/
	
	MARGIN: 0 30px 0 0;
	OVERFLOW: hidden; 
	HEIGHT: 0!important
}

/* AMB IMATGE */
/*
#link1 A {
	BACKGROUND: url(../images/nav_aa.gif) no-repeat left top; 
	WIDTH: 97px; 
	TEXT-DECORATION: none
}

#link2 A {
	BACKGROUND: url(../images/nav_bp.gif) no-repeat left top; 
	WIDTH: 109px; 
	TEXT-DECORATION: none
}

#link3 A {
	BACKGROUND: url(../images/nav_ai.gif) no-repeat left top; 
	WIDTH: 127px; 
	TEXT-DECORATION: none
}

#link4 A {
	BACKGROUND: url(../images/nav_ip.gif) no-repeat left top; 
	WIDTH: 109px; 
	TEXT-DECORATION: none
}
*/
#subnav A:hover, #subnav span.current{
	/* AMB TEXTE */
	background: none;
	color:#FF4B00;
	
	/* AMB IMATGE */
/*	BACKGROUND-POSITION: 0 -12px; 
	HEIGHT: 12px; */
	
	TEXT-DECORATION: none
}

/***********/
/* LNAVCONTAINER */
#lnavcontainer UL {
	background: none;
	padding: 0;
	MARGIN: 0; 
	FONT: 20px Helvetica, Arial, Verdana, sans-serif;
	COLOR: #fff; 
	LIST-STYLE-TYPE: none; 
	TEXT-ALIGN: left
}
#lnavcontainer A {
	background: none;
	padding: 0;
	DISPLAY: block; 
	WIDTH: 200px; 
	COLOR: #555; 
	BORDER-BOTTOM: #ccc 1px solid; 
	TEXT-DECORATION: none
}
#lnavcontainer A:hover {
	COLOR: #FF4B00; 
	TEXT-DECORATION: none
}
#lnavcontainer A.current {
	COLOR: #FF4B00;
}

#lnavcontainer A.OpcioSubmenu {
	FONT: 13px Helvetica, Arial, Verdana, sans-serif;
	padding: 0;
	DISPLAY: block;
	WIDTH: 200px; 
	COLOR: #555; 
	BORDER-BOTTOM: none; 
	TEXT-DECORATION: none
}
#lnavcontainer A.OpcioSubmenu:hover, #lnavcontainer A.OpcioSubmenuCurrent {
	background: none;
	color: #FF4B00;
}
/***********/
/* FLETXA */
#fletxa {
	MARGIN: 0 0 0 713px;
	position: absolute;
	top: 84px;
}
#fletxa a {
	display: block;
	width: 22px;
	height: 18px;
	background: url(../imatges/Fletxa.gif) no-repeat 0 0;
}
#fletxa a:hover {
	background: url(../imatges/Fletxaro.gif) no-repeat 0 0;
}

/***********/
/* FOOTER */
#contacte {
	margin: 0 0 10px 376px;
	height: 42px;
	BACKGROUND: url(../imatges/peu.gif) no-repeat 0 0;
}
#contacte A{
	display: block;
	height: 10px;
	width: 87px;
	BACKGROUND: url(../imatges/peu.gif) no-repeat 0 0;
}
#contacte A:hover {
	BACKGROUND: url(../imatges/peuro.gif) no-repeat 0 0;
}

#contacte span{
	display: none;
}
#copyright {
	float: right;
	margin: 0;
	padding: 0;
	width: 300px;
	text-align: right;	
	FONT: 10px Helvetica, Arial, Verdana, sans-serif; 
	COLOR: #999;
}
#copyright a{
	text-decoration: none;
	COLOR: #999;
}

#copyright a:hover {
	color: #FF4B00;
}
/***********/
/****************************************************/

/*************** CLASES DEL CONTINGUT ***************/
.nob {
	border: none;
}
.article {
	padding: 0;
	MARGIN: 0; 
	WIDTH: 540px; 
}

/****************************************************/

/******************** FORMULARIS ********************/
form {
	margin: 0;
}

DIV.formlayout {
	padding: 0;
	MARGIN: 0 auto; 
	WIDTH: 500px; 
}

DIV.row {
	CLEAR: both; 
	padding: 0;
	FONT: bold 70%/15px Verdana, Arial, sans-serif; 
	COLOR: #333; 
}
LABEL {
	padding: 2px 5px 0 0;
	FLOAT: left; 
	MARGIN: 0; 
	WIDTH: 170px; 
	TEXT-ALIGN: right
}
DIV.row SPAN.forml {
	padding: 2px 5px 0 0;
	FLOAT: left; 
	MARGIN: 0; 
	WIDTH: 170px; 
	TEXT-ALIGN: right
}
DIV.row SPAN.formr {
	padding: 0 0 20px 5px;
	FLOAT: right; 
	MARGIN: 0; 
	FONT: 100%/15px Verdana, Arial, sans-serif; 
	WIDTH: 320px; 
	COLOR: #333; 
	TEXT-ALIGN: left
}
INPUT {
	FONT: 12px Helvetica, Verdana, Arial, sans-serif; 
	VERTICAL-ALIGN: middle; 
	COLOR: #333
}
TEXTAREA {
	FONT: 100% Helvetica, Verdana, Arial, sans-serif; 
	VERTICAL-ALIGN: middle; 
	COLOR: #333
}
SELECT {
	MARGIN-TOP: 3px; 
	FONT: 100% Helvetica, Verdana, Arial, sans-serif; 
	COLOR: #333
}
/****************************************************/

/********************* GENERALS *********************/
H1 {
	padding: 1px 0 5px 0;
	MARGIN: 0;
	FONT: 20px Helvetica, Arial, Verdana, sans-serif; 
	color: #FF4B00;
}
H2 {
	padding: 0;
	MARGIN: 10px 0 12px 0; 
	FONT: normal 17px/18px Helvetica, Arial, Verdana, sans-serif; 
	COLOR: #999; 
}
H3 {
	padding: 5px 0 0 0;
	MARGIN: 0; 
	FONT: italic 70%/16px Helvetica, Arial, Verdana, sans-serif; 
	COLOR: #333; 
}
P {
	padding: 0;
	MARGIN: 0; 
	FONT: 10px/13px  Verdana, sans-serif; 
	COLOR: #AAA;
}
A {
	COLOR: #AAA; 
	TEXT-DECORATION: none
}
A:hover {
	COLOR: #FF4B00
}

/****************************************************/