@charset "utf-8";
/* CSS Document */

body {
	margin: 0 auto 0 auto;
	font-family: Arial, Helvetica, sans-serif;
}

a {
	text-decoration: none;
	color: #000000;
	}

a img {
	border: 0px none;
	}

a:hover {
	color: #f66e00
	}	

form {
	margin: 0;
	padding: 0;
	}

.txt1 {
	font-size: 12px;
	}

.txt2 {
	font-size: 12px;
	color: #727272;
	}

.txt2 a {
	font-size: 12px;
	color: #727272;
	font-weight: bold
	}
	
.txt2 a:hover {	
	color: #000033;
	}

.txt4 {
	font-size: 12px;
	color: #1b4594;
	}

.txt5 {
	font-size:10px;
	}

.blau {
	color: #293f83;
	}

.vermell {
	color: #FF0000;
	}

.taronja {
	color: #eb6b0b;
	}
	

/* CAP */
div#capfranja1 {
	height: 24px;
	background-color: #f66e00;
	}

table#subscripcions {
	color: #FFFFFF;
	font-size: 12px;
	font-style: italic;
	}

#email {
	width: 150px;
	height: 16px;
	padding: 1px 1px 1px 5px;
	margin: 0px;
	border: none 0px;
	color: #AAAAAA;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	}

#enviar {
	width: 55px;
	height: 18px;
	border: none 0;
	background-image: url(botoenviar.gif);
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #FFFFFF;
	}

div#capfranja2 {
	height: 4px;
	font-size: 0;
	background-image: url(capfons1.gif);
	}

div#capfonsgris {
	background-color: #f3f3f6;
	text-align: center;
	}	

div#menu1 {
	width: 885px;
	padding-left: 23px;
	height: 32px;
	margin: 0 auto 0 auto;
	background-image: url(menu1fons.gif);
}

div#menu1 a {
	display: block;
	float: left;
	height: 20px;
	padding-top: 8px;
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	line-height: 17px;
}

div#menu1 a:hover {
	background-image: url(menu1fonsover2.gif);
	}

div#menu1 img {
	float: left;
	}

a#menu1selected {
	background-image: url(menu1fonsover.gif);
}

div#menu2 {
	height: 27px;
	padding-top: 1px;
	background-image: url(menu2fons.gif);
}

div#menu2 a {
	font-size: 12px;
	color: #434343;
	margin: 0 2px 0 2px;
}

div#menu2 a:hover {
	color: #f66e00
	}

div#menu2 a#menu2selected {
	color: #f66e00;
}

div#menu2bcont {
	padding-right: 470px;
	width: 400px;
	margin: 0 auto 0 auto;
	}

div#menu2ccont {
	padding-right: 270px;
	width: 600px;
	margin: 0 auto 0 auto;
	}

/* COS */

div#cos {
	width: 900px;
	margin: 0 auto 0 auto;
	margin-top: 8px;
}

div#columna_esquerra {
	float: left;
	width: 630px;
	margin-right: 20px;
	}

div#columna_dreta {
	float: left;
	width: 248px;
	}

div.separadortaronja1 {
	height: 1px;
	margin: 6px 0 6px 0;
	overflow: hidden;
	background-color: #f66e00;
}

div.separadortaronja2 {
	clear: both;
	height: 1px;
	overflow: hidden;
	background-color: #f66e00;
}

div.separadorgris {
	clear: both;
	height: 1px;
	overflow: hidden;
	background-color: #bababa;
}

div.separadorblau {
	height: 18px;
	background-color: #183f88;
}

div.separadorratlleta {
	height: 1px;
	overflow: hidden;
	margin: 10px 0 10px 0;
	background-image: url(ratlleta.gif);
}

div.separador_blanc {
	height: 4px;
	overflow: auto;
	background-color: #FFFFFF;
}

div.fonsliles {
	height: 25px;
	padding-left: 23px;
	background-image: url(fonsliles.gif);
	color: #FFFFFF;
	font-weight: bold;
	font-style: italic;
}

