/* Generals */
body {
	margin: 10px;
	background-color: #d7ebff;
}

.error{
	border: 1px solid red;
	color: red;
	background-color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 14px;*/
	font-size: 110%;
	font-weight: bold;
	padding: 5px;
	text-align: center;
	width: 500px;
	margin-left: 100px;
}

* html label {display:inline} /* fix double margin bug */
/*#enviaExercici {width:20em}*/
#enviaExercici label.float {clear:left;float:left;width:7em;}
#enviaExercici label.float-width50 {clear:left;float:left;width:50%}
#enviaExercici label.float-width100 {clear:left;float:left;}
#enviaExercici input.float {float:left;margin-bottom:1em;width:7em;}

.alignLeft{ text-align: left; }
.alignRight{ text-align: right; }
.alignCenter{ text-align: center; }
.alignJustify{ text-align: justify; }

.margin5px{ margin: 5px;}
.margin10px{ margin: 10px;}
.margin20px{ margin: 20px;}
.margin30px{ margin: 30px;}
.margin40px{ margin: 40px;}
.margin50px{ margin: 50px;}
.margin60px{ margin: 60px;}
.marginTop5px{ margin-top: 5px;}
.marginTop10px{ margin-top: 10px;}
.marginTop20px{ margin-top: 20px;}
.marginTop30px{ margin-top: 30px;}
.marginTop40px{ margin-top: 40px;}
.marginTop50px{ margin-top: 50px;}
.marginTop60px{ margin-top: 60px;}
.marginRight5px{ margin-right: 5px;}
.marginRight10px{ margin-right: 10px;}
.marginRight20px{ margin-right: 20px;}
.marginRight30px{ margin-right: 30px;}
.marginRight40px{ margin-right: 40px;}
.marginRight50px{ margin-right: 50px;}
.marginRight60px{ margin-right: 60px;}
.marginBottom5px{ margin-bottom: 5px;}
.marginBottom10px{ margin-bottom: 10px;}
.marginBottom20px{ margin-bottom: 20px;}
.marginBottom30px{ margin-bottom: 30px;}
.marginBottom40px{ margin-bottom: 40px;}
.marginBottom50px{ margin-bottom: 50px;}
.marginBottom60px{ margin-bottom: 60px;}
.marginLeft5px{ margin-left: 5px;}
.marginLeft10px{ margin-left: 10px;}
.marginLeft20px{ margin-left: 20px;}
.marginLeft30px{ margin-left: 30px;}
.marginLeft40px{ margin-left: 40px;}
.marginLeft50px{ margin-left: 50px;}
.marginLeft60px{ margin-left: 60px;}

.padding5px{ padding: 5px;}
.padding10px{ padding: 10px;}
.padding20px{ padding: 20px;}
.padding30px{ padding: 30px;}
.padding40px{ padding: 40px;}
.padding50px{ padding: 50px;}
.padding60px{ padding: 60px;}
.paddingTop5px{ padding-top: 5px;}
.paddingTop10px{ padding-top: 10px;}
.paddingTop20px{ padding-top: 20px;}
.paddingTop30px{ padding-top: 30px;}
.paddingTop40px{ padding-top: 40px;}
.paddingTop50px{ padding-top: 50px;}
.paddingTop60px{ padding-top: 60px;}
.paddingRight5px{ padding-right: 5px;}
.paddingRight10px{ padding-right: 10px;}
.paddingRight20px{ padding-right: 20px;}
.paddingRight30px{ padding-right: 30px;}
.paddingRight40px{ padding-right: 40px;}
.paddingRight50px{ padding-right: 50px;}
.paddingRight60px{ padding-right: 60px;}
.paddingBottom5px{ padding-bottom: 5px;}
.paddingBottom10px{ padding-bottom: 10px;}
.paddingBottom20px{ padding-bottom: 20px;}
.paddingBottom30px{ padding-bottom: 30px;}
.paddingBottom40px{ padding-bottom: 40px;}
.paddingBottom50px{ padding-bottom: 50px;}
.paddingBottom60px{ padding-bottom: 60px;}
.paddingLeft5px{ padding-left: 5px;}
.paddingLeft10px{ padding-left: 10px;}
.paddingLeft20px{ padding-left: 20px;}
.paddingLeft30px{ padding-left: 30px;}
.paddingLeft40px{ padding-left: 40px;}
.paddingLeft50px{ padding-left: 50px;}
.paddingLeft60px{ padding-left: 60px;}

.adjunts a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 14px;*/
	font-size: 110%;
	color: #016867;
	text-decoration: none;
}
.adjunts a:hover{
	text-decoration: underline;
}
.pregunta{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	/*font-size: 14px;*/
	font-size: 110%;
	color: #016867;
	margin-top: 10px;
	margin-bottom: 8px;
}

.option{ 	
	background-color: #e9f4ff;
	padding-left: 30px;
	padding-bottom: 15px;
	margin-right: 10px;
	width: 95%;
}

/*
	Estil del camp resposta
*/
.inputBig{
	font-size: 18px;
	padding: 6px;
	width: 90%;
	}



.respostaTextArea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 15px;*/
	font-size: 120%;
	color: #000000; /*#016867*/
	width: 90%;
	height: 60px;
	padding: 10px;
}	

#images{ width: 100%;}
#images img{
	border: 1px solid #016867;
	padding: 1px;
	margin-bottom: 10px;
	margin-right: 25px;
	float: left;	
}


.felicitats{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #c70009;
	margin-top: 60px;
	padding: 5px;
}
.smail{
	text-align: center;
	padding: 10px;
}

.completat{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: normal;
	color: #05980a;
	padding: 5px;
}
.textAdjunts{
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 16px;*/
	font-size: 120%;
	font-weight: normal;
	color: #05980a;
	padding: 5px;
	margin-bottom: 10px;
}
.titularTaulaExercicis {
	background: url(../images/bg_title.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 18px;*/
	font-size: 120%;
	font-weight: bold;
	font-style: italic;
	color: #016867;
	padding: 5px;
}
.titularTaulaExercicis a{ text-decoration: none; }
.titularTaulaExercicis a:hover{ text-decoration: underline; }
.titularTaulaExercicis a:visited{ color: #016867; }

.textTaulaExercicis {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 14px;*/
	font-size: 120%;
	font-weight: normal;
	color: #016867;
	border-bottom: 1px dashed #016867;
}














.titular {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 14px;*/
	font-size: 110%;
	font-weight: bold;
	color: #016867;
}
.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 14px;*/
	font-size: 110%;
	font-weight: normal;
	color: #016867;
}
.text_presentacio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 14px;*/
	font-size: 100%;
	font-weight: normal;
	color: #016867;
}
.titular_negatiu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 14px;*/
	font-size: 110%;
	font-weight: bold;
	color: #FFFFFF;
}
.peu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #016867;
}
.comunicatek {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 10px;
	font-weight: bold;
	color: #990000;
}
.borde_caixa {
	border: 1px solid #016867;
}
.exercici_titol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 16px;*/
	font-size: 120%;
	font-weight: bold;
	color: #016B67;
}
.exercici_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 14px;*/
	font-size: 110%;
	font-weight: normal;
	color: #333333;
}
.enhorabona {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 14px;*/
	font-size: 110%;
	font-weight: bold;
	color: #990000;
}