html {
	font: 12px/1.5em verdana, sans-serif;
}
#menu {
	width: 150px;
	background: transparent;
}
#menuback {
	height: 100%;
	margin-top: 96px;
}
#fondo {
	background: #FFF url(imagenes/fondo.jpg) no-repeat scroll;
}
#contenido {
	margin: 0 0 0 150px;
}
.texto {
	margin: 0;
	border: 1px solid #1E64A1;
	padding: 0 40px 20px 40px;
	text-align:justify;
}
.titulo {
	color: #FFF;
	background: #1E64A1 url(imagenes/titlebar.jpg) no-repeat;
	background-position: top left;
	margin: 0;
	padding-top: 23px;
	padding-bottom: 23px;
	font: 29px verdana, sans-serif;
	letter-spacing: 3px;
	font-weight: bold;
	text-align: center;
}
.titulocont {
	/*position: relative; ie7 */
	width: 100%;
	height: 50px;
}
.titulotexto {
	/*position: absolute; ie7 */
	width: 100%;
	height: 50px;
	top: 7px;
	left: -4px;
	color: #FFF;
	text-align: center;
}
.titulosombra {
	/*position: absolute; ie7 */
	width: 100%;
	height: 70px;
	top: 11px;
	left: 0px;
	color: #000;
	text-align: center;
	display: none; /*  ie7 *** */
}
.pieback {
	background: transparent url(imagenes/pie_bl.gif) no-repeat;
	background-position: bottom left;
	overflow:hidden;
}
.pie {
	color: #FFF;
	background: #1E64A1;
	margin: 0;
	margin-left: 25px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font: 10px/1.5em verdana, sans-serif;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
.pie a {color: #FFF; text-decoration: none; background:transparent;}
.pie a:hover {color:#FF0; text-decoration: none; background:transparent;}
h1, h2 {font-size: small;
	line-height:1.5em;
	text-align:center;
}
h3, h4 {font-size: x-small; line-height:1.5em;}
/* regla para ocultar a IE bastardo */
h3, h4 , [dummy] {font-size: 14px;}
ul {line-height:1.5em;}
/* regla solo para IE bastardo */
* html ul, * html td {font-size: x-small;}  
.aula {
	font-style: italic;
	}
a, .digital {
	color: #347EBC;
	background: transparent;
}	
a:link, a:visited{
	text-decoration: none;}
a:hover{
	text-decoration: underline;}
a:active {
	text-decoration: none;
}

/* ============  MENU ============== */


div#menu ol {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px;
	font: 1em verdana, sans-serif;
	font-weight: bold;
	border-bottom: 1px solid #1E64A1;
	}

div#menu ol li {
	position: relative;
	}
	
div#menu li ol {
	position: absolute;
	left: 150px; /* overlap 149 */
	top: 0;
	display: none;
	border-left: 1px solid #1E64A1;
	border-right: 1px solid #1E64A1;
	}

/* Estilo menú */
div#menu ol li a {
	display: block;
	text-decoration: none;
	color: #1E64A1;
	background: #fff; /* IE */
	padding: 7px;
	border-top: 1px solid #1E64A1;
	border-right: 0;
	border-bottom: 0;
	height:1%
	}

/* div#menu ol li a { background: transparent; } para fondo menú transparente: deja de funcionar hover para li en ie5, ie6, ie7 *** */
/* div#menu ol li ol li a { background: #fff; }  fondo submenu definir blanco si ol li a transparente */

/* *** fuente y alto de menú y submenú */
div#menu ol li a, div#menu ol li ol li a {
	font: 1em verdana, sans-serif;
	font-weight: bold;
	padding: 7px;
	}


/* Estilo Hover */
div#menu ol li a:hover { 
	color: #FFF;
	background: #1E64A1;
	text-decoration: none;
}
/* Estilo Sub Menu */	
div#menu li ol li a { 
	padding: 2px 5px;
} 
/* el truco */
div#menu li:hover ol,  div#menu ol { display: block; } 
div#menu ol li a span {
	display: none;}
div#menu ol li a span {
	display: none;}
div#menu ol li a:hover span {
	display: block;
	padding: 9px; 
	z-index: 6;
	color: #104A8C;
	background: transparent;
	font: 10px verdana, sans-serif; text-align: center;
	position: absolute; width: 114px; top: 201px; left: 10px;}
div#menu ol li a:hover span.dos {top: 170px; left: 10px;}
div#menu ol li a:hover span.dosa {top: 165px; left: -140px;}
div#menu ol li a:hover span.dosb {top: 134px; left: -140px;}
div#menu ol li a:hover span.dosc {top: 103px; left: -140px;}
div#menu ol li a:hover span.dosd {top: 72px; left: -140px;}
div#menu ol li a:hover span.dose {top: 41px; left: -140px;}
div#menu ol li a:hover span.dosf {top: 10px; left: -140px;}
div#menu ol li a:hover span.dosg {top: -21px; left: -140px;}
div#menu ol li a:hover span.dosh {top: -52px; left: -140px;}
div#menu ol li a:hover span.dosi {top: -83px; left: -140px;}
div#menu ol li a:hover span.tres {top: 139px; left: 10px;}
div#menu ol li a:hover span.cuatro {top: 109px; left: 10px;}
div#menu ol li a:hover span.cinco {top: 75px; left: 10px;}
div#menu ol li a:hover span.seis {top: 48px; left: 10px;
}
div#menu a {
	color: #FFF;
	text-decoration: none;
}
div#menu a, div#submenu a {
	color:#FFF;text-decoration: none;}
div#menu a:hover, div#submenu a:hover {
	color:#FF0;text-decoration: none;background:transparent;}
	
#menutopA {
	z-index: 2;
	position: absolute;
	top: 28px;
	left: 8px;
	width: 44px;
	height: 38px;
	overflow: hidden;
	font-weight: bold;
	}		
#menutopB {
	z-index: 3;
	position: absolute;
	top: 43px;
	left: 49px;
	width: 90px;
	height: 17px;
	overflow: hidden;
	font-weight: bold;
	}
#menudate {
	z-index: 2;
	position: relative;
	width: 145px;
	overflow: hidden;
	top: 120px;
	left: 6px;
	font-size: 10px;
	font-family: tahoma, sans-serif;
	line-height:1.5em;
	color: #1E64A1;
}
#w3c {
	z-index: 2;
	position: relative;
	top: 123px;
	left: 6px;
}