/*Stylesheet CG Main v1.6.0*/


/*Main*/

body {
	width:96%;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: center;
	line-height: 16pt;
	margin: 0em;
	padding-right: 20px;
	padding-left: 20px;
}

p {
	font-size: 12px;
	line-height: 16pt;
	text-align: justify;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 0em;
	color: #595959;
	padding-left: 14px;
	font-variant: normal;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}

ul {
	list-style-position: outside;
	list-style-type: square;
	color: #333333;
	padding-bottom: 1em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

ol {
	list-style-type: decimal;
	color: #333333;
	list-style-position: outside;
	padding-bottom: 1em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

li {
	font-size: 11px;
	line-height: 16pt;
	color: #333333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

ol ol {

	list-style-type: lower-alpha;
	color: #868686;
	list-style-position: outside;
}

ol ol ol {

	list-style-type: lower-roman;
	color: 999999;
	list-style-position: outside;
}

ol ul {

	color: #999999;
	list-style-position: outside;
}

ul ul {
	font-weight: bold;
	color: #999999;
	list-style-position: outside;}

ul ol {
	font-weight: bold;
	color: #999999;
	list-style-position: outside;}

h1 {
	font-size: 12pt;
	line-height: 5px;
	text-align: left;
	padding-left: 400px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-left: 0px;
	display: none;
}

h2 {
	font-size: 15px;
	line-height: 20pt;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #333;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #E9E9E9;
	border-left-width: 0px;
	padding-left: 5px;
	margin: 15px;
	background-image: url(buttons/course.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 15px;
}
		
h3 {
	font-size: 12pt;
	}

h4 {
	font-size: 14pt;
	line-height: 18pt;
		}	

h5 {
font-size: 16pt;
	line-height: 20pt;}

h6 {
font-size: 18pt;
	line-height: 22pt;}

img.leftalign {
float: right;
position: relative;
padding-right: 15px;
padding-left: 15px;
padding-bottom: 40px;
padding-top: 40px;
margin-bottom: 20px;}

img.rightalign {
float: right;
position: relative;
padding-right: 15px;
padding-left: 15px;
padding-bottom: 40px;
padding-top: 40px;
margin-bottom: 20px;}


/*Links*/

a:link {
	color: #3399cc;
	text-decoration: none;

} 

a:visited {
	color: #006699;
	text-decoration: none;

}

a:hover {
	background-color: #FFFFFF;
	color: #999900;

	text-decoration: underline;}

a:active {
	color: #006699;
	text-decoration: none;

}

p .caption {
color: #669999;
font-size: 0.875em;
font-weight: bold;}


/*Tables*/

table {
	color: #545454;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	border-right-width: 0px;
	border-left-width: 0px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #F4F4F4;
	border-left-color: #F4F4F4;
	width: 100%;
	height: 100%;
	border-top-width: 0px;
	border-bottom-width: 0px;

}

table.unbordered {
padding: 2px;}

table.unbordered th {
padding: 2px;}

table.unbordered td {
padding: 2px;}



/******************************JLL PASTILLA RECORDATORIS *************************/
/*********************************************************************************/

table.bordered {/*JLL Efecte clip pastilles de anotacions */ 
	border-collapse: collapse;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 75%;
	margin-left: 50px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-bottom-style: none;
	color: #333;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 10px;
	border-right-style: none;
	border-left-style: none;
	background-color: #ede97b;
	background-image: url(buttons/anotacio.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
table .bordered tbody tr th img{display:none;} /*JLL Descativem Icona exclamació standar */ 

.normal{ /* JLL efecte imatges (pantalles / icones ) de tot l'scorm */ 
	border: 2px solid #FFF;	
	}

table.bordered th {/* JLL titol pastilla anotacions */
	color: #630;
	padding-top: 25px;
	padding-right: 10px;
	padding-bottom: 4px;
}

table.bordered td { /* JLL Missatge interior pastilla anotacions */
	padding-top: 4px;
	padding-bottom: 10px;
	padding-right: 10px;
	color: #000;
}
/**************MODELO TABLA 2 CON CONTENIDOS**************************************/

table.unbordered {/*JLL Efecte clip pastilles de anotacions */
	background-color: #EFEFEF;
	border-collapse: collapse;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 75%;
	margin-left: 50px;
	border-top-width: 4px;
	border-right-width: 0px;
	border-bottom-width: 4px;
	border-left-width: 0px;
	border-top-style: solid;
	border-bottom-style: solid;
	color: #666;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 10px;
	border-right-style: none;
	border-left-style: none;
	/*background-image: url(buttons/anotacio.gif);
	background-repeat: repeat-x;
	background-position: left top;*/
	border-top-color: #CCC;
	border-bottom-color: #CCC;
}

table.unbordered th {/* JLL titol pastilla anotacions */
	color: #000;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 20px;
	font-weight: normal;
}

table.unbordered td { /* JLL Missatge interior pastilla anotacions */
	paddingleft:20px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #000;
	background-color: #EFEFEF;
}




/******************************JLL FINAL PASTILLA RECORDATORIS *************************/
/***************************************************************************************/

/*Display Formats*/

div.boxtext {
	border: 1px #ffffff solid;
	padding-left: 1em;
	padding-right: 1em;
	margin-top: 0.5em;}

div.paneltext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-align: left;
	line-height: 16pt;
	background-color: #EFEBE7;
	padding-left: 2em;
	padding-right: 2em;
	margin-top: 1em;
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: 6em;}

div.quotetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-align: left;
	background-color: #EFEBE7;
	padding-left: 2em;
	padding-right: 2em;
	margin-top: 1em;
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: 6em;
}

div.recorda {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background-color: #EFEBE7;

}
	
	
div.definition {
	padding-top: 1em;
	margin-left: 15px;
	margin-right: 0px;
}

div.definition h3 {
	font-size: 1em;
	color: #669;
	font-weight: bold;
	border-bottom-style: solid;
	padding-bottom: 1px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	list-style-type: square;
	padding-left: 1px;
	border-bottom-width: 1px;
	border-bottom-color: #CCC;
	background-image: url(buttons/item.gif);
	background-position: left center;
	background-repeat: no-repeat;
	text-indent: 15px;

}

div.definition p {
	font-size: 1em;
}
i{
	font-size: 1em;
	color: #333;
	font-style: normal;
}

pre.literal {
font-size: 1.0em;}

/*Questions*/


/*MOD 01 QUEST**************************************/

table.question {/*JLL Quest - DIV principal contenedo de los quest. continene la imagen de fondo*/
	font-family:   Arial, sans-serif, Helvetica,;
	font-size: 1em;
	line-height: 1.4em;
	margin-top: 10px;
	width: 100%;
	background-color: #FFF;
	background-image: url(buttons/quest.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	border: 3px solid #999;
}

td.qnum {/*JLL Quest - barra lateral con el nº de la pregunta*/
	font-size: 3em;
	color: #ffffff;
	text-align: left;
	width: 30px;
	height:30px;
	background-image: url(buttons/llibreta02.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}

td.qnum p{/*JLL Quest - barra lateral con el nº de la pregunta*/ 
	display:none;
}



td.qbody {/*JLL Quest - contenido pregunta*/
	font-size: 1em;
	line-height: 1.4em;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}



/*MOD 02 QUEST ****************************************************/
/*
table.question {/*JLL Quest - DIV principal contenedo de los quest. continene la imagen de fondo*/
/*	font-family:   Arial, sans-serif, Helvetica,;
	font-size: 1em;
	line-height: 1.4em;
	width: 100%;
	background-color: #FFF;
	border: 3px solid #CCC;
	margin: 0px;
	padding: 10px;
}

td.qnum {/*JLL Quest - barra lateral con el nº de la pregunta*/
/*	font-size: 3em;
	color: #ffffff;
	text-align: left;
	width: 20px;
	background-image: url(img_mod2/llibreta01.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	margin: 0px;
	padding: 0px;
	}



td.qbody {/*JLL Quest - contenido pregunta*/
/*	background-image: url(img_mod2/llibreta02.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	font-size: 1em;
	line-height: 1.4em;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 50px;
}
*/
.qbody img{/*JLL Quest - boto comprobar Respuestas...*/
	/*border: 2px solid #FFF;*/
}


td.qbody h5{ /*JLL Quest - titulo pregunta*/
	color: #DE6401;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

td.qbody p{ /*JLL Quest - enunciado pregunta*/
	color: #333;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

table.qinput {/*JLL Quest - tabla de respuestas True o False*/
	width: 100%;
	padding: 8px;
	font-size: 1em;
	line-height: 1.4em;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #F8F8F8;
}

#feedback {/*JLL Quest - Respuestas */ 
	margin: 8px;
	padding: 8px;
	position: static;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.4em;
	position: static;}

#feedback p, #feedback ul, #feedback ol, #feedback table {
	font-size: 1em;
	line-height: 1.4em;
	}

.Qfeedbackgeneric {
	display: none;
	line-height: 1.4em;
	background-color: #C8D9E9;
	border: 1px #666666 solid;
	margin: 8px;
	padding: 8px;}

.Qfeedbackcorrect {/*JLL Quest - Respuestas correcta / verde*/
	display: none;
	line-height: 1.4em;
	background-color: #CDE6B5;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 20px;
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 32px;
	border: 1px solid #CCC;
	color: #000;
	background-image: url(buttons/clear.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.Qfeedbackincorrect {/*JLL Quest - Respuestas incorrecta / Rojo*/
	display: none;
	line-height: 1.4em;
	background-color: #E3AEAE;
	border: 1px solid #CCC;
	color: #000;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 20px;
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 32px;
	background-image: url(buttons/delete.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.Qfeedbacksaved{/*JLL text sota les preguntes en ENG ¿? es pot treure....*/
	display:none;
	}

.Qfeedbackcorrect-chb2 {
	display: none;
	line-height: 1.4em;
	background-color: #C3DDDD;
	margin: 8px;
	padding: 8px;
	}

.Qfeedbackincorrect-chb2 {
	display: none;
	line-height: 1.4em;
	background-color: #E5BEBE;
	margin: 8px;
	padding: 8px;
	}

#feedback TABLE {
	font-size: 1em;
	padding-top: 40px;
	line-height: 1.4em;
	margin: 8px;
	padding: 8px;
	}

/*Popups*/

#popup {
	margin: 8px;
	padding: 8px;
	position: static;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.0em;
	line-height: 1.2em;
	}

/*Header*/

#header {
	font-size: 1.2em;
	font-weight: bold;
	border-bottom-style: none;
	color: #333333;
	border-top-style: none;
	height: 120px;
	background-image: url(buttons/cap.jpg);
	background-repeat:  no-repeat;
	width: 100%;
	background-color: #FFF;
	position: fixed;
	left: 0px;
	top: 0px;
	border-right-style: none;
	border-left-style: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}

#header a:link, #header a:hover, #header a:visited, #header a:active {
	background:transparent;
	text-align: left;
	}

/*Logo*/

#logo {
	position: relative;
	padding-left: 4px;
	padding-right: 4px;
	}

/*Index - Disseny pàgian principal Cursos */

#index {
	padding-top: 120px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	padding-bottom: 50px;
	text-align: left;
	background-image: url(buttons/logoexcel.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	}
	
#index a{
	padding-left:5px;	
}

#index a:link, #index a:visited {
	display: block;
	color: #333333;
	padding-top: 1px;
	padding-bottom: 1px;
	text-decoration: none;
	list-style-type: decimal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/*JLL color hover menu*/
#index a:hover{
	width:450px;
	color:#090;
	background-color:#F7F7F7;
	vertical-align:middle;
}

#index ol ol li:hover{
	width:450px;
	color:#090;
	background-color:#F7F7F7;
		vertical-align:middle;
}

#index h2 {
display:none;
}

#index ol {
	list-style-type: decimal;
	margin-left: 0px;
	padding-left: 300px;
	list-style-image: url(buttons/course.gif);
	vertical-align:middle;
}

