/* Primer nivel de menu */
.MenuGroupExtranet
{
  background-color:white;
}


/* --------------------------------------------------------------------------------*/
/* Primer nivell de menus */
/* --------------------------------------------------------------------------------*/
.MenuItemExtranet
{

	FONT: normal 11px Verdana, Arial, Helvetica, sans-serif;
	WIDTH: 150px;
	COLOR: #ffffff;
	BACKGROUND-COLOR: #999999;
	border-top: 1px solid #FFFFFF;
	border-bottom: 0px solid #ffffff;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 15px;	

}

.MenuItemHoverExtranet 
{
	FONT: normal 11px Verdana, Arial, Helvetica, sans-serif;
	WIDTH: 150px;
	COLOR: #666666;
	BACKGROUND-COLOR: #EAEAEA;
	border-top: 1px solid #FFFFFF;
	border-bottom: 0px solid #ffffff;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 15px;
	text-decoration: normal;
	cursor: default; 
}



/* Segon nivell de menu*/

.MenuItemExtranetN2 
{
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 8px;
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 2px;
	FONT: normal 11px verdana, Arial, Helvetica, sans-serif;
	border-bottom: 0px solid #ffffff;
	border-top: 0px solid #ffffff;
    border-left: 10px solid #EAEAEA;
	WIDTH: 150px;
	background-color: #EAEAEA;
	COLOR: #666666;

}
.MenuItemHoverExtranetN2 
{
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 8px;
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 2px;
	FONT: bold 11px verdana, Arial, Helvetica, sans-serif;
	border-bottom: 0px solid #ffffff;
	border-top: 0px solid #ffffff;
    border-left: 10px solid #EAEAEA;
	WIDTH: 150px;
	background-color: #EAEAEA;
	COLOR: #666666;
	text-decoration: normal;

}
/* Tercer nivel de menu*/

.MenuItemExtranetN3 
{
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 8px;
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 2px;
	FONT: normal 11px verdana, Arial, Helvetica, sans-serif;
	border-bottom: 0px solid #ffffff;
	border-top: 0px solid #ffffff;
    border-left: 10px solid #EAEAEA;
	WIDTH: 150px;
	background-color: #EAEAEA;
	COLOR: #666666;

}
.MenuItemHoverExtranetN3 
{
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 8px;
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 2px;
	FONT: bold 11px verdana, Arial, Helvetica, sans-serif;
	border-bottom: 0px solid #ffffff;
	border-top: 0px solid #ffffff;
        border-left: 10px solid #EAEAEA;
	WIDTH: 150px;
	background-color: #EAEAEA;
	COLOR: #666666;
	text-decoration: underline;
}
/* Quadre d'anar al home */
.HomeMenuItemExtranet
{
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 2px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	LEFT: 30px;
	PADDING-BOTTOM: 2px;
	WIDTH: 100%;
	COLOR: #00217B;
	PADDING-TOP: 2px;
	FONT-STYLE: normal;
	FONT-FAMILY: Arial;
	HEIGHT: auto;
	TEXT-ALIGN: left;
	text-decoration: none;
}
/* Quadre d'anar al home  */
.HomeMenuItemHoverExtranet 
{
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 30px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	LEFT: 10px;
	PADDING-BOTTOM: 2px;
	WIDTH: 100%;
	COLOR: #93FF33;  /* Verd institucional */
	PADDING-TOP: 2px;
	FONT-STYLE: normal;
	FONT-FAMILY: Arial;
	HEIGHT: auto;
	TEXT-ALIGN: left;
	text-decoration: none;

}
/* --------------------------------------------------------------------------------*/

.MenuPortada
{
	text-align: center;
	font-size: 10;
	color: #FFFFFF;
	text-decoration:none;
	position: relative;
	height: 20px;
	background-position: center center;
	cursor: hand;
	
	
/*
	background-color: #E5E9F2;
	font-family : Arial;
	font-style : normal;
	font-weight : bold;
	font-size : 11px;
	width : 100%;
	padding: 2 2 2 2;
	height : auto;
	color:White;
	cursor:hand;*/

	}
#container {
	width: 800px;
	margin-left:100px;
	float:left;
	}
#container_wp {
	width: 800px;
	margin-left:100px;
	margin-right:100px;
	float:left;
}
#colegio{
	float: right;    /* ??? */
	}


AV_BODY{
    margin-left             : 6px;
    margin-right            : auto;
    margin-top              : 5px;
	margin-bottom			: 50px;
	background-color		: #FFC266;
	font-family				: Verdana, Arial, Helvetica, sans-serif;
	margin-left				: 6px;
	}
.av_validator
{
	font-family				: Verdana;
	bottom                  : 5px;
	color					: Olive; 
	vertical-align          : bottom;
	}
	

	
		
