body 
{
    background-color: #FFFFFF;
	/*- background-image: url(../../images/pupitre/madera.jpg); */
    color: #3d3222;
    margin: 10px;
    font: 12px/1.6em "Lucida Grande", Verdana, Arial, sans-serif;
}
a
{
    text-decoration: none;
    color: #2329A9;
}
a:hover
{
    color: #131659;
	text-decoration: underline;
}
div.titulo a
{  
	z-index: 4;
}
.titulo 
{  
    font-size: 20px;
	color: #011F65;
	
}
.nombre_plataforma
{
	position: absolute;
    font-size: 22px;
	margin-right: 5px;
	z-index: 3;
}
.imagen_nombre_plataforma
{
    font-size: 22px;
	margin-right: 5px;
	position: absolute;
	top: 5px;
	left: 150px;
	z-index: 3;
}
#ctl00_RepeaterEscuela_ctl00_nombre_plataforma
{
	position: absolute;
	top: 0px;
	left: 140px;
	width: 300px;
	z-index: 3;
}
#cabecera_izquierda
{
	z-index: 3;
}
.cabecera
{
    left: 0px;
    top: 5px;
    width: 100%;
    height: 70px;
	z-index: 4;
}
.principal
{
    width: 90%;
    padding: 25px;
    margin-left: 31px;
	/*- background-image: url(../../images/pupitre/hojacuaderno.gif); */
	background-repeat: repeat;
    z-index: 0;
}

#inicio_menu
{
	/*- background-image: url(../../images/pupitre/pizarrainicio.gif); */
	width: 121px;
	height: 12px;
	font-size: 2px;
}
#fin_menu
{
	/*- background-image: url(../../images/pupitre/pizarrafin.gif); */
	width: 121px;
	height: 44px;
	float: left;
}
.izquierda
{
    left: 10px;
    top: 155px;
    width: 180px; 
    position: absolute;
    height: 10px;
    z-index: 1;
}
a.migas
{
    text-decoration: none;
    color: #330000;  
}
a.migas:hover
{
    font-weight: bold;
}
.migasfinal
{
    text-decoration: none;
    color: #550000;    
}
.migasfinal:hover
{
    font-weight: normal;
}
div.migas
{
    position: absolute;
    left: 145px;
    top: 90px;
	z-index: 3;
}
.row
{
    background-color: #DADEF3;
}
.alternatingrow
{
    background-color: #E7E9F8;
}
.header
{
    background-color: #859DE7; 
    color: #011F65;
    font-size: 14px; 
    text-align: center;
}
.pager
{
    background-color: #555555;
}
p.legal 
{
    font-family: Verdana;
    font-size: 10px;
    text-align: justify;
}
.seccion
{
    font-size: 16px;
	background-color: #325BD6;
	width: 100%;
	font-weight: bold;
    padding: 3px;
    color: #FFFFFF;
    margin-top: 10px;
}
.subtitulo
{
    font-size: 14px;
    color: #660000;
    margin-top: 10px;
}
.titulo_leccion
{
    font-size: 14px;
    margin-top: 15px;
	font: Arial, Helvetica, sans-serif;
    font-weight: bold;
	color:#0033FF;
	border-bottom: 5px solid #325BD6;
	border-bottom-style: 
	 
}
div.linea_form 
{
    display: block;
    padding-top: 10px;
    float: left;  
}
div.elemento_form 
{
    float: left;
    padding-left: 20px;    
}
a.boton:link, a.boton:visited
{
    display: block;
    font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
    background-image: url(../../images/manantial/boton.gif);
    text-align: center;
    width: 103px;
    height: 22px;
}
a.boton:hover, a.boton:active
{
    display: block;
    font-size: 11px;
	color:#000099;
    background-image: url(../../images/manantial/boton_sel.gif);
    text-align: center;
    width: 103px;
    height: 22px;
}
a.botoncito:link, a.botoncito:visited
{
    display: block;
    font-size: 10px;
    background-image: url(../../images/manantial/botoncito.gif);
    text-align: center;
    width: 75px;
    height: 19px;
}
a.botoncito:hover, a.botoncito:active
{
    display: block;
    font-size: 10px;
    background-image: url(../../images/manantial/botoncito_sel.gif);
    text-align: center;
    width: 75px;
    height: 19px;
}
div.formulario
{
    width: 750px;
}
#mini_chat
{
    display: block;
    width: 280px;
    text-align: left;
    border: dotted 1px #325BD6;
    right: 0px;
    float: right;
    color: #C2CFF3;
	background-color: #325BD6;
    padding: 2px;
}
#maxi_chat
{
    display: block;
    width: 90%;
    text-align: left;
    border: dotted 1px #325BD6;
    color: #325BD6;
    padding: 12px;
	background-color: #325BD6;
}
#micro_chat
{
    width: 280px;
    right: 0px;
    float: right;
    text-align: left;
	background-color: #C2CFF3;
	z-index: 2;
}

