body {
    position: relative;
	color: gray;
	margin: 10px 0 0 0;
	padding: 0;
	font: 75% Arial, Helvetica, sans-serif;
	min-width:800px;
	background: #3170b6 url(images/bg3.png) repeat-y center;
	}
	

img{
	border:none;
	margin:0;
	}	
	
#wrapper{
	position: relative;
	padding: 0;
	margin: 0 auto;
	width: 821px;
	background: url(images/bgpng) repeat-y;
	}
#wrapper:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	position: relative;
	border: 0;
	}
h1, h2, h3{
	font-weight: bold;
	padding: 10px 0 0 0;
	margin: 0;
	}
h1{
	font-size: 130%;
	color: black;
	border-bottom: 1px dashed silver;
	}
h2{
	font-size: 110%;
	color: black;
	border-bottom: 1px dashed #e8e8e8;
	}
h3{
	font-size: 100%;
	color: #80a1cd;
	}
a:link {
	color: gray;
	text-decoration: none;
    }
a:visited {
	color: #234D76;
    }
a:hover {
	color: black;
	text-decoration: underline;
    }



/* header styles
============================== */

#header{
	position: relative;
	height: 138px;
	background: white;
	border: 1px solid gray;
	
	}
	
	
	
	
	
#branding {
	position: relative;
	left: 15px;
	top: 25px;
	width: 300px;
	height: 110px;
    }
#pagedescription{
	position: relative;
	top: 50px;
	float: right;
	margin: 0 15px 0 0;
	text-align: right;
	line-height: 100%;
	clear: both;
    }
#pagedescription h2{
	font-weight: normal;
	color: gray;
	padding: 0;
	margin: 0;
    }
#pagedescription h1 {
	font-weight: normal;
	border: 0;
	padding: 0;
	margin: 0;
    }

/* feel free to delete this class. */
.templogo {
    font-size: 3em;
	}




/* menu styles
============================== */

#menu{
	margin-top: 10px;
	position: relative;
	height: 76px;
    background: url(images/menuPrincipalAnillas2.png) no-repeat center;
	text-align: center;
    }

    
#menu ul {
	display: inline;
	position: relative;
	top: 5px;
	padding:0 1px 0 1px;
	
    }
#menu li,
#footer li{
	display: inline;
	padding: 6px;
    }
    
    
/* css botones menus------------------------------------------------------------------------------------------------*/    
#menu li a #botoninicio{
	display: inline;
	background: url(images/botonesmenu/inicio.png) no-repeat ;
	
    }
#menu li a #botoninicio:hover ,
#menu li a #botoninicio:focus{
   
    background: url(images/botonesmenu/inicioHover.png) no-repeat ;
    
    }
    
    
    
    #menu li a #botoninfantil{
	display: inline;
	background: url(images/botonesmenu/infantil.png) no-repeat ;
	
    }
#menu li a #botoninfantil:hover ,
#menu li a #botoninfantil:focus{
   
    background: url(images/botonesmenu/infantilHover.png) no-repeat ;
    
    }
    
    
    
      #menu li a #botonPrimaria{
	display: inline;
	background: url(images/botonesmenu/primaria.png) no-repeat ;
	
    }
#menu li a #botonPrimaria:hover ,
#menu li a #botonPrimaria:focus{
   
    background: url(images/botonesmenu/primariaHover.png) no-repeat ;
    
    }
    
    
         #menu li a #botonEso{
	display: inline;
	background: url(images/botonesmenu/eso.png) no-repeat ;
	
    }
#menu li a #botonEso:hover ,
#menu li a #botonEso:focus{
   
    background: url(images/botonesmenu/esoHover.png) no-repeat ;
    
    }
    
        #menu li a #botonPastoral{
	display: inline;
	background: url(images/botonesmenu/pastoral.png) no-repeat ;
	
    }
#menu li a #botonPastoral:hover ,
#menu li a #botonPastoral:focus{
   
    background: url(images/botonesmenu/pastoralHover.png) no-repeat ;
    
    }
    
         #menu li a #botonAmpa{
	display: inline;
	background: url(images/botonesmenu/ampa.png) no-repeat ;
	
    }
#menu li a #botonAmpa:hover ,
#menu li a #botonAmpa:focus{
   
    background: url(images/botonesmenu/ampaHover.png) no-repeat ;
    
    }
    
    
          #menu li a #botonComedor{
	display: inline;
	background: url(images/botonesmenu/comedor.png) no-repeat ;
	
    }
#menu li a #botonComedor:hover ,
#menu li a #botonComedor:focus{
   
    background: url(images/botonesmenu/comedorHover.png) no-repeat ;
    
    }
    
    
          #menu li a #botonNoticias{
	display: inline;
	background: url(images/botonesmenu/noticias.png) no-repeat ;
	
    }