#login
	{
	margin-left				: 6px;
	margin-top				: 15px;
	padding-left			: 15px;
	padding-top  			: 9px;
	float                   : left;
	color                   : #333;
	width                   : 184px;
	height					: 118px;
	background-color		: #FFEBCC;
	border-left				: 2px;
	border-left-style		: solid;
	border-left-color		: #E6E6E6;
	border-right			: 2px;
	border-right-style		: solid;
	border-right-color		: #E6E6E6;
	border-top				: 2px;
	border-top-style		: solid;
	border-top-color		: #E6E6E6;
	border-bottom			: 2px;
	border-bottom-style		: solid;
	border-bottom-color		: #E6E6E6;
	
	}
	
	.datagrid
	{
	width: 210px;
	border-top: 1px solid #555555;
	border-right: 1px solid #D9D6D2;
	border-bottom: 1px solid #D9D6D2;
	border-left: 1px solid #555555;
	font-size:14px;
	color:#333;	
	vertical-align: middle;	
	padding:2px;
	}
	
	.login
	{
	float                   : left;
	color                   : #333;
	width                   : 160px;
	height					: 118px;
	background-color		: #FFEBCC;
	border-left				: 1px;
	border-left-style		: solid;
	border-left-color		: Gray;
	border-right			: 1px;
	border-right-style		: solid;
	border-right-color		: Gray;
	border-top				: 1px;
	border-top-style		: solid;
	border-top-color		: Gray;
	border-bottom			: 1px;
	border-bottom-style		: solid;
	border-bottom-color		: Gray;
	
	}
/* Menu contextual -------------------------------------------- */
.MenuContextual
{
  background-color:white;
  background-image:url("../img_comunes/item_bg.gif"); 
  font-family:tahoma; 
  font-size:15px;
}
.MenuContextualRoot
{
  background-color:Gray;
  background-repeat:no-repeat;
  background-position: center center;
  background-image:url("../img_comunes/Combo.gif"); 
  border:solid 1px #737373; 
  font-size:large;
  font-weight:bold;
}
 
/* Default item styles ------------------------------------ */ 
 
.MenuContextualHover
{
  background-color:white; 
  background-image:url("../img_comunes/item_bg.gif"); 
  color:black; 
  font-family:tahoma; 
  font-size:16px; 
  border:solid 1px #ABABAB; 
  border-right-color:#737373;
  border-bottom-color:#737373;
  cursor:default;
}
/* Control de Usuario VAR_004 */

.var004_Quote
	{
		height: auto;
	margin-left: 0px;
	margin-right: 0px;
	
	}

	
.var004_Quote2
	{
		height:  auto;
	
	}
	
.var004_Quote_right
	{
	margin-left: 0px;
	margin-right: 0px;
	}
	
.var004_content
	{
	height : auto;
	}
	
	
.var004_content_top
	{
	clear                   : left;
	float					: left;
	width                   : 540px;
	background-image		:   url("../img_jovenes/content_border_top.gif")
	}	
	

.var004_cajaselect_ancha
	{
	width: 280px;
	font-size:14px;
	color:#333;	
	vertical-align: middle;	
	padding:2px;
	}
.var004_contentain_pet
	{
	float					: left;
	width					: 500px;
	margin-left				: 5px;
	}

/* Added By @MHG */
.botones
	{
	border: 1px solid #999;
	background-color:#E8E8E8;
	font-size:12px;
	color:#333;	
	height:21px;
	margin: 0px 4px 0px 0px;
	cursor: pointer; 
	cursor: hand; 
	}

.login_publico
	{
	margin-left				: 0px;
	margin-top				: 0px;
	padding-left			: 15px;
	padding-top  			: 0px;
	float                   : left;
	color                   : #333;
	width                   : 160px;
	height					: 136px;
	background-color		: #FFEBCC;
	border-left				: 1px;
	border-left-style		: solid;
	border-left-color		: #A6A6A6;
	border-right			: 1px;
	border-right-style		: solid;
	border-right-color		: #A6A6A6;
	border-top				: 1px;
	border-top-style		: solid;
	border-top-color		: #A6A6A6;
	border-bottom			: 1px;
	border-bottom-style		: solid;
	border-bottom-color		: #A6A6A6;
	font					: MS Sans Serif, Verdana;
	font-size				: 12px;
	}
/* ---------------------------------------------------------------------- */
/* AGENDA-CALENDARIO */
/* ---------------------------------------------------------------------- */
#derecha_mod
	{	
	width					: 186px;
	}
/* Quadre general agenda */	
#derecha
	{
	background-color		: #8fd418;
	float					: right;
	width					: * 186px; 
	border: 1px solid #8fd418;
	}