#pizarra
{
    height: 250px;
    width: 280px;
    overflow-y: scroll;
		background-color: #C2CFF3;
}

#titulo_campus
{
    background-image: url(../../images/campus.gif);
    background-position: bottom left;
    background-repeat: no-repeat;
    z-index: 2;
}
#sesion
{
    text-align: right;
    position: absolute;
    right: 0px;
	z-index: 1;
    width: 280px;
}

.chat_list
{
    font-size: 10px;
}
.envio_mensaje 
{
    text-align: center;
}
div.escribir 
{
    padding: 8px;
    border-width: 1px;
    border-style: dotted;
}
div.titulo_escribir 
{
    padding: 3px;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    background-color: #325BD6; 
    color: #FFFFCC;
}
.cabecera_hilo 
{
    font-size: 15px;
    font-weight: bold;
    padding: 4px;
    border-width: 2px;
    border-color: #325BD6;
    border-style: solid;
    top: 10px;
}
.nombre_hilo 
{
    font-weight: normal;
}
td.cabecera_articulo 
{
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    background-color: #555555;
}
td.datos_articulo
{
    width: 209px;
    background-color: #885555;
    vertical-align: top;
}
td.texto_articulo 
{
    width: 100%;
    /*- background-image: url('../../images/fondo_articulo.gif'); */
    text-align: justify;
    vertical-align: top;
    padding: 3px;
}
div.datos_articulo_sup
{
    /*- background-image: url('../../images/datos_articulo_sup.gif'); */
    width: 209px;
    height: 10px;
}
div.datos_articulo_cen
{
    /*- background-image: url('../../images/datos_articulo_cen.gif'); */
    width: 199px;
    padding-left: 10px;
    padding-bottom: 15px;
}
div.datos_articulo_inf
{
    /*- background-image: url('../../images/datos_articulo_inf.gif'); */
    width: 209px;
    height: 16px;
}
.dato_articulo 
{
    width: 100%;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
}
div.otros_foros
{
    font-size: 10px;
}
span.nombre_foro 
{
    font-size: 18px;
    font-weight: bold;
}
.asignatura
{
    font-size: 14px;
}
.imagen_asignatura 
{
    margin: 10px;
}
#desplegar
{
	background-image: url(../../images/manantial/maximizar.gif);
	background-repeat: no-repeat;
}
#ocultar
{
	background-image: url(../../images/manantial/minimizar.gif);
	background-repeat: no-repeat;
}
div.selec_escuela
{
	font-size: 14px;
	border: solid 1px #555555;
	padding: 5px;
}
.separador_vertical
{
	background-image: url(../../images/manantial/lateralrayas.gif);
	background-repeat: repeat-y;
	z-index: 0;
	position: absolute;
	width: 90%;
	left: 120px;
	top: 120px;
}

#lista_emoticonos
{
    float: left;
    font-size: 1px;
	z-index: 200;
	width: 100%;
	height: 100%;
	display: none;
}

/* This style sheet is intended to contain OFTEN CHANGED rules used when the Menu control adapter is enabled. */

