/* Full d'estil per a una aula en concret

Cal editar només quatre colors, ordenats aquí de més fosc a més clar:

#3771A1 (per exemple, el color dels enllaços)
#689AC4 (color de fons del menú de l'esquerra)
#C4DAE7 (borde ratllat del cos principal)
#E3F0F8 (color de fons de Recursos d'informació a la home)

Substitueix aquests quatre colors per quatre colors alternatius per a cada aula.
*/

/* Estils aplicats a etiquetes */
body {
text-align: center;
	margin:20px 0px;
	background: white ;
	height: 100%;
}

a {
	color: #3771A1;
	text-decoration: none;
}

form {
margin: 0px;
}

/* Estils aplicats a capes */

#header {
margin:0px auto;
width:780px;
position:relative;
top: 0px;
left: 0px;
text-align: right;
}

#nav {
margin: 0px auto;
width: 780px;
position:relative;
top: 0px;
left: 0px;
}

#container {
margin: 6px auto;
width: 780px;
position: relative;
top: 0px;
left: 0px;
}

#leftbar {
margin: 6px auto;
float: left;
width: 180px;
text-align:left;
}

#rightbar {
float: right;
width: 180px;
text-align:left;

}
#cos {
width: 412px;
text-align:left;
margin: 0px auto;
border-left: 1px dashed #C4DAE7;
border-right: 1px dashed #C4DAE7;
}

#recinfo {
background-color: #E3F0F8;
padding: 3px;
border-bottom: 1px dashed #C4DAE7;
margin: 4px auto;
width: 95%;
height: auto;
}

#cos h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #3771A1;
	margin-top: 3px;
	margin-bottom: 6px;
}

#listrec {
list-style-image:url(img/bullet01.gif);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin: 0 0 0 18px;
padding-left: 0px;
}

#listrec li {
padding-top: 2px;
padding-bottom: 0px;
}

#enportada {
width: 95%;
margin: 5px auto;
padding-top: 0.5em;
padding-bottom: 1em;
border-bottom: 1px dashed #C4DAE7;
}

#listact {
list-style-image:url(img/bullet01.gif);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin: 0 0 0 18px;
padding-left: 0px;
}

#listact li {
padding-top: 2px;
padding-bottom: 0px;
}

#activitats {
width: 95%;
margin: 5px auto;
padding-top: 0.5em;
padding-bottom: 1em;
}



#mesinfo {
padding: 4px;
border-bottom: 1px dashed #C4DAE7;
}

#banners{
margin: 4px auto;
padding: 4px;
border-bottom: 1px dashed #C4DAE7;
}

#agenda h4 {
background-color: #E3F0F8;
margin: 5px;
padding: 3px;
border-bottom: 1px dashed #C4DAE7;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
color: #3771A1;
}

#acredita {
margin: 4px auto;
padding: 4px;
}

#foot {
margin: 4px auto;
padding: 4px;
border-top: 1px dashed #C4DAE7;
width: 780px;
}

#agenda td {
border-bottom: 1px dashed #C4DAE7;
}

#segonfons {
position:absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
visibility:hidden;
opacity: 0.8;
filter: alpha(opacity=80);
display:inherit;
background-color:#FFFFFF;
z-index:2;
}

#agendagran {
position:absolute;
width: 100%;
height: 100%;
top: 150px;
left: 0px;
visibility:hidden;
display:inherit;
z-index:3;
}

#agendamain {
padding: 5px;
width: 700px;
margin: auto;
border: 2px solid #CCCCCC;
	background-color:#FFFFFF;
	text-align:left;
	background-image:url(img/bg_agenda.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}

#agendamain h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #433102;
	margin-top: 3px;
	margin-bottom: 6px;
}

/* Classes generals */
.menu1 {
margin: 0px;
padding: 0px;
list-style-type:none;
}
.menu1 li {
background-color: #689AC4;
margin: 0 5px 5px 5px;
padding: 3px;
border: 1px dashed #689AC4;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

.menu1 a {
color: #FFFFFF;
}

.menu2 a {
	color: #3771A1;
	text-decoration: none;
}

.menu2 {
margin: 0px;
padding: 0px;
list-style-type:none;
}

.menu2 li {
background-color: #E3F0F8;
margin: 5px;
padding: 3px;
border: 1px dashed #689AC4;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.textpetit1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}

.textpetit2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

.textnormal1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.textnormal2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

.form01 {
	background-color: #FFFFFF;
	border: 1px solid #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

.quadre {
	border: 1px dashed #C4DAE7;
	background-color: #E3F0F8;
}

.form02 {
	background-color: #FFFFFF;
	border: 1px solid #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}

.titol02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #3771A1;
}

.submenu{
visibility:hidden;
display: none;
}

.submenu ul{
list-style-type:none;
padding-left: 10px;
}

.calendari_numero {
background-color: #689AC4;
padding: 3px;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align:center;
	font-weight:bold;
}

.classagenda {
padding: 3px;
margin: 3px;
text-align:left;
vertical-align:top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
border: 1px solid #cccccc;
cursor: pointer;
p
}
	
.classagenda2 {
padding: 3px;
margin: 3px;
text-align:left;
vertical-align:top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FF0000;
border: 1px solid #cccccc;
background-color:#FCF8F8;
cursor: pointer;
}

.classagenda3 {
padding: 3px;
margin: 3px;
text-align:left;
vertical-align:top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
border: 1px solid #cccccc;
background-color:#CCCCCC;
}

.classagendath {
padding: 3px;
margin: 3px;
text-align:center;
vertical-align:top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
font-weight:bold;
border: 1px solid #cccccc;
background-color:#EEEEEE;
}

.form_camp{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
border: 1px solid #E6E6E6;
}