.dia_rojo
	{
	font:11px Verdana,Arial,Helvetica,sans-serif; 
	
	}
.dia_color1
	{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
	font-size:11px;  
	font-weight: bold;
	}
.titols_agenda	
	{
	font-size: 11px;
	color: #000000;
	padding-left: 10px;
	}	
/* Zona Retol cap "Agenda" */
.cabecera_mod_der
	{
	font: normal 17px Verdana, Arial, Helvetica, sans-serif; 
	color: #ffffff; 
	background-color: #8fd418;
	text-align: center;
	padding-top : 0px;
	padding-bottom : 0px;
	border-bottom: 0px solid #00217B;
		}
.imgcentrada
	{
	vertical-align: middle;
	}
/* Linia on surt el mes i l'any */
.p_center
	{
	text-align: center;
	background-color: #8fd418;
	color: #ffffff;/* no s'aplica */
	width:159px;
	margin: 0px 0px 0px 13px; /* margin: 0px 5px 0px 13px */
	}
.txt 
	{
	color: #00217B;
	}
#calendario_pos
	{
	margin-top: 0px;
	}
.derecha_mod_TABLE2
	{
	margin: 0px 5px 0px 13px;
	}

/* Números de dia de tot el mes */
.calendario_dia
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #00267F;  
	font-size: 11px;  
	font-weight: bold;
	background-color: #ffffff;
	padding : 2;
	text-align: right;
	border: 1px solid  #ECEDF0;
	}
/* Etiquetes dels dies DL, DM, DX... */
.calendario_td
{
	color: #FFFFFF; 
	width: 25;
	text-align: center;
	background-color: #8fd418; 
	border: 1px solid #FFFFFF; 
	font-weight: bold;
}
/* Detall dels esdeveniments d'un dia*/
.gridcalendar
	{
	
	background-color: #8fd418;
	font:11px Verdana,Arial,Helvetica,sans-serif;
	color:  #ffffff;
	text-align:left;
	}	
.calendario_fiesta
	{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #00267F;  /*black*/
	font-size:11px;  
	font-weight: bold;
	background-color: #E5E9F2 /* #D37B5E */ ;
	padding : 2;
	text-align:right; 
	border: 1px solid #ECEDF0;
	}
/* Dies que tenen un event */
.calendario_marca
	{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #FFFFFF;  /* no s'aplica? */
	font-size:11px;  
	font-weight: bold;
	background-color: #8fd418;
	padding : 2;
	text-align: right;
	border: 1px solid  #ECEDF0;
	cursor:hand;
   
  	}
/* Nom del dia seleccionat */
.txtmedium	
	{
	color: #ffffff;
	font-size: 14px;
	}	
/* Marges del dia seleccionat */
#dia
	{
	color: #00267F; 
	font-weight: bold;
	padding: 4px;
	margin-left: 10px;
	margin-bottom:4px;
	
	}
.titols_agenda	
	{
	font-size: 11px;
	color: #FFFFFF;         /*#666666*/
	padding-left: 10px;
	}		
	
	
/**  VTP **/
.combo
	{
	font:12px Verdana;
	border-top: 1px solid #555555;
	border-right: 1px solid #D9D6D2;
	border-bottom: 1px solid #D9D6D2;
	border-left: 1px solid #555555;
	color:#000000;
	vertical-align: middle;	
	padding:2px;
	margin:2px 0px 0px 0px;
	}
/**  Lista Noticias **/

.fecha_noticia {
			font:  11px Arial, Helvetica, sans-serif; 
			color: #8fd418;
	}

.titular_noticia {
			font:  12px Arial, Helvetica, sans-serif; 
			color: #00217B;
				}

a:link.titular_noticia {
			font:  12px Arial, Helvetica, sans-serif; 
			color: #00217B; 
			TEXT-DECORATION: none
		}
a:active.titular_noticia {
			font:  12px Arial, Helvetica, sans-serif; 
			color: #00217B;
			text-decoration:none;
		}
a:visited.titular_noticia {
			font:  12px Arial, Helvetica, sans-serif; 
			color: #00217B;
			text-decoration:none;
		}
a:hover.titular_noticia {
			font:  12px Arial, Helvetica, sans-serif; 
			color: #00217B; 
			text-decoration:underline;
		}

.subtitular_noticia {
			font:  11px Arial, Helvetica, sans-serif; 
			color: #666666;
		}
/* ---------------------------------------------------------------------- */	
/** Noticia PopUp**/
/* ---------------------------------------------------------------------- */
.fecha_noticia_popup
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #666666;  
	background-color: #E6E6E6;  
	}
.texto_noticia_popup
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #666666;  
	
	}
.titular_noticia_popup
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #666666;  
	
	}
