/*
mides maquetaci:
----------------
amplada disponible: 1000px;
mides zona variable:

- Alçada: 443px
- Amplada:
	- 1a columna: 245 px 
	- 2a columna: 652 px | 
						 |  - home: 652 + 2 + 93 =  747 px (752, demanat)
	- 3a columna:  93 px |

*/

html, body {
margin:0;
padding:0;
height:100%;
width:100%;
}

body {
background-color:white;
font-size:76%;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
}

a:link {color:#961734}
a:visited {color:black}

/* taules del viejo */
table.taulau {background-color:#706F6E;}
table.taulau th {background-color:#86181A;color:white;padding:5px;}
table.tabulars {border:1px solid black;border-collapse:collapse}
table.tabulars td{border:1px solid black;border-collapse:collapse;padding:3px;color:black}
.cebrau {background-color:#ffffff;color:black;}
.cebrados {background-color:#FFEDB8;color:black;}
.cebratres {background-color:#aaaaaa;color:black;}
.cebraquatre {background-color:white;color:black;}
.cebraquatre td{border-bottom:1px solid #706F6E;}


table, td {font-size:1em}

#contenidor {
text-align:left;
width:1000px;
margin:0 auto;
}

h1#franjaLogotip {
margin:0;
padding:0;
text-indent:-10000px;
background:transparent url(../img/franja_logotip_pantalla_10a.gif) 0 0 no-repeat;
/*background:transparent url(../img/franja_logotip_pantalla.gif) 0 0 no-repeat;*/
height:97px;
}

h1#franjaLogotip a:link, h1#franjaLogotip a:visited {
display:block;
width:220px;
height:97px;
text-decoration:none;
margin-left:25px;
}

div#opcionsGenerals {
background-color:#B7B6B6;
text-align:right;
padding:4px 40px 4px 0;
color:#B7B6B6;
background:#B7B6B6 url(../img/fons_01.gif) 0 0 repeat-y;
}

div#taulaVariable {border-left:8px solid black}

table#layOut {
width:992px;
border:1px solid #961734;
border-width:1px 0;
border-collapse:collapse;
}

td#columnaU {
vertical-align:top;
width:232px;
height:443px;
border:0;
border-collapse:collapse;
padding:0;
}

table#taulaColumnaU {
height:443px;
width:100%;
padding:0;
border:0;
border-collapse:collapse;
}

td#contenidorMenu {
vertical-align:top;
padding:0;
border:0;
border-collapse:collapse;
}

td#contenidorIntranet {
vertical-align:bottom;
padding:0;
border:0;
border-collapse:collapse;
}

div.portaLogin {
background-color:#961734;
padding:6px 10px;
}

div.portaIdioma {
background-color:white;
text-align:center;
padding:6px 0;
margin:0 10px;
}

td#columnaDos {
vertical-align:top;
border:1px solid #961734;
border-collapse:collapse;
padding:0;
}

td#columnaDosHome {
vertical-align:top;
border:1px solid #961734;
border-right-width:0;
border-collapse:collapse;
background:transparent url(../img/fons_04.gif) top right repeat-y;
padding:0 7px 0 0;
}

#contenidorSeccions {
height:443px;
overflow:auto;
line-height:1.5em;
}

#contingutVariable {
padding:20px 35px;
}

td#columnaTres {
vertical-align:top;
padding:0;
width:93px;
border:0;
border-collapse:collapse;
background:#961734 url(../img/fons_columna_tres.jpg) top right no-repeat;
}
/* per a l'organigrama 
ul#organigrama {
margin:0 0 20px 0;
padding:0;
width:362px;
height:363px;
position:relative;
}

ul#organigrama li {
	list-style-type:none;
	margin:0;
	padding:0;
	position:absolute;
	display:block;
	width:107px;
	height:38px;
}

li#org_1 {
top:0px;
left:129px;
}

li#org_2 {
top:64px;
left:128px;
}

li#org_3 {
top:129px;
left:40px;
}

li#org_4 {
top:131px;
left:216px;
}

li#org_5 {
top:195px;
left:0px;
}

li#org_6 {
top:325px;
left:0px;
}

li#org_7 {
top:196px;
left:128px;
}

li#org_8 {
top:261px;
left:129px;
}

li#org_9 {
top:327px;
left:129px;
}

li#org_10 {
top:197px;
left:257px;
}

li#org_11 {
top:261px;
left:255px;
}

li#org_12 {
top:327px;
left:256px;
}

ul#organigrama li a:link, ul#organigrama li a:visited {
display:block;
width:107px;
height:38px;
text-indent:-10000px;
text-decoration:none;
}
*/