div.titol1 {
	padding-top: 4px;
	font-size: 14px;
}

div.titolapartat {
	height: 26px;
	padding: 2px 0 0 17px;
	*height: 25px;
	*padding: 3px 0 0 17px;
	background-image: url(titol2.gif);
	
	color: #FFFFFF;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	}

div.fonsliles a {
	width: 116px;
	height: 28px;
	float: right;
	font-size: 14px;
	padding-top: 12px;
	text-align: center;
	color: #FFFFFF;
	
	border-left: #FFFFFF 1px solid;
	}

div.fonsliles a:hover {
	background-color: #f67105;
	}

/* PORTADA */

div.portadanoticia {
	background-color: #dee3eb;
	padding: 10px 11px 0 11px;
	
	color: #585858;
	font-size: 12px;
	line-height: 19px;
}

div.portadanoticiadins {
	height: 70px;
	}

div.titolnoticia { /* PORTADA */

	padding: 5px 11px 5px 11px;	
	font-size: 14px;
	height: 32px;
	font-weight: bold;
	color: #183f88;	
	background-image: url(fons-portada-noticia1.gif);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #dadada;
}

div.portadanoticia a {
	display: block;
	width: 94px;
	height: 19px;
	line-height: 18px;
	background-image: url(fonsseguirllegint.gif);
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
	margin: 0px 0 0px 106px;
}

div.portadanoticia a:hover {
	background-image: url(fonsseguirllegintover.gif);
	}

img#foto_noticia_1 {
	float: right;
	margin: 0 0 10px 20px;
	}
	
table#titol_mes {
	overflow: visible;
	background-image: url(fons-titol-mes.gif);
	width: 206px;
	height: 30px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
}

table#titol_mes a {
	color: #FFFFFF;
	}

table#titol_mes a:hover {
	color: #f66e00;
	}
	
div#ajax_loader {
	width: 206px;
	text-align: center;
	padding-top: 94px;
	height: 126px;
}

div#portada_esquerra {
	float: left;
	width: 689px;
	margin-right: 5px;
	height: 255px;
	background-color: #ececec;
}

div#portada_txt_ea {
	width: 689px;
	height: 92px;
	background-image: url(fons-portada-txt.gif);
	
	font-style: italic;
	font-size: 14px;
	
	color: #183f88;
}

div#contenidor_calendari {
	float: left;
}

div#portada_calendari {
	width: 196px;	
	font-size: 12px;
	padding: 5px;
	margin-bottom: 4px;
	background-color: #e3e3e3;
	}

div#portada_calendari td {	
	width: 28px;
	height: 17px;
	}

.nomdia {
	font-weight: bold;
	}

.te_actes {
	color: #f66e00;
	font-weight: bold;
	}

.te_actes:hover {
	color: #293f83;
	}

div#calendari_txt {
	width: 186px;	
	height: 70px;
	font-size: 12px;
	background-color: #e3e3e3;
	padding: 10px 10px 0 10px;
	line-height: 17px;
	}

/* APARTAT NOTÍCIES */

div#titolnoticia2 {
	color: #081f62;
	font-size: 24px;
	font-weight: bold;
	position: relative;
	left: -1px;
	}

div.data {
	color: #f66e00;
	font-size: 12px;
	}

div.noticies-llistat-dreta {	
	padding: 10px 0 11px 6px;
	line-height: 19px;
	/*height: 57px;*/
	height: 72px;
	
	background-image: url(ratlleta.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	}

div.noticies-llistat-dreta a {
	color: #081f62;
	font-weight: bold;
	}

div.noticies-llistat-dreta a:hover {
	color: #f66e00	
}

div#resums {
	/*height: 472px;*/
	height: 565px;
	overflow: hidden;
	}

a#fletxa_amunt {
	display: block;
	float: left;
}

a#fletxa_avall {
	display: block;
	float: left;
}

div#noticia_txt {
	display: inline-block;
	margin: 22px 0 10px 0;
	padding: 10px 15px 10px 15px;
	color: #293f83;
	background-color: #e2ecfe;
}

