body {
	text-align:left;
	font-family:"comic Sans MS", verdana, arial, helvetica, sans-serif;
	font-size:75%;
	color:#4068C7;
	background-color: #FFFFFF;
	border-color: #000000;
}

#principal {
	position:absolute;
	left:0px;
	top:0px;
	width:350px;
	height:500px;
	background-color: #FFFFFF;
	}

#menucabeza {width:350px; height:66px; position:relative; background:#fff; top:0px; left:0px}

ul#menu_dias {
	position:absolute;
	top:90px;
	left:280px;
	border:5px;
	padding:0;
	margin:0;
	list-style-type:none;
}
ul#menu_dias li {display:block; width:75px; height:30px; margin-top:1px; position:relative;}
ul#menu_dias li a{display:block; width:75px; height:30px; text-decoration:none; border-right:10px solid #000; color:#DC0B0E; font-family:"comic Sans MS", tahoma, arial, verdana, sans-serif;position:relative;}
ul#menu_dias li a b {font-weight:normal; position:absolute; bottom:5px; left:5px; width:65px; height:20px; }
ul#menu_dias li a.mm1 {background:#7BD42E; border-left::10px solid #7BD42E;}
ul#menu_dias li a.mm2 {background:#7BD42E; border-left::10px solid #7BD42E;}
ul#menu_dias li a.mm3 {background:#7BD42E; border-left::10px solid #7BD42E;}
ul#menu_dias li a.mm4 {background:#7BD42E; border-left::10px solid #7BD42E;}
ul#menu_dias li a.mm5 {background:#7BD42E; border-left::10px solid #7BD42E;}
ul#menu_dias li a.mm6 {background:#7BD42E; border-left::10px solid #7BD42E;}
ul#menu_dias li a.mm7 {background:#7BD42E; border-left::10px solid #7BD42E;}
ul#menu_dias li a:hover {cursor:pointer; border-left:10px solid #fff;}
ul#menu_dias li em {font-weight:normal; position:absolute; bottom:5px; left:5px; font-style:normal; font-family:"comic Sans MS", tahoma, arial, verdana, sans-serif;}
ul#menu_dias li a em {font-weight:bold; position:absolute; bottom:5px; left:5px; font-style:normal; font-family:"comic Sans MS", tahoma, arial, verdana, sans-serif;}

#principal #fecha{
	color: #DC0B0E;
	float: left;
	height: 15px;
	width: 350px;
	font-size: 14px;
	margin-top: 5px;
	text-align: center;
	font-weight: bold;
	word-spacing: 3px;
	letter-spacing: 1px;
	}
#principal #barracolor {
	float: left;
	padding:0px;
	height: 350px;
	width: 10px;
	margin-top: 10px;
}

#principal #contenidomenus {
	font-family: "Comic Sans MS";
	margin-left: 15px;
	margin-top: 5px;
	padding:5px;
	height: 320px;
	width: 220px;
	font-size:120%;
}

.style3 {
	color: #7BD22D;
	font-weight: bold;
	font-size: 20px;
	font-style: normal;
}
.style4 {
	color: #FEFF35;
	font-weight: bold;
	font-size: 20px;
}
.style5 {
	color: #FF7512;
	font-size: 20px;
	font-weight: bold;
}
.style6 {
	font-size: 20px;
	color: #DC0B0E;
	font-weight: bold;
}

.style31 {
	color: #7BD22D;
	font-weight: bold;
	font-size: 12px;
	background-color:#215AA5;
}
.style41 {
	color: #fff;
	font-weight: normal;
	font-size: 12px;
	background-color:#215AA5;
}

.style33 {
	color: #7BD22D;
	font-weight: normal;
	font-size: 18px;
	background-color:#215AA5;
}
.style11 {
	color: #FF0000;
	font-size: 12px;
	font-weight: bold;
	background-color:#FF8513;
	word-spacing: 3px;
	letter-spacing: 3px;
}
.style12 {
	color: #FF0000;
	font-size: 12px;
	font-weight: bold;
	background-color:#FEFF35;
	word-spacing: 3px;
	letter-spacing: 3px;
}
.style13 {
	color: #FF0000;
	font-size: 12px;
	font-weight: bold;
	background-color:#00a519;
	word-spacing: 3px;
	letter-spacing: 3px;
}
.style14 {
	color: #FF0000;
	font-size: 12px;
	font-weight: bold;
	background-color:#CCFFCC;
	word-spacing: 3px;
	letter-spacing: 3px;
}
.style15 {
	color: #FF0000;
	font-size: 12px;
	font-weight: bold;
	background-color:#9999FF;
	word-spacing: 3px;
	letter-spacing: 3px;
}
.style16 {
	color: #FF0000;
	font-size: 12px;
	font-weight: bold;
	background-color:#00FF33;
	word-spacing: 3px;
	letter-spacing: 3px;
}

