/* ESTILS DE L'ESTRUCTURA PRINCIPAL */
html, body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	color:#333333;
}

#wrapper {
	margin:6px auto 0 auto;
	width:990px;
	text-align:left;
	overflow:visible;
}

#header {
	position:relative;
}

#idiomes-nav {
	position:absolute;
	margin:0px 17px 0px 0px;
	right:0;
	top:0;
}

#idiomes-nav a:link, #idiomes-nav a:visited {
	color:#333333;
	text-decoration:none;
}

#idiomes-nav a:hover, #idiomes-nav a:active, #idiomes-nav a:focus {
	text-decoration:underline;
}

#content {
	overflow:visible;
}

#titol {
	font-size:12px;
	font-weight:bold;
}

.titol-in {
	margin:0px;
	padding:0px;
}

#footer {
	clear:both;
	margin:15px 0px 15px 0px;
	font-size:10px;
}

#footer a:link, #footer a:visited {
	text-decoration:none;
	color:#333333;
}

#footer a:hover, #footer a:active, #footer a:focus {
	text-decoration:underline;
}

#dades-contacte {
	float:left;
	margin:8px 0px 8px 0px;
}

#autor {
	float:right;
	text-align:right;
	margin:8px 0px 8px 0px;
}

#expand-div, .expand {
	clear:both;
	height:1px;
}

a:link, a:visited {
	color:#333333;
	text-decoration:none;
	border:0px;
}

a:hover, a:active, a:focus {
	text-decoration:underline;
}

img {
	border:0px;
}

/* Estils generals dels colos */
.blau {color:#3991a4;}
.magenta {color:#a9435a;}
.verd {color:#83b610;}
.taronja {color:#e77429;}

.link-blau:link, .link-blau:visited, .link-magenta:link, .link-magenta:visited, .link-verd:link, .link-verd:visited, .link-taronja:link, .link-taronja:visited {
	color:#333333;
	text-decoration:none;
}

.link-blau:hover, .link-blau:active, .link-blau:focus {
	text-decoration:underline;
	color:#3991a4;
}

.link-magenta:hover, .link-magenta:active, .link-magenta:focus {
	text-decoration:underline;
	color:#a9435a;
}

.link-verd:hover, .link-verd:active, .link-verd:focus {
	text-decoration:underline;
	color:#83b610;
}

.link-taronja:hover, .link-taronja:active, .link-taronja:focus {
	text-decoration:underline;
	color:#e77429;
}

/* Estils de la pągina d'inici */
#left-col-inici {
	width:542px;
	float:left;
}

#activitats-destacades {
	background:url(../img/inici/activitats-destacades-bg.jpg) no-repeat left top;
	height:378px;
	padding:12px 0px 0px 16px;
}

.titol-activitat {
	font-size:13px;
}

#activitats-cas{
	margin:1px 0px 1px 0px;
}

#activitats-destacades table {
	border-collapse:collapse;
	margin-top:28px;
	width:390px;
}

#activitats-destacades table tr td {
	padding:0px 13px 12px 0px;
}

#intranet {
	background:url(../img/inici/intranet-bg.jpg) no-repeat left top;
	margin:50px auto 50px auto;
	height:112px;
	padding:12px 0px 0px 14px;
	width:340px;
}

#formcre {
	width:314px;
	margin:10px 0px 0px 25px;
}

#formcre table {
	border-collapse:collapse;
	width:300px;
}

#formcre input {
	background:url(../img/inici/input-bg.jpg) no-repeat left top;
	width:172px;
	height:18px;
	border:0px;
	padding:4px;
}

.boto-entrar {
	padding-right:37px;
}

#entrar {
	background:url(../img/inici/entrar.jpg) no-repeat left top !important;
	width:76px !important;
	height:17px !important;
}

#entrar:hover {
	cursor:pointer;
}

.nom-label, .boto-entrar {
	text-align:right;
}

.nom-label {
	padding-right:5px;
	width:80px;
}

.camp-intranet {
	width:231px;
}

#intranet-img {
	margin-top:15px;
	overflow:hidden;
}

