/* default style for the whole document */
html, body {
	background-color : white;
	color : black;
	margin : 0px 0px 0px 0px;
}

/* default style for the whole table */
table#questions {
	border-collapse : collapse;
	width : 95%;
	margin-left : 2%;
	margin-right : 2%;
	margin-top : 2%;
}

/* default style for the Catalan column */
col#catquestions {
	width : 49%;
}

/* default style for the empty spacer column */
col#spacer {
	width : 2%;
}

/* default style for all rows in the table */
tr.top {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11pt;
	font-weight : bold;
	background-color : black;
	color : white;
	border-collapse: collapse;
}

/* style for the header row - override the font size */
tr#header {
	font-size : 24pt;
}

/* style for the Catalan header cell - override the border and background colour */
td.top {
	border: none; 
	background-color: #D8E4D6;
	color: red;
	text-align: center;
	vertical-align: center;
/*	border-bottom: hidden;*/
	padding: .50em .50em 0 1.50em; /* space from inner-walls */
	width: 25%;
}

td.text {
	border: none; 
	background-color: #D8E4D6;
	color: black;
	font-size : 12pt;
	text-align: justify;
	vertical-align: center;
/*	border-bottom: hidden;*/
	padding: .50em .50em 0 1.50em; /* space from inner-walls */
	width: 25%;
}

/* style for the Catalan header cell - override the border and background colour */
td.esq {
	border: 0px solid #D8E4D6; 
	background-color: #D8E4D6;
	color: white;
	text-align: center;
	vertical-align: center;
	border-color: #D8E4D6;
}

/* style for the Spanish header cell - override the border and background colour */
td.esphdr {
	border : 10px solid #EEEEEE;
	background-color : #EEEEEE;
	color : black;
	text-align: center;
	vertical-align: top;
}

/* style for the Catalan non-header cell - override the border, padding and vertical alignement */
td.catque {
	border : 10px solid #D8E4D6;
	padding : 1em;
	vertical-align : top;
}

/* style for the Spanish non-header cell - override the border, padding and vertical alignement */
td.espque {
	border : 10px solid #EEEEEE;
	padding : 1em;
	vertical-align : top;
}

/* style for subquestion - override font style */
span.subquestion {
	font-style : normal;
	font-weight : bold;
}

/* style for navegadors - override font style */
p.continue {
	font-size : 10pt;
	font-weight : normal;
	font-style : italic;
}

/* style for the browsers names in the moodle.php page - override font style */
span.navegadors {
	font-style : italic;
	color: rgb(255,0,0);
}


/* style for the answer - override font weight and indentation */
div.answer {
	font-weight : normal;
	margin-left : 2em;
}

/* style for the signature - override font weight, indentation and font style */
div.signatura {
	font-weight : normal;
	text-align : right;
	font-style : italic;
}

/* style for the 'did it answer your question' part */
td.answered {
	font-weight : normal;
	border : 20px solid white;
	text-align : justify;
	vertical-align: top;
}

/* default style for submit button */
input.submitButton {
  }

/* style for submit button which looks like a link */
input.submitLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	background-color: white;
	color: #00008B; /* dark blue */
	font-weight: bold;
	text-decoration: none;
	border: none;
	cursor: pointer;
}


/*style for the forms in the index page. Must be the same as .indexlink */
input.submitIndex {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11pt;
 color: #00008B;
 font-weight: bold;
  
   background-color: white;
   text-decoration: none;
   border: none;
   cursor: pointer;
  }


/* style for a small anchor link */
a.slink {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    text-decoration: none;
	background-color: #D8E4D6;
    color: #00008B; /* dark blue */
    font-weight: bold;
  }
  a:visited {color: #669933}  /* visited link */
  a:hover {  /* mouse over link */
/*	display: block; */
	color: blue;
	background: white;
/*	width: 5em; */
/*	padding: .15em .15em .5em .35em; */
/*	margin: 0% 0% 0% 0%; /space text-walls to normal text*/
/*	padding: .50em .50em 0 .50em; / space from inner-walls */

  }
    
/* style for a small anchor link */
a.elink {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    text-decoration: none;
	background-color: #D8E4D6;
    color: white;
    font-weight: bold;
  }

/* style for a large anchor link */
a.llink {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13pt;
    text-decoration: none;
	background-color: white;
    color: #00008B; /* dark blue */
    font-weight: bold;
  }

/*style for the links in the index page. Must be the same as .submitIndex */
a.indexlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	text-decoration: none;
	color: #00008B;
	font-weight: bold;
  }

/* style for the nested table at the bottom of the page with answers which contains 'Si' and 'No' buttons */
div.sino {
	position : relative;
	width : 80%;
	left : 10%;
}

/* style for the nested table at the bottom of the page with answers which contains 'Si' and 'No' buttons */
table.solved {
	width : 100%;
	margin-left : 0%;
	padding : 1%;
}

/* style for the left column (with 'Si' button) in the nested table at the bottom of the page with answers */
col.answersi {
	width : 50%;
}

/* style for the 'Si' and 'No' buttons at the bottom of the page with answers */
td.sino {
	text-align : center;
}

/* style for the 'Back' link at the bottom of the page with answers */
div.backlink {
	text-align : center;
}

/*estils extres: */

