body {
	background-image: url(./bg02b.png);
	font-family: sans-serif;
	font-size:	12px;
	font-weight: 400;
	font-style:	normal;
	color:#ffffff;
  border:0px none;
	margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}

a, a:link, a:active, a:visited {
  text-decoration:none;
}

#cos, .menusup, #menulat, #menulatombra, #imtgcentral, #imtgcentralombra, #noticiari, #noticiariombra, #peu  {
  -moz-border-radius: 1em;
}

#capcal {
	top:0px;
	left:0px;
	width: 100%;
	height:75px;
	background:transparent url(./bgHeader.png) repeat scroll 100% 0pt;
}
#iesgiligaya {
  top:0px;
  /*border: #000 solid thin;*/
}
#adreca {
  /*border: #000 solid thin;*/
  position: absolute;
  top:10px;
  padding-left:15px;
  font-size:9px;
  font-weight:bold;
  text-align:center;
  vertical-align:middle;
  
}
#capcal a {
  color: #fff;
}


#cos {
	margin:2px auto;
	padding:2px;
	background:white;
	color:black;
	position:relative;
	width:950px;
	height:600px;
	border: #000 solid 0px;
	overflow:visible;
	background-image: url(bambu3.jpg);
	background-repeat: no-repeat;
	background-position:20px 40px;
}

#dita {
  /*border: #000 solid thin;*/
  position:absolute;
  top:0px;
  left:0px;
  color:#229;
  font-weight:normal;
  text-align:left;
  width:675px;
}

#rellotge {
  /*border: #000 solid 1px;*/
  position:absolute;
  top:0px;
  left:675px;
  color:#229;
  font-weight:bold;
  text-align:right;
  width:273px;
}

.menusup {
  position: absolute;
  top: 25px;
  width:130px;
  border: #000 solid 1px;
  text-align: center;
  font-weight:bold;
}
.menusup a {
  color:#229;
}
#menusup1 {
  left:3px;
  background-color: #779;
}
#menusup2 {
  left:139px;
  background-color: #88a;
}
#menusup3 {
  left:275px;
  background-color: #99b;
}
#menusup4 {
  left:411px;
  background-color: #aac;
}
#menusup5 {
  left:547px;
  background-color: #bbd;
}
#menusup6 {
  left:683px;
  background-color: #cce;
}
#menusup7 {
  left:820px;
  background-color: #ddf;
}

#menusup8 {
  left:179px;
  top: 110px;
  z-index: 4;
  background-color: #88a;
}

#menulat, #menulatombra {
  position:absolute;
  top:50px;
  left:3px;
  width:220px;
  height:380px;
  background-color:#cce;
  border: #000 solid 0px;
}
#menulatombra {
  top:55px;
  left:8px;
  background-color:#779;
  border:none;
}

.menulateral {
	list-style:none;
	padding: 18px 0px 0px 18px;
	margin: 0px 0px 0px 0px;
}

.menulateral li {
	margin: 3px 0px 0px 0px;
	font-weight:bold;
	height: 18px;
}

.menulateral li a {
  color:#229;
}

.menulateral li a:hover, .menusup a:hover, #adreca a:hover {
  background: #aabbcc;
}


#imtgcentral, #imtgcentralombra {
  position:absolute;
  top:50px;
  left:275px;
  width:300px;
  height:229px;
  background-color:#cce;
  border: #000 solid 0px;
  padding:4pt 8pt 0pt 8pt;
  text-align:center;


}
#imtgcentral { }
#imtgcentralombra {
  top:55px;
  left:280px;
  background-color:#779;
  border:none;
}

#noticiari, #noticiariombra {
  position:absolute;
  top:50px;
  left:650px;
  width:270px;
  height:auto;
  background-color:#cce;
  border: #000 solid 1px;
  padding:4pt 8pt 0pt 8pt;
}
#noticiari {}
#noticiariombra {
  top:55px;
  left:655px;
  background-color:#779;
  border:none;
}

#xtec {
  position: absolute;
  left: 315px;
  top: 300px;
}
#edu365 {
  position: absolute;
  left: 450px;
  top: 300px;
}
#google {
  position: absolute;
  left: 390px;
  top: 350px;
}

#imtg1, #imtg2, #imtg3, #imtg4 {
  position: absolute;
  top:450px;
  width:160px;
  height:120px;
  border: #000 solid 1px;
}
#imtg1 {left:3px;}
#imtg2 {left:163px;}
#imtg3 {left:323px;}
#imtg4 {left:483px;}

#peu {
position:relative;
width:100%;
background:white;
color:black;
left:0px;
border: #000 solid 1px;
padding:2px;
text-align:center;
}

#peu a {
  color: #229;
  font-weight:bold;
}
#avislegal:hover {
  background-color:#779;
}