#menu li a #botonNoticias:hover ,
#menu li a #botonNoticias:focus{
   
    background: url(images/botonesmenu/noticiasHover.png) no-repeat ;
    
    }
    
           #menu li a #botonOrientacion{
	display: inline;
	background: url(images/botonesmenu/orientacion.png) no-repeat ;
	
    }
#menu li a #botonOrientacion:hover ,
#menu li a #botonOrientacion:focus{
   
    background: url(images/botonesmenu/orientacionHover.png) no-repeat ;
    
    }
    
    
/* FIN css botones menus------------------------------------------------------------------------------------------------*/       
    
    
    
.active{
    font-weight: bolder;
    }

 #sidemenu1 {
margin-top: 40px;
position: absolute;
top: 230px;
width: 194px;
background: url(images/body-bg.png) repeat-x center;
    } 
     
#sidemenu2 {
margin-top: 250px;
position: absolute;
top: 230px;
width: 194px;
background: url(images/body-bg.png) repeat-x center;
    } 
   
#sidemenu3 {
margin-top: 430px;
position: absolute;
top: 230px;
width: 194px;
background: url(images/body-bg.png) repeat-x center;
    }     
    
#sidemenu4 {
margin-top: 500px;
position: absolute;
top: 230px;
width: 194px;
background: url(images/body-bg.png) repeat-x center;
  }
  

    
#sidemenu5 {
margin-top: 570px;
position: absolute;
top: 230px;
width: 194px;
background: url(images/body-bg.png) repeat-x center;
    }  
    
#sidemenu6 {
margin-top: 640px;
position: absolute;
top: 230px;
width: 194px;
background: url(images/body-bg.png) repeat-x center;
    }      

#sidemenu7 {
margin-top: 710px;
position: absolute;
top: 230px;
width: 194px;
background: url(images/body-bg.png) repeat-x center;
    }      
    
#smtop,
#smbottom{
	position: relative;
	background: url(images/menuArriba.png) no-repeat center;
	height: 14px;
	line-height: 14px;
	margin-top: 0;
	padding: 0;
	clear: both;
    }
   
#smbottom{
	background: url(images/menuAbajo.png) no-repeat center;
    }

#smtitle h1{
    padding: 0;
    margin-left: 10px;
    margin-right: 10px;
    font: normal normal bolder 120% Arial, Helvetica, sans-serif;
    border-bottom: thin dotted;
    }
/*menu via educativa--------------------------------------------------------------------------------------------*/
 #sidemenu2 ul li,#sidemenu1 ul li {
margin-left: 100px; 
font-weight: bold;
font: arial;

 }  
 
#profesores{
	 color: #9EA40E;
	 text-decoration:none;
 }  
 
#alumnos{

	color: #6B6F0C; 
	text-decoration:none;
}    
 
 
#padres{
		color: #D6DD3F;	 
		text-decoration:none;
}

#sidemenu2 ul li a:hover{
		text-decoration:underline;
	}

#logoViaEducativa{
		border:none;
		margin-left:10px;
	
	}

 /*fin menu via educativa--------------------------------------------------------------------------------------------*/ 
    
#unificador{
	min-height:216px;
	background:  url(images/sm-bg.png) repeat-y center;
	}  

#sidemenu {
	
	min-height:500px;
    margin-top: 10px;
	position: absolute;
	top: 193px;
	width: 194px;
	background: url(images/body-bg.png) repeat-x center;
    }
    
#sidemenu ul,#sidemenu2 ul,#sidemenu1 ul,
#smtitle{
	list-style: none;
	padding: 0;
	margin: 0;
	width: 194px;
	background:  url(images/sm-bg.png) repeat-y center;
    }
    
#sidemenu ol{
  
	  	list-style:none;
	  	display:block;
	  }  
#sidemenu li,#sidemenu2 li,#sidemenu1 li{
	padding: 3px 0 3px 1px;
	list-style:none;
	
    }
#sidemenu li a{
	line-height: 18px;
	padding-left: 10px;
	color: gray;
	display: block;
	/*height: 19px;*/
	text-decoration: none;
	font-weight:bold;
	
    }
#sidemenu li a:hover,
#sidemenu li a:focus{
	text-decoration: underline;
	color: black;
    }
#sidemenu li a.currentpage {
    text-decoration: underline;
	color: black;
    }
    
    
    #sidemenu ol li a:hover,
#sidemenu ol li a:focus{
	text-decoration: underline;
	color: black;
    }
    
    #sidemenu ol li a{
	    font-weight:normal;
	font-size:0.9em;
	margin-left:-30px;
	color: gray;
	display: block;
	/*height: 19px;*/
	text-decoration: none;
    }




