article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
	display:block;
}

*{
  margin:0px;
  padding:0px;
}
p{text-align:justify;line-height:20px;margin-top:5px;}
h1{display:inline-block;font-size:25px;color:#000;padding-top:10px;padding-bottom:10px;}
h2{font-size:17px;}
h3{margin-left:15px;margin-top:8px;}

body{
  font:13px Helvetica,arial narrow, sans-serif;
  color:#000;
  background:#fff;
 /* background-image:url('../images/back.jpg');
 background-repeat:repeat; */
}

#contenido{
  width:960px;
  margin:5px auto; 
  display:block;
  min-height:370px;
  padding-bottom:10px; 
}

#header {
  margin:auto;
  width:100%;
  background:#000; 
}

#cabecera{
  background:#fff;
  height:70px;
  background-image:url('../images/banner.png');
  background-repeat:no-repeat;
  padding-bottom:5px;
}
			
#line2,#line3{
  clear:both;
  width:960px;
  border-bottom:1px solid #0B3861;
  margin:1px auto;
  background:#fff;
}
			
#line3{
  clear:both;
  width:940px;
  border-bottom:3px solid #F2F2F2;

}

/* Diseño columnas del Index Pagina Inicial*/
#colleft,#colright{ 
  display:inline-block;
  float:left;
  margin-top:10px;
  background:#FFF;
  border:1px solid #E6E6E6;
  border-radius:10px;
  box-shadow:2px 2px 20px #E6E6E6;
}

#colleft{
  margin-left:1px;
  overflow:auto;
  width:650px;	
}

#colright{  
  margin-left:10px;
  height:493px;
  margin-bottom:10px;
  padding-top:20px;
  width:290px;
  background-image:url('../images/colder.png');
  background-repeat:no-repeat;

}

#imgcontainer{
  padding:10px;
  width:600px;
  display:block;
  border-radius:14px;

  opacity:1;
}

#info{
  line-height:1.5em;
  width:625px;
  height:75px;
  display:block;
  background:transparent;
  margin-bottom:10px;
  font-size:14px;
  font-style:italic;
  margin-left:12px;
  color:#151515;
  margin-top:5px;
}

#redtitle,#blackadd{
  color:#f51489;
  font-size:17px;
  display:inline-block;
  font-weight:bold;
  text-shadow:1px 1px #E0F2F7; 
  font-family:verdana;  
}

#blackadd{
  color:#000;
 font-size:15px;  
}
/*inputbox de usuario y password*/

#keypass{
  font-size:13px;
  color:#06c;
  font-weight:normal;
  text-align:center;
 /* margin:0px 2px 0px 46px;*/

}
#separador{ 
  margin-top:5px; 
}

.error{
  color:#d91e21;
  margin-left:1px;
  font-size:11px;
}
#userinput,#userpass{
  border:1px solid #bdbdbd;
  width:190px;
  height:35px;
  padding-left:26px;
  border-radius:6px;
  background-repeat:no-repeat;
  margin-left:46px;
  font-size:14px;
  box-shadow:2px 2px 5px #E6E6E6;
}
	
#userpass{
  background-image:url('../images/keys.png');		
}
	
#userinput{
  background-image:url('../images/userinput.png');
  margin-bottom:20px;
}

#pie{
  clear:both;
  width:960px;
  display:block;
  text-align:center;
  margin:1px auto; 
  padding:5px 0px 5px 0px; 
  color:#848484;
}
.navbanner{float:right;margin:15px 5px; }
 ul, ol {
  list-style:none;
  z-index:1;
}

.navbanner li ul {
  display:none;
  position:relative;
  min-width:140px;
}

.navbanner > li {
  float:right;
  padding:2px 2px 0px 2px;
  border:1px solid #e2e2e2;
  margin-left:7px;
  border-radius:8px;
}
.navbanner > li:hover {
  border:1px solid #bdbdbd;
  box-shadow:1px 1px 2px #848484; 
}



.nav{height:27px;}
  ul, ol {
  list-style:none;
   z-index:1;
}
			
