@charset "UTF-8";
/* CSS Document */

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

#quicol2 > form  > div > input, #quicol2  > form  > div > textarea, #colum100x100 > form  > input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


form header {
  margin: 0 0 20px 0; 
}
form header div {
  font-size: 90%;
  color: #999;
}
form header h2 {
  
}
form > div {
  clear: both;
  overflow: hidden;
  padding: 1px;
  margin: 0 0 10px 0;
}
form > div > fieldset > div > div {
  margin: 0 0 5px 0;
}
form > div > label,
legend {
	width: 25%;
  float: left;
  padding-right: 10px;
}
form > div > div,
form > div > fieldset > div {
  width: 75%;
  float: right;
}
form > div > fieldset label {
	font-size: 90%;
}
fieldset {
	border: 0;
  padding: 0;
}
/* He afegit aquest 2 */
input[type=textcurt],
textarea,
select.petit {
 float: left;
 width: 31%;
 margin-left:2%;
 margin-bottom: 1%;
 padding-left: 5px;
 height: 35px;
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
 border-right: 1px solid #eee;
 border-bottom: 1px solid #eee;
 -webkit-border-radius: 0.35em;
 -moz-border-radius: 0.35em;
 border-radius: 0.35em;
 background-color:#f5f5f5;
}
input[type=textmini],
textarea {
 float: left;
 width: 12%;
 margin-left:2%;
 margin-bottom: 2%;
 padding: 5px;
 height: 130px;
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
 border-right: 1px solid #eee;
 border-bottom: 1px solid #eee;
 -webkit-border-radius: 0.35em;
 -moz-border-radius: 0.35em;
 border-radius: 0.35em;
 background-color:#f5f5f5;
}
/* FI He afegit aquest 2 */
input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea, 
select {
  width: 98%;
  margin-left:2%;
  margin-bottom: 2%;
  padding: 5px;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  -webkit-border-radius: 0.35em;
  -moz-border-radius: 0.35em;
  border-radius: 0.35em;
  background-color:#f5f5f5;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
select {
  float: left;
  width: 45%;
  margin-left:2%;
  margin-bottom: 2%;
  padding: 5px;
  height: 35px;
  -webkit-border-radius: 0.35em;
  -moz-border-radius: 0.35em;
  border-radius: 0.35em;
  background-color:#f5f5f5;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=textcurt]:focus,
input[type=textmini]:focus,
textarea:focus,
select.petit:focus {
  outline: 0;
  border-color: #4697e4;
}

/** Ajudans a millorar **/
.ajudans_line1 {
	width: 100%;
	float: left;
}
.ajudans_line {
	width: 100%;
	float: left;
}
.nums {
	float:left;
	width: 9%;
	margin-right: 1%;
	font-weight: bold;
}
.nums2 {
	float:left;
	width: 24%;
	margin-right: 1%;
	font-weight: bold;
}
.pregunta {
	float:left;
	width: 40%;
	font-weight: bold;
}
.pregunta2 {
	float:left;
	width: 100%;
	font-weight: bold;
}
.respostes {
	float:left;
	width: 60%;
}
.respostes2 {
	float:left;
	width: 100%;
}
.puntuacio {
	display: none;
}
/** FI Ajudans a millorar **/

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (max-width: 768px) {
  form > div {
    margin: 0 0 15px 0; 
  }
  form > div > label,
  legend {
	  width: 100%;
    float: none;
    margin: 0 0 5px 0;
  }
  form > div > div,
  form > div > fieldset > div {
    width: 100%;
    float: none;
  }
input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea,
select {
  width: 98%;
  margin-left:2%;
  margin-bottom: 2%;
  padding: 5px;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password] {
  float: left;
  width: 98%;
  margin-left:2%;
  margin-bottom: 2%;
  padding: 5px;
}

/** Ajudans a millorar **/
.ajudans_line1 {
	display: none;
}
.pregunta {
	float:left;
	width: 100%;
	font-weight: bold;
}
.respostes {
	float:left;
	width: 100%;
}
.puntuacio {
	display: block;
	float: right;
	width: 15px;
}
.nums2 {
	float:left;
	width: 49%;
	margin-right: 1%;
	font-weight: bold;
}

/** FI Ajudans a millorar **/
}


/* Mobile Layout: 480px and below. */

@media only screen and (max-width: 480px) {
  form > div > label,
	legend {
  	text-align: right;
  }
input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea,
select {
  width: 98%;
  margin-left:2%;
  margin-bottom: 2%;
  padding: 5px;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password] {
  float: left;
  width: 98%;
  margin-left:2%;
  margin-bottom: 2%;
  padding: 5px;
}

/** Ajudans a millorar **/
.puntuacio {
	display: block;
}
/** FI Ajudans a millorar **/

}