#intranet-img a:link, #intranet-img a:visited {
	display:block;
	width:417px;
	height:54px;
	background:no-repeat left top;
	margin-left:2px;
}

#intranet-img a:hover, #intranet-img a:active, #intranet-img a:focus {
	display:block;
	width:417px;
	height:54px;
	background:no-repeat right top;
	margin-left:2px;
}

#acces {background-image:url(../img/inici/acces.jpg) !important;}
#acceso {background-image:url(../img/inici/acceso.jpg) !important;}

#right-col-inici {
	width:433px;
	float:right;
}

h1 {
	margin:0px;
	padding:0px;
}

h1 span {
	visibility:hidden;
	display:none;
}

#header h2 {
	margin-bottom:0px;
}

h2 {
	font-size:12px;
}

h3 {
	padding-left:25px;
	font-weight:normal;
	font-size:11px;
}

p {
	text-align:justify;
	line-height:15px;
}

ul {
	line-height:15px;
}

.clear-both {
	clear:both;
	height:1px;
}

/* Estils de les pągines EL CREDAC */
#main-content {
	margin-top:5px;
	overflow:visible;
}

#left-col {
	float:left;
	padding-left:8px;
	width:155px;
}

#left-col-big {
	float:left;
	padding-left:8px;
	width:170px;
}

#right-col {
	float:right;
	width:820px;
	overflow:visible;
}

#right-col-big {
	float:right;
	width:795px;
	overflow:visible;
}

.bg-magenta {
	background:url(../img/credac/bg.jpg) no-repeat right bottom;
	min-height:450px;
}

.bg-magenta a:link, .bg-magenta a:visited {
	text-decoration:none !important;
	color:#a9435a !important;
}

.bg-magenta a:hover, .bg-magenta a:active, .bg-magenta a:focus {
	text-decoration:underline !important;
	color:#a9435a !important;
}

.bg-blue {
	background:url(../img/activitats/bg.jpg) no-repeat right bottom;
	min-height:460px;
}

.bg-blue a:link, .bg-blue a:visited {
	text-decoration:none !important;
	color:#3991a4 !important;
}

.bg-blue a:hover, .bg-blue a:active, .bg-blue a:focus {
	text-decoration:underline !important;
	color:#3991a4 !important;
}

.bg-taronja {
	background:url(../img/documentacio/bg.jpg) no-repeat right bottom;
	min-height:450px;
}

.bg-taronja a:link, .bg-taronja a:visited {
	text-decoration:none !important;
	color:#e77429 !important;
}

.bg-taronja a:hover, .bg-taronja a:active, .bg-taronja a:focus {
	text-decoration:underline !important;
	color:#e77429 !important;
}

.bg-verd {
	background:url(../img/alumnat/bg.jpg) no-repeat right bottom;
	min-height:519px;
}

.bg-verd a:link, .bg-verd a:visited {
	text-decoration:none !important;
	color:#83b610 !important;
}

.bg-verd a:hover, .bg-verd a:active, .bg-verd a:focus {
	text-decoration:underline !important;
	color:#83b610;
	text-decoration:underline;
}

.nav, .nav-big {
	padding:0px;
	margin:0px 0px 16px 0px;
	list-style-type:none;
}

.nav li {
	width:134px;
	height:22px;
	margin-bottom:1px;
}

.nav a:link, .nav a:visited {
	width:134px;
	height:22px;
	display:block;
	background:no-repeat left top;
}

.nav a:hover, .nav a:active, .nav a:focus {
	width:134px;
	height:22px;
	display:block;
	background:no-repeat right top;
}

.nav-big li {
	width:166px;
	height:22px;
	margin-bottom:1px;
}

.nav-big a:link, .nav-big a:visited {
	width:166px;
	height:22px;
	display:block;
	background:no-repeat left top;
}

.nav-big a:hover, .nav-big a:active, .nav-big a:focus {
	width:166px;
	height:22px;
	display:block;
	background:no-repeat right top;
}

.actiu {
	background-position:right top !important;
}

a span {
	visibility:hidden;
	display:none;
}

.ocult {
	visibility:hidden;
}


/* ESTILS PĄGINES CREDAC */
#dades {
	margin-left:8px;
}

