/* CSS Document */
/*Definición de los bodys de las páginas.*/
body.home {
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(backgrounds/prueba.png);
	background-position:left top;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-color:#003399;
	margin: 0;
	padding: 0;
}

body.profesores{
	background-image:url(../backgrounds/bkprofesores.png);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:center;
}

img{
	border-style:hidden;
}

#titulo{
	margin-top:10px;
	width:100%;
	text-align:center;
	position:fixed;
	top: -12px;
}

#localizacion{
	position:fixed;
	margin-left:30px;
	margin-top:500px;
	float:left;
	font-size:12px;
	font-weight:600;
	/*color:#0033CC;*/
	color:#FF0000;
}

#direccion{
	position:absolute;
	margin-top:30px;
	margin-left:500px;
	float:right;
}

#mapa{
	position:absolute;
	margin-top:260px;
}

#calle{
	position:absolute;
}

#resplandor{
	/*background-image:url(backgrounds/resplandor.png);*/
	overflow-y:auto;
	overflow-x:hidden;
	height:70%;
	width:75%;
	/*position:fixed;*/
	position:fixed;
	margin-top:100px;
	margin-left:200px;
	margin-right:20px;
	margin-bottom:20px;
	float:left;
	padding-left:40px;
	padding-right:40px;
	padding-top:30px;
	padding-bottom:30px;
}

#información{
	/*overflow:scroll;*/
	/*height:400px;*/
	position:static;
	font-size:14px;
	margin-bottom:20px;
	color:#000000;
	text-align:justify;
	z-index:1;
}

#imagen{
	position:fixed;
	margin-left:30px;
	margin-top:350px;
	float:left;
}

img.adorno_izquierda{
	float:right;
	position:fixed;
	text-align:right;
	margin-left:-40px;
	margin-bottom:10px;
	width:500px;
}

img.imgcentro{
	text-align:center;
	position:absolute;
	max-height:90%;
	width:100%;
	overflow:hidden;
}

#valores{
	margin-right:30px;
	margin-top:150px;
	float:right;
}

a.otros:link{
	text-decoration:none;
	font-weight:600;
	color:#0033CC;
}

a.otros:hover{
	text-decoration:underline;
	font-weight:600;
	color:#3399CC;
}

a.otros:active{
	text-decoration:none;
	font-weight:600;
	color:#0033CC;
}

a.otros:visited{
	text-decoration:none;
	font-weight:600;
	color:#0033CC;
}

a.norm:link{
	text-decoration:none;
	font-weight:600;
	color:000000;
}

a.norm:hover{
	text-decoration:underline;
	font-weight:600;
	color:#000000;
}

a.norm:active{
	text-decoration:none;
	font-weight:600;
	color:#000000;
}

a.norm:visited{
	text-decoration:none;
	font-weight:600;
	color:#000000;
}

a.circular:link{
	text-decoration:none;
	font-weight:600;
	color:#000099;
}

a.circular:hover{
	text-decoration:underline;
	font-weight:600;
	color:#000099;
}

a.circular:active{
	text-decoration:none;
	font-weight:600;
	color:#000099;
}

a.circular:visited{
	text-decoration:none;
	font-weight:600;
	color:#000099;
}

hr.separacion{
	margin-top:-10px;
	margin-bottom:1px;
}

hr.adorno{
	text-align:right;
	margin-top:1px;
	margin-bottom:1px;
}

div.texto{
	margin-top:20px;
	text-align:justify;
	width:60%;
}

table.tablezona{
	width:1000px;
	text-align:center;
	border-width:medium;
	border-style:solid;
	vertical-align:top;
}

table.tablezona td{
	width:1000px;
	text-align:center;
	vertical-align:top;
}

td.infozona{
	width:800px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	border-style:solid;
	border-color:#0066FF;
	text-align:center;
}

td.titulo{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000066;
	font-weight:bold;
	font-size:24px;
	text-align:center;
	vertical-align:top;
	border-bottom-style:solid;
	border-bottom-color:#FF3333;
}

td.menuelem{
	padding-left:20px;
	width:180px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-right-style:solid;
	border-right-color:#663399;
	border-bottom-style:solid;
	border-bottom-color:#663399;
	font-weight:600;
	font-size:12px;
}

table.grupos{
	border-style:solid;
	border-width:thin;
	border-color:#000000;
	width:500px;
}

table.grupos th{
	text-align:center;
	font-weight:bold;
}

/*Empieza la definición del menu---------------------------------------------------------------*/
#contenedor{
	position:fixed;
	font-size:14px;
	font-weight:700;
	margin-top:100px;
	margin-left:30px;
	z-index:200;
	border-left-color:#FF0000;
	border-left-style:solid;
}