.style36 {
	color: #FF7800;
	font-size: 12px;
	font-weight: bold;
	background-color:#00FF33;
	word-spacing: 3px;
	letter-spacing: 3px;
}

#principal #gatito{
	position:absolute;
	top:340px;
	left:235px;
	padding:0px;
	height: 80px;
	width: 80px;
}
#principal #cerrar{
	position:absolute;
	top:450px;
	left: 100px;
	height: 20px;
	width: 100px;
	} 
	
#principal #tabla{
	table border:50px;
	position:relative;
	font-size: 10px;
	margin-top: 5px;
	text-align: center;
	font-weight: normal;
	word-spacing: 3px;
	letter-spacing: 1px;
	top:27px;
	left: 100px;
}
#horariocabeza {
	width:350px;
	height:0px;
	position:relative;
	background:#fff;
	left: 590;
	top: 0;
}
ul#menu_horario {
	position:absolute;
	top:338px;
	left: 0px;
	border:5px;
	padding:0;
	margin:0;
	list-style-type:none;
}
ul#menu_horario li {display:block; width:85px; height:30px; margin-top:1px; position:relative;}
ul#menu_horario li a{display:block; width:85px; height:30px; text-decoration:none; border-rigth:10px solid #fff; color:#DC0B0E; font-family:"comic Sans MS", tahoma, arial, verdana, sans-serif; position:relative;}
ul#menu_horario li a b {font-weight:normal; position:absolute; bottom:5px; left:5px; width:76px; height:20px;}
ul#menu_horario li a.mm1 {background:#7BD22D; border-right:10px solid #7BD22D;}
ul#menu_horario li a.mm2 {background:#215AA5; border-right:10px solid #215AA5;}
ul#menu_horario li a.mm3 {background:#FF7512; border-right:10px solid #FF7512;}
ul#menu_horario li a.mm4 {background:#215AA5; border-right:10px solid #215AA5}
ul#menu_horario li a.mm5 {background:#7BD22D; border-right:10px solid #7BD22D;}
ul#menu_horario li a.mm6 {background:#FEFF35; border-right:10px solid #FEFF35;}
ul#menu_horario li a.mm7 {background:#7BD22D; border-right:10px solid #7BD22D;}
ul#menu_horario li a:hover {cursor:pointer; border-right:15px solid #fff;}
ul#menu_horario li em {font-weight:normal; position:absolute; bottom:5px; left:5px; font-style:normal; font-family:"comic Sans MS", tahoma, arial, verdana, sans-serif;}
ul#menu_horario li a em {-weight:bold;
	position:absolute;
	bottom:6px;
	right:5px;
	font-style:normal;
	font-family:"comic Sans MS", tahoma, arial, verdana, sans-serif;
	height: 18px;
	width: 73px;
}




#principal #tablacalendario{
	table border:50px;
	float: left;
	padding-left:50px;
	font-size: 10px;
	margin-top: 5px;
	text-align: center;
	font-weight: normal;
	word-spacing: 3px;
	letter-spacing: 1px;
}
#calendariocabeza {width:350px; height:66px; position:relative; background:#fff; top:0px; left:0px}
ul#menu_calendario {
	position:absolute;
	top:21px;
	left: 350px;
	border:15px;
	padding:00;
	margin:0;
	list-style-type:none;
	width: 650px;
}
ul#menu_calendario li {display:block; width:35px; height:45px; float:left; margin-right:1px; position:relative;}
ul#menu_calendario li a{display:block; width:35px; height:45px; text-decoration:none; border-right:5px solid #FFF; color:#DC0B0E; font-family:"comic Sans MS", tahoma, arial, verdana, sans-serif;position:absolute;}
ul#menu_calendario li a b {font-weight:bold; position:absolute; bottom:5px; left:7px; height:40px;  }
ul#menu_calendario li a.mm1 {background:#7BD22D; border-top::10px solid #7BD22D;}
ul#menu_calendario li a.mm2 {background:#215AA5; border-top::10px solid #215AA5;}
ul#menu_calendario li a.mm3 {background:#FF7512; border-top::10px solid #FF7512;}
ul#menu_calendario li a.mm4 {background:#FEFF35; border-top::10px solid #FEFF35}
ul#menu_calendario li a.mm5 {background:#FF7512; border-top::10px solid #FF7512;}
ul#menu_calendario li a.mm6 {background:#215AA5; border-top::10px solid #215AA5;}
ul#menu_calendario li a.mm7 {background:#7BD22D; border-top::10px solid #7BD22D;}
ul#menu_calendario li a:hover {border-top:15px solid #fff;cursor:pointer;}
ul#menu_calendario li em {font-weight:bold; position:absolute; bottom:5px; left:7px; height:40px;font-style:normal; font-family:"comic Sans MS", tahoma, arial, verdana, sans-serif;}
ul#menu_calendario li a em {font-weight:bold; position:absolute; bottom:7px; left:7px; font-style:bold; font-family:"comic Sans MS", tahoma, arial, verdana, sans-serif;}