.arial8
{
font-size:8.0pt;
font-family:Arial;
}

.arial13
{
font-size:13.0pt;
font-family:Arial;
}

.arial11
{
font-size:11.0pt;
font-family:Arial;
}

.arial24
{
font-size:24.0pt;
font-family:Arial;
}

.arial72
{
font-size:72.0pt;
font-family:Arial;
}

/* llista horitzontal ******************************/

#barrah {
	padding: .3em 0; /*gruix de la barra*/
    font-size: 12pt;  
    text-align: center;
	background: black;
/*	clear: both; */ /*no se pq serveix encara*/
	position:absolute;
	left:80px;
	top:0px;
	width:80%;
	height:50px;


}
#barrah a {
	padding: 0 .2em 0 .4em; /* espai entre elements barra */
    color: #ccc;
    text-decoration: none;
 /*   border-left: 1px solid #444; */ /*no se pq serveix encara*/
  }
  #barrah a.highlight { font-weight: bold; }
  #barrah a:hover { color: #fff; background: black; }

#barrah li { list-style: none; display: inline; } /*aço fa que llista estiga horitzontal*/
#barrah li.begin a { border: none; }


/* llista vertical ******************************/
#barrav {
	padding: .3em 0; /*gruix de la barra*/
/*    font-size: 90%; */ 
    text-align: left;
	padding: .4em .8em 0px 300px;
/*	background: black; */
/*	clear: both; */ /*no se pq serveix encara*/
    font-size:16.0pt;  /*grandaria text */
	font-family:Arial;
	margin: 0 0 50px 0;
  }
  
#barrav a {
	padding: 0 .2em 0 .4em; /* espai entre elements barra */
    color: blue;
    text-decoration: none;
 /*   border-left: 1px solid #444; */ /*no se pq serveix encara*/
  }
  #barrav a.highlight { font-weight: bold; }
  #barrav a:hover { color: blue; font-weight: bold; }

#barrav ul {
		list-style-type: none;  /* marker style */ 
/*		padding: .10em .10em 0 .10em; /space text-walls, top right bottom left*/ 
/*		background: red; /#000066; */
		margin: 0% 0% 5% 0%; /*space from walls */
		color: red; /*white;*/			
	}

#barrav li { list-style: none; display: inline;} /*aço fa que llista estiga horitzontal*/
#barrav li.begin a { border: none; }

#barrav li { margin: 0% 5% 0% 0%; /*space between items of list */ }


/* popups!!! ---------------------------- */
/*This is to have css popups in the page :) */

a span {
  display: none;
  position:relative; 
  }
 
a:hover {
  background-color: #dbe4f2;
  }

/* The above hover change defeats the
  IE/Win display changing bug */


a:hover span {
  position: absolute;
  top:250px; left:500px; 
/*  width:70px; */
  text-align: center;
  display: block;
/*  background: #fdd;
  border: 1px solid red; */
  background: #cff;
  color:#000;
  border: 1px solid #0cf;
  font-size: 10pt; 
  }

/* end of hovering links */

/*This is to have css popups in the page in Opera :) */
/*
a span {
  display: none;
  position:relative;
  }
 
a:hover {
  background-color: #dbe4f2;
  }

a:hover span {
  position: absolute;
  width:70px; 
  text-align: center;
  display: block;
  background: #cff;
  color:#000;
  border: 1px solid #0cf;
  }
/*
/* end of opera hovering liks */

/* llista vertical ******************************/


div.colCR  {
	margin: 10px 10px 10px -20px;
	padding: 0px 0px 0px 0px;
	width: 80px;
	position:absolute;
	left:0px;
	top:0px;
	font-size:80%;
}

div.colCR a {
	display: block;
	color: black;
	padding: .10em .0em .10em .50em;
	text-decoration: none;
	width: 100px;
	height: 30px;
	margin: 0 0 4px 0;
	font-weight: bold;
}

div.colCR ul {
	list-style-type: none;  /* marker style */ 
/*		padding: .10em .10em 0 .10em; /space text-walls, top right bottom left*/ 
/*		background: red; /#000066; */
/*	margin: 0% 20px 10px 0px; space from walls */
/*	color: red; white;*/			
}

div.colCR li {
	margin: 0 0 4px 0;
}


div.colCR a:link {
	text-decoration: none; 
	color: white;
	background: #000000;
}	

div.colCR a:visited {
	text-decoration: none; 
	color: white;
	background: #000000;
}

div.colCR a:hover {
	background: white;
	text-decoration: none;
	color: red;

/*		margin: 0% 0% 0% 0%; /space text-walls to normal text*/
/*		padding: .50em .50em 0 .50em; / space from inner-walls */
}

div.colCR img {border: 0px solid;}

	
.primer {
	background: black;
	color: black;
}

/*------------ fi llista vertical */

/* columna del mig */
div.colM  {
	margin: 10px 10px 300px 0px;
	padding: 4px 4px 4px 4px;
	width: 550;
	position:absolute;
	left: 120px;
	top:14%;
	font-size: 12pt;
/*	background: #FFFFFF;*/
	text-align: justify; 
}

div.colM img {border: 0px solid;}

div.colM a:link {
text-decoration: none; 
color: blue;
}

div.colM a:visited {
text-decoration: none; 
color: blue;
}

/* fi columna del mig */