@charset "UTF-8";
body  {
	font: 11px Helvetica, Arial, Verdana, sans-serif;
	background: #FFFFFF url(../img/fons.gif) repeat-y center;
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	color: #000000;
}

.container {
	width: 900px;
	text-align: left;
	margin: 0 auto;
	position: relative; /* la adición de position: relative le permite colocar las dos barras laterales en relación con este contenedor */
}

/* MENU */

.top {
	width: 900px;
	margin: 0px;
	display: block;
}

/* MENU-LOGO */

.top #logo {
	display: block;
	height: 40px;
	}

.top #seu {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 40px;
	width: 720px;
	}

.top #idioma1 {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 40px;
	width: 90px;
	}

.top #idioma1 a {
	color: #666666;
	text-decoration: none;
	margin-top: 16px;
	display: block;
	text-align: right;
	padding-right: 4px;
	}

.top #idioma1 a:hover {
	font-weight: bold;
	color: #999999;
	}

.top #idioma2 {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 40px;
	width: 90px;
	}

.top #idioma2 a {
	color: #666666;
	text-decoration: none;
	margin-top: 16px;
	display: block;
	text-align: left;
	padding-left: 4px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	}

.top #idioma2 a:hover {
	font-weight: bold;
	color: #999999;
	}
	
/* MENU-BOTONS */

.top #menu {
	display: block;
	}

.top #menu span {
	text-align: center;
	display: block;
	padding-top: 4px;
	}

.top #menu ul {
	display: block;
	margin: 0px;
	list-style-image: none;
	list-style-type: none;
	padding: 0px;
	}

.top #menu li {
	display: block;
	float: left;
	list-style-type: none;
	list-style-image: none;
	width: 90px;
	}

.top #menu_01 a {
	display:block;
	height: 40px;
	margin:0px;
	background-image: url(../img/menu/bt_011.gif);
	color: #000000;
	text-decoration: none;
	}

.top #menu_01 a:hover {
	background-image: url(../img/menu/bt_012.gif);
	font-weight: bold;
	}

.top #menu_01_sel {
	display: block;
	background-image: url(../img/menu/bt_013.gif);
	font-weight: bold;
	color: #FFFFFF;
	height: 40px;
	}

.top #menu_02 a {
	display:block;
	height: 40px;
	margin:0px;
	background-image: url(../img/menu/bt_021.gif);
	color: #000000;
	text-decoration: none;
	}

.top #menu_02 a:hover {
	background-image: url(../img/menu/bt_022.gif);
	font-weight: bold;
	}

.top #menu_02_sel {
	display: block;
	background-image: url(../img/menu/bt_023.gif);
	font-weight: bold;
	color: #FFFFFF;
	height: 40px;
	}

.top #menu_03 a {
	display:block;
	height: 40px;
	margin:0px;
	background-image: url(../img/menu/bt_031.gif);
	color: #000000;
	text-decoration: none;
	}

.top #menu_03 a:hover {
	background-image: url(../img/menu/bt_032.gif);
	font-weight: bold;
	}

.top #menu_03_sel {
	display: block;
	background-image: url(../img/menu/bt_033.gif);
	font-weight: bold;
	color: #FFFFFF;
	height: 40px;
	}

.top #menu_04 a {
	display:block;
	height: 40px;
	margin:0px;
	background-image: url(../img/menu/bt_041.gif);
	color: #000000;
	text-decoration: none;
	}

.top #menu_04 a:hover {
	background-image: url(../img/menu/bt_042.gif);
	font-weight: bold;
	}

.top #menu_04_sel {
	display: block;
	background-image: url(../img/menu/bt_043.gif);
	font-weight: bold;
	color: #FFFFFF;
	height: 40px;
	}

.top #menu_05 a {
	display:block;
	height: 40px;
	margin:0px;
	background-image: url(../img/menu/bt_051.gif);
	color: #000000;
	text-decoration: none;
	}

.top #menu_05 a:hover {
	background-image: url(../img/menu/bt_052.gif);
	font-weight: bold;
	}

.top #menu_05_sel {
	display: block;
	background-image: url(../img/menu/bt_053.gif);
	font-weight: bold;
	color: #FFFFFF;
	height: 40px;
	}

.top #menu_06 a {
	display:block;
	height: 40px;
	margin:0px;
	background-image: url(../img/menu/bt_061.gif);
	color: #000000;
	text-decoration: none;
	}

.top #menu_06 a:hover {
	background-image: url(../img/menu/bt_062.gif);
	font-weight: bold;
	}

.top #menu_06_sel {
	display: block;
	background-image: url(../img/menu/bt_063.gif);
	font-weight: bold;
	color: #FFFFFF;
	height: 40px;
	}

.top #menu_07 a {
	display:block;
	height: 40px;
	margin:0px;
	background-image: url(../img/menu/bt_071.gif);
	color: #000000;
	text-decoration: none;
	}

.top #menu_07 a:hover {
	background-image: url(../img/menu/bt_072.gif);
	font-weight: bold;
	}

.top #menu_07_sel {
	display: block;
	background-image: url(../img/menu/bt_073.gif);
	font-weight: bold;
	color: #FFFFFF;
	height: 40px;
	}

.top #menu_08 a {
	display:block;
	height: 40px;
	margin:0px;
	background-image: url(../img/menu/bt_081.gif);
	color: #000000;
	text-decoration: none;
	}

.top #menu_08 a:hover {
	background-image: url(../img/menu/bt_082.gif);
	font-weight: bold;
	}

.top #menu_08_sel {
	display: block;
	background-image: url(../img/menu/bt_083.gif);
	font-weight: bold;
	color: #FFFFFF;
	height: 40px;
	}