#dades h2 {
	margin:0px;
	color:#a9435a;
}

/* ESTILS PĄGINES CENTRES:ADRECES */

#adreces-titol2 {
	color:#83b610;
	line-height:25px;
	font-size: 20px;
	font-weight:normal;
	padding-left:6px;
	letter-spacing:-1px;
}

#adreces-titol3 {
	color:#FFFFFF;
	line-height:22px;
	background-color:#83b610;
	float:left;
	padding-left:2px;
	padding-right:5px;

}


/* ESTILS PĄGINES DOCUMENTACIÓ */
#nav-anys {
	list-style-type:none;
	padding:0px;
	margin:0px;
	font-size:14px;
}

#nav-anys li {
	display:inline;
	float:left;
	width:120px;
	color:#e77429;
}

#nav-anys li a:link, #nav-anys li a:visited {
	display:block;
	width:120px;
	float:left;
	color:#333333 !important;
}

#nav-anys li a:hover, #nav-anys li a:active, #nav-anys li a:focus {
	display:block;
	width:120px;
	float:left;
	color:#e77429 !important;
	text-decoration:none;
}


/* ESTILS PĄGINA ALUMNAT */
#intro-alumnat {
	width:820px;
	height:440px;
	position:relative;
	background:url(../img/alumnat/bg-intro.jpg) no-repeat left top;
}

#alumnat-nav-ca, #alumnat-nav-cas {
	position:absolute;
	left:32px;
	top:11px;
	z-index:10;
}

#alumnat-nav-ca a:link, #alumnat-nav-ca a:visited {
	display:block;
	width:282px;
	height:245px;
	background:url(../img/alumnat/intro/alumnat.jpg) no-repeat left top;
}

#alumnat-nav-ca a:hover, #alumnat-nav-ca a:active, #alumnat-nav-ca a:focus {
	display:block;
	width:282px;
	height:245px;
	background:url(../img/alumnat/intro/alumnat.jpg) no-repeat right top;
}

#alumnat-nav-cas a:link, #alumnat-nav-cas a:visited {
	display:block;
	width:282px;
	height:245px;
	background:url(../img/alumnat/intro/alumnado.jpg) no-repeat left top;
}

#alumnat-nav-cas a:hover, #alumnat-nav-cas a:active, #alumnat-nav-cas a:focus {
	display:block;
	width:282px;
	height:245px;
	background:url(../img/alumnat/intro/alumnado.jpg) no-repeat right top;
}

.paragraf-curt {
	width:475px;
}

#families-nav-ca, #families-nav-cas {
	position:absolute;
	left:488px;
	top:4px;
}

#families-nav-ca a:link, #families-nav-ca a:visited {
	display:block;
	width:303px;
	height:264px;
	background:url(../img/alumnat/intro/families.jpg) no-repeat left top;
}

#families-nav-ca a:hover, #families-nav-ca a:active, #families-nav-ca a:focus {
	display:block;
	width:303px;
	height:264px;
	background:url(../img/alumnat/intro/families.jpg) no-repeat right top;
}

#families-nav-cas a:link, #families-nav-cas a:visited {
	display:block;
	width:303px;
	height:264px;
	background:url(../img/alumnat/intro/familias.jpg) no-repeat left top;
}

#families-nav-cas a:hover, #families-nav-cas a:active, #families-nav-cas a:focus {
	display:block;
	width:303px;
	height:264px;
	background:url(../img/alumnat/intro/familias.jpg) no-repeat right top;
}

#centres-nav-ca, #centres-nav-cas {
	position:absolute;
	left:220px;
	top:245px;
}

#centres-nav-ca a:link, #centres-nav-ca a:visited {
	display:block;
	width:349px;
	height:189px;
	background:url(../img/alumnat/intro/centres.jpg) no-repeat left top;
}

#centres-nav-ca a:hover, #centres-nav-ca a:active, #centres-nav-ca a:focus {
	display:block;
	width:349px;
	height:189px;
	background:url(../img/alumnat/intro/centres.jpg) no-repeat right top;
}

