/* ******************************************************* 
	ESTILS GENERALS 
******************************************************* */
body {  
	text-align: left;
	background-color: #708FBD; 
	font-family: verdana, arial, helvetica; 
	color: #FFFFFF;
}

table {
	width: 100%;
}

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

img {
	border: 0;
}


/* ******************************************************* 
	ESTRUCTURA DE LA WEB
******************************************************* */
.canvas {
	width: 770px;
	font-size: 12px;
}

.command {
	padding: 3px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

.command-buttons {
	vertical-align: bottom;
}

.command-languages {
	vertical-align: bottom;
}

.command-options {
	vertical-align: bottom;
	text-align: right;
}

.command-login {
	vertical-align: bottom;
	text-align: right;
	font-size: 9px;
}

.command-login-string {
	width: 75px;
	height: 18px;
	font-size: 9px;
}

.footer {
	font-size: 9px;
	text-align: center;
}

.title {
}

.news {
	height: 21px;
}

.web-title {
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
	border-bottom: 1px solid #E8E8E8;
}

.web-menu {
	width: 25%;
	vertical-align: top;
}

.web-actes {
	width: 50%;
	vertical-align: top;
}

.web-calendari {
	vertical-align: top;
}

.web-menu-bullet {
	vertical-align: top;
}

.web-menu-entry {
	vertical-align: top;
	font-size: 12px;
}

.web-menu-active-tr {
	background-color: #E8E8E8;
}

.web-menu-active-td {
	color: #000000;
}

.web-canvas {
	vertical-align: top;
}

.web-canvas-title {
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
}

.web-canvas-body {
	padding-left: 3px;
	padding-right: 3px;
	background-color: #E8E8E8;
	color: #000000;
}

.web-news {
	width: 20%;
	vertical-align: top;
	padding: 5px;
}


/* ******************************************************* 
	ESTILS DE LA PÀGINA INICIAL 
******************************************************* */
.hp-news {
	border: 1px solid #FFFFFF;
}

.hp-news-header {
	font-size: 10px;
	font-weight: bold;	
	text-align: center;
	background-color: #2F63AC;
}

.hp-news-body {
	font-size: 10px;
	text-align: left;
}


/* ******************************************************* 
	ESTILS AGENDA
******************************************************* */
.agenda-date {
	font-size: 11px;
	font-weight: bold;
}

.agenda-title {
	font-size: 11px;
	font-weight: bold;
}

.agenda-body {
	font-size: 10px;
}


/* ******************************************************* 
	ESTILS NOTICIES
******************************************************* */
.news-date {
	font-size: 11px;
	font-weight: bold;
}

.news-title {
	font-size: 11px;
	font-weight: bold;
}

.news-abstract {
	font-size: 10px;
	font-weight: bold;
}

.news-body {
	font-size: 10px;
}

/* ******************************************************* 
	ESTILS DE CALENDARI
******************************************************* */
.calendar-title {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
}

.calendar-box {
	border: 1px solid #FFFFFF;	
}

.calendar-week {
	border-top: 1px solid #FFFFFF;	
	border-left: 1px solid #FFFFFF;	
	border-right: 1px solid #FFFFFF;	
}

.calendar-today {
	border: 1px solid #FFFFFF;
	font-weight: bold;	
}

.calendar-dow {
	text-align: center;
	font-size: 10px;
	font-weight: bold;
}

.calendar-day {
	text-align: right;
	font-size: 10px;
}

.calendar-c1 {
	width: 14%
}

.calendar-c2 {
	width: 14%
}

.calendar-c3 {
	width: 14%
}

.calendar-c4 {
	width: 14%
}

.calendar-c5 {
	width: 14%
}

.calendar-c6 {
	width: 15%
}

.calendar-c7 {
	width: 15%
}


/* ******************************************************* 
	ESTILS D'ALBUM
******************************************************* */
.album-title {
	text-align: center;
	color: #000000;
}

.album-images {
	vertical-align: top;
	font-size: 10px;
}

.album-caption {
	vertical-align: top;
	font-size: 10px;
	border-left: 1px solid #FFFFFF;
}

.album-images-photo {
	text-align: center;
}

.album-images-caption {
	text-align: center;
	font-size: 10px;
	font-weight: bold;
}

.image-box {
	border: 1px solid #E8E8E8;
}

.image-photo {
	text-align: center;
	height: 150px;
	width: 150px;
}

.image-caption {
	background-color: #FFFFFF;
	color: #000000;
	font-size: 9px;
	text-align: center;
}