ul.Menu ul{display:none}
ul.Menu li:hover>ul{display:block}
ul.Menu ul{position: absolute;left:100%;top:-1px;}
ul.Menu ul ul{position: absolute;left:100%;top:-2px;}
ul.Menu,ul.Menu ul {
	margin:0px;
	list-style:none;
	padding:0px 1px 1px 0px;
	/*background-color:#308321; Color de fondo del menu.*/
	/*background-image:url(backgrounds/resplandormenu.png);*/
	background-color:#59A4FF;
	/*background-repeat:repeat;
	border-color:#FFFFFF;
	border-width:0px;
	border-style:solid;*/
}
ul.Menu table {border-collapse:collapse}ul.Menu {
	display:block;
	zoom:1;
	/*_width:68.25px;*/
	width:142px;
	float: left;
}
ul.Menu ul{
	width:160px;
}
ul.Menu li{
	display:block;
	margin:1px 0px 0px 1px;
	font-size:0px;
	border-color:#FFFFFF;
	border-style:solid;
	border-width:0px;
}
ul.Menu a:active, ul.Menu a:focus {
outline-style:none;
}
ul.Menu a, ul.Menu li.dis a:hover, ul.Menu li.sep a:hover {
	display:block;
	vertical-align:middle;
	zoom:1;
	/*background-color:#91FF09;*/
	border-width:0px;
	border-color:#E4E1DE;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	padding:4px;
	_padding-left:0;
	font:normal 11px Tahoma;
	color:#FFFFFF; /*Color de la fuente del menu*/
	/*color: #305429;*/
	text-decoration:none;
	cursor:default;
}
ul.Menu span{
	overflow:hidden;
}
ul.Menu ul li {
	float:none;
}
ul.Menu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.Menu li.sep{
	text-align:left;
	padding:0px;
	line-height:0;
}
ul.Menu li.sep span{
	float:none;	padding-right:0;
	width:100%;
	height:3;
	display:inline-block;
	background-color:;	background-image:none;}
ul.Menu li:hover{
	position:relative;
}
ul.Menu li:hover>a{
	/*background-color:#47723F; Color de fondo del menu activo*/
	/*background-color:#315CF2;*/
	background-color:#FF0000;
	border-color:#FFFFFF;
	border-style:solid;
	font:normal 11px Tahoma;
	color: #FFFFFF;
	text-decoration:none;
}
ul.Menu li a:hover{
	position:relative;
	/*background-color:#47723F; Color de fondo cuando el raton esta encima*/
	/*background-color:#6DA0F5;*/
	background-color:#3399FF;
	border-color:#FFFFFF;
	border-style:solid;
	font:normal 11px Tahoma;
	color: #FFFFFF;
	text-decoration:none;
}
ul.Menu li.dis a {
	color: #AAAAAA !important;
}
ul.Menu img {border: none;float:left;_float:none;margin-right:4px;width:24px;
height:24px;
}
ul.Menu ul img {width:16px;
height:16px;
}
ul.Menu img.over{display:none}
ul.Menu li.dis a:hover img.over{display:none !important}
ul.Menu li.dis a:hover img.def {display:inline !important}
ul.Menu li:hover > a img.def  {display:none}
ul.Menu li:hover > a img.over {display:inline}
ul.Menu a:hover img.over,ul.Menu a:hover ul img.def,ul.Menu a:hover a:hover ul img.def,ul.Menu a:hover a:hover img.over,ul.Menu a:hover a:hover a:hover img.over{display:inline}
ul.Menu a:hover img.def,ul.Menu a:hover ul img.over,ul.Menu a:hover a:hover ul img.over,ul.Menu a:hover a:hover img.def,ul.Menu a:hover a:hover a:hover img.def{display:none}
ul.Menu a:hover ul,ul.Menu a:hover a:hover ul{display:block}
ul.Menu a:hover ul ul{display:none}
ul.Menu span{
	display:block;
	background-image:url(./images/arrow_sub5.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:12px;}
ul.Menu li:hover>a>span{	background-image:url(./images/arrow_main4.gif);
}
ul.Menu a:hover span{	_background-image:url(./images/arrow_main4.gif)}
ul.Menu ul span,ul.Menu a:hover table span{background-image:url(./images/arrow_sub5.gif)}
ul.Menu ul li:hover > a span{	background-image:url(./images/arrow_main4.gif);}
ul.Menu table a:hover span,ul.Menu table a:hover a:hover span{background-image:url(./images/arrow_main4.gif)}
ul.Menu table a:hover table span{background-image:url(./images/arrow_sub5.gif)}
/*Acaba la definición del menu-------------------------------------------------------------*/