@charset "utf-8";
/* CSS Document */
@import url(normal.css); /*estilos para normalizar diferencias entre navegadores*/
body{
	
	background:url('fondo.jpg') repeat-x left top;
	font-size: 62.5%;
	font-family: Tahoma, Verdana, Arial;
	text-align:center}
.Container{
	max-width:990px;
	min-width: 760px;
	margin:auto;
	background:#ffffff;
	border-left: solid 5px #fff;
	border-right: solid 5px #fff;
	font-size:1.1em;  /*tamanyo general de textos 11px*/
	color:#333333;
	width: expression((documentElement.csslientWidth <1200) ? "760px" : "1000px" );
	text-align:left


}


.fnCabecera{
	background:url('fn-Cabecera.jpg') repeat-x left bottom;
	height:80px;
	}
#MenuSuperior{
	color:#005A10;
	font-size:70%;
	}
#MenuSuperior a{
color:#005A10;
}
.input{
	border:solid 1px #ccc;
	font:normal 11px Tahoma, Verdana, Arial;
	color:#666666;
	padding:2px 0 2px 0;

	}
#MenuSuperior img{
	vertical-align:middle;
	}

.MenuCabecera1{
	background: url('fn-MenuSup1.jpg') repeat-x left top;
	padding:4px 0;
	text-align:center;
	}
.MenuCabecera2{
	background: url('fn-MenuSup2.jpg') repeat-x left top;
	padding:4px 0;
	text-align:center;
	}
.MenuCabecera3{
	background: url('fn-MenuSup3.jpg') repeat-x left top;
	padding:4px 0;
	text-align:center;
	vertical-align:middle
	}
.BordeBlanco{
border-right: solid 1px #fff;
}

#MenuCabecera a{
	color:#fff;
	font-weight:bold; 
	font-size:70%;
	vertical-align:middle
	}

#MenuCabecera img{
	vertical-align: middle;
	}
#Contenido{
	background:url('fn_Centro.jpg') repeat-x left top;
	border-top: solid 4px #fff;

	
}

/*---MENU LATERAL---*/
#MenuLat{
	width:195px;
	background:#fff;
	}
#MenuCiudadano, #MenuProfesional, #MenuMedios, #MenuEstudiantes{
	color:#fff;
	font-weight:bold;
	padding:5px 0 5px 8px;
	}	