/* content styles
============================== */

#bodywrap{
	position: relative;
	left: 204px;
	width: 617px;
	min-height: 600px;
	text-align: center;
    background: url(images/linea.png) repeat-y left;
    
    }
.bodyInicio{
	position: relative;
	left: 204px;
	width: 617px;
	min-height: 200px;
	text-align: center;
    background: url(images/linea.png) repeat-y left;
	}
#bodytop,
#bodybottom{
	position: relative;
    left: 160px;
	width: 660px;
	background: url(images/body-top.png) no-repeat center;
	height: 12px;
	line-height: 12px;
	margin: 0;
	padding: 0;
    }
    
#bodyAnillas{
		position: relative;
	left: 204px;
	width: 617px;
	min-height: 55px;
	text-align: center;
    background: url(images/unionAnillas.png) no-repeat;
	
}
    
    
#bodytop {
    margin-top: 10px;
    }
#bodybottom{
		position: relative;
	left: 204px;
	width: 617px;
	min-height: 12px;
	text-align: center;
    background: url(images/finAnillas.png) no-repeat;
    }
#contentbody{
    position: relative;
    width:550px;
    margin-left:30px;
    margin-right:30px;
	/*padding: 0 15px 0 65px;*/
	/*margin-left: 2em;*/
	border: 0;

	text-align: justify;
    }
#contentbody p{
	padding: 3px 0;
	margin: 0;
    }
#contentbody ul,
#contentbody ol{
	/*padding: 3px 0;*/
	/*margin-left: 30px;*/
	/*list-style: outside;*/
    }
    
#contentbody ul a{
 	text-decoration:none;
 	color: #335EDA;
	 }  
#contentbody ul a:hover{
 	text-decoration:underline;
 	color:black;
	 }  
#contentbody ul a:visited{
 	color:black;
	 }  
#contentbody img {
    border: 0;
   
    }


/* footer styles
============================== */

#footer{
	margin-top: 10px;
	clear: both;
	position: relative;
	height: 38px;
	background: url(images/footerbg2.png) no-repeat center;
	text-align: center;
	font-size: 9px;
    }
#footer p{
	position: relative;
	top: 13px;
	padding: 0;
	padding-left: 15px;
	display: inline;
    }
#footer ul{
	display: inline;
	position: relative;
	top: 13px;
	padding: 0;
    }
#footer li{
	padding: 0 0 0 10px;
	display: inline;
	list-style: none outside;
    }
#footer a:link {
	color: #000;
	text-decoration: none;
    }
#footer a:visited {
	color: gray;
	text-decoration: none;
    }
#footer a:hover {
	color: #000;
	text-decoration: underline;
    } 
      
#circulares{	  
   border-right: thin solid #000000;
} 

#submenu1	{
	position:relative;
	display: inline;
	float: 	left;
	
}

#submenu2	{
	position:relative;
	display: inline;
	float: 	left;
	
}
#submenu3	{
	position:relative;
	display: inline;
	float: 	left;
	
}



.enlacesColegio{
	
	list-style:none;
	
	}
	
	
	#sellos{
	margin-left: 200px;
	margin-top: 10px;
	}
	
	
	
	.masInfo{
	position: relative;
	left: 204px;
	width: 617px;
	
    background: url(images/linea.png) repeat-y left; 
    padding: 1%;
    }
    
    .masInfo a{
	margin-left:400px;
    }
    
    .masInfo a:visited{
	    text-decoration:none;
	color:black;
    }
	.masInfo a:hover{
	    text-decoration:underline;
	color:black;
    }
	#cabeceraMes{
		
    	margin-bottom: 10px;
    	font: normal normal bold 95% Arial, Helvetica, sans-serif;	
    	text-align:center;		
    	border:none;	
	}	
	#contentbody ul{
	padding: 3px 0;
	margin: 0 18px;
 	list-style: disc;
	}
	
	
	/*table{
	
		background-color:gray;
		border: 0px;
		border-collapse: collapse;
		border-spacing: 0px;
	}
	th{
	
	
	background-color:white;
	}	
	
	td{
	
	background-color:white;
	}*/
	table
		{ text-align: center;
		font-family: Verdana;
		font-weight: normal;
		font-size: 11px;
		color: #404040;
		width: 550px;
		background-color: #fafafa;
		border: 1px #3170B6 solid;
		border-collapse: collapse;
		border-spacing: 0px; }

	th
		{ 
		border-left: 1px solid #3170B6;
		background-color: #3170B6;
		text-align: left;
		text-indent: 5px;
		font-family: Verdana;
		font-weight: bold;
		font-size: 11px;
		color: #FFFFFF; }

	td
		{ border-bottom: 1px solid #3170B6;
		border-top: 0px;
		border-left: 1px solid #3170B6;
		border-right: 0px;
		text-align: left;
		text-indent: 10px;
		font-family: Verdana, sans-serif, Arial;
		font-weight: normal;
		font-size: 11px;
		color: gray;
		background-color: #fafafa;
		/*padding:0;*/ }
	
	.pdf{
		list-style: url(images/acrobat.png);
	}
	cite{
		background:url(images/comillas.png) no-repeat left;
		padding-left:20px;
		}
		
	#enlacePDF{
		margin-left:15px;
		
		}
		
	#mapa{
		margin-top:25px;
		margin-left:60px;
		}
		
		ul.images { margin-left: -15px; margin-bottom: 0; padding: 15px 0 0; list-style-type: none; height: 1%; width: 104%; }

