/*GENERALS*/
BODY { FONT-SIZE: 11px; FONT-FAMILY: Arial, Tahoma, Verdana;overflow:hidden;}
HTML {OVERFLOW: hidden}
#bodyDiv{visibility:hidden}
.content { CLEAR: left; Z-INDEX: 300; BACKGROUND: url(/recursos/FonsMenu.jpg) no-repeat left bottom; LEFT: 75px; WIDTH: 926px; line-height:17px; POSITION: absolute; TOP: 20px; HEIGHT: 20px;}
.idiomes { LEFT: 674px; WIDTH: 339px; POSITION: absolute; TOP: 0px; height:20px;FONT-SIZE: 9px;}
#logo {BACKGROUND: url(/recursos/logo.jpg) no-repeat left bottom; LEFT: 0px; WIDTH: 75px; POSITION: absolute; TOP: 0px; HEIGHT: 40px; cursor:hand;}
#segonaPart {LEFT: 20px; POSITION: absolute; TOP: 49px; height:35px; }
A:active {color:rgb(22,10,190);text-decoration:none}
A:visited {color:rgb(22,10,190);text-decoration:none}
A:link {color:rgb(22,10,190);text-decoration:none}
A:hover {color:rgb(22,10,190);text-decoration:none}
h1 {font-family:Verdana;font-size:14px; line-height:0px;}
h2 {font-family:Verdana;font-size:12px}

/*TITOL*/
html body #segonaPart{PADDING-TOP:0px;}

html>body #segonaPart p{Position:relative; top:-10px;}
#segonaPart p{FONT-WEIGHT: bold; FONT-SIZE: 14px; white-space: nowrap;}
#segonaPart p.groc { COLOR: #fc7217;}
/*#segonaPart p.blau {COLOR: rgb(207,0,230);}*/
#segonaPart p.blau {COLOR: rgb(153,102,51);}
#segonaPart p.vermell {COLOR: #e20a17;}
#segonaPart p.verd {COLOR: #015b27;}
#segonaPart p.itec {COLOR: #0069b3;}
#segonaPart p.cursos {COLOR: rgb(0,106,180);}
#segonaPart p.lila {COLOR: rgb(128,0,128);}

