*{
    margin: 0;
    padding: 0;
}
body {
    color: black;
    font-family: Arial, Verdana, sans-serif;
    font-size: 1em;
    background: ;
    ;
}
li{
    list-style: none;
}
a {
    text-decoration: none;
    color: Black;
}
#menu a {
    line-height: 2.4;
    display: block;
}
.clear{
    clear: both;
}
/*----------HEAD--------*/
.logo{
    width: 100px;
}
body>header {
    min-width: 1000px;
    min-height: 200px;
    padding: 1em 5em 0em 5em;
    background-color: White;
}
header figcaption {
    color: White;
    font-weight: bold;
}
header p {
    color: White;
}
header>figure{
    float: left;
    padding-right: 2em;
    text-align: center;
}
header>div {
    float: left;
}
h1{
    font-size: 2.5em;  
    padding: 0em 0em 0.4em;
    color: White;
}
h2{
    line-height: normal;
    font-weight: bold;
    color: Black;
}
h1>span{
    display: block;
    font-size: 0.7em;
    padding: 0.1em 0em 0.8em;
}
h3{
    padding: 5px 0px;
    color: grey;
    font-size: 1em;
    line-height: normal;
    color: Black;
}
h4{
    color: grey;
    font-size: 0.75em;
    line-height: normal;
    color: Black;
}

/*----------NAVEGADOR ---------*/
nav {
    text-align: center;
    margin: 0 auto;
    width: 1000px;
    height: 70px;
    position:relative;
    margin-top: -85px;
    z-index: 9;
}
nav ul{
    position: absolute;
    bottom: 0px;
}
nav li {
    display: inline-block;
    vertical-align: bottom;
    width: 136px;
    height: 50px;
    border: 1px solid White;
    border-bottom: 1px solid Black;
    border-radius: 10px  10px  0px  0px;
    background-color: LightBlue;
    margin-bottom: -1px;
}
nav li:hover{
    background-color: White;
}
nav li a{
    line-height: 50px;
    padding: 15px 12px;
    color: Black;
}
.tabActiva {
    background-color: White;
    height: 65px;
    border-bottom: 5px solid White;
}
.tabActiva a {
    padding: 25px 12px;
    line-height: 65px;
    font-weight: bolder;
}
/*------------CUERPO--------------*/
#contenedor{
    position: relative;
    padding: 10px;
    background-color: White;
    margin: 0 auto;
    width: 1000px;
    border:1px solid Black;
    border-radius: 15px  15px  0px  0px;
    overflow: hidden;
    z-index: 1;
}
#contenidoIzq {
    width: 245px;
    float: left;
  *padding-bottom: 32767px;
  *margin-bottom: -32767px;
}
#contenido {
    position: relative;
    width: 745px;
    float: right;
  *padding-bottom: 32767px;
  *margin-bottom: -32767px;
}
section h2 {
    font-size: 1em;
}
/*---------CONTENIDO IZQUIERDA ------*/
#contenidoIzq h2{
    padding: 10px 0px;
    font-size: 1em;
}
/*---------CONTENIDO IZQUIERDA MENU ------*/
#menu {
    margin-bottom: 10px;
}
#menu ul{
    padding: 2px;
    border: 1px solid black;
    font-size: 0.8em;
}
#menu li{
    line-height: 2.4em;
    min-height: 2.4em;
    padding: 0px 5px;
    color: black;
    cursor: pointer;
}
#menu li:hover{
    background-color: LightBlue;
    color: white;
}
.ingreso{
    background-color: LightYellow;
    font-weight: bold;
}
.lineaBaja {
    border-bottom: 1px solid Black;
}
.menuActivo {
    background-color: LightBlue;
}
.menuActivoMatricula {
    background-color: Pink;
}
.menuActivo>a::before{
    content: url(../imagenes/iconos/si.png);
    background-size:cover;
}
/*---------CONTENIDO IZQUIERDA CALENDARIO ------*/
#cronograma{
}
#calendario{
    padding: 2px;
  *padding-bottom: 32767px;
  *margin-bottom: -32767px;
    overflow: auto;
}
.eventsCalendar-list small{
    display: none;
}
/*---------CONTENIDO DERECHA ------*/
/*---------------MNESAJE DE BIENVENIDA----------*/
#mensajeBienvenida{
    height: 200px;
    color: Black;
}
#mensajeBienvenida>figure{
    float: left;
    padding: 10px;
}
.logoBienvenida{
    width: 170px;
    height: 170px;
}
#mensajeBienvenida>section{
    float:right;
    width: 550px;
    padding-top: 0px;
}
#mensajeBienvenida>section>h2{
    text-align: center;
    font-size: 1.5em;
    line-height: 1.3em;
}
#mensajeBienvenida>section>p:nth-child(2){
    font-size: 1.5em;
    line-height: 1.2em;
}
#mensajeBienvenida>section>p:nth-child(3){
    font-size: 2.3em;
    line-height: 1.2em;
    font-weight: bolder;
}
#mensajeBienvenida>section>p:nth-child(4){
    font-size: 0.9em;
    text-align: justify;
    line-height: 1.2em;
}
/*---------------ARTICULO DESTACADO----------*/
#articuloDestacado{
    margin-top: 10px;
    /*width: 500px;*/
    float: left;
    position: relative;
}
.articuloPrincipal h2{
    font-size: 1.5em;
    border-bottom: 1px solid Black;
}
.articuloPrincipal header p{
    text-align: right;
    font-size: 0.8em;
    padding-bottom: 5px;
    color: DarkBlue;
}
.articuloPrincipal article{
    text-align: justify;
    font-size: 1em;
    padding-bottom: 5px;
    color: Grey;
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
}
.articuloPrincipal>article>div{
    font-size: 1em;
    font-weight: normal;
    color: Grey;
}
/*---------------NOTICIAS DE LA EDUCACION----------*/
#noticiasEducacion{
    margin-top: 10px;
    width: 235px;
    min-height: 245px; 
    float: right;
    padding: 2px;
    border: 1px solid Black;
    overflow-y: auto;
  *padding-bottom: 32767px;
  *margin-bottom: -32767px;
}
#noticiasEducacion>section>h2{
    padding: 10px 0px;
    border-bottom: 1px solid Black;
}
.noticiasEducacionItem{
    padding: 5px 0px;
    border-bottom: 1px solid Black;
    font-size: 0.8em;
}
.noticiasEducacionItem:nth-child(2n+2){
    background:Gainsboro ;
}
.noticiasEducacionItem>header>p{
    text-align: right;
    font-size: 0.8em;
}
.noticiasEducacionItem>header>h2{
    text-align:justify;
    color: DarkBlue;
    font-size: 1.2em;
}
.noticiasEducacionItem>section{
    text-align:justify;
    color: Grey;
}


