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

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

table {
	width: 100%;
	padding: 0px;
	spacing: 0px;
}

/* ******************************************************* 
	HOME PAGE. FRANJA DE CAPÇALERA (1)
******************************************************* */
#wh-frame-1 {
	background-color: #FFFFFF; 
	width: 770px;
}

#wh-frame-1A {
	width: 40%;
	height: 55px;
	text-align: left;
	vertical-align: bottom;
	padding-left: 5px;	
}

#wh-frame-1B {
	width: 50%;
	height: 55px;
	text-align: left;
	vertical-align: bottom;
}

#wh-frame-1C {
	width: 10%;
	height: 55px;
	text-align: right;
	vertical-align: bottom;
	padding-right: 5px;	
}

/* ******************************************************* 
	HOME PAGE. FRANJA D'ESCOLA (2)
******************************************************* */
#wh-frame-2 {
	background-color: #FFFFFF; 
	width: 770px;
}

#wh-frame-2A {
	width: 25%;
	height: 85px;
	text-align: center;
	vertical-align: bottom;
	font-size: 10px;
}

#wh-frame-2B {
	width: 50%;
	height: 85px;
	text-align: center;
	vertical-align: middle;
}

#wh-frame-2C {
	width: 25%;
	height: 85px;
	text-align: center;
	vertical-align: bottom;
	font-size: 10px;
}


/* ******************************************************* 
	HOME PAGE. FRANJA DE CINEMA (3)
******************************************************* */
#wh-frame-3 {
	background-color: #FFFFFF; 
	width: 770px;
}

#wh-frame-3A {
	width: 100%;
	height: 150px;
	text-align: center;
	vertical-align: middle;
}


/* ******************************************************* 
	HOME PAGE. FRANJA DE NOTICIES
******************************************************* */
#wh-frame-4 {
	background-color: #FFFFFF; 
	width: 770px;
}

#wh-frame-4A {
	width: 100%;
	height: 23px;
	text-align: center;
	vertical-align: middle;
	background-image: url('/images/dinamic-news-layout.jpg');
	background-repeat: no-repeat;
}


/* ******************************************************* 
	HOME PAGE. FRANJA DE MENU
******************************************************* */
#wh-frame-5 {
	background-color: #FFFFFF; 
	width: 770px;
}

#wh-frame-5A {
	width: 100%;
	height: 50px;
	text-align: center;
	vertical-align: middle;
	font-size: 10px;
	font-weight: bold;
}


/* ******************************************************* 
	DADES I PEU DE PAGINA
******************************************************* */
#blackboard {
	background-color: #FFFFFF; 
	width: 770px;
}

#footer-table {
	background-color: #FFFFFF; 
	width: 770px;
}

#footer {
	font-size: 8px;
	text-align: right;
	padding-top: 10px;
}


/* ******************************************************* 
	FORMULARI DE LOGIN
******************************************************* */
#login-table {
	width: 100%;
}

#login-label {
	width: 20%;
	font-size: 9px;
	font-weight: bold;
	text-align: right;
}

#login-field {
	width: 80%;
	font-size: 9px;
}

#login-entry {
	width: 100px;
	font-size: 9px;
}

#login-button {
	width: 50px;
	font-size: 9px;
}


/* ******************************************************* 
	WEB. FRANJA DE CAPÇALERA (1)
******************************************************* */
#ww-frame-1 {
	background-color: #FFFFFF; 
	width: 770px;
}

#ww-frame-1A {
	width: 20%;
	height: 93px;
	text-align: center;
	vertical-align: middle;
}

#ww-frame-1B {
	width: 80%;
	height: 93px;
	text-align: left;
	vertical-align: top;
}

#ww-frame-1B-AB {
	width: 100%;
}

#ww-frame-1B-A {
	width: 100%;
	height: 61px;
}

#ww-frame-1B-B {
	width: 100%;
	height: 32px;
}

#ww-frame-1B-B-AB {
	width: 100%;
}

#ww-frame-1B-B-A {
	width: 30%;
}

#ww-frame-1B-B-B {
	width: 70%;
	font-size: 9px;
	font-weight: bold;
	text-align: right;
}

/* ******************************************************* 
	WEB. FRANJA DE NOTICIES (2)
******************************************************* */

#ww-frame-2 {
	background-color: #FFFFFF; 
	width: 770px;
	background-image: url('/images/dinamic-news-layout.jpg');
	background-repeat: no-repeat;
}

#ww-frame-2A {
	width: 100%;
	height: 25px;
}

/* ******************************************************* 
	WEB. FRANJA DE TREBALL (3)
******************************************************* */

#ww-frame-3 {
	background-color: #FFFFFF; 
	width: 770px;
}

#ww-frame-3-AA {
	width: 20%;
	height: 25px;
	background-color: #E6E2E1;
	vertical-align: top;
}

#ww-frame-3-AB {
	width: 5%;
	height: 25px;
	background-image: url('/images/notebook-top.jpg');
	background-repeat: repeat-x;
	vertical-align: top;
}

#ww-frame-3-AC { width: 75%; height: 25px; background-image: 
               url('/images/notebook-top.jpg'); background-repeat: 
               repeat-x; vertical-align: bottom; font-size: 10px; 
               font-weight: bold; border-bottom: 1px solid #000000 }