/*IDIOMES*/
.idiomes UL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; TEXT-ALIGN: center }
.idiomes UL LI { DISPLAY: block; FLOAT: left; HEIGHT: 20px; BACKGROUND-COLOR: #9a1725; TEXT-ALIGN: center; line-height:20px; letter-spacing:0.1em;}
.idiomes A { DISPLAY: block;  FLOAT: left; COLOR: #d78d8c;  HEIGHT: 19px; TEXT-DECORATION: none }
.idiomes A:active { DISPLAY: block;  FLOAT: left; COLOR: #d78d8c;  HEIGHT: 19px; TEXT-DECORATION: none }
.idiomes A:visited { DISPLAY: block;  FLOAT: left; COLOR: #d78d8c;  HEIGHT: 19px; TEXT-DECORATION: none }
.idiomes A:link { DISPLAY: block;  FLOAT: left; COLOR: #d78d8c;  HEIGHT: 19px; TEXT-DECORATION: none }
.idiomes .idioma { WIDTH: 55px; BACKGROUND-COLOR: #9a1725;}
.idiomes .idioma:hover { COLOR: #ffffff; }
.idiomes .contactar { WIDTH: 75px; BACKGROUND-COLOR: #f2b828;height:21px;}
.idiomes .contactar:active {color:#ffffff}
.idiomes .contactar:visited {color:#ffffff}
.idiomes .contactar:link {color:#ffffff}
.idiomes .contactar A {color:#ffffff}
.idiomes .contactar:hover { color:#ffffff }
.idiomes .idiomaActiu { WIDTH: 53px; CURSOR: default; COLOR: #ffffff; }
.idiomes .separador { WIDTH: 7px; COLOR: #d78d8c; HEIGHT: 20px; font-size:10px; vertical-align:middle; padding-top:0px; line-height:17px;}
.idiomes .color { WIDTH: 75px; BACKGROUND-COLOR: #fef5ce }

/*TEMES I SUBTEMES*/
.content A { COLOR: #ffffff; TEXT-DECORATION: none; }
.content A:active { COLOR: #ffffff; TEXT-DECORATION: none; }
.content A:visited { COLOR: #ffffff; TEXT-DECORATION: none; }
.content A:link { COLOR: #ffffff; TEXT-DECORATION: none; }

.content A:hover { COLOR: #ffffff; TEXT-DECORATION: none }
.content UL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; letter-spacing:0.06em;}
#nav LI.tema { FLOAT: left; TEXT-ALIGN: center;}
#nav LI.selec { FLOAT: left; TEXT-ALIGN: center;}
#nav LI.separador { FLOAT: left; TEXT-ALIGN: center; }
#nav LI.tema DIV { PADDING-RIGHT: 9px; PADDING-LEFT: 9px; PADDING-BOTTOM: 3px; PADDING-TOP: 0px;}
#nav LI.selec DIV { PADDING-RIGHT: 9px; PADDING-LEFT: 9px; PADDING-BOTTOM: 3px; PADDING-TOP: 0px;}
#nav LI:hover {}
#content LI.over {}
div.content LI UL { DISPLAY: none; LEFT: 0px; POSITION: absolute;  BACKGROUND-COLOR: #ffffff;}
div.content LI UL { LEFT: auto; TOP:auto;}
#nav LI.tema:hover UL { DISPLAY: block; WIDTH: auto;}
#nav LI.selec:hover UL { DISPLAY: block; WIDTH: auto;}
div.content LI.over UL { DISPLAY: block; WIDTH: auto;}
#nav LI UL LI { PADDING-RIGHT: 15px; MARGIN-TOP: 0px; PADDING-LEFT: 15px; PADDING-BOTTOM: 0px; WIDTH: auto; PADDING-TOP: 0px; TEXT-ALIGN: left;  }
#nav LI UL LI { PADDING-RIGHT: 15px; MARGIN-TOP: 0px; PADDING-LEFT: 15px; PADDING-BOTTOM: 3px; WIDTH: auto; PADDING-TOP: 3px; TEXT-ALIGN: left; }
#nav LI UL LI A { COLOR: #000000 }
#nav LI UL LI A:hover { COLOR: #000000 }
#nav .separador { PADDING:0px; MARGIN: 0px; WIDTH: 7px; COLOR: #8bc7eb; TEXT-ALIGN: left; font-size:10px; height:20px; }




/*COLORS*/
/*GROC*/
/* rgb(255,225,151) */
#groc UL {width:235px}
#groc:hover,#groc .selec,#groc .ensenya { BACKGROUND-COLOR: RGB(253,114,22);}
#groc:hover UL LI.titular,#groc UL LI.titular { FONT-WEIGHT: bold;BACKGROUND-COLOR:#ffe89a;/* BACKGROUND-COLOR: rgb(255,225,151);*/padding-top:10px; }
/*#groc:hover UL LI,*/
#groc UL LI {  BACKGROUND-COLOR:#ffe89a; /*BACKGROUND-COLOR: rgb(255,225,151);*/ line-height:10px; padding-left:10px; }
#groc:hover UL LI.element:hover ,#groc UL LI.elementllistaover{BACKGROUND-COLOR:#ffe89a; /*BACKGROUND-COLOR: rgb(255,225,151);*/font-weight:bold;}
.acoloragroc {BACKGROUND-COLOR: RGB(253,114,22); color:RGB(253,114,22);}
.scrollGroc{
scrollbar-3dlight-color:#FAFAFA; 
scrollbar-arrow-color:RGB(253,114,22); 
scrollbar-base-color:RGB(253,114,22); 
scrollbar-darkshadow-color:#F0F0F0; 
scrollbar-face-color:#EAEAEA; 
scrollbar-highlight-color:#CCCCCC; 
scrollbar-shadow-color:#CCCCCC
}

.scrollTaronja{
scrollbar-3dlight-color:#FAFAFA; 
scrollbar-arrow-color:RGB(253,114,22); 
scrollbar-base-color:RGB(253,114,22); 
scrollbar-darkshadow-color:#F0F0F0; 
scrollbar-face-color:#EAEAEA; 
scrollbar-highlight-color:#CCCCCC; 
scrollbar-shadow-color:#CCCCCC
}

.scrollGroc2{
scrollbar-3dlight-color:#FAFAFA; 
scrollbar-arrow-color:RGB(253,114,22); 
scrollbar-base-color:RGB(253,114,22); 
scrollbar-darkshadow-color:#F0F0F0; 
scrollbar-face-color:#EAEAEA; 
scrollbar-highlight-color:#CCCCCC; 
scrollbar-shadow-color:#CCCCCC
}

#BBDD h1{color:RGB(253,114,22)}
#BBDD h2{color:RGB(253,114,22)}
#BBDD h3{color:black;font-size:10px;}
#BBDD .color{color:RGB(253,114,22)}


#BBDD .Download{
	BACKGROUND: url(taronja/download.gif) no-repeat left top;
	background-color:rgb(255,128,0);
	font-family:Verdana;
	font-size:11px;
	height:21px;
	color:#fff;
	font-weight:bold;
	width:auto;
	padding-left:25px;
	padding-top:5px;
	padding-right:3px;
	margin:1px solid white;
	cursor:hand;
}

#BBDD .DownloadNegatiu{
	BACKGROUND: url(taronja/downloadNegatiu.gif) no-repeat left top;
	background-color:rgb(255,255,255);
	font-family:Verdana;
	font-size:11px;
	height:23px;
	color:rgb(255,128,0);
	font-weight:bold;
	width:auto;
	padding-left:25px;
	padding-top:5px;
	padding-right:3px;
	cursor:hand;
}


#BBDD .Novetat{
	color:#fff;
	background-color:rgb(255,128,0);
	font-weight:bold
}



/*ITeC*/
#nav #ITeC{visibility:hidden;left:-180px;position:absolute;}

h1 {color:rgb(0,106,180)}
#ITeC h2 {color:rgb(0,106,180)}
/*
#groc UL {width:200px}
#groc:hover,#groc .selec,#groc .ensenya { BACKGROUND-COLOR: RGB(253,114,22);}
#groc:hover UL LI.titular,#groc UL LI.titular { FONT-WEIGHT: bold; BACKGROUND-COLOR: rgb(255,225,151);padding-top:10px; }
/*#groc:hover UL LI,
#groc UL LI { BACKGROUND-COLOR: rgb(255,225,151); line-height:10px; padding-left:10px; }
#groc:hover UL LI.element:hover ,#groc UL LI.elementllistaover{ BACKGROUND-COLOR: rgb(255,225,151);font-weight:bold;}
*/
.acoloragroc {BACKGROUND-COLOR: RGB(253,114,22); color:RGB(253,114,22);}
.scrollITeC{
scrollbar-3dlight-color:#FAFAFA; 
scrollbar-arrow-color:RGB(0,106,180); 
scrollbar-base-color:RGB(0,106,180); 
scrollbar-darkshadow-color:#F0F0F0; 
scrollbar-face-color:#EAEAEA; 
scrollbar-highlight-color:#CCCCCC; 
scrollbar-shadow-color:#CCCCCC
}

#ITeC .Download{
	BACKGROUND: url(itec/download.gif) no-repeat left top;
	background-color:rgb(0,127,193);
	font-family:Verdana;
	font-size:11px;
	height:23px;
	color:#fff;
	font-weight:bold;
	width:auto;
	padding-left:25px;
	padding-top:5px;
	padding-right:3px;
	cursor:hand;
}

#ITeC .DownloadNegatiu{
	BACKGROUND: url(itec/downloadNegatiu.gif) no-repeat left top;
	background-color:rgb(255,255,255);
	font-family:Verdana;
	font-size:11px;
	height:23px;
	color:rgb(0,106,180);
	font-weight:bold;
	width:auto;
	padding-left:25px;
	padding-top:5px;
	padding-right:3px;
	cursor:hand;
}

#ITeC .color{color:rgb(0,106,180);}



/*BLAU*/
/*rgb(246,204,250)*/
#blau UL {width:270px}
/*#blau:hover,#blau .selec,#blau .ensenya  { BACKGROUND-COLOR: rgb(207,0,230) }*/
#blau:hover,#blau .selec,#blau .ensenya  { BACKGROUND-COLOR: rgb(153,102,51); }
#blau:hover UL LI.titular,#blau UL LI.titular { FONT-WEIGHT: bold; background-color:rgb(234,205,182);/*BACKGROUND-COLOR:rgb(238,187,249);BACKGROUND-COLOR: rgb(246,204,250);*/ padding-top:10px; }
/*#blau:hover UL LI,*/
#blau UL LI { background-color:rgb(234,205,182);/*BACKGROUND-COLOR:rgb(238,187,249);BACKGROUND-COLOR: rgb(246,204,250);*/ line-height:10px; }
#blau:hover UL LI.element:hover, #blau UL LI.elementllistaover {background-color:rgb(234,205,182);/*BACKGROUND-COLOR:rgb(238,187,249); BACKGROUND-COLOR:rgb(246,204,250);*/ font-weight:bold; }
.acolorablau {PADDING:0px; MARGIN: 0px; WIDTH: 7px; COLOR: #0069b3; TEXT-ALIGN: left; font-size:10px; height:20px;BACKGROUND-COLOR:  rgb(246,204,250) }

.scrollBlau{
scrollbar-3dlight-color:#FAFAFA; 
scrollbar-arrow-color:rgb(153,102,51); 
scrollbar-base-color:rgb(153,102,51); 
scrollbar-darkshadow-color:#F0F0F0; 
scrollbar-face-color:#EAEAEA; 
scrollbar-highlight-color:#CCCCCC; 
scrollbar-shadow-color:#CCCCCC
}
#Aplicacions h2{color:rgb(153,102,51);}


#Aplicacions .Download{
	BACKGROUND: url(aplicacions/download.gif) no-repeat left top;
	background-color:rgb(153,102,51);;
	font-family:Verdana;
	font-size:11px;
	height:23px;
	color:#fff;
	font-weight:bold;
	width:auto;
	padding-left:25px;
	padding-top:5px;
	padding-right:3px;
	cursor:hand;
}

#Aplicacions.DownloadNegatiu{
	BACKGROUND: url(itec/downloadNegatiu.gif) no-repeat left top;
	background-color:rgb(255,255,255);
	font-family:Verdana;
	font-size:11px;
	height:23px;
	color:rgb(207,0,230);
	font-weight:bold;
	width:auto;
	padding-left:25px;
	padding-top:5px;
	padding-right:3px;
	cursor:hand;
}

#Aplicacions .color{color:rgb(153,102,51)}


/*VERMELL*/
/*rgb(254,153,153)*/
#vermell UL {width:290px}
#vermell:hover,#vermell .selec,#vermell .ensenya  { BACKGROUND-COLOR: rgb(251,0,0);}
#vermell:hover UL LI.titular, #vermell UL LI.titular { FONT-WEIGHT: bold;BACKGROUND-COLOR: #ffc1a8;/*BACKGROUND-COLOR: rgb(254,153,153);*/padding-top:10px; }
/*#vermell:hover UL LI,*/
#vermell UL LI { BACKGROUND-COLOR: #ffc1a8;/*BACKGROUND-COLOR: rgb(254,153,153);*/ line-height:10px;}
#vermell:hover UL LI.element:hover,#vermell UL LI.elementllistaover { BACKGROUND-COLOR: #ffc1a8;/*BACKGROUND-COLOR: rgb(254,153,153);*/ font-weight:bold;}
.acoloravermell { BACKGROUND-COLOR: rgb(251,131,99); color: rgb(251,131,99);}
.scrollVermell{
scrollbar-3dlight-color:#FAFAFA; 
scrollbar-arrow-color:RGB(251,131,99); 
scrollbar-base-color:RGB(251,131,99); 
scrollbar-darkshadow-color:#F0F0F0; 
scrollbar-face-color:#EAEAEA; 
scrollbar-highlight-color:#CCCCCC; 
scrollbar-shadow-color:#CCCCCC
}
#Serveis h1{color:rgb(227,10,22)}
#Serveis h2{color:rgb(227,10,22)}
#Serveis .color{color:rgb(227,10,22)}

#Serveis .Download{
	BACKGROUND: url(vermell/download.gif) no-repeat left top;
	background-color:rgb(227,10,22);
	font-family:Verdana;
	font-size:11px;
	height:21px;
	color:#ffffff;
	font-weight:bold;
	width:30px;
	padding-left:25px;
	padding-top:5px;
	padding-right:3px;
	cursor:hand;
}

#Serveis .DownloadNegatiu{
	BACKGROUND: url(vermell/downloadNegatiu.gif) no-repeat left top;
	background-color:rgb(255,255,255);
	font-family:Verdana;
	font-size:11px;
	height:23px;
	color:rgb(227,10,22);
	font-weight:bold;
	width:auto;
	padding-left:25px;
	padding-top:5px;
	padding-right:3px;
	cursor:hand;
}

/*VERD*/
/*rgb(214,237,224)*/
#verd UL {width:120px}
h2{color:rgb(0,91,39)}
#verd:hover,#verd .selec,#verd .ensenya { BACKGROUND-COLOR:rgb(0,91,39);}
#verd:hover UL LI.titular, #verd UL LI.titular { FONT-WEIGHT: bold; BACKGROUND-COLOR: #98ceaa;/*BACKGROUND-COLOR: rgb(214,237,224);*/ padding-top:10px;}
/*#verd:hover UL LI { BACKGROUND-COLOR: #98ceaa}*/
#verd UL LI {  BACKGROUND-COLOR: #98ceaa;/*BACKGROUND-COLOR: rgb(214,237,224);*/ line-height:10px;}
#verd:hover UL LI.element:hover,#verd UL LI.elementllistaover  {  BACKGROUND-COLOR: #98ceaa;/*BACKGROUND-COLOR:rgb(214,237,224);*/ font-weight:bold;}
.acoloraverd {PADDING:0px; MARGIN: 0px; WIDTH: 7px; COLOR: #015b27; TEXT-ALIGN: left; font-size:10px; height:20px;BACKGROUND-COLOR:RGB(0,91,39)}
.scrollVerd{
scrollbar-3dlight-color:#FAFAFA; 
scrollbar-arrow-color:RGB(0,91,39); 
scrollbar-base-color:RGB(0,91,39); 
scrollbar-darkshadow-color:#F0F0F0; 
scrollbar-face-color:#EAEAEA; 
scrollbar-highlight-color:#CCCCCC; 
scrollbar-shadow-color:#CCCCCC
}

#Certificacio .Download{
	BACKGROUND: url(Verd/download.gif) no-repeat left top;
	background-color:rgb(0,91,39);
	font-family:Verdana;
	font-size:11px;
	height:23px;
	color:#fff;
	font-weight:bold;
	width:auto;
	padding-left:25px;
	padding-top:5px;
	padding-right:3px;
	cursor:hand;
}

#Certificacio .DownloadNegatiu{
	BACKGROUND: url(Verd/downloadNegatiu.gif) no-repeat left top;
	background-color:rgb(255,255,255);
	font-family:Verdana;
	font-size:11px;
	height:23px;
	color:rgb(0,91,39);
	font-weight:bold;
	width:auto;
	padding-left:25px;
	padding-top:5px;
	padding-right:3px;
	cursor:hand;
}


/* Color Cursos */
/*rgb(0,106,180)*/
#cursos UL {width:260px}
#cursos:hover,#cursos .selec,#cursos .ensenya  { BACKGROUND-COLOR: rgb(0,106,180);}
#cursos:hover UL LI.titular, #cursos UL LI.titular { FONT-WEIGHT: bold;BACKGROUND-COLOR: rgb(166,203,229);/*BACKGROUND-COLOR: rgb(254,153,153);*/padding-top:10px; }
/*#vermell:hover UL LI,*/
#cursos UL LI { BACKGROUND-COLOR: rgb(166,203,229);/*BACKGROUND-COLOR: rgb(254,153,153);*/ line-height:10px;}
#cursos:hover UL LI.element:hover,#cursos UL LI.elementllistaover { BACKGROUND-COLOR: rgb(166,203,229);/*BACKGROUND-COLOR: rgb(254,153,153);*/ font-weight:bold;}

.acoloracursos { BACKGROUND-COLOR: rgb(166,203,180); color: rgb(166,203,180);}
.scrollCursos{
scrollbar-3dlight-color:#FAFAFA; 
scrollbar-arrow-color:rgb(166,203,180); 
scrollbar-base-color:rgb(166,203,180); 
scrollbar-darkshadow-color:#F0F0F0; 
scrollbar-face-color:#EAEAEA; 
scrollbar-highlight-color:#CCCCCC; 
scrollbar-shadow-color:#CCCCCC
}
#Cursos h1{color:rgb(0,106,180)}
#Cursos h2{color:rgb(0,106,180)}
#Cursos .color{color:rgb(0,106,180)}

#Cursos .Download{
	BACKGROUND: url(cursos/download.gif) no-repeat left top;
	background-color:rgb(0,106,180);
	font-family:Verdana;
	font-size:11px;
	height:23px;
	color:#fff;
	font-weight:bold;
	width:auto;
	padding-left:25px;
	padding-top:5px;
	padding-right:3px;
	cursor:hand;
}


#Cursos .DownloadNegatiu{
	BACKGROUND: url(cursos/downloadNegatiu.gif) no-repeat left top;
	background-color:rgb(255,255,255);
	font-family:Verdana;
	font-size:11px;
	height:23px;
	color:rgb(0,106,180);
	font-weight:bold;
	width:auto;
	padding-left:25px;
	padding-top:5px;
	padding-right:3px;
	cursor:hand;
}



/* Color Lila de la Botiga */
/* rgb(128,0,128) */


#lila UL {width:200px}
#lila:hover,#cursos .selec,#lila .ensenya  { BACKGROUND-COLOR: rgb(128,0,128);}
#lila:hover UL LI.titular, #lila UL LI.titular { FONT-WEIGHT: bold;BACKGROUND-COLOR: rgb(217,179,217);/*BACKGROUND-COLOR: rgb(254,153,153);*/padding-top:10px; }
/*#vermell:hover UL LI,*/
#lila UL LI { BACKGROUND-COLOR: rgb(217,179,217);/*BACKGROUND-COLOR: rgb(254,153,153);*/ line-height:10px;}
#lila:hover UL LI.element:hover,#lila UL LI.elementllistaover { BACKGROUND-COLOR: rgb(217,179,217);/*BACKGROUND-COLOR: rgb(254,153,153);*/ font-weight:bold;}

.acoloraLila { BACKGROUND-COLOR: rgb(166,203,180); color: rgb(166,203,180);}
.scrollLila{
scrollbar-3dlight-color:#FAFAFA; 
scrollbar-arrow-color:rgb(217,179,217); 
scrollbar-base-color:rgb(217,179,217); 
scrollbar-darkshadow-color:#F0F0F0; 
scrollbar-face-color:#EAEAEA; 
scrollbar-highlight-color:#CCCCCC; 
scrollbar-shadow-color:#CCCCCC
}
#lila h1{color:rgb(128,0,128)}
#lila h2{color:rgb(128,0,128)}
#lila .color{color:rgb(128,0,128)}

#lilaBotiga .Download{
	BACKGROUND: url(lila/download.gif) no-repeat left top;
	background-color:rgb(128,0,128);
	font-family:Verdana;
	font-size:11px;
	height:23px;
	color:#fff;
	font-weight:bold;
	width:auto;
	padding-left:25px;
	padding-top:5px;
	padding-right:3px;
	cursor:hand;
}









































/*ESTILS APARATATS*/

#navcontainer{position:absolute; top:30px; width:961px; font-size:11px; letter-spacing:0.01em; line-height:19px; font-weight:bold;}
.navcontainer { PADDING: 0px; Z-INDEX: 20; MARGIN:0px;  HEIGHT: 20px;}
.navcontainer UL { MARGIN:0px; BORDER:0px; LIST-STYLE-TYPE: none; HEIGHT: 20px; TEXT-ALIGN: center;PADDING:0px;}

.navcontainer .groc{BORDER: #fc7217 1px solid;}
/*.navcontainer .blau{BORDER: rgb(207,0,230) 1px solid;}*/
.navcontainer .blau{BORDER: rgb(153,102,51) 1px solid;}
.navcontainer .vermell{BORDER: #e20a17 1px solid;}
.navcontainer .verd{BORDER: #015b27 1px solid;}
.navcontainer .itec{BORDER: #0069b3 1px solid;}
.navcontainer .cursos{BORDER: rgb(0,106,180) 1px solid;}
.navcontainer .lila{BORDER: rgb(128,0,128) 1px solid;}

.navcontainer UL LI { PADDING: 0px; DISPLAY: block; FLOAT: left; MARGIN: 0px; HEIGHT: 20px; TEXT-ALIGN: center }


.navcontainer UL LI.element A { PADDING-RIGHT: 12px; PADDING-LEFT: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: auto; PADDING-TOP: 0px; 
	TEXT-ALIGN: center; TEXT-DECORATION: none }

.navcontainer .groc LI.element A,.navcontainer .groc LI.element,.navcontainer UL.groc .separador { COLOR: #fc7217;}
/*.navcontainer .blau LI.element A ,.navcontainer .blau LI.element,.navcontainer UL.blau .separador{ COLOR:  rgb(207,0,230);}*/
.navcontainer .blau LI.element A ,.navcontainer .blau LI.element,.navcontainer UL.blau .separador{ COLOR:  rgb(153,102,51);}
.navcontainer .vermell LI.element A,.navcontainer .vermell LI.element,.navcontainer UL.vermell .separador { COLOR: #e20a17;}
.navcontainer .verd LI.element A,.navcontainer .verd LI.element ,.navcontainer UL.verd .separador{ COLOR: #015b27;}
.navcontainer .itec LI.element A ,.navcontainer .itec LI.element,.navcontainer UL.itec .separador{ COLOR:  #0069b3;}
.navcontainer .cursos LI.element A ,.navcontainer .cursos LI.element,.navcontainer UL.cursos .separador{ COLOR:  rgb(0,106,180);}
.navcontainer .lila LI.element A ,.navcontainer .lila LI.element,.navcontainer UL.lila .separador{ COLOR:  rgb(128,0,128);}


.navcontainer .groc LI.element:hover,.navcontainer .groc LI.sobre,.navcontainer .groc LI.active2  { BACKGROUND: #ffe89a; COLOR:#fc7217; }
/*.navcontainer .blau LI.element:hover,.navcontainer .blau LI.sobre,.navcontainer .blau LI.active2  { BACKGROUND: rgb(238,187,249); COLOR:rgb(207,0,230);}*/
.navcontainer .blau LI.element:hover,.navcontainer .blau LI.sobre,.navcontainer .blau LI.active2  { BACKGROUND: rgb(234,205,182); COLOR:rgb(153,102,51);}
.navcontainer .vermell LI.element:hover,.navcontainer .vermell LI.sobre,.navcontainer .vermell LI.active2  { BACKGROUND: #ffc1a8; COLOR: #e20a17;}
.navcontainer .verd LI.element:hover,.navcontainer .verd LI.sobre,.navcontainer .verd LI.active2  { BACKGROUND: #98ceaa; COLOR:#015b27;}
.navcontainer .itec LI.element:hover,.navcontainer .itec LI.sobre,.navcontainer .itec LI.active2  { BACKGROUND: #8bc7eb; COLOR:#0069b3;}
.navcontainer .cursos LI.element:hover,.navcontainer .cursos LI.sobre,.navcontainer .cursos LI.active2  { BACKGROUND: rgb(166,203,229); COLOR:rgb(0,106,180);}
.navcontainer .lila LI.element:hover,.navcontainer .lila LI.sobre,.navcontainer .lila LI.active2  { BACKGROUND: rgb(217,179,217); COLOR:rgb(128,0,128);}


.navcontainer LI.active2 { PADDING-RIGHT: 12px; PADDING-LEFT: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px }

.navcontainer .groc .separadorActiu,.navcontainer .groc .separadorpintat { BACKGROUND: #ffe89a; COLOR: #ffe89a; }
.navcontainer .blau .separadorActiu,.navcontainer .blau .separadorpintat { BACKGROUND: #eacdb6; COLOR:#eacdb6; }
.navcontainer .vermell .separadorActiu,.navcontainer .vermell .separadorpintat { BACKGROUND: #ffc1a8; COLOR: #ffc1a8; }
.navcontainer .verd .separadorActiu,.navcontainer .verd .separadorpintat { BACKGROUND: #98ceaa; COLOR:#98ceaa; }
.navcontainer .itec .separadorActiu,.navcontainer .itec .separadorpintat { BACKGROUND: #8bc7eb; COLOR: #8bc7eb; }
.navcontainer .cursos .separadorActiu,.navcontainer .cursos .separadorpintat { BACKGROUND: rgb(166,203,229); COLOR: rgb(166,203,229); }
.navcontainer .lila .separadorActiu,.navcontainer .lila .separadorpintat { BACKGROUND: rgb(217,179,217); COLOR: rgb(217,179,217); }



.amagaSelects{visibility:hidden;}

/***********************************************************/
/* SECTE */
/***********************************************************/

#Aplicacio #bodyDiv{visibility:hidden;}
#Aplicacio #fonsMenu {height:20px;}
#Aplicacio #Contingut{position: absolute; top: 113px; left: 20px;}