A.Cerrar 
{
	font: 11px Arial;
	color: #BF3000; }
a:hover.Cerrar 
{
	font: 11px Arial;
	color: #BF3000; }
a:visited.Cerrar 
{
	font: 11px Arial;
	color: #BF3000; }
a:link.Cerrar 
{
	font: 11px Arial;
	color: #BF3000; }
a:active.Cerrar 
{
	font: 11px Arial;
	color: #BF3000; }
/* ---------------------------------------------------------------------- */	
/** Caixa Login**/
/* ---------------------------------------------------------------------- */

/* Títol del quadre "Intranet" */
.MenuItemExtranetInt
{		   
	border-left: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	border-top: 1px solid #EAEAEA;
	background-color: #EAEAEA;
	padding:0 2 0 8;
	font: bold 12px Verdana, Arial,Helvetica,sans-serif;
	color: #666666;
	text-align:left;
	text-decoration: none;
	width:150px;	
}
/* Etiquetes usuari i contransenya */
.texto_login
{
	font:11px Verdana;
	color:#666666;
	
	}
/* Mida dels quadres usuari i Contrasenya */
.cajas_login
{
	width:90px; /*60px*/
	height:18px;
	font:10px Verdana;
	color:#666666;
	
}

/* Botó "enviar" */	
.boton_entrar
{
	cursor:hand;
	border:1px solid #666666;
	font:10px Verdana;
	color:#666666;            
	background-color:#FFFFFF; 
	}
	
/** Contenidos**/
.cuerpo_pagina
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color:Black;  
	font-size:x-small; 
}

/** Default Console**/
.MenuConsola
{
	
	font-weight: bold;
	font-size: 10px;
	cursor:hand;
	color:White;
	font: 12px Verdana;
	background-color: #6BADB4;
	text-decoration: none;
}

.MenuConsolaHover
{
	padding: 2 2 2 8;
	background-color: #6BADB4;
	font: 12px Verdana;
	color: white;
	width: 174px;
	cursor:hand;
	text-decoration: none;
	
}
.MenuConsolaN2
{
	color: black; 
	text-decoration: none; 
	margin-left:10px;
	}

/* ---------------------------------------------------------------------- */
/**Estils propis Escola PIA**/
/* ---------------------------------------------------------------------- */
{
	FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif
}
BODY {
	MARGIN-TOP: 0px; FONT-WEIGHT: normal; MARGIN-LEFT: 0px; 
	COLOR: #666666;
	BACKGROUND-COLOR: #FFFFFF; TEXT-ALIGN: left
}
P {
	TEXT-ALIGN: left
}
.titol {
	FONT-WEIGHT: bold; COLOR: #00217B; TEXT-ALIGN: justify
}
.subtitol {
	FONT-WEIGHT: bold; COLOR: #93BE10; TEXT-ALIGN: justify
}
.subtitolcentre {
	FONT-WEIGHT: bold; COLOR: #93BE10; TEXT-ALIGN: center
}
.peu {
	FONT-SIZE: 10px;
	COLOR: #00217B;
	TEXT-ALIGN: center;
	font-family: Arial, Helvetica, sans-serif;

}
P.titol:first-letter {
	FONT-SIZE: 200%
}
TABLE {
	font-family: Arial, Helvetica, sans-serif; 
	color: BLACK;  
	font-size:x-small;
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FONT-WEIGHT: normal; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px;
}
.text_jus {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; TEXT-ALIGN: justify; BORDER-RIGHT-WIDTH: 0px
}
.text_esq {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
.text_cent {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 0px
}
.linia {
	border: 2px solid #93BE10;

}
HR {
	COLOR: #D6DEEE; HEIGHT: 1px
}
OL {
	FONT-WEIGHT: normal; MARGIN-LEFT: 30px
}
UL {
	FONT-WEIGHT: normal; MARGIN-LEFT: 16px
}
A:link {
	COLOR: #666666;
	TEXT-DECORATION: none;
	font-style: normal;

}
A:active {
	COLOR: #666666;
	TEXT-DECORATION: none;
	font-style: normal;
	

}
A:visited {
	COLOR: #666666;
	TEXT-DECORATION: none;
	font-style: normal;

}
A:hover {
	COLOR: #666666;
	TEXT-DECORATION: underline;
	font-style: normal;
	font-weight:normal;
}
.TablaWebPublica
{
            font: 11px Verdana;
            color:#330066; 
            text-decoration:none;
            border-bottom: 1px solid #330066;
            padding: 2 2 2 8;
            background-color: #ccccdd;
            width: 174px;
            cursor:hand;
}
.TituloPostings
{
            font: 12px Verdana;
            font-weight: bold;
            color:#330066; 
            text-decoration:none;
 
}