
/* General */

html, body {
	margin: 0px;
	padding: 0px;
}

body, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.center {
	text-align: center;
}

a, a:active, a:visited {
	color: #000000;
	text-decoration: underline;
}

a:hover {
	color: #00cc00;
	text-decoration: underline;
}

ul li {
	list-style-image: url(../img/bullet.gif);
}

.mouse_pointer {
	cursor: pointer;
}

.green {
	background-color: #44ff00;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #004730;
}

/* Layout */

#container {
	width: 747px;
	margin: 15px auto;
	padding: 5px 5px 5px 0px;
	border: 2px solid #9ff882;
	text-align: left;
}

#content_wrapper {
	margin: 5px 0px 0px 0px;
	padding-left: 5px;
/*	background-image: url(../img/menu_bg.gif); */
	background-repeat: repeat-y;
	background-position: 5px 0px;
}

#content {
	float: right;
	width: 500px;
}

#menu {
/*	width: 200px;*/
/*	padding: 2px 0px 2px 2px; */
}

#bottom {
	clear: both;
	padding-top: 4px;
	margin-left: 5px;
}

#header {
	padding: 10px;
	margin-left: 5px;
	border-bottom: 2px solid #00cc00;
}

.clearfix {
	clear: both;
	font-size: 1px;
	margin: 0px;
	border-bottom: 1px solid #ffffff;
}



/* Menu */

.menu_item {
	background-color: #f3f3f3;
	height: 19px;
}

.menu_item, .menu_selected_item {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	border-bottom: 2px solid #ffffff; 
}

.menu_item a, .menu_item a:active, .menu_item a:visited {
	display: block;
	padding: 2px 0px 2px 10px;
	color: #666666;
	height: 19px;
	text-decoration: none;
}

.menu_selected_item a, .menu_selected_item a:active, .menu_selected_item a:visited {
	display: block;
	padding: 2px 10px 2px 10px;
	color: #00c806;
	background-color: #ffffff;
	height: 19px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background-image: url(../img/menu_bg_selected.gif);
	background-repeat: no-repeat;	
}

.menu_item a:hover, .menu_selected_item a:hover {
	display: block;
	padding: 2px 10px 2px 10px;
	color: #00c806;
	background-color: #ffffff;
	height: 19px;
	font-weight: bolder;
	text-decoration: underline;
}

/* Titles */

.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #004730;
	border-bottom: 1px solid #cccccc;
}

.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #00cc00;
}

.subtitle a, .subtitle a:active, .subtitle a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #00cc00;
	text-decoration: none;
}

.subtitle a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #00cc00;
	text-decoration: underline;
}



/* Header */

.head_l {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #004730;
}

.head_r {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #00cc00;
}

.head_projs {
	background-color: #ffffff;
	padding: 3px;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #003333;
}

.head_projs a, .head_projs a:active, .head_projs a:visited {
	color: #003333;
	text-decoration: none;
	padding: 3px;
}

.head_projs a:hover {
	color: #003333;
	text-decoration: underline;
}



/* Footer */

.footer_note {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}

.footer_note a, .footer_note a:active, .footer_note a:visited {
	color: #003333;
	text-decoration: none;
}

.footer_note a:hover {
	color: #003333;
	text-decoration: underline;
}



/* Form elements */

/* button */

.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
/*	background-color: #71fe00;*/
	background-color: #05ed00;
	border: none;
	height: 17px;
}

.button a, .button a:active, .button a:hover, .button a:visited {
	display: block;
	padding: 2px 0px 2px 20px;
	color: #ffffff;
	text-align: right;
	text-decoration: none;
	border:0;
}

.button_tl {
	padding: 2px 2px 2px 10px;
	color: #ffffff;
	text-align: right;
	text-decoration: none;
	background-color: #05ed00;
	border:0;
}

.button_td {
	vertical-align:middle; 
	padding: 4px 0px 4px 2px;
	background-color: #ffffff;
	border:0;
}

.button image {
	vertical-align:middle; 
	padding: 4px 0px 4px 2px;
	border:0;
}

/* fields */

.field {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #71fe00;
	padding-left:2px;
	height: 17px;
}

.field_area {
	border: 1px solid #71fe00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #71fe00;
	height: 17px;
}
.selectM {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #71fe00;
}

.required {
	color: #ff0000;
	font-weight: bold;
	margin-left: 2px;
}

.error {
	color: #ff0000;
}



/* Forum */

.forum_cat_title {
	background-color: #44ff00;
	padding: 4px 4px 4px 12px;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #004730;
}

.forum_cat_title a, .forum_cat_title a:active, .forum_cat_title a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #004730;
	text-decoration: none;
}