#MenuCiudadano{
background:url('Menu-Ciudadano.jpg') repeat-y left top;
font-size:70%;
}
#FondoCiudadano{
background:url('fn-ciudadano.jpg') no-repeat left top}
.SubMenuCiudadano, .SubMenuProfesional, .SubMenuMedios, .SubMenuEstudiantes{
padding:5px 0 5px 15px;
}
.SubMenuCiudadano{
background:url('flecha-azul.gif') no-repeat 5px 9px;
font-size:70%;
}
.SubMenuCiudadano a, .SubMenuProfesional a, .SubMenuMedios a, .SubMenuEstudiantes a{
color:#666;
}
.SubMenuCiudadano a:hover{
color:#1D91AD
}
#MenuProfesional{
background:url('Menu-Profesional.jpg') repeat-y left top;
font-size:70%;
}	
#FondoProfesional{
background:url('fn-profesional.jpg') no-repeat left top
}
.SubMenuProfesional{
background:url('flecha-morada.gif') no-repeat 5px 9px;
font-size:70%;
}
.SubMenuProfesional a:hover{
color:#9320CA;
}
#MenuEstudiantes{
background:url('Menu-Estudiantes.jpg') repeat-y left top;
font-size:70%;}	
#FondoEstudiantes{
background:url('fn-estudiantes.jpg') no-repeat left top}
.SubMenuEstudiantes{
background:url('flecha-verde.gif') no-repeat 5px 9px;
font-size:70%;}
.SubMenuEstudiantes a:hover{
color:#93C90B}
#MenuMedios{
background:url('Menu-Medios.jpg') repeat-y left top;
font-size:70%;}
#FondoMedios{
background:url('fn-medios.jpg') no-repeat left top}
.SubMenuMedios{
background:url('flecha-naranja.gif') no-repeat 5px 9px;
font-size:70%;}
.SubMenuMedios a:hover{
color:#EB9700}
.Menu3Ciudadano{
border-bottom: solid 1px #33BBDD; padding:5px 0 5px 10px; 
}
.MenuCiudadanoSeleccionado{ 
	background:url('Nivel3-ciudadano.gif') no-repeat left bottom; 
	padding:5px 0 10px 0px;
	font-size:70%;
}
.MenuCiudadanoSeleccionado a{
	background:url('flecha-azul.gif') no-repeat 5px 5px; 
	color:#666; 
	padding-left:15px;
	
	}
.Menu3Ciudadano a{
color:#33BBDD; 
font-size:70%;
}
.Menu3Ciudadano a:hover{
color:#146478; 
}
.Menu3Profesional{
border-bottom: solid 1px #851DB6; 
padding:5px 0 5px 10px;
font-size:70%;
}

.MenuProfesionalSeleccionado{ 
	background:url('Nivel3-profesional.gif') no-repeat left bottom; 
	padding:5px 0 10px 0px;
	font-size:70%;
}
.MenuProfesionalSeleccionado a{
	background:url('flecha-morada.gif') no-repeat 5px 5px; 
	color:#666; 
	padding-left:15px
	}

.Menu3Profesional a{color:#851DB6; }
.Menu3Profesional a:hover{color:#4A1067; }

/*DESTACADOS*/
#Destacados img{
	border: solid 1px #ccc;
	padding:4px;
	margin:5px 0}
h2{
	color:#333;
	font:normal 1.8em Arial, Helvetica, sans-serif;
	text-align:left;
	padding-top:5px;
	font-size:1.2em;
	}
.FondoPuntitos{
background:url('puntitos.gif') repeat left top;
}
.FondoGris{ 
background:#ffffff url('fn_gris.jpg') repeat-x left bottom; 
padding:10px; 
text-align:left;

}
.ImagenDestacadoCentro{
	padding-right:3px;
	border-right: solid 1px #AEDE0A}
h3{
	color:#80B121;
	font:bold 1.5em Arial, Helvetica, sans-serif;}
.Destacado h3 a{
color:#80B121;
}
.Destacado h3 a:hover{
color:#005A10;
}

.Fecha{
	color:#336600;
	font-size:0.9em}
.Destacado{
	padding:5px 0 5px 10px}
.Destacado a{
	color:#333}
.Destacado a:hover{
	color:#005A10;}
	
/*---DESTACADOS PERFILES--*/

#DestacadoPerfiles	h3{
	color:#333;
	font:bold 1.5em Arial, Helvetica, sans-serif;}
#DestacadoPerfiles	h3 a{color:#333;}
.ImagenDestacadoAzul{
	padding-right:3px;
	border-right: solid 1px #68CCE6}
.ImagenDestacadoMorado{
	padding-right:3px;
	border-right: solid 1px #5E1481}
.ImagenDestacadoVerde{
	padding-right:3px;
	border-right: solid 1px #6A8F07}
.ImagenDestacadoNaranja{
	padding-right:3px;
	border-right: solid 1px #E18700}
.BordeAzul{
	border:solid 1px #E0F5FA;
	padding:10px;
	background:url('fn-azul.jpg') repeat-x left bottom}
.BordeMorado{
	border:solid 1px #F1DDFA;
	padding:10px;
	background:url('fn-morado.jpg') repeat-x left bottom}
.BordeVerde{
	border:solid 1px #DFF1A3;
	padding:10px;
	background:url('fn-verde.jpg') repeat-x left bottom}
.BordeNaranja{
	border:solid 1px #FCDB96;
	padding:10px;
	background:url('fn-naranja.jpg') repeat-x left bottom}

#DestacadoPerfiles h3.Ciudadanos, #DestacadoPerfiles h3.Profesionales, #DestacadoPerfiles h3.Estudiante, #DestacadoPerfiles h3.Medios {
	text-align:left;
	font:normal 1.7em Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	padding-bottom:2px}
#DestacadoPerfiles h3.Ciudadanos{
	color:#68CCE6;
	background:url('perfil-ciudadano.jpg') no-repeat left bottom;
	}
#DestacadoPerfiles h3.Profesionales{
	color:#9320CA;
	background:url('perfil-profesional.jpg') no-repeat left bottom}
	
#DestacadoPerfiles h3.Estudiante{
	color:#6A8F07;
	background:url('perfil-estudiantes.jpg') no-repeat left bottom}
#DestacadoPerfiles h3.Medios{
	color:#E18700;
	background:url('perfil-medios.jpg') no-repeat left bottom}
	
/*--NOTICIAS--*/
.TitNoticias{
	background:url('noticias.gif') no-repeat left 2px;
	padding-left:15px;
	color:#80B121;
	font:bold 1.3em Arial, Helvetica, sans-serif;
	margin:10px 0}
.TitNoticias a{color:#80B121;}
.TitNoticias a:hover{color:#005A10;}
.FechaNoticias{
	color:#333;
	font:normal 0.8em Tahoma, Verdana, Arial}
.Mas{
	text-align:right;
	}
.Mas a{color:#80B121;
text-decoration:underline;background:url('mas.gif') no-repeat left 2px;
padding-left:15px}

/*---menu desplegable----*/
.MenuVer{  width:135px; }
.MenuVer ul{height:20px;}
.MenuVer li{display:inline;}
.MenuVer .menu span{
	border:solid 1px #E0E0E0; 
	
	display:block;
	background:url('fn-seleccionar.jpg') repeat-x left top}
.menu span a{
	font-weight:normal; 
	color:#666666;
	border-right:solid 1px #E0E0E0;
	padding:5px 10px 5px 0;

	}
.menu span a:hover{color:#80B121}
.arrow{margin-left:2px; cursor:pointer; }
.sub_menu{
	display:none; 
	text-align:left;
	position:relative; 
	border-left:solid 1px #E0E0E0; 
	border-top:solid 1px #E0E0E0; 
	border-right:solid 1px #999999; 
	border-bottom:solid 1px #999999; 
	padding:10px; 
	top:-1px; 
	width:120px;
	 background:#F0F0F0 url('fnMenu.jpg') repeat-x left top;
	 height:130px;
	 overflow:auto
}
.sub_menu a:link, .sub_menu a:visited {
	display:block; 
	font-size:11px; 
	padding:4px;
	color:#666666
}
.sub_menu a:hover{
	color:#80B121}
.item_line{border-top:solid 1px #DEDEDE;}
.MenuVer img{
	border:0px none;
	vertical-align:middle;
	padding-right:5px}

/*miga pan*/
#MigaPan{ text-align:left; padding-top:5px}
#MigaPan li{ display:inline; font-size:0.9em; }
#MigaPan li a{
	background:url('flecha-verde.gif') no-repeat right 5px;
	padding-right:10px;
	color:#80B121}
/*listado*/
#Buscador{
	padding:10px}
#Buscador p{
	margin:10px 0}
.TitBuscador{
	font:bold 1.5em Arial, Helvetica, sans-serif}
.TitListado a{color:#80B121 !important;}
.TitListado a:hover{color:#005A10 !important;}
.Listado{
	background:url('doc.gif') no-repeat left 12px;
	text-align:left;
	border-bottom:solid 1px #E8F5BC;
	padding:15px 0 15px 20px}
.Listado a{color:#333}
.TitListado{
	color:#80B121;
	font:bold 1.22em Tahoma, Verdana, Arial;
	padding:4px 0}
.Autor{
	color:#005A10}
/*paginacion*/
#paginacion{
text-align:right;
padding:5px 0;
color:#ccc}
#paginacion a{
	color:#80B121;
	padding:0 5px}
#paginacion .Activo{
	background:#e7e7e7;
	border:solid 1px #ccc;
	color:#333;
	padding:0 5px
	}
/*--MI PERFIL---*/	
.LogoColegio{
	border: solid 4px #E2E2E2}
.IconoUsuario{
	border-right: solid 1px #ccc;
	padding-right:5px
}
.Enlace{
	color:#80B121 !important;
	text-decoration:underline !important}
	
/*mi colegio*/
.DestacadoColegio{
	height:70px;
	background:#ffffff url('fn_gris.jpg') repeat-x left bottom; padding:5px; text-align:left;
	vertical-align:top
	}
h4{
	color:#80B121;
	font:bold 1.4em Arial, Helvetica, sans-serif;}
.Destacado h4 a{color:#80B121;}	
.Destacado h4 a:hover{color:#333;}
.Boton{
	background:#005A10 url('fn-boton.jpg') repeat-x left top;
	color:#fff;
	border:none;
	font:normal 1em Arial, Helvetica, sans-serif;
	font-size:70%;}
	
.Volver {
	background:#005A10 url('volver.jpg') no-repeat left top;
	color:#fff;
	border:none;
	font:normal 1em Arial, Helvetica, sans-serif;
	padding:2px 10px;
	display:block;
	width:60px;
	text-align:center}
/*----RESULTADOS----*/
.Resultados{
	font:bold 1.4em Arial, Helvetica, sans-serif;
	border: solid 1px #ccc;
	padding:8px;
	text-align:left}
.Resultado {
	background:url('doc.gif') no-repeat left 5px;
	text-align:left;
	border-bottom:solid 1px #E8F5BC;
	padding:8px 0 5px 20px}


.Resultado a{color:#333}


#Pie{
	
	background: url('fn_Pie.jpg') repeat-x left top; 
	text-align:center;
	padding:30px 0 20px 0;
	color:#666666;
	font-size:0.9em}
.oculto{
	position:absolute; 
	left:-1500px; 
	top: -10%; 
	overflow:hidden; 
	font-size:0%; 
	line-height:0%;
}
.Ficha{<
padding:8px 0 ; 
line-height:18px; 
border-top: solid 1px #E8F5BC}
.SubTitulo{
	font-size:1.3em;
	color: #666666;
	padding:5px 0}

#Login{
background:url('LOGIN.jpg') no-repeat right top; 
height:170px;

}
.TextoLogin{
font-size:70%;
}