#index ol ol {
	width:400px;
	list-style-type: decimal;
	margin-left: 0px;
	padding-left: 18px;
	list-style-image: url(buttons/item.gif);
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #D3D3D3;
	vertical-align:middle;
}

#index ol.section {
	color: #000000;
}

#index ol.section ol {
	list-style-type: decimal;
	color: #000000;
}

/*#index a:link, #index a:visited {
	color: #000000;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
	list-style-type: square;
	text-align: left;
	letter-spacing: 0.1em;
	word-spacing: 0.2em;
	}

#index a:hover {
	text-decoration: none;
	color: #36C;
	width: 300px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #36C;
	}

#index h2 {
	font-size: 1.25em;
	color: #006699;
	}

#index ol {
	line-height: 1.7em;
	padding-left: -12px;
	color: #209CDC;
	list-style-type: square;
	text-align: left;
	}

#index ol.section {
	line-height: 1.7em;
	list-style-type: square;
	padding-left: -12px;
	color: #0099CC;
	}

#index ol.section ol {
	list-style-type: decimal;
	padding-left: -12px;
	color: #0066CC;
	}
	*/
	
	

/*Table of Contents*/

td#maintable-toc {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 120px;
	margin-right: 20px;
	margin-left: 20px;
	background-image: url(buttons/fons_menu.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

td#maintable-content {
	background-color: #FFF;
	background-image: url(buttons/sidep-bottom.png);
	border-top-width: 2px;
	border-right-width: 5px;
	border-bottom-width: 0px;
	border-left-width: 8px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	padding-top: 120px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}