/*---------------FOOTER----------*/
body>footer {
    clear: both;
    background-color: LightGrey;
    height: 430px;
}
footer>section{
    margin: 0 auto;
    width: 1000px;
}
footer article h2{
    padding: 10px 0px;
}
#sedes{
    display:inline-block;
    width: 245px;
    float: left;
}
#sedes div{
    background: white;
    height: 250px;
    overflow: auto;
}
#sedes li{
    list-style-type: decimal;
    line-height: 25px;
}
#sedes li:hover{
    background-color: LightBlue;
}
#sedes li a{
    color: Black;
}
#mapa{
    display:inline-block;
    width: 745px;
    float: right;
}
#map-canvas {
    height: 250px;
    margin: 0px;
    padding: 0px;
}
#enlaces{
    width: 100%;
    display: block;
    clear: both;
}
#enlaces ul{
    text-align: center
}
#enlaces li{
   display: inline-block;
    padding: 0px 25px; 
 }
#enlaces div{
    background: White;
    height: 90px;
    width: 90px;
}
#enlaces img{
    height: 90px;
    width: 90px;
}
/*--------------paginas secundarias----------------*/
.tituloPagina h2{
    font-size: 2.5em;
    padding: 30px 0px 20px;;
    border-bottom: 1px solid Grey;
    color: DarkBlue;
    margin-bottom: 20px;
}
/*--------------INDICE PAGINAS-------*/
#indicePaginas ul li{
    height: 20px;
}
#indicePaginas ul li:hover{
    background: LightBlue;
}
#indicePaginas ul li a {
    position: relative;
    display: block;
}
#indicePaginas{
    border-bottom: 1px solid Black;
    margin-bottom: 20px;
}
.indicePaginasItemNumero, .indicePaginasItemFecha, .indicePaginasItemTitulo{
    position: relative;
    display: inline-block;
    line-height: 20px;
    overflow: hidden;
    max-height: 20px;
}
.indicePaginasItemNumero {
    width: 40px;
    float: left;
    text-align: right;
}
.indicePaginasItemFecha{
    width: 120px;
    float: left;
    text-align: center;
}
.indicePaginasItemTitulo{
    width: 580px;
    float: left;
    text-align: left;
}
/*--------------BLOG----------------*/
fieldset {
    position: relative;
    padding: 15px 5px 5px 5px;
    margin-top: 20px;
    border-style: none;
    border-top: 1px solid Black;
}
fieldset>label{
    position: absolute;
    top: -10px;
    left: 15px;
    
    *border: 1px solid LightGrey;
	background-color: #EEF; 
}
fieldset>span{
    display: inline-block;
    width: 170px;
    font-weight: bold;
}
/*--------------BLOG----------------*/
.blogArticulo{
    width: 750px;
    *float: left;
    position: relative;
    border-bottom: 1px solid Black;
    margin-bottom: 20px;
}
.blogArticulo h2{
    font-size: 2em;
}
.blogArticulo header p{
    text-align: left;
    font-size: 0.8em;
    line-height: 0.8em;
    padding-bottom: 5px;
    color: DarkBlue;
}
.blogArticulo article{
    text-align: justify;
    font-size: 1em;
    padding-bottom: 5px;
    color: Grey;
}
.blogArticulo>article>div{
    font-size: 1em;
    font-weight: normal;
    color: Grey;
}
/*--------------COMUNICADOS----------------*/
.comunicadoArticulo{
    width: 750px;
    *float: left;
    position: relative;
    border-bottom: 1px solid Black;
    margin-bottom: 20px;
}
.comunicadoArticulo h2{
    font-size: 2em;
}
.comunicadoArticulo header p{
    text-align: left;
    font-size: 0.8em;
    line-height: 0.8em;
    padding-bottom: 5px;
    color: DarkBlue;
}
.comunicadoArticulo article{
    text-align: justify;
    font-size: 1em;
    padding-bottom: 5px;
    color: Grey;
}
.comunicadoArticulo>article{
    font-size: 1em;
    font-weight: normal;
    color: Grey;
}
/*--------------MENSAJES ALUMNOS----------------*/
.mensajesAlumnos{
    border: 1px solid black;
    border-radius: 5px;
    padding: 5px; 
    margin-bottom: 10px;
}
.mensajesAlumnos:nth-child(2n+1){
    background-color: LightBlue;
}
.mensajesAlumnos img{
    width: 35px;
    height: 50px;
}
.mensajesAlumnos figure{
    display: inline-block;
    float: left;
    width: 35px;
    height: 50px;
    left: 0px;
    padding-right: 10px;
}
.mensajeAlumnoNombre{
    font-weight: bolder;
    font-size: 0.8em;
    text-decoration: underline;
    color: DarkBlue;
}
.mensajeAlumnoTexto{
    display: inline-block;
    float: left;
    width: 680px;
}
.mensajeAlumnoFecha{
    color: Blue;
    clear: both;
    text-align: right;
    font-size: 0.8em;
}
/*--------------LISTADO DOCENTES----------------*/
.docenteNombre {
    line-height: 24px;
    cursor: pointer;
    font-weight: bold;
}
.docenteNombre:before{
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    content: "";
    background: url("../imagenes/iconos/plusverde.png") no-repeat 0 0;
    background-size: 100%;
    line-height: 16px;
}
.docenteInformacion{
    display: none;
    padding-left: 30px;
    cursor: auto;
    font-weight: normal;
    border: 1px solid black;
    border-radius: 10px;
    background: white;
    box-shadow: 5px 5px 5px Grey;
    margin: 10px;
    padding: 10px;
}
.guiaDirector, .guiaProfesor{
    //position: relative;
}
.guiaDirector{
    background: LightBlue;
}
.guiaProfesor{
    border-top: 1px solid black;
    background: LightYellow;
}
/*--------------GUIAS----------------*/
.guiaSede {
    line-height: 24px;
    cursor: pointer;
    font-weight: bold;
}
.guiaGrado {
    line-height: 24px;
    cursor: pointer;
}
.guiaArea {
    line-height: 24px;
    cursor: pointer;
    color: Blue;
    font-size: 0.8em;
}
.guiaTareas {
    line-height: 24px;
    cursor: pointer;
    color: Red;
    font-size: 0.8em;
}