.forum_cat_title a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #004730;
	text-decoration: underline;
}

.forum {
	border: 2px solid #f3f3f3;
	background-color: #ffffff;
	padding: 3px;
}

.forum_list_tit {
	font-size: 13px;
	font-weight: bold;
	background-color: #e3ffd9;
	padding: 5px;
}

.forum_tit {
	color: #000000;
	font-weight: bold;
	background-color: #e3ffd9;
	padding: 5px;
}

.forum_tit a, .forum_tit a:active, .forum_tit a:visited {
	color: #004730;
	font-weight: bold;
	padding: 5px;
	text-decoration: none;
}

.forum_tit a:hover {
	color: #004730;
	font-weight: bold;
	padding: 5px;
	text-decoration: underline;
}

.forum_body {
	background-color: #ffffcc;
	border-left: 5px solid #ffff66;
	padding: 3px 3px 3px 10px;
}

.forum_info {
	color: #666666;
	background-color: #e3ffd9;
	padding-left: 3px;
	padding-bottom: 2px;
}

.forum_last {
	color: #004730;
}

.last_msg {
	color: #666666;
}

.msg {
	border: 2px solid #f3f3f3;
	padding: 3px 3px 0px 3px;
}

.msg_admin_box {
	background-color: #f3f3f3;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 5px solid #ffff66;
}

.msg_admin_line {
	background-color: #f3f3f3;
	margin-bottom: 3px;
}

.admin_cb {
	color: #666666;
}

.msg_level1 {
	padding: 5px 10px;
	background-color: #e3ffd9;
	margin-bottom: 5px;
}

.msg_level1_last {
	padding: 5px 10px;
	background-color: #e3ffd9;
/*
	border-bottom: 2px solid #a1ff7f;
	border-right: 2px solid #a1ff7f;

	border: 2px solid #a1ff7f;
*/
}

.msg_level2 {
	padding: 10px;
	background-color: #ffffff;
	border-bottom: 2px solid #a1ff7f;
}

.msg_level3 {
	padding: 10px;
	background-color: #ffffcc;
	border-bottom: 2px solid #ffefb2;
}

.msg_info_moderador {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #ED00FF;
}

.msg_title_moderador, .msg_title_moderador a, .msg_title_moderador a:active, .msg_title_moderador a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ED00FF;
	text-decoration: none;
}
.msg_title_moderador a:hover{
	text-decoration: underline;
}

.msg_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #00cc00;
}

.msg_title a, .msg_title a:active, .msg_title a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00cc00;
	text-decoration: none;
}

.msg_title a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00cc00;
	text-decoration: underline;
}

.msg_date {
	font-size: 11px;
	color: #004730;
	font-weight: bold;
}

.msg_txt {
	font-size: 11px;
	color: #004730;
	font-weight: bold;
}

.msg_info {
	font-size: 9px;
	color: #666666;
	text-transform: uppercase;
}

.msg_repl {
	color: #004730;
	font-weight: bold;
}

.msg_admin_outline {
	background-color: #ffffcc;
	border-bottom: 2px solid #ffefb2;
}

.new_disc_box_icon {
	float: left;
}

.new_disc_icon {
	margin-left: 25px;
	margin-top: 2px;
	color: #666666;
	width: 60px;
}


/* Filter/Search box (forum) */

.filterbox {
	border: 2px solid #f3f3f3;
	background-color: #ffffff;
	padding: 3px;
	margin-bottom: 15px;
}

.filterbox .filter_area {
	background-color: #e3ffd9;
	padding: 3px;
}



/* Page Jumper */

.pj_comment {
	color: #666666;
}

.pj {
	color: #00cc00;
	font-weight: bold;
}

.pj_select {
	color: #004730;
	font-weight: bold;
}

.pj a, .pj a:active, .pj a:visited {
	color: #00cc00;
	text-decoration: none;
}

.pj a:hover {
	color: #00cc00;
	text-decoration: underline;
}



/* Votacions */

.caixa_vot {
	border: 1px solid #f5f5f5;
	padding: 1px;
	height: 14px;
	width: 100px;
}

.caixa_vot2 {
	border: 1px solid #f5f5f5;
	padding: 1px;
	height: 14px;
	width: 20px;
}

.text_vot {
	color: #666666;
}

.total_vot {
	color: #004730;
	font-weight: bold;
}

.list_clas {
	font-size: 10px;
	color: #004730;
}



/* Tablon */

.fons1_vot {
	background-color: #e3ffd9;	
}

.fons2_vot {
	background-color: #ffffcc;	
}

.fons3_vot {
	background-color: #C5FF66;	
}