#toc {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	width: 227px;
	margin-left: 0px;
	padding-left: 12px;
	padding-top: 35px;
	margin-top: 10px;
	text-align: left;
	
}

#toc h2 {
	font-size: 1.25em;
	text-align: center;
	color: #FFF;
}

#toc a:link, #toc a:visited {
	display: block;
	color: #FFF;
	padding-top: 1px;
	padding-bottom: 1px;
	text-decoration: none;
	list-style-type: decimal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/*JLL color hover menu*/
#toc a:hover{
	color: #FFF; /* color taronga del text hover del menu*/
	background-color: #5B771C;
}

#toc ol ol li:hover{
	color: #FFF;
	/*list-style-image: url(img_mod2/course.gif);*/
}

#toc h2 {
display:none;
}

#toc ol {
	list-style-type: decimal;
	margin-left: 0px;
	padding-left: 15px;
	list-style-image: url(buttons/course.gif);
		vertical-align:middle;
	}

#toc ol ol {
	list-style-type: decimal;
	margin-left: 0px;
	padding-left: 15px;
	list-style-image: url(buttons/item.gif);
	font-weight: normal;
		vertical-align:middle;	/*border-bottom-style: none;
	border-top-width: 1px;
	border-top-style: ridge;
	border-top-color: #CCC;*/
}

