/* Primer nivel de menu */
.MenuGroupExtranet
{
  background-color:white;
}

.MenuItemExtranet
{ font-family: Tahoma; font-size:12px; border-left: 10pt solid black; border-top: 1px solid black; border-bottom: 1px solid black; background-color: green; width: 174px; color: white; text-decoration: none

	
; text-align: center; }
.MenuItemExtranetInt
{ font-family: Tahoma; font-size:12px; border-left: 10pt solid green; border-top: 1px solid black; border-bottom: 1px solid black; background-color: green; width: 172px; color: white; font-weight: bold; text-decoration: none
	text-align:left; text-align: center; }
.MenuItemHoverExtranet { color: white; font-size: 12px; font-family: Tahoma; text-decoration: none; background-color: green; text-align: center; width: 174px; border-top: 1px solid black; border-bottom: 1px solid black; border-left: 10pt solid black; }
.HomeMenuItemExtranet
{ font-family: Tahoma; font-size:12px; background: green; width: 100%; padding: 2 2 2 2; height: auto; color: #ffffff; text-align:center; text-decoration: none

	
; border: solid 1pt black; }
.HomeMenuItemHoverExtranet { color: #ffffff; font-size: 12px; font-family: Tahoma; text-decoration: none; background: green; text-align: center; padding: 2 2 2 2; width: 100%; height: auto; border: solid 1pt black; }
/* Segundo nivel de menu*/

.MenuItemExtranetN2 
{ font-family: Tahoma; font-size:12px; background-color: white; color: black; text-align: center; width: 174px; border-color: green; border-style: solid; border-width: 1pt 1pt 1pt 10pt; }
.MenuItemHoverExtranetN2 { color: black; font-size: 12px; font-family: Tahoma; font-weight: bold; background-color: white; text-align: center; width: 174px; border-style: solid; border-width: 1pt 1pt 1pt 10pt; border-color: green; }
/* Tercer nivel de menu*/

.MenuItemExtranetN3
{
	font-size: 10px;
	cursor: default;
	color: black;
	font-family: "MS Sans Serif", Verdana;
}
.MenuItemHoverExtranetN3 
{
  color:black; 
  background-color:silver; 
  color:black; 
  font-family:MS Sans Serif, Verdana; 
  font-size:10px; 
  cursor:default;
}
.MenuPortada
{
	text-align: center;
	font-size: 10;
	color: #FFFFFF;
	text-decoration:none;
	position: relative;
	height: 20px;
	background-position: center center;
	cursor: hand;
/*
	background-color: #6BADB4;
	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: left;
	}


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;
	}
	
	/*solid 1px Gray*/
	.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;
	}	
#derecha
	{
	background-color		: #ffffff;
	float					: right;
	width					: 186px;
	border: 1px solid #D5D5D5;
	}
.dia_rojo
	{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: red;  
	font-size:11px;  
	font-weight: bold;
	
	}
.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;
	}	

.cabecera_mod_der
	{
	font: bold 14px Arial, Helvetica, sans-serif; color: #3286FD;
	background-color: #ffffff;
	}
.imgcentrada
	{
	vertical-align: middle;
	}
.p_center
	{
	text-align: center;
	background-color:#99ccff;
	color:white;
	width:159px;
	margin: 0px 5px 0px 13px;
	}
.txt 
	{
	font-size: 11px;
	color: #ffffff;
	}
a.txt:link
	{
	font-size: 11px;
	color: #ffffff;
	}
a.txt:active
	{
	font-size: 11px;
	color: #ffffff;
	}
a.txt:visited
	{
	font-size: 11px;
	color: #ffffff;
	}

a.txt:hover
	{
	font-size: 11px;
	color: #ffffff;
	}
#calendario_pos
	{
	margin-top: 0px;
	}
.derecha_mod_TABLE2
	{
	margin: 0px 5px 0px 13px;
	}
.calendario_dia
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:#000000;  
	font-size:11px;  
	font-weight: bold;
	background-color: WHITE;
	padding : 2;
	text-align:right;
	border: 1px solid  #ECEDF0;

	}

.calendario_td
{
	color : White;
	font : Verdana;
	background-color : #6699FF;
	width : 100%;
	border: 1px solid White; 

}
.gridcalendar
	{
	padding-left:10px;
	background-color:#ffffff;
	}	
.calendario_fiesta
	{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: white;  
	font-size:11px;  
	font-weight: bold;
	background-color: #D37B5E;
	padding : 2;
	text-align:right; 
	border: 1px solid #ECEDF0;
	}

.calendario_marca
	{
    background              : #B4B4B4;
    cursor                  : hand;
    border                  : 1px #cdcdcd solid;
    text-align              : center;
    font-weight             : bold;
    height                  : 17px;
    font-size: 10px;
	}
.txtmedium	
	{
	font-size: 11px;
	}	
#dia
	{
	color: #000000;
	font-weight: bold;
	padding: 4px;
	margin-left: 10px;
	margin-bottom:4px;
	
	}
.titols_agenda	
	{
	font-size: 11px;
	color:#666666;
	padding-left: 10px;
	}		
	
	
/**  VTP **/
.combo
	{
	border-top: 1px solid #555555;
	border-right: 1px solid #D9D6D2;
	border-bottom: 1px solid #D9D6D2;
	border-left: 1px solid #555555;
	font:10px Verdana;
	color:#000000;
	vertical-align: middle;	
	padding:2px;
	margin:2px 0px 0px 0px;
	}
/**  Lista Noticias **/

.fecha_noticia {
			 font:  12px Arial, Helvetica, sans-serif; 
			 color: #000000;	
			 }

.titular_noticia {
			font:  12px Arial, Helvetica, sans-serif; 
			color: #000000;		
			}

a:link.titular_noticia {
			font:  12px Arial, Helvetica, sans-serif; 
			color: #000000;		
			}
a:active.titular_noticia {
			font:  12px Arial, Helvetica, sans-serif; 
			color: #000000;		
			}
a:visited.titular_noticia {
			font:  12px Arial, Helvetica, sans-serif; 
			color: #000000;
		}
a:hover.titular_noticia {
			font:  12px Arial, Helvetica, sans-serif; 
			color: #000000;
			text-decoration:underline;
		}

.subtitular_noticia {
			 font:  11px Arial, Helvetica, sans-serif; 
			 color: #000000;
				}
	
/** Noticia PopUp**/
.fecha_noticia_popup
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #666666;  
	background-color: #E6E6E6;  
	font-size:x-small; 
	}
.texto_noticia_popup
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #666666;  
	font-size:xx-small;
	}
.titular_noticia_popup
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #666666;  
	font-size:x-small;
	}
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; }
	
/** Caja Login**/
.texto_login
{
	font:10px Verdana;
	color:#000000;
	}
.cajas_login
{
	width:60px;
	height:18px;
	font:10px Verdana;
	color:#000000;}
	
.boton_entrar
{
	cursor:hand;
	border:1px solid #666666;
	font:11px Verdana;
	color:#000000;
	background-color:#CCCCCC;
	}
	
/** 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;
	}

/**Estilos propios Olot**/
* {
	
    font-Family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11;
  }


BODY
  {
	background-color: White;
	margin-left:0;
	margin-top:0;
	font-weight: normal;
	color: #666666;
	text-align: justify;
}

a:link {color: #00008B; text-decoration: none};
a:active {color: #00008B; text-decoration: none};
a:visited {color: #00008B; text-decoration: none};
a:hover {color: blue; text-decoration: none};

.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;

}