* html ul.images { width: 100%; }

ul.images:after { content: "."; clear: both; display: block; visibility: hidden; height: 0; }

ul.images li { float: left; margin: 10px;  list-style:none; border:solid black 2px }

ul.images li img { vertical-align: middle; }

#lightbox{
	border: solid 1px black;
	background-color:#eee;
	padding: 10px;
	
	
	}
#lightboxDetails{
	font-size: 1.2em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

/*#overlay{ background-image: url(images/lightbox/overlay.png); }*/

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(images/lightbox/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/lightbox/overlay.png", sizingMethod="scale");
	}
	
/*Layer login*/

.login {

	background: #fff url(../gestor/images/layout/itenmenucontainer3.gif) no-repeat left top;

	float: left;

	width: 350px;
	height:100px;
	margin-left:100px;

	padding-bottom: 50px;	
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;

}

div.top  {

	background: #506D76 url(../gestor/images/layout/nav.png) repeat-x left -50px;

	width: auto;

	border-style: none;

	border-width: 0px;

	color:#fff;

	font-size: 1em;

	font-weight: bold;

	text-align: right;

	padding: 11px 10px 11px 0;

	margin:5px 5px 0 5px;

 }

div#copy {

 /*prepair pre-loader for tabs (cache now)*/

	background: #fff url(../gestor/images/layout/tabs.png) no-repeat -500px; 

/*end*/

	font-size: 1em;

	font-weight: normal;

	color: #243135;

	clear: both;

	text-align: center;

}

div#copy a{

	

	font-weight: bold;

	color: #243135;

}

.login-footer {

	height: 50px;

	width: auto;

	clear: both;

}

#centerLogin, .centerLogin {

	height: 100%;

	margin:0px;

	padding: 10px 5px;	

}

div.formcontainer  {

	padding: 10px;

	overflow: hidden;

	margin:0px;

   }

div.erroLogin  {

	margin: 2px 2px 5px 2px;

	padding: 10px 10px 10px 35px;

	border: 1px solid #FD9999;

	color: #000;

	width: auto;

	background: #FEDADA url(../gestor/images/icons/system/stop.gif) no-repeat 5px 5px;

	font-weight: bold;

	height:1%; /*IE6*/

   }

div.lbfieldstext  {

	float: left;

	margin-left: 10px;

	margin-top: 10px;

	font-size: 0.8em;

	text-align:right;

   }

div.login-fields  {

	float: left;

	margin-left: 10px;

	padding-left: 10px;

   }

div.login-fields input.loginsubmit  {

margin-top: 5px;

 }

div.formcontainer #lbpassword, div.formcontainer #lbusername   {

   margin-top: 5px;

   width:120px;

}

input.order { 

   width:2em;

   font-size: 1em;

   text-align: center;

   }

p.lbuser  {

   color: #555555;

   font-size: 1.2em;

   }

p.lbpass  {

   color: #555555;

   font-size: 1.2em;

   margin-top: 10px;

   }
#loginImg{
margin-left:40px;
margin-top:10px;
	}
#contadorVisitas{
	list-style: none;
	padding: 0;
	margin: 0;
	width: 194px;
	height:25px;
	background:  url(images/visitas.png) no-repeat center;
    }
#counter{
margin-left: 82px;
padding-top: 5px;
	}
.listaEventos{
	margin-top:10px;
	}

	
//---------------------------	
		
.m1 {
   font-family:MS Sans Serif;
 
}

#menuCalendario{	
padding-top: 10px;
padding-left: 17px;
	
}

#tablaCalendario{
	width: 140px;
	height: 150px;
	 
}
#tablaCalendario tr,#tablaCalendario td{
	width: 12px;
	height: 15px; 
	
}
#numerosCalendario{

	padding-left: 10px;	
		
}

#numerosevento{

	text-decoration: none;
	color:white;
	background-color: #3170B6;
	
		
}

#numerosnormales{
	
	text-decoration: none;
	color:gray;
}