body {
	background-color: #f0f0f0;
   margin: 0;
   font-family: sans-serif; 
}

#caixa {
	background-color: #e6e6fa;
   position: relative;
   margin: 0 auto;
   height: 1650px;
   width: 950px;    
}	

#capcalera {
	background-color: #dcdcdc;
	position: absolute;
	width: 950px;
	top: 0;
	height: 135px;
}

#vives {
  	position: absolute;
  	margin: 10px;
}

/* el següent punt l'hauríem pogut escriure: img.ies { ... }, si hi hagués altres div amb class="ies" i només volguésim que fos la img.ies que tingués aquestes propietats.*/ 
.ies {
	width: 276px;
   height: 118px;
}
  
#titol {
	position: absolute;
	font-size: 45px;
	right: 60px;
	top: 4px;
	color: #d80000;
}  	

#area {
	position: absolute;
	left: 304px;
	top: 70px;
}

#circ {
	position: absolute;
	left: 409px;
	top: 70px;
}

#binomi {
	position: absolute;
	left: 514px;
	top: 70px;
}

#equacio {
	position: absolute;
	left: 619px;
	top: 70px;
}

#limit {
	position: absolute;
	left: 724px;
	top: 70px;
}

#integral {
	position: absolute;
	left: 829px;
	top: 70px;
}

#cita1 {
	position: absolute;
	width: 930px;
	left: 10px;
	top: 148px;
	background-color: #a8a8a8;
}
	
/*#citaarab {
	position: absolute;
	width: 945px;
	left: 5px;
	top: 704px;
	background-color: #a8a8a8;
}*/
		


#daltlateral {
	background-color: #6699cc;
	width: 250px;
	position: absolute;
	color: #ffffff;
}

#index {
	background-color: #f8f8f8;
	width: 250px;
	position: absolute;
	left: 10px;
	top: 186px;
	height:266px;
}

#baixindex {
	width: 250px;
	position: absolute;
	top: 21px;
}

#links {
	background-color: #f8f8f8;
	width: 250px;
	position: absolute;
	left: 10px;
	top: 466px;
	height:226px;
}

#baixlinks {
	width: 250px;
	position: absolute;
	top: 21px;
}

#wiris {
	position: absolute;
	top: 720px;
	left: 55px;
}

#geogebra {
	position: absolute;
	top: 780px;
	left: 77px;
}

#contingut {
	/*background-color: #f8f8f8;*/
	background-color: #e6e6fa;
	width: 670px;
	position: absolute;
	left: 270px;
	top: 186px;
	height: 1465px;
	overflow: auto;
}

#daltcontingut {
	background-color: #6699cc;
	width: 330px;
	position: absolute;
	color: #ffffff;
}

#tercereso {
	position: absolute;
	background-color: #ffffff;
	width: 330px;
	left:0;
	height: 472px;
}

#baixtercereso {
	position: absolute;
	top: 24px;
	width: 330px;
}
	 
#quarteso {
	position: absolute;
	background-color: #ffffff;
	width: 330px;
	left: 340px;
	height:677px;
}

#baixquarteso {
	position: absolute;
	top: 24px;
	width: 330px;
}

#primerbatxilleratct {
	position: absolute;
	background-color: #ffffff;
	width: 330px;
	left: 0;
	height: 554px;
	top: 489px;
}

#baixprimerbatxilleratct {
	position: absolute;
	top: 24px;
	width: 330px;
}

#segonbatxilleratct {
	position: absolute;
	background-color: #ffffff;
	width: 330px;
	left:0;
	height:227px;
	top: 1059px;
}

#baixsegonbatxilleratct {
	position: absolute;
	top: 24px;
	width: 330px;
}

#primerbatxilleratcs {
	position: absolute;
	background-color: #ffffff;
	width: 330px;
	left: 340px;
	height:513px;
	top: 693px;
}

#baixprimerbatxilleratcs {
	position: absolute;
	top: 24px;
	width: 330px;
}

#segonbatxilleratcs {
	position: absolute;
	background-color: #ffffff;
	width: 330px;
	left: 340px;
	height:228px;
	top: 1222px;
}

#baixsegonbatxilleratcs {
	position: absolute;
	top: 24px;
	width: 330px;
}

ul {  
   margin:0;
   list-style-type: none;
   padding-top: 0px;
   padding-left: 0px;
}  
      
ul li {  
	margin: 0;
   text-align: left;
   text-indent: 8px;
}

/* el que ve a continuació fa que, en les llistes, tota l'àrea rectangular de cada ítem sigui activa */
ul li a {
	display: block;
}

#ullateral li {
	font-family: lucida; 
	font-size: 13px;
	font-weight: bold;
	line-height: 40px;
	padding: 0;
	border-bottom: 1px solid #b0b0b0;
	border-right: 1px solid #b0b0b0;
	border-left: 1px solid #b0b0b0;
}

.tercereso a:hover{
	background-color: #ccff99;
}

.quarteso a:hover{
	background-color: #ffff99;
}

.primerbatxilleratct a:hover{
	background-color: #ffccff;
}

.primerbatxilleratcs a:hover{
	background-color: #ccccff;
}

.segonbatxilleratct a:hover{
	background-color: #ffffcc;
}

.segonbatxilleratcs a:hover{
	background-color: #66ffcc;
}

#ulcontingut li {
	line-height: 40px;
	padding: 0;
	border-bottom: 1px solid #b0b0b0;
	border-right: 1px solid #b0b0b0;
	border-left: 1px solid #b0b0b0;
}

#baixtercereso a:hover {
	background-color: #ccff99;
}

#baixquarteso a:hover {
	background-color: #ffff99;
}

#baixprimerbatxilleratct a:hover {
	background-color: #ffccff;
}

#baixprimerbatxilleratcs a:hover {
	background-color: #ccccff;
}

#baixsegonbatxilleratct a:hover {
	background-color: #ffffcc;
}

#baixsegonbatxilleratcs a:hover {
	background-color: #66ffcc;
}

/*#ullinks li a {color: #006699;}  
   
#ullinks li a:visited { color: #667;}  
#ullinks li a:hover {color: #009966;}   
#ullinks li a#actiu {  
   background-color: #fff;    
}*/

blockquote {
	color: #ffffff;
	margin: 0;
	font-size: 18px;
	}

#cita {
	text-align: left;
	margin-left: 80px;
	width: 750px;
	}
	
#autoria {
	position: absolute;
	top: 3px;
	width: 150px;
	text-align: right;
	font-style: italic;
	margin-left: 700px;
	font-size: 15px;
}

h3 {
	color: #ffffff;
	padding: 0 0 0 10px;
	margin: 0;	
}

h4 {
	color: #ffffff;
	padding: 0 0 0 10px;
	margin: 0;	
}

  
a:link {  
   text-decoration: none; 
   color: #006699;
} 
   
a:visited {  
   text-decoration: none; 
}  
    
a:hover { 
   text-decoration: none;
   color: #33cc99; 
} 
    
a:focus {  
   text-decoration: none;  
}  
  
a:active{  
   text-decoration: none;
}