/* estils per a la pagina web de l'institut Joan Maria Thomas */


body {
  background: #B0E2FF;
  font-family: verdana,serif;
  font-size: 10pt;
  margin: 0px;
}

/************** Capa titol superior ***********************************/

#capa1 {
  background:  #1E90FF url('jmt2.jpg') no-repeat right bottom; 
  left:0px;
  top:0px;
  margin:0px;
  padding: 6px;
  border-bottom: 1px solid navy;
  border-top: 1px solid navy
}

.titulo {
  margin:0px;
}

.titulo a {
  color: yellow;
  background-color: transparent;
  text-decoration: none;
  font-size: 30pt;
  font-weight: bold;
  font-style: italic;
}

/*************** Capa menu esquerre ********************/

#capa2 {
  padding:15px 15px 0px 15px;
  margin:0px;
  font-size: 9pt;
  width: 135px;
}

.titol{
  text-align: left;
  display:block;
  color: yellow;
  background-color: #1E90FF;
  font-size: 9pt;
  padding: 4px;
  margin-bottom: 5px;
  margin-top: 5px;
  border-top: 1px solid navy;
  border-bottom: 1px solid navy;
  text-decoration:none;
  font-weight:bold;
}

.titol:hover{
  color:navy;
}

.forum{
  text-align: left;
  display:block;
  color: yellow;
  background-color: #1E90FF;
  font-size: 10pt;
  padding: 4px;
  margin-bottom: 5px;
  border-top: 1px solid navy;
  border-bottom: 1px solid navy;
  text-decoration:none;
  font-style:italic;
  font-weight:bold;
}

.forum:hover{
  color:navy;  
}



.imatge{
  text-align: center;
  display:block;
  color: yellow;
  background-color: #1E90FF;
  margin-top:0px;
  margin-bottom:6px;
  padding: 4px;
  border-top: 1px solid navy;
  border-bottom: 1px solid navy;
  text-decoration:none;
  font-weight:bold;
}

.titulin{
  text-align: left;
  display:block;
  color: yellow;
  background-color: #27C1E7;
  font-size: 9pt;
  padding: 4px;
 
  text-decoration:none;
  font-weight:bold;
}

.titulin:hover{
  color:navy;
}

.link {
  display:block;
  color: navy;
  background-color: transparent;
  text-decoration: none;
  padding:6px;
}

.link:hover {
 font-weight: bold;
}

/*********** Capa central ****************/



#capa3 {
left:165px;
top:77px;
position:absolute;
width:78%;
}

.cuadro1 {
  color: navy;
  background-color:#B0E2FF;
  margin-bottom: 15px;
  padding: 10px;
  border: 1px solid navy;
}

.cuadro2 {
  color: navy;
  background-color: #1E90FF;
  margin-bottom: 15px;
  padding: 10px;
  border: 1px solid navy;
}

#capa3 h1 {
  font-family: verdana,serif;
  font-size: 14pt;
  font-weight: bold;
}

#capa3 a {
  color: navy;
  background-color: transparent;
  text-decoration: underline;
}

.materias {
  border-width: 2px;
  border-style:solid;
  border-color: navy;
  text-align:center;
}	

.materias td {
  border-width: 1px;
  border-style:solid;
  border-color: navy;
  text-align:center;
  padding: 15px;
}	

.horari {
  border-width: 2px;
  border-style:solid;
  border-color: navy;
  text-align:center;
}
.horari td {
  border-width: 1px;
  border-style:solid;
  border-color: navy;
}