ul#menuPrincipal, ul#menuPrincipal ul {
margin:0;
padding:0;
list-style-type:none;
}

ul#menuPrincipal ul {border-bottom:1px solid #961734;}

ul#menuPrincipal li {
list-style-type:none;
margin:0;
padding:0;
}

ul#menuPrincipal li ul li div {
margin-left:15px;
background-color:#961734;
padding:2px 15px;
border-bottom:1px solid white;
/*border:1px solid #961734;*/
border-right-width:0;
}

ul#menuPrincipal li ul li div.triat {
background-color:#B7B6B6;
}



/* per a la funció  mostraItems() */
ul#menuPrincipal li.normal ul li {display:none;}
ul#menuPrincipal li.triat ul li {display:block;}

ul#menuPrincipal li a:link, ul#menuPrincipal li a:visited {
display:block;
text-decoration:none;
color:#961734;
/*border-bottom:1px solid #961734;*/
padding:2px 15px;
}

ul#menuPrincipal li.triat a:link, ul#menuPrincipal li.triat a:visited{
background-color:#E2B2B0;
}

ul#menuPrincipal li a:hover {
background-color:#E2B2B0;
}

ul#menuPrincipal li ul li div a:link, ul#menuPrincipal li ul li div a:visited {
display:inline;
background-color:transparent !important;
border-width:0;
text-decoration:none;
color:white;
padding:0;
}

ul#menuPrincipal li ul li div a:hover {
background-color:transparent;
color:#E2B2B0;
}

ul#menuPrincipal li ul li div.triat a:hover {
background-color:transparent;
color:white;
cursor:default;
}

/*******************
etiquetes
********************/
p {margin:10px 0;padding:0;}

/*******************
taules
********************/
table#peu {
border:0;
margin:0;
padding:0;
width:100%;
}

table#peu td {
padding:3px 0;
border:0;
font-size:0.9em;
}


/*
la caixa negra redondejada
--------------------------
*/

table.redondejadaU, table.redondejadaU td{
margin:0;
padding:0;
border:0;
border-collapse:collapse;
vertical-align:top;
}

table.redondejadaU td.celaA {
background:transparent url(../img/caixa_rodona_gris_a.gif) 0 0 no-repeat;
height:20px;
width:20px;
}

table.redondejadaU td.celaB {
background:transparent url(../img/caixa_rodona_gris_b.gif) 0 0 repeat-x;
height:20px;
}

table.redondejadaU td.celaC {
background:transparent url(../img/caixa_rodona_gris_c.gif) 0 0 no-repeat;
height:20px;
width:20px;
}

table.redondejadaU td.celaD {
background:transparent url(../img/caixa_rodona_gris_d.gif) 0 0 no-repeat;
height:20px;
width:20px;
}

table.redondejadaU td.celaE {
background:transparent url(../img/caixa_rodona_gris_e.gif) 0 0 repeat-x;
height:20px;
}

table.redondejadaU td.celaF {
background:transparent url(../img/caixa_rodona_gris_f.gif) 0 0 no-repeat;
width:20px;
width:20px;
}

table.redondejadaU td.celaG {
background:transparent url(../img/caixa_rodona_gris_g.gif) 0 0 repeat-y;
width:20px;
}

table.redondejadaU td.celaH {
background:transparent url(../img/caixa_rodona_gris_h.gif) 0 0 repeat-y;
width:20px;
}

table.redondejadaU td.celaI {
background-color:#B7B6B6;
}


table.redondejadaDos, table.redondejadaDos td{
margin:0;
padding:0;
border:0;
border-collapse:collapse;
vertical-align:top;
}

table.redondejadaDos td.celaA {
background:transparent url(../img/caixa_rodona_rosa_a.gif) 0 0 no-repeat;
height:20px;
width:20px;
}

table.redondejadaDos td.celaB {
background:transparent url(../img/caixa_rodona_rosa_b.gif) 0 0 repeat-x;
height:20px;
}

table.redondejadaDos td.celaC {
background:transparent url(../img/caixa_rodona_rosa_c.gif) 0 0 no-repeat;
height:20px;
width:20px;
}

table.redondejadaDos td.celaD {
background:transparent url(../img/caixa_rodona_rosa_d.gif) 0 0 no-repeat;
height:20px;
width:20px;
}