.top #menu_09 a {
	display:block;
	height: 40px;
	margin:0px;
	background-image: url(../img/menu/bt_091.gif);
	color: #000000;
	text-decoration: none;
	}

.top #menu_09 a:hover {
	background-image: url(../img/menu/bt_092.gif);
	font-weight: bold;
	}

.top #menu_09_sel {
	display: block;
	background-image: url(../img/menu/bt_093.gif);
	font-weight: bold;
	color: #FFFFFF;
	height: 40px;
	}

.top #menu_10 a {
	display:block;
	height: 40px;
	margin:0px;
	background-image: url(../img/menu/bt_101.gif);
	color: #000000;
	text-decoration: none;
	}

.top #menu_10 a:hover {
	background-image: url(../img/menu/bt_102.gif);
	font-weight: bold;
	}

.top #menu_10_sel {
	display: block;
	background-image: url(../img/menu/bt_103.gif);
	font-weight: bold;
	color: #FFFFFF;
	height: 40px;
	}

/* CONTINGUT */

.content {
	width: 900px;
	margin: 0px;
	display: block;
}

/* MENU-BREADCRUMB */

.content #bc {
	display: block;
	margin: 0px;
	height: 40px;
	font-size: 9px;
	color: #666666;
	font-weight: bold;
	}

.content #bc a {
	text-decoration: underline;
	font-weight: normal;
	color: #666666;
	}

.content #bc a:hover {
	font-weight: bold;
	}

/* CONTINGUT-GENERAL */

.content h1 {
	margin: 0px;
	display: block;
	font-size: 20px;
	font-weight: bold;
	padding-left: 10px;
	padding-bottom: 2px;
}

.content h2 {
	margin: 0px;
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding-left: 10px;
	padding-bottom: 2px;
}

.content h3 {
	margin: 0px;
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding-left: 10px;
	padding-bottom: 2px;
}

.content p {
	margin: 10px;
	line-height: 16px;
	display: block;
}

.content p a {
	color: #000000;
	text-decoration: underline;
}

.content p a:hover {
	font-weight: bold;
}

.content #link ul {
	display: block;
	list-style-image: none;
	list-style-type: none;
	margin: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding: 0px;
}

.content #link li {
	display: block;
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-weight: bold;
	padding: 0px;
}

.content #link li a {
	font-weight: bold;
	text-decoration: none;
	color: #666666;
	display: block;
	padding-top: 6px;
	padding-bottom: 2px;
	margin: 0px;
	padding-left: 10px;
}

/* CONTINGUT-BARRA DRETA */

.content #sidebar1 {
	width: 180px;
	display: block;
	float: left;
    }

.content #sidebar1 ul {
	display: block;
	list-style-image: none;
	list-style-type: none;
	text-align: left;
	font-size: 10px;
	font-weight: bold;
	margin-right: 2px;
	margin-left: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
    }

.content #sidebar1 a {
	display: block;
	text-decoration: none;
	font-weight: normal;
	color: #000000;
	background-color: #F0F0F0;
    }

.content #sidebar1 a:hover {
	font-weight: bold;
	background-color: #E0E0E0;
    }

/* CONTINGUT-BARRA ESQUERRA */

.content #sidebar2 {
	width: 180px;
	display: block;
	float: left;
    }

/* CONTINGUT-CENTRAL */

.content #main {
	display: block;
	float: left;
	width: 540px;

    }

/* CONTINGUT-CENTRAL-COLUMNA DRETA */

.content #col1 {
	display: block;
	width: 270px;
	margin: 0px;
	float: left;
	padding: 0px;
    }

/* CONTINGUT-CENTRAL-COLUMNA ESQUERRA */

.content #col2 {
	display: block;
	margin: 0px;
	float: left;
	padding: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	width: 269px;
    }

.content #col3 {
	display: block;
	margin: 0px;
	float: left;
	padding: 0px;
	width: 270px;
    }

#iconlist ul {
	display: block;
	margin: 10px;
	padding: 0px;
    }

#iconlist ul li {
	display: block;
	list-style-type: none;
	float: left;
	margin: 0px 9px 9px 0px;
    }

#iconlist ul li img {
	border: none;
    }

/* CONTINGUT-THUMBNAIL */

#popup a {
	border: 8px solid #e0e0e0;
	display: block;
	float: left;
	margin: 1px;
    }

/* NOTICIES-PAGINA */

.ultima p {
	}

.ultima #ref {
	display: block;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom: 4px;
	font-size: 16px;
	font-weight: bold;
	color: #763078;
	}

.ultima #medi {
	display: block;
	margin-bottom: 4px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	}

.ultima #intro {
	font-weight: bold;
	color: #58005a;
	}

.ultima #pdf ul {
	display: block;
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 10px;
}

.ultima #pdf li {
	display: block;
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	font-weight: bold;
	border: 2px solid #CCCCCC;
	padding: 6px 2px 2px;
}

.ultima #pdf li a {
	font-weight: bold;
	text-decoration: none;
	color: #999999;
}

.ultima #pdf li a:hover {
	color: #58005a;
}

/* NOTICIES-MENU */

.news {
	display: block;
	margin: 10px;
    }

.news h1 {
	display: block;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #58005a;
    }

.news a {
	font-size: 9px;
	display: block;
	margin: 0px;
	line-height: 12px;
	padding-bottom: 8px;
	color: #000000;
	text-decoration: underline;
    }

.news a:hover {
	color: #000000;
	font-weight: bold;
    }

.news #data {
	display: block;
	font-weight: bold;
	color: #58005a;
	font-size: 9px;
	margin-bottom: 4px;
	margin-top: 4px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding-top: 8px;
    }

/* ALTRES */

.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
	clear:both;
	height:0;
}