.guiaArea:hover {
    background: LightBlue;
}
.guiaArea p{
    display: inline-block;
    float: left;
    width: 50%;
    line-height: 24px;
    cursor: pointer;
}

.guiaSede:before{
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    content: "";
    background: url("../imagenes/iconos/plusverde.png") no-repeat 0 0;
    background-size: 100%;
    line-height: 16px;
}
.guiaGrado:before{
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    content: "";
    background: url("../imagenes/iconos/plusverde.png") no-repeat 0 0;
    background-size: 100%;
    line-height: 16px;
}
.guiaSedeContenido{
    display: none;
    padding-left: 20px;
    cursor: auto;
    font-weight: normal;
}
.guiaGradoContenido{
    display: none;
    padding-left: 20px;
    cursor: auto;
    font-weight: normal;
}
.guiaAreaContenido{
    display: none;
    padding-left: 20px;
    cursor: auto;
    font-weight: normal;
}
.guiaTareasContenido{
    margin: 10px;
    padding: 10px;
    border: 1px solid black;
    border-radius: 10px;
    background: white;
    box-shadow: 5px 5px 5px Grey;
    clear: both;
    position: relative;
}
.guiaTareasContenido h2{
    color: Blue;
}
.guiaTareasContenido span{
    text-align: right;
    display: block;
    color: Blue;
}
/*--------------DOCUMENTOS----------------*/
.documentosModulo{
    display: inline-block;
    width: 200px;
    border: 1px solid black;
    border-radius: 10px;
    margin: 10px;
    padding: 10px;
    text-align: center;
    background: LightGrey;
    box-shadow: 5px 5px 5px Black;
}
/*--------------- CONTACTENOS------------------------*/
.linea{
    width: 100%;
    padding: 0.5em 0em 0.5em 0em;
    font-size: 1.2em;
    color: #00d;
    display: block;
    border-bottom: 1px solid white;
}
input[type=text], input[type=email], input[type=date], select, textarea{
    font-size: 1.1em;
    padding: 0.2em 0.5em;
    border-radius: 0.4em;
    border: 1px solid #ddd; 
    width: 100%;
}
input[type=submit], input[type=reset] {
    margin: 0 1em;
    font-size: 1.2em;
    padding: 0.2em 0.5em;
    border-radius: 0.4em;
    border: 1px solid #333; 
    width: 20%;
    min-width: 100px;
}
input[type=submit]:hover{
    background-color: green;
    color: white;
}
input[type=reset]:hover {
    background-color: red;
    color: white;
}
.centrado{
    text-align: center;
}
textarea{
    height: 150px;
    overflow-y: scroll;
    text-align: justify;
}
#mensajeObservacion, .mensaje{
    text-align: right;
    color: blue;
    font-size: 0.8em;
    width: 100%;
}
.mensaje{
    color: red;
    text-align: left;
}
form div {
    display: inline-block;
}
.descripcionlabel{
    width: 35%;
    vertical-align: top;
    clear: left;
    display: inline-block;
}
.campolabel{
    width: 60%;
}

input:invalid {
    background: url("../imagenes/iconos/warning.gif") no-repeat;
    background-position: right center;
    background-color: white;
}
.ckbox, .rdbtn{
    width: 230px;
    padding-bottom: 0.1em;
    padding-left: 0.3em;
    float: left;
    cursor: pointer;
}