/* CONTACTAR */

div#contactar_mapa {
	float: left;
	width: 455px;
	height: 361px;
	margin: 25px 40px 10px 0;
	}

div#contactar_form {
	float: left;
	width: 392px;
	height: 361px;
	padding-right: 13px;
	margin-top: 25px;
	
	color: #878787;
	font-weight: bold;
	font-size: 13px;
	}

.contactar_input {
	float: left;
	border: 1px solid #cecece;
	}
	
div#contactar_form textarea {
	height: 216px;
	*height: 214px;
	border: 1px solid #cecece;
	}

#contactar_enviar {
	width: 60px;
	height: 24px;
	padding-bottom: 2px;
	*padding-bottom: 0px;
	border: none;
	color: #FFFFFF;
	background-color: #ff9610;
	cursor: pointer;
	}

#contactar_peu0 {
	float: left;
	width: 13px;
	height: 31px;
	}

#contactar_peu1 {
	float: left;
	width: 10px;
	height: 31px;
	background-image: url(canto-contactar-1.gif);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #293f83;
	}

.contactar_peu2 {
	float: left;/*854px;*/
	height: 24px;
	padding: 7px 0 0 45px;
	color: #FFFFFF;
	background-color: #293f83;
	
	font-size: 13px;
	font-weight: bold;
	}

#contactar_peu3 {
	float: left;
	width: 10px;
	height: 31px;
	margin-right: 0px;
	background-image: url(canto-contactar-2.gif);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #293f83;
	}

#contactar_peu4 {
	clear: left; 
	font-size: 13px;
	font-weight: bold;
	color: #f66e00;
	background-color: #e2ecfe;
	margin: 0 13px 0 13px;
	padding: 0 0 0 30px;
	width: 849px;
	height: 145px;
	overflow: auto;
	}

#contactar_peu4 a {	
	color: #f66e00;
	}

#contactar_peu4 a:hover {	
	color: #293f83;
	}

.contactar_peu4_dins {
	float: left;
	width: 250px;
	height: 118px;
	margin-top: 12px;
	padding-top: 15px;
	padding-left: 25px;
	border-right: #cec9c9 1px solid;
	}

.contactar_peu4_dins2 {
	float: left;
	width: 240px;
	height: 118px;
	margin-top: 12px;
	padding-top: 15px;
	padding-left: 25px;
	}
	
#contactar_peu5 {
	float: left;
	width: 13px;
	height: 9px;
	}

#contactar_peu6 {
	float: left;
	width: 9px;
	height: 9px;
	background-image: url(canto-contactar-3.gif);
	background-repeat: no-repeat;
	background-position: top;
	}

#contactar_peu7 {
	float: left;
	background-color: #e2ecfe;
	width: 861px;
	height: 9px;
	overflow: hidden;
	}

#contactar_peu8 {
	float: left;
	width: 9px;
	height: 9px;
	background-image: url(canto-contactar-4.gif);
	background-repeat: no-repeat;
	background-position: top;
	}

/* PEU */
div#peu1 {
	text-align: center;
	font-size: 11px;
	color: #f67105;
	height: 15px;
	padding: 5px 0 5px 0;
	
	background-image: url(peu.gif)
}

div#peu1 a {
	color: #f67105;
	margin: 0 4px 0 4px;
}

div#peu1 a:hover {
	color: #183f88;
}

div#peu2 {
	padding: 5px 0 30px 0;
	text-align: center;
	color: #797979;
	font-size: 11px;
	line-height: 17px;
	}

div#peu2 a {
	color: #797979;
	}

div#peu2 a:hover {
	color: #f66e00;
}

/* JOCS ESCOLARS */

div#jocs-escolars-menu1 {
	width: 244px;
	height: 22px;
	padding-top: 5px;
	background-image: url(fons-jocs-escolars1.gif);
	color: #FFFFFF;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
}

div.jocs-escolars-menu2 {
	width: 229px;
	height: 26px;
	/*padding: 10px 0 0 60px;*/
	padding: 10px 0 0 15px;
	font-size: 12px;
	font-weight: bold;
}