#centres-nav-cas a:link, #centres-nav-cas a:visited {
	display:block;
	width:349px;
	height:189px;
	background:url(../img/alumnat/intro/centros.jpg) no-repeat left top;
}

#centres-nav-cas a:hover, #centres-nav-cas a:active, #centres-nav-cas a:focus {
	display:block;
	width:349px;
	height:189px;
	background:url(../img/alumnat/intro/centros.jpg) no-repeat right top;
}


.centre {
	text-align:center;
	width:261px;
	float:left;
	margin:15px 18px 15px 0px;
	overflow:visible;
}

.centre-sense-marge {
	text-align:center;
	width:261px;
	float:left;
	margin:15px 0px 15px 0px;
	overflow:visible;
}

.centre h3, .centre-sense-marge h3 {
	margin:5px 0px 0px 0px;
	font-weight:bold;
}

/* Classes d'amplada */
.w228 {width:228px;}
.w235 {width:235px;}
.w248 {width:248px;}
.w261 {width:261px;}
.w276 {width:276px;}
.w288 {width:288px;}


/* ESTILS DE LES PĄGINES D'ACTIVITATS */
#agenda {
	width:254px;
	background:#afdae1 url(../img/activitats/agenda-bg.jpg) no-repeat left top;
	padding:6px 23px 0px 17px;
}

#agenda h2 {
	margin:0px;
	padding:0px;
}

.noticia {
	margin:7px 0px 0px 3px;
	border-top:2px solid #3991a4;
	padding:10px 3px 10px 3px;
}

.noticia h3 {
	font-weight:bold;
	margin:0px 0px 10px 0px;
	padding:0px;
}

#left-col-activitats {
	width:294px;
	float:left;
}

#right-col-activitats {
	width:670px;
	float:right;
}

.activitat {
	margin-top:9px;
	clear:both;
}

.separador {
	margin-bottom: 5px;
}

.data-ampliacio {
	font-size:14px;
	font-weight:bold;
}

.imatge-activitat {
	width:240px;
	height:116px;
	float:left;
	margin:5px 0px 0px 5px;
}

.imatge-ampliacio {
	width:385px;
	float:left;
	margin:5px 0px 0px 0px;
}

.imatge-ampliacio-full{
	width:820px;
	margin:10px 0px 0px 0px;
}

.text-activitat {
	float:right;
	width:403px;
	margin:5px 0px 0px 0px;
}

.text-ampliacio {
	float:right;
	width:410px;
	margin:5px 0px 0px 0px;
}

.text-ampliacio-full {
	width:820px;
	margin:0px 0px 0px 0px;
}

.text-ampliacio h1 {
	font-size:22px;
}

.text-activitat h3 {
	margin:0px;
	padding:0px;
	font-weight:bold;
}

.text-activitat a:link, .text-activitat a:visited, .text-ampliacio a:link, .text-ampliacio a:visited {
	color:#3991a4;
	text-decoration:none;
}

.text-activitat a:hover, .text-activitat a:active, .text-activitat a:focus, .text-ampliacio a:hover, .text-ampliacio a:active, .text-ampliacio a:focus {
	color:#3991a4;
	text-decoration:underline;
}


/* ESILS DE LES IMATGES DEL CONTINGUT */
.right {
	float:right;
	margin:5px 0px 0px 15px;
}

.left {
	float:left;
	margin:5px 15px 5px 0px;
}


#imatge-documentacio {
	width:300px;
	float:right;
}

#documentacio-text {
	width:465px;
	float:left;
}


/* ESIL DEL MAPA DE LA PĄGINA CENTRES-MAPA.php */
#mapa-centres {
	width:395px;
	height:351px;
	position:relative;
	background:url(../img/alumnat/mapa/mapa.jpg) no-repeat left top;
	float:left;
	margin-top:20px;
}

#text-centres {
	width:350px;
	float:right;
	margin-top:20px;
}

#mapa-enllasos{
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:395px;
	height:351px;
	z-index:2000;
}

#Map area:hover{
	cursor:default;
}

.imatge-mapa {
	display:none;
	visibility:hidden;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	width:395px;
	height:351px;
}

.taula-text {
	display:none;
	visibility:hidden;
}

