/* Intro */
div#index { display:block; width:42em; height:30em;  border:0.2em solid black; margin:5em auto; text-align:center; }
div#index h1 { padding:1em 5em; font-size:1.4em; display:none; }
div#index p { padding:2em 1em 1em 1em; float:right; display:block; width:10em; }
div#index img { width:26em; height:auto; float:left; }


/* GENERAL */
* { margin:0; padding:0; border:0; }
body{ font-size:90%; font-family:"Trebuchet MS", sans-serif; margin:50px;  color:#000; background-color:#FFF;}
ol, ul, ul li { list-style:none; }
a { text-decoration:none; }
table { border-collapse:collapse; }

hr, .clear { clear:both;}
hr, .hide, .amaga { display:none; }




/* Estructura */

#main { border: 1px solid #666;; width:900px; margin:0 auto;}
#header,
#contingut,
#content,
#footer { clear:both;}
#footer p {text-align:center; color:#666;}
#footer p a {color:#666; font-size:0.9em; }
#main p.ari, #main p.sel_ap { display:block;  font-size:0.8em; padding:3px 20px;  color:#333;}
#main p.ari { width:500px; float:left;  padding-top:7px; }
#main p.ari a { color:#333;}
#main p.ari a:hover { text-decoration:underline;}
#main p.ari a.act { font-weight:bold;}
#main p.sel_ap { width:300px; float:right;  }
#main p.sel_ap select { font-size:0.9em; width:240px; padding-bottom:4px; color:#666; }

#main #header { display:block; width:100%; height:70px; background-color:#8B0000; margin-bottom:5px;}
#main #header h1 { color:#FFF; padding:20px; font-family:Helvetica, Arial,sans-serif;}

/* INDEX - Questionaire */
#main #contingut ol { display:block; width:60%; padding:20px 5px; margin:20px auto; border:1px solid #eee; list-style:none;}
#main #contingut ol li { display:block; width:90%; background:#eee; border:1px solid #eee; color:#666; margin:5px 15px; padding:3px 5px; list-style:none;}
#main #contingut ol li:hover { background:#FFF; border:1px solid #eee; }
#main #contingut ol li a { display:block; color:#666; padding:3px 30px 3px 3px; }
#main #contingut ol li a:hover { color:#000; }
#main #contingut ol li a:visited { color:#060; background:url(../img/layout/icons/on/ico_ok.gif) no-repeat right center;  }
#main #contingut #apartados { font-size:1.3em; }

#apartados { background:#FFF;}

a.home_lnk { font-size:0.8em; text-transform:uppercase;  background:#eee; color:#666; font-weight:bold; padding:3px 5px; border-bottom:1px outset #666; border-right:1px outset #666; }
a.home_lnk:hover { color:#FFF; border-style:outset; background-color:#333;}

#main .p_dest { text-transform:uppercase; color:#8B0000;}
#main .p_off { color:#666; }


/* Index */
h3.titol_apartat {font-size:2em; text-align:center; margin:10px 10px 30px 10px; }
ol#apartados { display:block; margin:5px auto; width:60%; background:none; }
ol#apartados li { margin:8px; padding:3px 5px;  background:#DDD;  }
ol#apartados li:hover { background:#FFF;  }

/* Cuestionari */
select, textarea { border:1px solid #999; }
#content #tabs ul li {}
ul.questions {}
ul.questions input { }

ul.questions > li { display:block; margin:15px 0 25px 0; }
ul.questions li p.pregunta { display:block; border-top:1px solid #999; padding:3px;}
ul.questions li p.pregunta strong { display:block;  min-height:80px; overflow:hidden;}
ul.questions li p.pregunta span { }
ul.questions li p.pregunta span.num { float:left; text-align:center; padding:0 5px; border-left:#CCC; color:#666;  z-index:0; width:55px; font-size:40px;  text-align:right; }
ul.questions li p.pregunta span.pregunta { display:block; padding:15px 10px 3px 5px; }

ul.questions li p.comment { display:block; float:right; width:150px;  font-size:0.8em; padding:5px 5px 5px 80px; margin:3px; background:#fff; border:1px solid #999; text-align:center;}

ul.questions li div.resposta {}
ul.questions li div.resposta table * { border-color:#999; border-style:none;}
ul.questions li div.resposta table { width:70%; margin:5px 10px 5px 80px; }

ul.questions li div.resposta table thead {}
ul.questions li div.resposta table thead tr {  padding:3px; background:#666; color:#FFF;}
ul.questions li div.resposta table thead tr th { padding:5px;}

ul.questions li div.resposta table tbody {}
ul.questions li div.resposta table tbody tr { border:1px solid #999; }
ul.questions li div.resposta table tbody tr th { width:400px; text-align:left; padding:5px; font-weight:normal; }
ul.questions li div.resposta table tbody tr td { border:none; padding:3px; }
ul.questions li div.resposta table tbody tr td input {  border:1px solid #999;  }

ul.questions li div.resposta table tbody tr td.camptext {}
ul.questions li div.resposta table tbody tr td.camptext input { width:160px; border:1px solid #999; }
ul.questions li div.resposta table tbody tr th.campinput label { display:inline;}
ul.questions li div.resposta table tbody tr th.campinput input { width:160px; border:1px solid #999; }
ul.questions li div.resposta table tbody label {display:none;}

ul.questions li div.resposta table tbody tr.altres th label { display:block;}
ul.questions li div.resposta table tbody tr.altres th input { border:1px solid #999; } 
ul.questions li div.resposta table tbody tr td { width:16%; text-align:center;}
ul.questions li div.resposta table.taulainputs tbody tr td input { width:80px;}
ul.questions li div.resposta table.taulainputs tbody tr th { width:200px;}


ul.questions li div.resposta table tfoot {}
ul.questions li div.resposta table tfoot tr { border:1px solid #999; }
ul.questions li div.resposta table tfoot tr th { width:400px; text-align:left; padding:5px; font-weight:normal; }
ul.questions li div.resposta table tfoot tr td { border:none; padding:3px; }
ul.questions li div.resposta table tfoot tr input, 
ul.questions li div.resposta table tfoot tr textarea {  border:1px solid #999; width:99%;  }


ul.questions li div.resposta ol { display:block;  }
ul.questions li div.resposta ol li { display:block; padding:5px 10px 5px 80px;   }
ul.questions li div.resposta ol li input {}
ul.questions li div.resposta ol li label { padding:0 5px;}
ul.questions li div.resposta ol li blockquote { display:block; padding:5px 5px 5px 50px;  }
ul.questions li div.resposta ol li blockquote label { padding:0 5px;}
ul.questions li div.resposta ol li blockquote input { width:200px; border:1px solid #999; }
ul.questions li div.resposta ol li blockquote textarea { width:90%; }

ul.questions li div.resposta > blockquote { display:block; padding:5px 5px 5px 80px;   }
ul.questions li div.resposta > blockquote label { padding:3px 5px; margin:0; }
ul.questions li div.resposta > blockquote input { padding:0; margin:3px 0; width:200px; border:1px solid #999; }
ul.questions li div.resposta > blockquote textarea { width:75%; }
ul.questions li div.resposta > blockquote label.check { padding: 0 5px;  }
ul.questions li div.resposta > blockquote div.rcheck {  }
ul.questions li div.resposta > blockquote div.rcheck label {}
ul.questions li div.resposta > blockquote div.rcheck input { width:20px;}

ul.questions li.titol_apartat { display:block;  text-align:center; }
ul.questions li.titol_apartat h3 { display:block; font-size:2em;}

ul.questions li.final_apartat { clear:both; display:block; background:#AAA; padding:10px; margin:0; text-align:center;}
ul.questions li.final_apartat h4 { display:block; padding:5px; }
ul.questions li.final_apartat p {}
ul.questions li.final_apartat p a { background:#FFF; border:1px solid #333; padding:10px;}
ul.questions li.final_apartat p a.save {}
ul.questions li.final_apartat p a.continue {}
ul.questions li.final_apartat p a.index {}

#tabs-5 p em { font-weight:bold;}
#tabs-5 ul li { display:block; height:30px; padding:3px 30px 3px 60px;  margin:5px 0;}
#tabs-5 ul li a.pdf { color:#600; padding:20px 5px 10px 35px; background:url(http://www.eulabor.org/img/layout/icons/pdf_icon.png) no-repeat left;}
#tabs-5 ul li a.pdf:hover { text-decoration:underline;}


/* WEB */

			/*demo page css*/
			body{ font: 80% "Trebuchet MS", sans-serif; margin: 40px;}
			.demoHeaders { margin-top: 2em; }
			#dialog_link {padding: .4em 1em .4em 20px; text-decoration:none; position:relative;}
			#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
			ul#icons {margin: 0; padding: 0;}
			ul#icons li {margin: 2px; position:relative; padding:4px 0; cursor:pointer; float:left;  list-style:none;}
			ul#icons span.ui-icon {float: left; margin: 0 4px;}




	#content #tabs div h3 {}
	#content #tabs div p { padding:1em 0; }
	#content #tabs div ul.partList { margin:5px auto; display:block; width:770px; height:100%; min-height:360px; }
	#content #tabs div ul.partList li { display:block; padding:7px; margin:7px; border:1px solid #EEE; width:160px; height:50px; font-size:0.9em; float:left; /*border:1px solid #464646; background:#ddd;*/  }
	#content #tabs div ul.partList li:hover { background-color:#FEF; border:1px solid #CCC;} 
		#content #tabs div ul.partList li strong { }
		#content #tabs div ul.partList li span {}
		#content #tabs div ul.partList li abbr {}
				#content #tabs div ul.partList li a { color:#600;}
				#content #tabs div ul.partList li a.partContact { font-size:0.9em;color:#464646; }

#content #tabs div #comite { margin:5px auto; display:block; width:680px; height:100%; min-height:360px; }
	#content #tabs div #comite li { display:block; padding:7px; margin:10px; border:1px solid #CCC; width:300px; height:50px; font-size:0.9em; float:left; /*border:1px solid #464646; background:#ddd;*/  }
	#content #tabs div #comite li:hover { background-color:#FEF; border:1px solid #CCC;} 
		


	#content #tabs > img { margin:0 auto;}
	#imgLogos { margin:10px auto; display:block; }

	#content #tabs div.linkList {  }
		#content #tabs div.linkList > h4 { display:block; background:#CCC; padding:5px;  }
		#content #tabs div.linkList > ul { padding:5px; height:190px;   margin:0 5px; border:0px solid red;  }
		#content #tabs div.linkList > ul > li { margin:5px; }
		#content #tabs div.linkList > ul > li  a:hover { color:#600;  }
		
		#content #tabs div.linkList > ul > li.llista3 { display:block; width:260px; float:left; margin:5px;  border:0px solid red;  }
		#content #tabs div.linkList > ul > li.llista3 h5 { background:#CCC; padding:3px 5px; }
		#content #tabs div.linkList > ul > li.llista3 ul { padding:5px; margin:0 3px 0 7px; width:260px;  }
		#content #tabs div.linkList > ul > li.llista3 ul > li {  }
		#content #tabs div.linkList > ul > li.llista3 ul > li > a {  }
	
	#content .boto { display:block; width:250px;  text-align:center; border:1px solid #999;  font-weight:bold; padding:10px 5px; margin:10px auto; }
		#content a.boto { background-color:#600; color:#FFF; }
		#content p.boto { background-color:#999; color:#eee; }

		#content a.boto:hover { background-color:#FFF; color:#600; }
		
				
		

pre{ display:block; font:12px "Courier New", Courier, monospace; padding:10px; border:1px solid #bae2f0; background:#e3f4f9; margin:.5em 0; width:500px; }


/* LOGIN */
#loginFRM {}
#loginFRM form#login_form { display:block; width:60%; text-align:right;}
#loginFRM form#login_form div { display:block; padding:10px; }
#loginFRM form#login_form label { width:100px; padding:5px; }
#loginFRM form#login_form input { width:150px; padding:5px; text-align:center; }
#loginFRM form#login_form input#submit { border:1px solid #600; margin:8px 10px 0 0;}
#loginFRM form#login_form input#submit:hover { background:#600; color:#FFF; cursor:pointer;}
#loginFRM p {}
#loginFRM p a { color:blue;}
#loginFRM p a:hover { text-decoration:underline; }

.messagebox{
	position:absolute;
	width:100px;
	margin-left:30px;
	border:1px solid #c93;
	background:#ffc;
	padding:3px;
}
.messageboxok{
	position:absolute;
	width:auto;
	margin-left:30px;
	border:1px solid #349534;
	background:#C9FFCA;
	padding:3px;
	font-weight:bold;
	color:#008000;
	
}
.messageboxerror{
	position:absolute;
	width:auto;
	margin-left:30px;
	border:1px solid #CC0000;
	background:#F7CBCA;
	padding:3px;
	font-weight:bold;
	color:#CC0000;
}




/* Respostes */

ol#respostes { display:block; padding:20px; border:1px solid black;}
ol#respostes > li { padding:20px; }
ol#respostes > li > h4 {}
ol#respostes > li > ol { list-style:decimal; margin:5px 20px 10px 40px;}
ol#respostes > li > ol > li { margin:3px;}
ol#respostes > li > ol > li > a {}



table.resp {  font-size:10px; border-collapse:collapse; margin:20px auto; }
table.resp, table.resp tr { width:90%;}
table.resp, table.resp tr, table.resp tr td {  border:1px solid #600; text-align:center;  }


table.resp tr th, table.resp tr td { padding:3px; }
table.resp thead tr th { font-size:11px;  border:1px solid #eee;}
table.resp thead { background:#600; color:#FFF;}

table.resp tbody tr th { }

table.resp tbody tr, 
table.resp tbody tr th { background:#eee;}
table.resp tbody tr td { background:#FFF;}
table.resp tbody tr td.resp_num { width:20px; background:#eee; font-weight:bold;}