div.jocs-escolars-menu2 img {
	vertical-align: middle;
	}

div.jocs-escolars-menu2 a {
	color: #FFFFFF;
}

div.jocs-escolars-menu2 a:hover {
	/*color: #ed8a26;*/
	color: #CCCCCC;
}

div.jocs-escolars-menu2pdf {
	width: 229px;
	height: 36px;
	padding: 0 0 0 15px;
	font-size: 12px;
	font-weight: bold;
}

div.jocs-escolars-menu2pdf img {
	vertical-align: middle;
	margin-right: 9px;
	}

div.jocs-escolars-menu2pdf a {
	color: #FFFFFF;
}

div.jocs-escolars-menu2pdf a:hover {
	/*color: #CCCCCC;*/
	color: #ed8a26;
}

/* EL CONSELL / FORMULARIS */

div#el-consell-formularis1 {
	margin: 22px 0 10px 16px;
}

div#el-consell-formularis1 a img {
	margin-top: 5px;
}

div#el-consell-formularis2 {
	margin: 22px 0 10px 0;
	padding: 10px 15px 10px 15px;
	color: #293f83;
	background-color: #e2ecfe;
}
div#el-consell-formularis2 td {
	padding-top: 5px;
	}

div#el-consell-formularis2 input, div#el-consell-formularis2 textarea {
	padding: 2px 0 2px 3px;
	background-color: #eeeeee;
	border: #000000 1px solid;
}

/* ÀLBUMS DE FOTOS */

div#albums_de_fotos {
	*display: inline-block;
	overflow: auto;
	margin: 22px 0 10px 0;
	padding: 25px 15px 25px 15px;
	color: #293f83;
	background-color: #e2ecfe;
}

div.album {
	float: left;
	width: 180px;
	margin: 0 20px 30px 0;
	color: #ff6600;
	font-weight: bold;
	}
	
.marc_blanc {
	margin-bottom: 5px;
	border: #FFFFFF 4px solid;
	}
	
div#titol_album {
	color: #081f62;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
	}

div.aaa1 {
	float: left;
	background-image: url(fons-album-foto-1.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 5px;
	padding-bottom: 10px;
}

div.aaa2 {
	float: left;
	background-image: url(fons-album-foto-2.gif);
	background-position: top right;
	background-repeat: no-repeat;
	padding-right: 3px;
}

div#albums_de_fotos2 {
	margin: 22px 0 10px 0;
}

a.album_de_fotos_titol_esport {
	display: block;
	height: 16px;
	padding-left: 12px;
	margin-bottom: 5px;
	
	color: #FFFFFF;
	background-color: #fa8100;
	font-size: 12px;
	font-weight: bold;
	
	background-image: url(fons-album-fotos-titol.gif);
	background-position: left;
	background-repeat: no-repeat;
}

a.album_de_fotos_titol_esport:hover {
	color: #003293;
	}
	
div.album_de_fotos_2_node {
	float: left;
	
	text-align: center;
	
	margin-right: 10px;
}

div.album_de_fotos_2_node_marcs_grisos {
	
	border-top: #afb0bd 1px solid;
	border-left: #afb0bd 1px solid;
	border-right: #afb0bd 1px solid;
}

div.album_de_fotos_2_node_peu {
	text-align: right;
	background-color: #003293;
	}

div.album_de_fotos_2_node_peu2 {
	padding-top: 1px;
	margin: 0 7px 0 7px;
	background-color: #afb0bd;
	}	

div.album_de_fotos_2_node img {
	margin: 1px;
	}
	
div.album_de_fotos_2_node_peu img {
	margin: 0px;
	}

div.album_de_fotos_2_node_titol {
	color: #FFFFFF;
	background-color: #003293;
	font-size: 12px;
	padding: 7px 7px 0 7px;
}

div.album_de_fotos_2_capa_amagada {
	margin: 15px 0 0 15px;
	display: none;
	}