body {
	background:#CCC;
	}

a {
	text-decoration: none;
	}
	
img {
	padding-right: 5px;
	padding-left: 5px;
	vertical-align: text-bottom;
	border: 0;
	}


#wrap { 
	margin:0 auto 0 auto;
	width:1000px; 
	
	font-family:Verdana;
	font-size:11px;
	background:#FFF;
	

	}
	
#header { 
	height: 90px;
	background:#FFF;
	}
	#logo {
		position:relative; 
		/*padding: 50px 50px;*/
		top: 15px;
		left: 15px;
		/*height: 100px;
		width: 600px;
		cursor:pointer;*/
	}
	#logo a{
		display:block;
		text-decoration: none;
		}
	#infouser {
		position:relative; 
		float: right;
		text-align:left;
		font-size:10px;
		padding: 10px 2px 0 0;
		line-height:14px;
	}
		#infouser table{
			width: 400px;
			border-spacing:0;
			}
		#infouserh11{
			font-size:11px;
			border-bottom: 1px #ccc solid;
			height: 22px;
			}
		#infouserh12{
			font-size:12px;
			font-weight:bold;
			border-bottom: 1px #ccc solid;
			height: 22px;
			}
		


		
#body { 
	height: auto;
	background:#FFF;
	}
#login {
	margin:auto;
	width:600px;
	font-family:Verdana;
	font-size:11px;
	background:#FFF;
	border:2px #fff solid;
	height: auto;
			
	}
	#loginheader{
	display:block;
	width: 600px;
	height: 267px;
	background:url(../img/headerlogin.jpg);
		}
		
	#loginfooter {
	width:600px;
	height: 100px;
	font-family:Verdana;
	font-size:11px;
	padding-left: 50px;
	
	}
	
	#logofooter{
	top: 10px;
	left: 60px;
	position: relative;
		}
		
	#cos_login	{
	height: auto;
	width: 100%;
	vertical-align:top;
	}
	#peu_login{
	padding-left: 50px;
	padding-bottom: 0px;
	clear: both;
	}
	
	
	#textfooter{}		

	#msg {
		text-align: center;
		padding-right: 200px;
		padding-left: 200px;
		font-size:18px;
		font-weight:bold;
		color: red;				
	}
	
	/* Disseny Pregunta Alumne del Jordi Llopart */
	
	#barrasuperior {
		height: auto;
		}
		
	#barrasuperior table{
		width: auto;
		}
		#col1{
			width:400px;
			padding:0 0 0 15px;
			}
		#col2{
			width:160px;
			padding:0 0 0 15px;
			}
		#col3{
			width:250px;
			padding:0 0 0 15px;
			}	
		#col4{
			width:190px;
			padding:0 10px 0 15px;
			}								
		#sup1{
			background:#424242;
			color: #fff;
			font-size:14px;
			height:25px;
			}
		#sup2{
			background:#f1f1f1;
			color: #424242;
			font-size:16px;
			height:65px;
			}
		#sup3{
			background:#ee4e1d;
			height:10px;
			}
				
		#respostes table{
			width: 250px;
			}
		#respostes th{
			background:#d7d7d7;
			color:#000;
			font-size:11px;
			text-align:center;
			width: 100px;
			height:25px;		
			}
		#respostes td{
			background:#e4e4e4;			
			color:#000;			
			font-size:18px;
			font-weight:bold;
			text-align:center;	
			height:40px;
			vertical-align:auto;
			}	
		#pregencurs{
			color:#007eff;
			font-weight:bold;
			font-size:30px;
			}
		#pregtotal{
			color:#4c4c4b;
			font-size:26px;			
			}
		#rellotge{
			float:left;
			padding: 5px 1px 0 5px;
				}
	#zonamixta{
		padding:10px 10px 10px 10px;
		height: 470px;
		}
		#dataestat{
			float: right;	
			padding-right: 5px;		
			width: 400px;
			}
		#zonamixta th{
			color: #fff;
			background:#666;
			padding-left: 10px;
			border: 0.05em #fff solid;
			height:25px;
			text-transform:uppercase;
			text-align:left;
			}
		#zonamixta td{
			color: #000;
			background:#CCC;
			padding-left: 10px;
			border: 0.05em #fff solid;
			height:25px;		
			}
		#llista {
			align: center;
			padding: 10px 10px 10px 10px;
			width: 980px;
			}
		#llistap {
			align: center;
			padding: 10px 10px 10px 10px;
			width: 780px;
			}			
		#examen {
			background:#0CF;
			color:#fff;
			padding: 3px 10px 3px 10px;
			width:auto;
			height:19px;
			border:none !important;
			}
		#examen a {
			text-decoration:none;
			background:#0CF;
			color:#fff;
			border:none !important;
			}
						
	#zonapreguntes {
		padding:10px;
		height: 470px;
		}
		#zonapreguntes table{
			width: 1000px;
			}
			#colp1{
				width:170px;
				border-right:3px #ccc solid;
				text-align:center;
			}
			#colp2{
				width:830px;
				font-size:14px;
				padding: 20px 20px;
				text-align:justify;
				}
			#linp1{
				height: 70px;
				}
			#linp2{
				height: 400px;
				vertical-align:top;
				}
			#linp3{
				}
			#respostaA[type=submit] {
				background:url('../img/respostes/a.jpg') no-repeat;
				width:83px; 
				height:63px;
				border:none;
				color:transparent;
				}	
			#respostaA[type=submit]:hover{
				background:url('../img/respostes/a_hover.jpg') no-repeat;
				}	
			#respostaB[type=submit]{
				background:url('../img/respostes/b.jpg') no-repeat; 
				width:83px; 
				height:63px;
				border:none;
				color:transparent;
				}	
			#respostaB[type=submit]:hover{
				background:url('../img/respostes/b_hover.jpg') no-repeat; 
				}	
			#respostaC[type=submit]{
				background:url('../img/respostes/c.jpg') no-repeat; 
				width:83px; 
				height:63px;
				border:none;
				color:transparent;				
				}	
			#respostaC[type=submit]:hover{
				background:url('../img/respostes/c_hover.jpg') no-repeat; 
				}	
			#respostaD[type=submit]{
				background:url('../img/respostes/d.jpg') no-repeat; 
				width:83px; 
				height:63px;
				border:none;
				color:transparent;
				}	
			#respostaD[type=submit]:hover{
				background:url('../img/respostes/d_hover.jpg') no-repeat; 
				}
	
	#mapamut{
		position: absolute;
		padding-left: 5px;
		min-height: 570px;
		height: auto !important;
		height: 570px;
		width: 990px;
		}
		
	#mapa{
		height: 570px;
		}
	
	#mapamut img {
		padding-right: 0;
		padding-left: 0;		
		}	
		
	#zonapreguntamapa {
		margin: 10px 10px 0 0;
		padding: 10px 10px 10px 10px;
		width: 400px;
		height: 35px;
		font-size: 16px;
		position: relative;
		float: right;
		color: black;
		background-color: rgba(255, 255, 255, 0.5);
		border: 1px grey solid;
		z-index: 100;
		}
	
																																
	#taulabasica{
		padding:10px 10px 10px 10px;
		}
		#taulabasica th{
			color: #fff;
			background:#666;
			padding-left: 10px;
			border: 0.05em #fff solid;
			height:25px;
			text-transform:uppercase;
			text-align:left;
			}
		#taulabasica td{
			color: #000;
			background:#CCC;
			padding-left: 10px;
			border: 0.05em #fff solid;
			height:25px;		
			}

	#barrainferior {
		height: 50px;
		padding: 3px 0 3px 0;
		background:#dfdfdf;
		}
		#barrainferior tr {
			width:1000px;
			background:#ee4e1d;
			}
		#barrainferior td{
			height: 42px;
			padding: 0 0 0 0;
			}
		#barrainferior img{
			padding-left:0px;
			padding-right:0px;
			}
		#anterior a:hover{
			background-image: url('../img/barra/final_test.jpg');
			}


	/* Menu de la Demo del Client per elegir perfil */
	
	#taulainici {
		color: #FFB508; 
		text-align:center; 
		font-weight:bold; 
		font-size:18px;
		
	}
	#taulainici td {
		color: #FFB508; 
		background: #000; 
		height: 50px;
	}
	#taulainici td a {
		color: #FFB508; 
		background: #000;
		text-decoration:none;
	}
	#taulainici td a:hover {
		text-decoration:none;
		color: #000;
		background: #FFB508; 
	}
	#tauladedades {
		margin: 10px 10px 10px 10px;		
	}
	
	#pregunta {
		background:#FFF;
		color:#000;
		font-size:16px;
	}
	#taulalogin {
	border: 1px #fff solid;
	width: 545px;
	margin: auto;
	font-family: Arial;
	font-size: 14px;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 100;
	padding-left: 20px;
		}
	#taulalogin td{
		/*padding: 0 0 0 10px;*/
		width: 280px;
		text-align:left;
		color: #000;
		background: #ccc;
	}
	#taulalogin input{
		padding: 0 0 0 0;
		text-align:left;
		color: #000;
		background: #f2f2f2;
		width: 340px;
		border:none !important;
		height:22px;
	}
	#taulalogin select{
		padding: 0 0 0 0;
		text-align:left;
		color: #000;
		background: #f2f2f2;
		width: 340px;
		border:none !important;
		height:22px;
	}
	#taulaloginboto {
		background:#4d8ffd;
		color:#fff;
		padding: 3px 10px 3px 10px;
		width:auto;
		height:30px;
		border:3px #ccc solid;
		}
	#taulaloginboto a{
		background:#4d8ffd;
		color:#fff;
		padding: 3px 10px 3px 10px;
		width:auto;
		text-decoration:none;
		height:30px;
		border:3px #ccc solid;
		}
		
	#taulaloginbotov {
		background:#F33;
		color:#fff;
		padding: 3px 10px 3px 10px;
		width:auto;
		height:30px;
		border:3px #ccc solid;
		}
	#taulaloginbotov a{
		background:#F33;
		color:#fff;
		padding: 3px 10px 3px 10px;
		width:auto;
		text-decoration:none;
		height:30px;
		border:3px #ccc solid;
		}

	
	
	#titol{
		margin:auto;
		width: 400px;
		font-size:20px;
		font-family:Arial;
		font-weight:bold;
		text-align:center;	
		padding: 0 0 20px 0;
	}
	
	/* Menu de pantalles de Gestio  */
	#dissenyexamen {
		background:#fff;
		width: 900px;
		padding-left:30px;
		table-layout: fixed;
		}
		#dissenyexamen img{
			padding-left:0;
			padding-right:0;
			}
		#dissenyexamen th{
			background:#8f8f8f;
			color:#fff; 
			height:15px;
			border:0.01em solid #fff;
		}
		#dissenyexamen td{
			background:#e8e8e8; 
			color:#000; 
			height:15px;
			border:0.01em solid #fff;
		}
	#dissenyexamen2 {
		background:#fff;
		width: 870px;
		padding-left:59px;
		table-layout: fixed;
		}
		#dissenyexamen2 img{
			padding-left:0;
			padding-right:0;
			}
		#dissenyexamen2 th{
			background:#8f8f8f;
			color:#fff; 
			height:15px;
			border:0.01em solid #fff;
		}
		#dissenyexamen2 td{
			background:#e8e8e8; 
			color:#000; 
			height:15px;
			border:0.01em solid #fff;
		}
	#dissenyexamen3 {
		background:#fff;
		width: 840px;
		padding-left:87px;
		table-layout: fixed;
		}
		#dissenyexamen3 img{
			padding-left:0;
			padding-right:0;
			}
		#dissenyexamen3 th{
			background:#8f8f8f;
			color:#fff; 
			height:15px;
			border:0.01em solid #fff;
		}
		#dissenyexamen3 td{
			background:#e8e8e8; 
			color:#000; 
			height:15px;
			border:0.01em solid #fff;
		}
	#dissenyexamen4 {
		background:#fff;
		width: 810px;
		padding-left:116px;
		table-layout: fixed;
		}
		#dissenyexamen4 img{
			padding-left:0;
			padding-right:0;
			}
		#dissenyexamen4 th{
			background:#8f8f8f;
			color:#fff; 
			height:15px;
			border:0.01em solid #fff;
		}
		#dissenyexamen4 td{
			background:#e8e8e8; 
			color:#000; 
			height:15px;
			border:0.01em solid #fff;
		}		
	
	#taula {
		border: 0px;
		font-size: 14px;
		text-align: left;
		
	}
	#taula td {
		border: 0px;
		text-align: left;
		vertical-align:middle;
	}
	
	#taulares {
		border: 1px solid #000;
		font-size: 14px;
		text-align: left;
		
	}
	#taulares td {
		border: 1px solid #000;
		text-align: left;
		vertical-align:middle;
	}
	
	
	/* Estils de la Creació d'Examen */
	
	#direxamen {
		background: #FF9;
		color: #000;
		text-align: left; 
		font-size: 14px;
		padding: 10px 10px 10px 40px;
		border: 1px #000 dotted;
	}
	
	#dirblocs {
		background: #C99;
		color: #000;
		text-align: left; 
		font-size: 14px;
		padding: 10px 10px 10px 40px;
		border: 1px #000 dotted;
	}
	
	#dirpeces {
		background: #F69;
		color: #000;
		text-align: left; 
		font-size: 14px;
		padding: 10px 10px 10px 40px;
		border: 1px #000 dotted;
	}
	
	#dirmoduls {
		background: #F90;
		color: #000;
		text-align: left; 
		font-size: 14px;
		padding: 10px 10px 10px 40px;
		border: 1px #000 dotted;
	}	
	#mostrarpeca {
		display:block;
		width:95%;
		padding:5px;
		border:2px solid #D0E8F4;
		background-color:#ECF8FD;
		text-align: left; 
		font-size: 14px;
	}	
	#dircreaciopeca {
		background: #CCC;
		display: none;
		color: #000;
		text-align: left; 
		font-size: 12px;
		padding: 10px 10px 10px 10px;
		border: 1px #000 ridge;
	}	
	#mostrarmodul {
		display:block;
		width:95%;
		padding:5px;
		border:2px solid #D0E8F4;
		background-color:#ECF8FD;
		text-align: left; 
		font-size: 14px;
	}	
	#dircreaciomodul {
		background: #CCC;
		display: none;
		color: #000;
		text-align: left; 
		font-size: 12px;
		padding: 10px 10px 10px 10px;
		border: 1px #000 ridge;
	}
	#mostrarbloc {
		display:block;
		width:95%;
		padding:5px;
		border:2px solid #D0E8F4;
		background-color:#ECF8FD;
		text-align: left; 
		font-size: 14px;
	}			
	#dircreaciobloc {
		background: #CCC;
		display: none;
		color: #000;
		text-align: left; 
		font-size: 12px;
		padding: 10px 10px 10px 10px;
		border: 1px #000 ridge;
	}	