.nav > li {
  float:right;
}
		
.nav li a {
  background:#000;/*#134A7E*/
  color:#fff;
  width:160px;
  padding:5px 0px 5px 0px ;
  font: 12px verdana, sans serif;
  text-decoration:none;
  text-align:center;
  display:inline-block;
  border-bottom:1px solid #a4a4a4;
  background: -moz-linear-gradient(top,#0B3861,#0A1B2A);
  background: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#0B3861), to(#0A1B2A));
  box-shadow:1px 1px 2px #848484;
}
			
.nav li a:hover {
  background:#A9E2F3;
  color:#000;
  background: -moz-linear-gradient(top,#A9F5F2,#81BEF7);
  background: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#A9F5F2), to(#81BEF7));
  box-shadow:2px 4px 8px #000;  
}
			
.nav li ul {
  display:none;
  position:absolute;
  min-width:140px;
}
			
.nav li:hover > ul {
  display:block;
}
			
/*navegador submenu*/

#menu {
  height:35px;margin-top:20px;	
}

#menu li {
  float:left;
  width:124px;
  padding:12px;	
}

#menu li a {
  display:block;
  font-size:13px;
  font-weight:normal;
  padding-top:5px;
  padding-bottom:5px;
  color:#000;
  text-align:center;
  position:relative;
  line-height:17px;
  text-decoration:none;
  border-radius:10px;
  border:1px solid #E6E6E6;
  box-shadow:2px 2px 5px #000;	
}

#menu li a:hover, #menu #menu_active a {
  background:#A9E2F3;
  color:#000;
  background: -moz-linear-gradient(top,#A9F5F2,#81BEF7);
  background: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#A9F5F2), to(#81BEF7));
  border:1px solid #06c;
  box-shadow:3px 3px 8px #000;
}

#menu .end a {
  text-align:center;
}

.navbutton 
{ 
  background:#000;
  background: -moz-linear-gradient(top,#E0F2F7,#CEE3F6);
  background: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#E0F2F7), to(#CEE3F6));
}
		
	


/*boton de ingreso principal en el login*/
#miBoton{
  display:block;
  width:120px;
  height:30px;
  border:none;
  background-color:#385592;
  color:#FFF;
  margin:auto;
  margin-top:25px;
  text-align:center;
  font-weight:bold;	
  border-radius:8px;
  border:1px solid #fff;
  box-shadow:1px 1px 2px #848484;
  
}

#miBoton a{
  text-decoration:none;	
}

#miBoton:hover{
  background-color:#06c;
  cursor:pointer; 
  border:2px solid #fff;
  box-shadow:2px 2px 5px #848484; 
}

/*boton de alertbox principal*/
#miBoton2{
  margin-left:10px;
  display: inline-block;
  width: 100px;
  height: 25px;
  border: 1px solid #6e6e6e;
  color:#000;
  border-radius:5px;
  font-weight: normal;
  margin-bottom:10px;
  margin-top:10px;
  text-align:center;
  background: #e4f1f6; 
  background: -moz-linear-gradient(top, #e4f1f6 0%, #cfe6ef 100%);
  background: -webkit-linear-gradient(top, #f2f2f2 50%,#d8d8d8 100%);
  box-shadow:1px 1px #E6E6E6;
}

#miBoton2:hover{
  box-shadow:1px 2px #bdbdbd;
  border: 1px solid #2ECCFA;
  color:#000;
  cursor:pointer;
}

#miBoton2 a{
  text-decoration:none;
  line-height:25px;
  color:#151515;
}

#miBoton2 a:hover{
  color:#000;
}

/**********************************************/


.formulario,
.formulario2
{
	/*border: 1px solid #CED5D7;*/
	border-radius: 6px;
	padding:5px;
	margin-top:5px;
	margin-bottom:1px;
	background:#FFF;
	opacity: 1;
	z-index:2;
	min-height:380px;
	overflow:auto;
	
 background-repeat:repeat; 
}