table.redondejadaDos td.celaE {
background:transparent url(../img/caixa_rodona_rosa_e.gif) 0 0 repeat-x;
height:20px;
}

table.redondejadaDos td.celaF {
background:transparent url(../img/caixa_rodona_rosa_f.gif) 0 0 no-repeat;
width:20px;
width:20px;
}

table.redondejadaDos td.celaG {
background:transparent url(../img/caixa_rodona_rosa_g.gif) 0 0 repeat-y;
width:20px;
}

table.redondejadaDos td.celaH {
background:transparent url(../img/caixa_rodona_rosa_h.gif) 0 0 repeat-y;
width:20px;
}

table.redondejadaDos td.celaI {
background-color:#DAB0AF;
}

table.simple, table.simple td {
border:0;
margin:0;
padding:0;
border-collapse:collapse;
}


/*******************
encapçalaments
********************/
h2.normal {
color:#961734;
font-weight:normal;
font-size:1.4em;
margin:0 0 10px 0;
padding:0;
}

h3.normal {
color:#961734;
font-weight:normal;
font-size:1.1em;
margin:0 0 10px 0;
padding:0 0 3px 0;
border-bottom:1px solid #858383;
}

h4.capcalera{
margin:0 0 15px 0;
text-align:right;
border-bottom:1px solid #989897;
}

/*******************
separadors
********************/
div.separadorU {
background:#B7B6B6 url(../img/fons_02.gif) 0 0 repeat-y;
}

/*******************
alçades
********************/
.h1 {height:1px}
.h10 {height:10px}
.h15 {height:15px}
.h150 {height:150px}
.h443 {height:443px}

/*******************
amplades
********************/
.w100x100 {width:100%;}
.w576 {width:576px}
.w300 {width:300px}
.w215 {width:215px} /* per a 2a columna de la zona variable*/
.w100 {width:100px}
.w556 {width:556px}
.w550 {width:550px}
.w156 {width:156px}

/*******************
distàncies
********************/
.Persobre {margin-top:5px;}
.xPersobre {margin-top:10px;}
.xxPersobre {margin-top:15px;}
.xxxPersobre {margin-top:20px;}
.xxxxPersobre {margin-top:25px;}

.Persota {margin-bottom:5px;}
.xPersota {margin-bottom:10px;}
.xxPersota {margin-bottom:15px;}
.xxxPersota {margin-bottom:20px;}
.xxxxPersota {margin-bottom:25px;}

.Peresquerra {margin-left:5px;}
.xPeresquerra {margin-left:10px;}
.xxPeresquerra {margin-left:15px;}
.xxxPeresquerra {margin-left:20px;}
.xxxxPeresquerra {margin-left:25px;}
.fotoQualitat {margin-left:115px}

.Perdreta {margin-right:5px;}
.xPerdreta {margin-right:10px;}
.xxPerdreta {margin-right:15px;}
.xxxPerdreta {margin-right:20px;}
.xxxxPerdreta {margin-right:25px;}

/*******************
alineacions
********************/
.aEsquerra {text-align:left}
.aCentre {text-align:center}
.aDreta {text-align:right}

.aDalt {vertical-align:top}
.aMig {vertical-align:middle !important}
.aBaix {vertical-align:bottom}

/*******************
formularis
********************/
form {margin:0;padding:0}
.campsU {border:0;background:white;font-size:0.9em;}
.campsDos {border:1px solid #961734;font-size:1.2em;}

label.deBloc {
display:block;
margin-bottom:7px;
color:#666;
}

label.deBloc2 {
display:block;
margin-bottom:7px;
color:#000000;
}


/*******************
tamanys text
********************/
.Petit {font-size:0.9em;}

.flotaDreta {
width:215px;
float:right;
margin:0 0 10px 10px;
}

.trencaFloat {clear:both}

/*******************
colors
********************/
.blanc {color:white;}
.granate {color:#961734;}
.vermell {color:red}
.gris {color:#989897}

/*******************
vincles
********************/
a.blanc:link,a.blanc:visited {color:white;}
a.grisClar:link,a.grisClar:visited {color:#979595;}
a.senseDecoracio:link,a.senseDecoracio:visited {text-decoration:none}
.acc {
position:absolute;
left:-10000px;
}

/************************************
Feedback possat de prova!!!
************************************/
div.feedback {border:2px solid #961734;/*background:white url(../img/raco_camp_info.gif) 0 0 no-repeat*/; width:450px; margin:20px auto; font-size:18px;padding:20px 15px 20px 55px;text-align:center}