.home_discusio_titol {
	color: #aba2ca;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.home_discusio {
	background-color: #ffffff; /*#e3ffd9;*/	
	border: 2px solid #aba2ca;
}
.home_discusio_body {
 	border:1px solid #33ff00;
	background-color: #ffffcc;	
}

.discusio {
	background-color: #e3ffd9;	
	border: 2px solid #aba2ca;
}
.discusio_body {
 	border:1px solid #33ff00;
	background-color: #ffffcc;	
}

.home_activitat_titol {
	color: #eb008b;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.home_activitat {
	background-color: #ffffff; /*#e3ffd9*/;	
	border: 2px solid #eb008b;
}
.home_activitat_body {
 	border:1px solid #33ff00;
	background-color: #ffffcc;		
}

.activitat {
	background-color: #e3ffd9;	
	border: 2px solid #eb008b;
}
.activitat_body {
 	border:1px solid #33ff00;
	background-color: #ffffcc;		
}



/* Admin alert */

.admin_alert {
	background-color: #f3f3f3;
	padding: 5px;
	color: #ff0000;
	font-weight: bold;
}

/* Cuestionarios */

.separator {
	border-bottom: thick solid #71fe00;
	padding: 5px 0px 5px 0px;
}


/* Post concurso jovenes redactores */

.post_jr {
	color: #d90000;
}


/* Formacion profesores */

.formacio {
	border: 2px solid #f3f3f3;
	background-color: #ffffff;
	padding: 3px;
}

.formacio_list {
	color: #000000;
	padding: 5px;
	background-color: #e3ffd9;
}

.formacio_list_tit {
	font-weight: bold;
	font-size: 13px;
}

.formacio_list_tit a, .formacio_list_tit a:active, .formacio_list_tit a:visited {
	color: #004730;
	font-weight: bold;
	padding: 5px;
	text-decoration: none;
}

.formacio_list_tit a:hover {
	color: #004730;
	font-weight: bold;
	padding: 5px;
	text-decoration: underline;
}

.formacio_chap_title {
	background-color: #44ff00;
	padding: 4px 10px;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #004730;
}

.formacio_chap_title a, .formacio_chap_title a:active, .formacio_chap_title a:visited {
	color: #004730;
	font-weight: bold;
	text-decoration: none;
}

.formacio_chap_title a:hover {
	color: #004730;
	font-weight: bold;
	text-decoration: underline;
}



/* Avisos */

.text_avis {
	background-image: url(../img/avis.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}


/* Teasers */
.nom {
	color: #004730;
	font-weight: bolder;
	text-decoration: none;
}

.temas {
	border: 1px solid #636363;
	background-color: #f3f3f3;
	padding: 3px;
}


.atencion {
	border: 2px solid #f3f3f3;
	padding: 3px 3px 3px 3px;
	color: #ff0000;
	font-weight: bold;
}

.atencion_title {
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ff0000;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
}

.atencion_texto {
	margin-bottom: 20px;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
}

.vots {
	color: #666666;
}
.vota {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ff0000;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}
.votacion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #004730;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

.vote {
   position:relative;
   width:95px;
   height:19px;
   background:transparent url(../img/votar/stars0.gif) no-repeat;
   }

.vote a .caption {
/* display:none; */
   }
.vote a img, .vote a:visited img {
   display:none; 
   }

.vote a, .vote a:visited {
   position:absolute;
   top:0;
   width:19px;
   height:19px;
   z-index:95;
   cursor:default;
   }

.vote a.f0 {
   width:95px;
   left:0;
   background:transparent url(../img/votar/stars0.gif) 0 -95px no-repeat;
   background-position:0 0;
   z-index:50;
   }
.vote a.f1 {
  left:0;
   background:transparent url(../img/votar/stars1.gif) 0 -95px no-repeat;
   z-index:95;
   }
.vote a.f2 {
   left:19px;
   background:transparent url(../img/votar/stars2.gif) 0 -95px no-repeat;
   z-index:95;
   }
.vote a.f3 {
   left:38px;
   background:transparent url(../img/votar/stars3.gif) 0 -95px no-repeat;
   z-index:95;
   }
.vote a.f4 {
   left:57px;
   background:transparent url(../img/votar/stars4.gif) 0 -95px no-repeat;
   z-index:95;
   }
.vote a.f5 {
   left:76px;
   background:transparent url(../img/votar/stars5.gif) 0 -95px no-repeat;
   z-index:95;
   }

.vote a.f1:hover,
.vote a.f2:hover,
.vote a.f3:hover,
.vote a.f4:hover,
.vote a.f5:hover {
   width:95px;
   left:0;
   background-position:0 0;
   z-index:50;
}

