/* CSS Document */

/*************     V E R S I Ó   E N   T A R O N J A    *********************/

body {
	margin: 10px 0 3px 0;
	padding: 0;
	text-align: center;
	background-color: #F9F6F1;
	font-family:Verdana,Arial,sans-serif;
	font-size:62.5%;
	color:#545454;
	line-height:1.6em
}

a { color:#B9122B}
a:hover { color:#D46B0B}
.clear {font-size: 1px; line-height: 1px; font-weight: normal; clear:both; height:1px; visibility:hidden}
p, h1, h2, h3, ol {padding-left:5px}
.destaca { font-weight:bold}
hr { display:none}



/*  ******************** E S T R U C T U R A **********************  */
div#marc{ margin:0 auto; width:938px;  background:#FFFFFF; border:1px solid #E5E5E5; padding:10px;  }
	div#capsal { width:940px; height:138px; background:#D46B0B url(../img/capsal_diagnosi_taronja.jpg) top no-repeat; margin-bottom:9px; text-align:left}
	div#contingut-home{ width:940px; text-align:justify;  font-size:1.2em; background:url(../img/fons_home_taronja.gif) repeat-y}
	div#contingut-pagina{ width:940px; text-align:left;  font-size:1.2em; background:url(../img/fons_pagina_gris.gif) repeat-y}
div#peu{ margin:0 auto; margin-top:3px; width:930px; text-align:left; background:#FFFFFF; border:1px solid #E5E5E5; padding:10px 15px; height:28px; font-size:1.1em; clear:both }


/*  **********************    C A P S A L    *********************  */
div#capsal h1 { color:#FFFFFF; padding: 90px 0 0 15px; font-size:2.8em; font-weight:normal }
div#capsal h1 a{ color:#FFFFFF; text-decoration:none}
div#capsal h1.imatge {  padding: 0; }
div#capsal a.idiomes { color:#545454; padding: 10px 14px 0 0; font-size:1.2em; float:right}
div#capsal a.idiomes:hover{ color:#FFFFFF}

/*  **************************** P E U ****************************  */
div#peu ul { padding-top:8px}
div#peu ul li { display:inline}
div#peu ul li.nota{ float:left}
div#peu ul li.copi{ float:right}


/*  ************************** H O M E  ***************************  */

div#contingut-home div.central{ float:left; width:624px; padding: 15px 0 ; }
div#contingut-home div.lateral{ float:right; width:276px; padding:20px 18px 15px 15px; color:#000000}

div#contingut-home p { margin-bottom:14px; }
div#contingut-home div.central img{ float:left; margin-right:25px; margin-left:10px;  }
p.entradeta { font-size:1.2em; line-height:1.1; margin-bottom:25px}
h2 { font-size:1.5em; font-weight:bold; margin-bottom:10px; text-align:left;}
h3 { font-size:1.9em; font-weight: normal; color:#FFFFFF; margin-bottom:10px; padding:14px; background:#E4931A; }

div#objectius{ float:left; width:307px; margin-top:20px}
div#objectius ol li{ list-style:decimal inside; margin-bottom:10px; font-weight:bold; font-size:1.4em; margin-left:5px }
div#objectius ol li span { font-weight:normal; font-size:0.7em}
div#com-funciona{float:right; width:307px; margin-top:20px}

div#com-funciona h3 { background: #D46B0B}
div#contingut-home div.lateral form { text-align:right; margin-top:25px }
div#contingut-home div.lateral input { color:#878787; margin:0 0 0 10px; height:14px; width:125px }
div#contingut-home div.lateral input.boto-entrar {width:113px; height:24px; margin:15px 0 15px 0}
div#contingut-home div.lateral form p { margin-bottom:8px}


/*  *********************  P A G I N A   ***********************  */
div#contingut-pagina div.central{ float:left; width:624px; padding: 0 0 15px 0 ; }
div#contingut-pagina div.lateral{ float:right; width:306px; padding:0; }

div.path{color:#FFFFFF; margin-bottom:18px; padding:14px 12px 14px 8px; background:#E4931A; }
div.path p { margin-bottom:0; width:450px; padding:0}
div.path p.num-pregunta { float:right; width:140px; text-align:right;  }

div#contingut-pagina div.central a.ajuda{ clear: both; background:url(../img/ajuda_icon_taronja.gif) no-repeat; padding:5px 0 10px 34px; margin-left:8px; color:#D46B0B }
div#contingut-pagina div.central a.ajuda:hover { color:#000000}
div#contingut-pagina div.central h2{ margin:16px 0 10px 4px; font-size:1.9em; font-weight:normal; color:#D46B0B; line-height:1em}
p.info { color:#9E9E9E; margin-left:4px}

div#contingut-pagina div.central form.pregunta { margin:25px 10px 50px 10px;  }
form.pregunta p {font-size:1.3em; padding-bottom:10px; margin-left:15px}
form.pregunta p span{ margin-left:10px;}
form.pregunta p input{  vertical-align:middle;}
form.pregunta ul { margin-top:30px; }
form.pregunta ul li{ display:inline; margin-right:15px}
form.pregunta input.boto-inici {width:113px; height:24px; margin:15px 0 15px 0}

div#contingut-pagina div.central div.contador {border-top:1px solid #E4E4E4; padding:10px 0 0 15px; color:#D46B0B }
div#contingut-pagina div.central div.contador span{ margin-right:10px; font-size:1.3em}

div#contingut-pagina div.lateral h3 { background: #D46B0B; padding-left:20px; margin-bottom:0; }
div#contingut-pagina div.lateral h3 span.num-titol{ float:right; width:80px; text-align:center; font-size:0.5em; line-height:0.8em; margin-right:20px; padding-bottom:5px}

div#contingut-pagina div.lateral ul.categories { margin-bottom:35px}
div#contingut-pagina div.lateral ul.categories li{ border-bottom:1px solid #fff; padding:10px 0; clear:both}
div#contingut-pagina div.lateral ul.categories li.fet { background:#FFEED7}
div#contingut-pagina div.lateral ul.categories li.actiu { background:#FCE0B7}
div#contingut-pagina div.lateral ul.categories li.actiu span.nom { font-weight:bold}

div#contingut-pagina div.lateral ul.categories span.nom{ display:block; margin-left:20px; width:180px}
div#contingut-pagina div.lateral ul.categories span.num{ float:right; width:30px; text-align:center}
div#contingut-pagina div.lateral ul.categories span.estat{  float:right; width:60px; text-align:center; color:#D46B0B }

/*  ********************  R E G I S T R E   *******************  */
div#contingut-registre{ padding: 0 0 15px 0 ; text-align:left }
div#contingut-registre .llista-registre { text-align:right; padding-right:10px}
div#contingut-registre h2 { margin-bottom:0}
div#contingut-registre form {  font-size:1.3em; margin:30px 50px 10px 50px}
div#contingut-registre table td { vertical-align: top }
div#contingut-registre input.m180 { width:180px}
div#contingut-registre input.m80 { width:80px}
div#contingut-registre input.m40 { width:40px}
div#contingut-registre input.m8 { width:8px}
div#contingut-registre input { color:#878787; margin:0 10px;  margin-bottom:8px; width:300px}
div#contingut-registre select { color:#878787; margin:0 10px;  margin-bottom:8px}

div#contingut-registre input.boto-entrar {width:113px; height:24px; margin:15px 0 15px 0}