.formulario  input[type='text'],
.formulario2 input[type='text']
{
	padding: 1px 1px;
	width: 100px;
	border: 1px solid #CED5D7;
	resize: none;
	margin: 1px 0;
	color:#151515;	
}
.formulario  input[type='email'],
.formulario2 input[type='email']
{
	padding: 1px 1px;
	width: 100px;
	border: 1px solid #CED5D7;
	resize: none;
	margin: 1px 0;
	color:#151515;
}

.formulario  input[type='submit'],
.formulario2 input[type='submit'],
.formulario3 input[type='submit']
{
    border: 1px solid #848484;
	border-radius:10px;
	font-weight: normal;
	text-shadow: 1px 1px 0px white;
	text-align:center;
	color:#151515;
	background: #e4f1f6; 
	background: -moz-linear-gradient(top, #e4f1f6 0%, #cfe6ef 100%);
	background: -webkit-linear-gradient(top, #e4f1f6 0%,#cfe6ef 100%); 
	width:100px;height:30px;font-size:15px;margin:30px 10px auto;box-shadow:2px 2px 5px #000;
	margin-bottom:25px;
	box-shadow:2px 2px 5px #bdbdbd;
}

.formulario  input[type='submit']:hover,
.formulario2 input[type='submit']:hover,
.formulario3 input[type='submit']:hover
{
	
	color:#000;
	background: #cfe6ef; 
    background: -moz-linear-gradient(top, #cfe6ef 0%, #edfcff 100%);
    background: -webkit-linear-gradient(top, #CFE6EF 0%,#edfcff 10%); 
	border:1px solid #06c;	 box-shadow:1px 1px 2px #848484; 
	cursor:pointer;
}

.formulario  input[type='submit']:active,
.formulario2 input[type='submit']:active,
.formulario3 input[type='submit']:active
{
	background: #cfe6ef; 
	background: -moz-linear-gradient(top, #cfe6ef 0%, #edfcff 100%);
	background: -webkit-linear-gradient(top, #cfe6ef 0%,#edfcff 100%);
}


/*FORMULARIO ADMINISTRATIVO*/

.formulario2,.formulario3{
	background:#F2F2F2;
}

#line{
    clear:both;
    width:100%;
    border-bottom:1px solid #E6E6E6;
    height:5px;
    margin-bottom:20px;
}


#noticebox{
  text-align:center;
  margin:100px auto;
  border:1px solid #a4a4a4;
  border-radius:8px;
  width:320px;
  font-size:11px;
  background: #FAFAFA; 
  box-shadow:1px 2px #d8d8d8;
  padding-bottom:10px;
}
#boxnew{
  color:#000;
  border-bottom:2px solid #E6E6E6;
  padding:5px 5px 5px 5px;
  font-size:13px;
  text-align:left;
  line-height:25px;
  border-radius:8px 8px 0 0;
  background: #cfe6ef; 
  background: -moz-linear-gradient(top, #cfe6ef 0%, #edfcff 100%);
  background: -webkit-linear-gradient(top, #CFE6EF 60%,#edfcff 100%);
}

#centraltitle{
margin-top:50px;
margin-left:240px;
width:380px;
text-align:justify;
padding-left:7px;
}
#centraltitle2{
margin-top:30px;
margin-left:210px;
width:470px;
text-align:justify;
padding:5px;
}
#centraltitle3{
margin-top:50px;	
margin-left:260px;
width:470px;
text-align:justify;
padding-left:3px;
}
#centraltitle4{
display:block;
margin:0 auto;
width:640px;
text-align:justify;
padding-left:3px;
}

/*tabla plan de estudios*/
#asignaturas{
  width:450px;
  display:inline-block;
  margin-bottom:3px;
  border-collapse:collapse;
  line-height:30px;
  background:#FFF;
  color:#000;
  overflow-y:auto;
}
#asignaturas tr td{
  border:1px solid #bdbdbd;
  width:450px;
  text-align:left;
}

