/**************************** GENERAL *****************************/

body{
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center; 
	background: #FFF url(../images/mainback.gif);
}

p{
	font-size: 10px;
}

.clr{
	clear: both;
	font-size: 1px;
	}

table#main td#page{
	background: #FFF;
	font-size: 10px;
	padding-left: 5px;
	padding-right: 5px;
	}

a:link, a:visited{
	color: #2953A4;
	text-decoration: none;
	font-size: 9px;
	}
	
a:hover, a:active, a:focus{
	background:  url(../images/arrow_mo.gif) no-repeat center left;
	text-decoration: underline;
	}

input{
	font-size: 9px;
	border: 1px solid #C2C3B9;
	}

h4{
	font-size: 14px;
	padding: 0;
	margin: 0;
	margin-bottom: 15px;
	color: #891637;	
	}
	
h5{
	font-size: 12px;
	padding: 0;
	margin: 0;
	margin-bottom: 15px;
	color: #891637;	
	}

h6{
	font-size: 10px;
	padding: 0;
	margin: 0;
	margin-bottom: 15px;
	color: #891637;	
	}

li{
	padding-top: 4px;
	font-size: 10px;
	}

/**************************** HEADER *****************************/

div#login{
	height: 22px !important;
	height: 30px;
	margin-top: 4px !important;
	margin-top: 0px;
	padding: 0 !important;
	padding: 4px, 0, 0, 0;
	text-align: right;
	
	}

.buttonin{
	background: url(../images/login.gif) no-repeat top left;
	border: 0;
	width: 17px;
	cursor: pointer;
	padding-bottom: 3px;
	}

.buttonout{
	background: url(../images/logout.gif) no-repeat top left;
	border: 0;
	width: 17px;
	cursor: pointer;
	padding-bottom: 3px;
	}

div#header{
	background: #891637;
	height: 45px;
	}

div#headermenu{
	width: 190px;
	text-align: right;
	padding-top: 3px;
	float: left;
	}
	
a.espais:link, a.espais:visited{
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	}
	
a.participants:link, a.participants:visited{
	color: #B8A188;
	text-decoration: none;
	font-weight: bold;
	}

a.activitats:link, a.activitats:visited{
	color: #F17D03;
	text-decoration: none;
	font-weight: bold;
	}

a.documents:link, a.documents:visited{
	color: #718BA5;
	text-decoration: none;
	font-weight: bold;
	}

a.contacte:link, a.contacte:visited{
	color: #908D55;
	text-decoration: none;
	font-weight: bold;
	}

a.enllazos:link, a.enllazos:visited{
	color: #DEB02F;
	text-decoration: none;
	font-weight: bold;
	}

a.projecte:link, a.projecte:visited{
	color: #F85E99;
	text-decoration: none;
	}
	
a.espais:hover, a.espais:active, a.espais:focus, a.participants:hover, a.participants:active, a.participants:focus,
a.activitats:hover, a.activitats:active, a.activitats:focus, a.documents:hover, a.documents:active, a.documents:focus,
a.contacte:hover, a.contacte:active, a.contacte:focus, a.enllazos:hover, a.enllazos:active, a.enllazos:focus,
a.projecte:hover, a.projecte:active, a.projecte:focus{
	text-decoration: underline;
	}

div#noticieslink{
	float: right;
	padding-right: 5px;
	padding-top: 3px;
	}

a.noticies:link, a.noticies:visited{
	color: #38C548;
	text-decoration: none;
	font-weight: bold;
	}
	
a.noticies:hover, a.noticies:active, a.noticies:focus{
	text-decoration: underline;
	}
	
/****************************** BODY *******************************/	

div#contentini{
	margin-top: 0 !important;
	margin-top: -14px;
	border: 5px solid black;
	background: #FFF url(../images/iniback.gif) no-repeat top right;
	height: 374px;
	}

div#inicontent, div#ininoticies{
	padding-top: 65px;
	width: 330px;
	text-align: right;
	}

div#inicontent a{
	font-size: 20px;
	font-weight: normal;
	}

div#ininoticies a.noticies{
	font-size: 20px;
	font-weight: normal;
	}