#ww-frame-3-BA {
	width: 20%;
	height: 300px;
	background-color: #E6E2E1;
	vertical-align: top;
	padding-left: 15px;		
	padding-right: 10px;		
	padding-top: 5px;		
}

#ww-frame-3-BB {
	width: 5%;
	height: 300px;
	background-image: url('/images/notebook-left.jpg');
	background-repeat: repeat-y;
	vertical-align: top;
	padding-top: 5px;		
}

#ww-frame-3-BC {
	width: 75%;
	height: 300px;
	vertical-align: top;
	font-size: 11px;
	padding-top: 5px;		
}

#ww-frame-3-BC-comms {
	width: 75%;
	height: 300px;
	vertical-align: top;
	font-size: 11px;
	padding-top: 5px;
	background-image: url('/images/comms-layout.jpg');
	background-repeat: no-repeat;
}

#ww-frame-3-BC-news {
	width: 75%;
	height: 300px;
	vertical-align: top;
	font-size: 11px;
	padding-top: 5px;
	background-image: url('/images/news-layout.jpg');
	background-repeat: no-repeat;
}


/* ******************************************************* 
	MENU
******************************************************* */
#menu-layer {
	width: 100%;
	font-size: 9px;
	font-weight: bold;
	color: #000000;
}

#menu-entry {
	height: 21px;
	padding-left: 5px;		
}

#menu-entry-selected {
	height: 21px;	
	background-color: #000000;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 5px;	
}

#menu-link {
	text-decoration: none;
	color: #000000;
}

#menu-link-selected {
	text-decoration: none;
	color: #FFFFFF;
}

#submenu-entry {
	height: 21px;
	background-color: #FFFFFF;
	font-size: 9px;
	font-weight: bold;
	color: #000000;	
	padding-left: 20px;
}

/* ******************************************************* 
	ALBUM
******************************************************* */
#album-index {
	width: 100%;
	text-align: center;
}

#album-index-pages {
	padding-top: 5px;
	font-size: 10px;
	font-bold: weight;
}

#album-cell-img {
	width: 33%;
	padding: 3px;
	text-align: center;
	vertical-align: middle;
}

#album-cell-empty {
	width: 33%;
	padding: 3px;
}

#album-image {
	width: 100%;
	padding: 5px;
	border: 1px solid #000000;
}

#album-image-picture {
	text-align: center;
	height: 110px;
}

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

/* ******************************************************* 
	CALENDARI
******************************************************* */
#cal-tod-layout {
	width: 100%;
	height: 25px;
	padding: 3px;	
}

#cal-tod-dicctionary {
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	background-color: #9A9A99;
}

#cal-blackboard {
	width: 100%;
	padding: 3px;
}

#cal-balckboard-c1 {
	width: 55%;
	vertical-align: top;
}

#cal-balckboard-c2 {
	width: 45%;
	vertical-align: top;
}

#cal-dateselector {
	text-align: center;
	font-size: 10px;
	vertical-align: middle;
}

.cal-dateselector-entry {
	font-size: 10px;
}

#cal-event-list {
	border-top: 2px solid #000000;
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	padding: 0px;
	marging: 0px;
}

#cal-events {
	font-size: 10px;
	padding-top: 5px;
}

#cal-event-day {
	width: 10%;
	height: 35px;
	vertical-align: top;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 2px solid #000000;
	background-image: url('/images/calendaritriangle.gif');
}

#cal-event-day2 {
	width: 10%;
	height: 35px;
	vertical-align: top;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 2px solid #000000;
}


#cal-event-text {
	width: 90%;
	height: 35px;
	vertical-align: middle;
	font-size: 10px;
	font-weight: bold;
	border-bottom: 2px solid #000000;
	padding-left: 5px;
}

#cal-main {
	width: 100%;
	vertical-align: top;
	text-align: center;
}

.cal-main-layout {
	border: 1 solid #000000;
	width:80%;
}

.cal-main-dia {
	width: 10%;
	border: 1 solid #C0C0C0
}

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

.cal-main-lab {
	font-size: 10px;
	font-weight: bold;
	color: #66CC93;
}

#cal-small {
	width: 50%;
	vertical-align: top;
	text-align: center;
}

.cal-small-layout {
	border: 1 solid #000000;
}

#cal-main-title {
	font-size: 10px;
	font-weight: bold;
}

#cal-small-title {
	font-size: 8px;
	font-weight: bold;
}

.cal-small-dia {
	width: 10%;
	border: 1 solid #C0C0C0;
}

.cal-small-day {
	font-size: 8px;
	text-align: right;
}

.cal-small-lab {
	font-size: 8px;
	font-weight: bold;
	color: #66CC93;
}

/* ******************************************************* 
	CALENDARI - EVENT
******************************************************* */
#cal-event-layout {
	width: 100%;
}

#cal-event-title {
	height: 40px;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;	
}

#cal-event-body {
	font-size: 12px;
	border: 1 solid #C0C0C0;
}

/* ******************************************************* 
	ALBUM - IMAGE
******************************************************* */
#alb-image-layout {
	width: 100%;
}

#alb-image-title {
	height: 40px;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;	
}

#alb-image-body {
	font-size: 12px;
	border: 1 solid #C0C0C0;
	text-align: center;
}

#newsimg {
	float: left;
}

#newstxt {
	float: left;
}