.taula-text table {
	font-size:11px;
	width:349px;
	border-collapse:collapse;
}

.taula-text table tr td, .taula-text table tr th {
	width:50%;
	border:1px solid #83b610;
	padding:5px;
}

.taula-text table tr th {
	text-align:center;
	color:#333333;
	background:#e4f2c4;
}

.taula-text table tr td .titol {
	color:#83b610;
}

.taula-text h2 {
	text-align:center;
	font-weight:bold;
	font-size:12px;
	padding:5px;
	color:#ffffff;
	background:#83b610;
	border:1px solid #83b610;
	margin-top:0px;
}


/*ACTIVITATS*/
#inici-ac{background-image:url(../img/activitats/nav/inici.jpg);}
#inici-ac-cas{background-image:url(../img/activitats/nav/inicio.jpg);}
#activitats-item{background-image:url(../img/activitats/nav/activitats.jpg);}
#activitats-item-cas{background-image:url(../img/activitats/nav/actividades.jpg);}
/*CREDAC*/
#inici {background-image:url(../img/credac/nav/inici.jpg);}
#inicio {background-image:url(../img/credac/nav/inicio.jpg);}
#que-es-ca {background-image:url(../img/credac/nav/que-es-ca.jpg);}
#que-es-cas {background-image:url(../img/credac/nav/que-es-cas.jpg);}
#que-fem {background-image:url(../img/credac/nav/que-fem.jpg);}
#que-hacemos {background-image:url(../img/credac/nav/que-hacemos.jpg);}
#on-som {background-image:url(../img/credac/nav/on-som.jpg);}
#donde-estamos {background-image:url(../img/credac/nav/donde-estamos.jpg);}
#organitzacio {background-image:url(../img/credac/nav/organitzacio.jpg);}
#organizacion {background-image:url(../img/credac/nav/organizacion.jpg);}
/*DOCUMENTACIÓN*/
#inici-doc {background-image:url(../img/documentacio/nav/inici.jpg);}
#inicio-doc {background-image:url(../img/documentacio/nav/inicio.jpg);}
#introduccio-doc {background-image:url(../img/documentacio/nav/introduccio.jpg);}
#introduccio-doc-cas {background-image:url(../img/documentacio/nav/introduccion.jpg);}
#documentacio {background-image:url(../img/documentacio/nav/documentacio.jpg);}
#documentacion {background-image:url(../img/documentacio/nav/documentacion.jpg);}
#biblioteca {background-image:url(../img/documentacio/nav/biblioteca.jpg);}
#treballem {background-image:url(../img/documentacio/nav/treballem.jpg);}
#trabajemos {background-image:url(../img/documentacio/nav/trabajemos.jpg);}
#recursos-ca {background-image:url(../img/documentacio/nav/recursos-tecnics.jpg);}
#recursos-cas {background-image:url(../img/documentacio/nav/recursos-tecnicos.jpg);}
/*ALUMNAT*/
#inici-al {background-image:url(../img/alumnat/nav/inici.jpg);}
#inicio-al {background-image:url(../img/alumnat/nav/inicio.jpg);}
#introduccio {background-image:url(../img/alumnat/nav/introduccio.jpg);}
#introduccion {background-image:url(../img/alumnat/nav/introduccion.jpg);}
#alumnat {background-image:url(../img/alumnat/nav/alumnat.jpg);}
#alumnado {background-image:url(../img/alumnat/nav/alumnado.jpg);}
#families {background-image:url(../img/alumnat/nav/families.jpg);}
#familias {background-image:url(../img/alumnat/nav/familias.jpg);}
#centres {background-image:url(../img/alumnat/nav/centres.jpg);}
#centros {background-image:url(../img/alumnat/nav/centros.jpg);}
#grafiques {background-image:url(../img/alumnat/nav/grafiques.jpg);}
#graficas {background-image:url(../img/alumnat/nav/graficas.jpg);}
#adreces {background-image:url(../img/alumnat/nav/adreces.jpg);}
#direcciones {background-image:url(../img/alumnat/nav/direcciones.jpg);}
#mapa {background-image:url(../img/alumnat/nav/mapa.jpg);}