#footer { 
	background: #fff;
	color: #000;
	height: 10px;
	padding: 5px 5px 5px 5px;
	text-align: left;
}
#errores {
	width: 440px;
	font-family: Verdana;
	font-size: 16px;
	color: #f00000;
	display: none;	
}

/* PANTALL ADMINISTRADOR - Gestor */
#taulagestor{}
.cap_taula{
	background-color: #8f8f8e;
	height: 32px;
	width: 100%;
	color: #FFF;
	padding-left: 10px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

.line_taula{
	background-color: #e8e8e7;
	height: 24px;
	width: 100%;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	}

.line_resultat{
	background-color: #ccc;
	height: 24px;
	width: 100%;
	padding-left: 10px;
	font-weight:bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	}
	
.line_taula a:link, a:visited, a:active{
	color: #000;
	text-decoration: none;
}
.line_taula a:hover{color: #F30;}
.line_taula:hover{background-color: #FFFFE1;}	

.boto {
	font-size:12px;
	font-family:Arial;
	font-weight:normal;
	color:#FFF;
	border:1px solid #CCC;
	width:auto;
	height:30px;
	background-color: #0080C0;
	padding-top: 6;
	padding-right: 20px;
	padding-bottom: 6;
	padding-left: 20px;
}

H2{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: #FFF;
	font-weight: normal;
}
H2 a:hover{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1,1em;
	color: #FFF;
	font-weight: normal;
}

/* pantallas mantenimets admin*/
.cap_navegacio{
	background-color: #B2B2B2;
	width: 100%;
	color: #FFF;
	padding-left: 20px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

.contingut_admin{
	background-color: #e8e8e7;
	width: 800px;
	padding: 20px;
	}
	
	
.peu_boto_login{
	background-color: #0099FF;
	width: 175px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	border: 2px solid #E1E1E1;
	padding-left: 10px;
	color: #FFF;
	font-size: 14px;
	}
	
.peu_boto_login:hover{
	background-color: #CCCCCC;
	color: #666;
	}
	
#avis{
	font-size: 16px;
	color: #C30;
	border: 1px solid #CCC;
	height: 40px;
	width: 76%;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	text-align: center;
	clear: both;
	margin-left: 100px;
	margin-right: 100px;
}

#taulalogin_boto {
	font-size: 14px;
	padding-top: 0;
	padding-right: 20px;
	padding-left: 50%;
		}
#nota {
	padding: 15px;
	height: auto;
	text-align: justify;
	border: 1px solid #C30;
	background-color: #EFEFEF;
	margin-top: 5px;
	margin-right: 45px;
	margin-bottom: 5px;
	margin-left: 45px;
}