#toc ol.section {
	color: #000000;
	width: 210px;
}

#toc ol.section ol {
	list-style-type: decimal;
	color: #000000;
}

#toc a{
padding-left:5px;	
}

li.currentpage {/*color de fondo niveles 2 - seleccionado*/
	color:#030;
	list-style-type: decimal;
	margin-left: 0px;
	padding-left: 4px;
	list-style-image: url(buttons/item.gif);
		vertical-align:middle;
	background-color: #EEE;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #FFF;
}
	
div.currentpage {/*color de fondo niveles 1 - seleccionado*/
	color: #000;
	background-color: #EFEFEF;
	padding-left: 5px;
}

#main-content-withtoc {
	margin-left: 10px;
	margin-right: 20px;
	padding-left: 20px;
	padding-right: 0px;
	margin-bottom: 0px;
	width: 90%;
	padding-top: 0px;
	text-align: left;
}

#main-content-notoc {
	background-color: #ffffff;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 10px;
	padding-right: 20px;
	margin-bottom: 20px;
	}


/*Footer*/

#footer-withtoc {
	padding-left: 5px;
	padding-right: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 0.6em;
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	width: 100%;
	background-color: #FFF;
	height: 50px;
	border-top-width: 0px;
	border-top-style: none;
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-right-width: 0px;
	border-left-width: 0px;
	border-right-style: none;
	border-left-style: none;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#footer-notoc {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 0.6em;
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	width: 100%;
	background-color: #FFF;
	height: 50px;
	border-top-width: 0px;
	border-top-style: none;
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-right-width: 0px;
	border-left-width: 0px;
	border-right-style: none;
	border-left-style: none;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}

#footer a:link, #footer-withtoc a:link, #header a:hover, #header a:visited, #header a:active {
	background:transparent;}

#bottom-nav {
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 10px;
	position: absolute;
	right: 10px;
	bottom: 0px;
}

.floatright {
	float: right;
	margin-top: 20px;
	margin-left: 1px;
	display: none;
}

.floattopright {
	float: right;
	margin-top: 0px;
	margin-left: 1px;
	display: inline;
	position: relative;
	top: 80px;
	padding: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	right: 15px;
}

/*Longdescriptions*/

#longdesc {
margin: 10px;}