#celda{
 margin-left:10px;
 margin-right:10px;
}
#azul{
 background-color:#f3ffff;
 font-style:italic;

}
#celda2{
  padding-top:3px;
  border:1px solid #E6E6E6;
}

#row{
  padding-left:10px;
  font-weight:bold;
  padding-top:20px;
}

#screen,#screenwhite
{
  border: 1px solid #CED5D7;
  border-radius: 6px;
  padding:5px;
  margin-top:5px;
  margin-bottom:1px;
  background:#fff;
  opacity: 1;
  z-index:2;
  min-height:470px;
  overflow:auto;
  box-shadow:2px 2px 8px #d8d8d8;
  background-image:url('../images/patter.png');
 background-repeat:repeat; 
  
}


#mallas
{
  border: 1px solid #CED5D7;
  border-radius: 6px;
  padding:5px;
  margin-bottom:1px;
  background:#f2f2f2;
  opacity: 1;
  z-index:2;
  min-height:380px;
  overflow:auto;
  box-shadow:2px 2px 8px #d8d8d8;	
}






	
#tablemallas
{
margin:0px auto;
text-align:center;
margin-top:5px;
border-collapse:collapse;
width:450px;
width:930px;
margin-top:50px;	
margin-bottom:1px;
height:1200px;
}
#textarea
{
width:270px;
padding: 2px 3px;
border: 1px solid #CED5D7;
border-radius: 3px;
margin: 1px 0;
font-size:10px;
text-align:justify;
height:48px;
background-color:#fefef9;
}
#periodo
{
 width:50px;
 padding: 3px 3px;
 border: 1px solid #CED5D7;
 border-radius: 3px;
 margin: 1px 0;
 height:280px;
 background-color:#CEECF5;	
 text-align:center;
font-size:45px;
line-height:280px;
}	
 
#userlabel{
  font-size:10px;
  color:#06c;
  margin-top:3px;
} 
 
#boxmis,#boxmis2 {
  width:900px;
  background:#F2F2F2;
  padding:10px; 
  float:left;
  display:block;
  border-bottom:1px solid #E6E6E6; 	
}

#boxmis2{
  width:450px;
  min-height:395px;
  border:1px solid #e6e6e6;
  border-radius: 6px;
 }
 
#boxleft{
  width:450px;min-height:395px; 
  color:#bdbdbd;
  border:1px solid #e6e6e6;
  padding:10px; 
  float:right;
  display:block;
  background:#F2F2F2;
  border-radius: 6px;	 
}

#logros{
  width:755px;
  border:1px solid #bdbdbd;
  border-radius:4px;
  line-height:20px;
  text-align:left;
  float:left;
  padding-left:3px;
  color:#000;
}

#celld,#cellf{    
  padding:3px;
  border:1px solid #bdbdbd;
  text-align:center;
}

#cellonce,#cellorde,#cellonc2{
  border:1px solid #fff;
  border-radius:4px;
  line-height:20px;
  text-align:center;
  width:40px;
}

#cellorde{width:50px;}
#cellonc2{width:48px;}
#celloncb{width:270px;}
#cellf{text-align:left;}
#cell{padding-bottom:1px;border:1px solid #bdbdbd;}
#celloncb{width:270px;}
#cellonca,#cellprom{
  border:1px solid #fff;
  border-radius:4px;
  line-height:20px;
  text-align:left;
  padding-left:5px;
  width:250px;
}
#cellonca{font-size:12px;}
#cellprom{
  text-align:center;
  width:40px;
  background-color:#E0F8EC;
}

#tablemodulo{
  width:100%;
}

#tablemodulo thead tr td{
  background-color:#0B0B3B;
  color:#fff;
  padding:3px;
}

#tablemodulo  td{
  padding-left:5px;
  background-color:#FFF;
  border:1px solid #BDBDBD;
}

/*****************************************/
#bluetitle{
  padding:5px;margin-top:5px;
  font-size:25px;
  color:#000;
  text-align:center;
}

#principal{
  border-bottom:1px solid #bdbdbd;
  padding:2px 2px 5px 5px;
  margin-top:13px;
  font-size:13px;
  color:#000;
  margin-bottom:5px;
}