/* When the Menu control's Orientation property is Vertical the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Vertical. */
/* Note that the example menu in this web site uses relative positioning to force the menu to occupy */
/* a specific place in the web page.  Your web site will likely use a different technique to position your */
/* menu.  So feel free to change all the properties found in this CSS rule if you clone this style sheet. */
/* There is nothing, per se, that is magical about these particular property value choices.  They happen to */
/* work well for the sample page used to demonstrate an adapted menu. */
.CampusMenu .AspNet-Menu-Vertical
{
    position:relative;
    left: 0;
    z-index: 0;
}

/* The menu adapter renders an unordered list (ul) in HTML for each tier in the menu. */
/* So, effectively says: style all tiers in the menu this way... */
.CampusMenu ul
{
    background: Transparent;
}

/* Top tier */
.CampusMenu .AspNet-Menu-Vertical ul.AspNet-Menu
{
    width: 121px;
}

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
.CampusMenu ul.AspNet-Menu ul
{
    left: 10.1em;
    top: -1px;
    z-index: 400;
}

/* The menu adapter generates a list item (li) in HTML for each menu item. */
/* Use this rule create the common appearance of each menu item. */
.CampusMenu ul.AspNet-Menu li
{
    height: 25px;
	/*- background-image: url(../../images/pupitre/pizarra.gif); */
    z-index: 0;
}

.CampusMenu ul.AspNet-Menu li li
{
    height: 20px;
    width: 197px;
	background-image: url(../../images/manantial/submenu.gif);
	background-color:#C0C7EC;
    padding-left: 0px;
    padding-top: 0px;
    z-index: 500;
}
.CampusMenu ul.AspNet-Menu li li a
{
    color: #292FAB;
    padding-top: 0px;
    padding-left: 15px;
    z-index: 500;
}

.CampusMenu ul.AspNet-Menu li:hover li:hover a,
.CampusMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a
{
    color: #C0C7EC; 
	font: Arial, Helvetica, sans-serif;
	background: transparent url(../../images/manantial/check_peq.gif) left center no-repeat;
}

/* Within each menu item is a link or a span, depending on whether or not the MenuItem has defined it's */
/* NavigateUrl property. By setting a transparent background image here you can effectively layer two images */
/* in each menu item.  One comes from the CSS rule (above) governing the li tag that each menu item has. */
/* The second image comes from this rule (below). */
.CampusMenu ul.AspNet-Menu li a,
.CampusMenu ul.AspNet-Menu li span
{
    color: #292FAB;
	font-weight: bold;
	font: Arial, Helvetica, sans-serif;
    padding: 4px 2px 4px 28px;
    z-index: 0;
}

/* When a menu item contains no submenu items it is marked as a "leaf" and can be styled specially by this rule. */
.CampusMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a,
.CampusMenu ul.AspNet-Menu li.AspNet-Menu-Leaf span
{
    color: #292FAB;
	font: Arial, Helvetica, sans-serif;
}

/* Not used presently.  This is here if you modify the menu adapter so it renders img tags, too. */
.CampusMenu ul.AspNet-Menu li a img
{
    border-style: none;
    vertical-align: middle;
}

/* When you hover over a menu item, this rule comes into play. */
/* Browsers that do not support the CSS hover pseudo-class, use JavaScript to dynamically change the */
/* menu item's li tag so it has the AspNet-Menu-Hover class when the cursor is over that li tag. */
/* See MenuAdapter.js (in the JavaScript folder). */
.CampusMenu ul.AspNet-Menu li:hover, 
.CampusMenu ul.AspNet-Menu li.AspNet-Menu-Hover
{
    height: 25px;
	
}
.CampusMenu ul.AspNet-Menu li:hover li:hover, 
.CampusMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover
{
    height: 20px;
	
}

/* While you hover over a list item (li) you are also hovering over a link or span because */
/* the link or span covers the interior of the li.  So you can set some hover-related styles */
/* in the rule (above) for the li but set other hover-related styles in this (below) rule. */
.CampusMenu ul.AspNet-Menu li a:hover,
.CampusMenu ul.AspNet-Menu li span.Asp-Menu-Hover
{
    color: #292FAB;
	text-decoration: underline;
	font: Arial, Helvetica, sans-serif;
	background: transparent url(../../images/manantial/check.gif) left center no-repeat;
}