div#ininoticies a.ininoti{
	font-size: 10px;
	font-weight: bold;
	line-height: 24px;
	}

div#notiitems{
	margin-bottom: 4px;
	}

div#initext{
	text-align: justify;
	color: #8A8A96;
	}	
div#menubar{
	height: 12px;
	margin-top: 3px;
	text-align: right;
	background: #F6367F;
	}

div#menu a:link, div#menu a:visited{
	height: 12px;
	color: #891637;
	text-decoration: none;
	background: #F8F1F1 url(../images/menuback.gif) no-repeat top left;
	padding-left: 8px;
	padding-right: 8px;
	margin:0;
	font-size: 10px;
	line-height: 13px;
	}

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

div#menu a.activemenu:active, div#menu a.activemenu:visited{
	text-decoration: underline;
	font-weight: bold;
	}

div#title{
	font-size: 14px;
	color: #F6367F;
	height: 15px;
	padding-top: 2px;
	font-weight: bold;
	}

div#fontsize{
	text-align: right;
	padding-bottom: 2px;
	}

div#content{
	margin-top: 0 !important;
	margin-top: -14px;
	padding: 5px;
	border: 1px solid black;
	}

div#contentbackground{
	padding: 5px;
	background: #F8F1F1;
	}

div#contentleft{
	width: 190px;
	float: left;
	margin-right: 3px;
	}

div#contenttitle{
	height: 35px;
	background: url(../images/contenttitleback.gif);
	text-align: right;
	}

div#contentintro{
	text-align: left;
	background: #F1E2E2;
	padding-top: 5px; 
	padding-right: 5px;
	padding-left: 15px;
	color: #6E6D6D;
	margin-top: 3px;
	font-size:12px;
	}

div#contentright{
	float: left;
	width: 528px;
	text-align: justify;
	sbackground: #F1E2E2 url(../images/fotos/foto2.jpg) no-repeat top right;
	background: #F1E2E2;
	}

div#contentcalendar{
	float: left;
	width: 720px;
	text-align: justify;
	background: #F1E2E2;
	}

div#contenttext{
	swidth: 260px !important;
	swidth: 280px;
	text-align: justify;
	font-size: 12px;
	float: left;
	padding-top: 35px;
	padding-left: 25px;
	padding-right: 15px;
	color:#353535;
	}

table#participantes td{
	font-size: 12px;
	color:#353535;
	padding-top: 5px;
	padding-left: 25px;
	}

div#contenttextadmin{
	width: 500px;
	text-align: left;
	float: left;
	padding-top: 35px;
	padding-left: 25px;
	}

div#contentphoto{
	float: right;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 15px;
	}
	
div#thetitle{
	position: relative;
	top: 20;
	right: 2;
	color: #891637;
	font-size: 10px;
	font-weight: bold;
	}
	

div#logo{
	text-align: right;
	}

table#edit{
	border-bottom: 1px solid #FFF;
	}

table#edit td.title{
	font-size: 10px;
	font-weight: bold;
	}
	
table#edit td.list{
	font-size: 10px;
	border-top: 1px solid #FFF;
	}

.button{
	sfont-weight: bold;
	border: 1px solid #891637; 
	color: #891637;
	cursor: pointer; 
	}

table#noticies td{
	font-size: 10px;
	text-align: justify;
	}
	
table#noticies td.title{
	font-size: 11px;
	font-weight: bold;
	}

a.doc:link, a.doc:visited, a.doc:hover, a.doc:active, a.doc:focus{
	font-size:12px;
	}

/**************************** FOOTER *****************************/
	
div#footer{
	text-align: right;
	}

div#credit{
	margin-top: 25px;
	text-align: right;
	}

div#credit a:link, div#credit a:visited{
	color: #939393;
	text-decoration: none;
	}

div#credit a:focus, div#credit a:hover, div#credit a:active{
	color: #2953A4;
	text-decoration: underline;
	}	

/**************************** EXTRA *****************************/
table#pop{
	background:#FFF;
	}
	
table#pop td{
	font-size: 10px;
	}