#titleleft{
  padding:5px;	
  color:#000;
  font-size:25px;
  text-align:left;

}
#titlemalla{
  padding:5px;
  margin-top:5px;
  font-size:22px;
  color:#151515;
  margin-top:15px;
  margin-left:90px;
}



#parrafo{
  border-bottom:1px solid #bdbdbd;
  margin:0px 0px;
  padding:0px  5px;
  font-size:13px;
 color:#000;
}


#update,#tema{
  width:180px;
  font-size:12px;
  border:1px solid #bdbdbd;
  border-radius:4px;
  line-height:18px;
  float:left;
  padding-left:4px;
}

#tema{
  width:425px;
}

/*tabla publicaciones*/
#public,#publicimg{
  border-top:1px dotted #bdbdbd;
  line-height:20px;
  text-align:center;
}

#publicimg{
  text-align:justify;
  padding:5px;
}

/*cajas de  estudiantes*/
#publicboxleft
{
  width:600px;
  min-height:445px; 
  border:1px solid #E6E6E6;
  padding:10px; 
  float:left;
  display:block;
  background:#FFF;
  border-radius:6px;
}

#publicboxright{
  width:300px;min-height:445px; 
  color:#bdbdbd;
  border:1px solid #E6E6E6;
  padding:10px; 
  float:right;
  display:block;
  background:#F2F2F2;
  border-radius: 6px;  
}

/*interfaz de los foros*/
#foroleft{
  width:600px;
  min-height:450px; 
  border:1px solid #e6e6e6;
  padding:10px 10px 5px 10px  ; 
  float:left;
  display:block;
 
  border-radius:6px;	 	
}

#fororight
{
  width:300px;
  min-height:450px; 
  color:#bdbdbd;
  border:1px solid #E6E6E6;
  padding:10px; 
  float:right;
  display:block;
  background:#F2F2F2;
  border-radius: 6px;	 
}
#foroleft2
{
  width:600px;
  min-height:395px; 
  border:1px solid #E6E6E6;
  padding:10px; 
  float:left;
  display:block;
  background:#FFF;
  border-radius:6px;	 	
}



/*panel matematicas*/

.panelmath{float:right;margin:0 auto; width:300px;padding-top:3px;padding-bottom:3px;}
 ul, ol {
  list-style:none;
  z-index:1;
}

.panelmath li ul {
  display:none;
  position:absolute; 
}

.panelmath > li {
  float:right;
  border:1px solid #bdbdbd;
  margin:2px 5px;
  border-radius:8px;
  background: #cfe6ef; 
  background: -moz-linear-gradient(top, #cfe6ef 0%, #edfcff 100%);
  background: -webkit-linear-gradient(top, #CFE6EF 60%,#edfcff 100%);
 
 
}
.panelmath > li:hover {
  border:1px solid #979797;
  margin:2px 5px;
  box-shadow:1px 1px 2px #848484; 
  background: #cfe6ef; 
  background: -moz-linear-gradient(top, #cfe6ef 0%, #edfcff 100%);
  background: -webkit-linear-gradient(top, #CFE6EF 0%,#edfcff 10%); 
}

#wrapper
{
	width:940px; 
	border-bottom:1px solid #f2f2f2;
	padding:2px;
	line-height:1.6em;
	font-size:15px;
	margin-top:20px;
	color:#6e6e6e;
	
}

#titleleft2{	
  color:#848484;
  font-size:30px;
  text-align:left;
  font-family:comics-sans-serif;
  margin-bottom:5px;

}
#redtitle2,#blackadd2{
  color:#f51489;
  font-size:30px;
  display:inline-block;
  font-weight:bold;
  text-shadow:1px 1px #E0F2F7; 
  font-family:verdana;  
}

#blackadd2{
  color:#000;
 font-size:20px;  
}

#help{
background-color:#21ab66;
color:#FFF;
padding:3px;
border-radius:3px;
font-size:9px;
font-weight:bold;
	
{