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;
	width: 100%;
	height: 50px;
}
.titulotexto {
	position: absolute;
	width: 100%;
	height: 50px;
	top: 7px;
	left: -4px;
	color: #FFF;
	text-align: center;
}
.titulosombra {
	position: absolute;
	width: 100%;
	height: 70px;
	top: 11px;
	left: 0px;
	color: #000;
	text-align: center;
}
.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 ============== */


ol {
	z-index: 5;
	position: absolute;
	margin: 0;
	padding: 0;
	list-style: none;
	font: 1em verdana, sans-serif;
	font-weight: bold;
	width: 150px;
	border-bottom: 1px solid #1E64A1;
}
ol li {
	position: relative;
	/*border-right: 1px solid #1E64A1;*/
}
li ol {
	position: absolute;
	margin: 0;
	padding: 0;
	left: 150px;
	top: 0;
	background: #FFF;
	border-left: 1px solid #1E64A1;
	border-right: 1px solid #1E64A1;
	display: none;
}
/*#nav {
	border-top: 36px solid #1E64A1;
	border-bottom: 36px solid #1E64A1;
	}*/
	
/* Fix IE. Hide from IE Mac \*/
* html ol li { float: left; height: 1%; }
* html ol li a { height: 1%; }
/* End */
div#menu ol li a {
	display: block;
	text-decoration: none;
	color: #1E64A1;
	/*background: transparent; *** */
	background: #FFF;
	padding: 7px;
	border-top: 1px solid #1E64A1;
	border-right: 0;
	border-bottom: 0;
	}
div#menu ol li a:hover {
	color: #FFF;
	background: #1E64A1;
	text-decoration: none;
	}
div#menu li:hover ol, li.over ol { display: block; }
div#menu li:hover ol { display: block; }
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: 213px; left: 10px;}
div#menu ol li a:hover span.dos {top: 170px; left: 10px;}
div#menu ol li a:hover span.dosa {top: 170px; left: -140px;}
div#menu ol li a:hover span.dosb {top: 137px; left: -140px;}
div#menu ol li a:hover span.dosc {top: 104px; left: -140px;}
div#menu ol li a:hover span.dosd {top: 71px; left: -140px;}
div#menu ol li a:hover span.dose {top: 38px; left: -140px;}
div#menu ol li a:hover span.dosf {top: 5px; left: -140px;}
div#menu ol li a:hover span.dosg {top: -28px; left: -140px;}
div#menu ol li a:hover span.dosh {top: -61px; left: -140px;}
div#menu ol li a:hover span.dosi {top: -94px; left: -140px;}
div#menu ol li a:hover span.tres {top: 137px; left: 10px;}
div#menu ol li a:hover span.cuatro {top: 104px; left: 10px;}
div#menu ol li a:hover span.cinco {top: 71px; left: 10px;}
div#menu ol li a:hover span.seis {top: 38px; 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: 300px;
	left: 6px;
	font-size: 10px;
	font-family: tahoma, sans-serif;
	line-height:1.5em;
	color: #1E64A1;
}
#w3c {
	z-index: 2;
	position: relative;
	top: 303px;
	left: 6px;
}