#principal #contenedor{
	position:absolute;
	top:150px;
	left: 375px;
	border:15px;
}

#visitacabeza {width:350px; height:66px; position:relative; background:#fff; top:0px; left:0px}

#principalvisita {
	position:absolute;
	left:0px;
	top:0px;
	width:350px;
	height:380px;
	background-color: #FFFFFF;
	}
#principalvisita #fecha{
	color: #DC0B0E;
	float: left;
	height: 15px;
	width: 350px;
	font-size: 14px;
	margin-top: 5px;
	text-align: center;
	font-weight: bold;
	word-spacing: 3px;
	letter-spacing: 1px;
	}	
#principalvisita #contenidovisita {
	font-family: "Comic Sans MS";
	margin-left: 15px;
	margin-top: 5px;
	padding:5px;
	height: 320px;
	width: 320px;
	font-size:120%;
}
#principalvisita #barracolor {
	float: left;
	padding:0px;
	height: 350px;
	width: 10px;
	margin-top: 10px;
}
#principalvisita #gatito{
	position:absolute;
	top:300px;
	left:235px;
	padding:0px;
	height: 80px;
	width: 80px;
}
#principalvisita #cerrar{
	position:absolute;
	top:350px;
	left: 100px;
	height: 20px;
	width: 100px;
	} 
	
#textosalida{
	position:absolute;
	top:184px;
	left: 200px;
	height: 200px;
	width: 450px;
	font-style: normal;
	color: #4068C7;
	font-family: "Comic Sans MS";
	font-size: 14px;
	} 	
	
#textonutricion{
	position:absolute;
	top:182px;
	left: 200px;
	height: 200px;
	width: 758px;
	font-style: normal;
	color: #4068C7;
	font-family: "Comic Sans MS";
	font-size: 14px;
	z-index: 3;
	} 	
	
#submenuarticulos {
	background-color: #666699;
	position:absolute;
	left:10px;
	top:185px;
	width:160px;
	height:973px;
	padding: 10px;
	color:#00cccc;
	z-index: 4;
	}
	
#anuncios {
	position:absolute;
	left:20px;
	top:5px;}
	
	
	#entrar {
	position:absolute;
	left:695px;
	top:51px;
	width:291px;
	height:56px;
}
#menu {
	position:absolute;
	left:225px;
	top:401px;
	width:489px;
	height:182px;
	z-index:6;
}

#menualumnos{
	position:absolute;
	left:0px;
	top:2px;
	width:580px;
	height:174px;
	z-index:2;
}


#submenuaula{
	position:absolute;
	left:30px;
	top:30px;
	width:100px;
	height:140px;
	z-index:2;
	visibility: hidden;
}


#submenuescuela{
	position:absolute;
	left:135px;
	top:30px;
	width:100px;
	height:113px;
	z-index:3;
	visibility: hidden;
}

#submenucomunidad{
	position:absolute;
	left:237px;
	top:26px;
	width:100px;
	height:40px;
	z-index:4;
	visibility: hidden;
}

#submenuavisos{
	position:absolute;
	left:343px;
	top:30px;
	width:100px;
	height:112px;
	z-index:5;
	visibility: hidden;
}

#submenunutricion{
	position:absolute;
	left:449px;
	top:30px;
	width:100px;
	height:124px;


}

#contenedor {
	position:absolute;
	left:781px;
	top:299px;
	width:82px;
	height:98px;
	z-index:9;
}

#tabla {
	left:781px;
	top:299px;

}
#comunidadarticulos{
	background-color: #666699;
	position:absolute;
	left:10px;
	top:185px;
	width:160px;
	height:973px;
	padding: 10px;
	color:#00cccc;
	z-index: 4;
	}
#submenusteps {
	position:absolute;
	left:29px;
	top:178px;
	width:105px;
	height:198px;
	z-index:24;
}