/* ********************************
	Contenedor
******************************** */
body {
	background-color: #FFFFFF;
	margin:0px;
	padding:0px;
}
#contenedor {
	position:absolute;
	width:955px;
	left:50%;
	margin-left:-477px;
}
#fondoalumnos {
	position:absolute;
	width:955px;
	height:681px;
	left: 0px;
	top: 0px;
}
#left {
	float:left;
	width:176px;
	left: 0px;
	top: 0px;
}
#iconos{
	width:100%;
	height:40px;
}
#topalumnos {
	position:absolute;
	width:779px;
	height:90px;
	top: -11px;
	left: 176px;
}
#fotos_colegio{
	position:absolute;
	width:779px;
	height:88px;
	top: 61px;
	left: 0px;
}
#bottom {
	position: relative;
	clear:left;
	width:675px;
	height:45px;
	/*left: 211px;
	top: 90%;
	top: 618px;*/
	background-image: url(../img/bg_bottom.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#postit{
	position: absolute;
	background-repeat:no-repeat;
	width: 230px; 
	height: 216px; 
	left: 550px; 
	top: 0px; 
	visibility: visible;
}
#Avisos{
	position: relative;
	background-repeat:no-repeat;
	width: 230px;
	height: 216px;
	left: 0px;
	top: 0px;
	z-index: 20;
}
#cerrar{
	position:absolute;
	width:15px;
	height:15px;
	left: 185px;
	top: 15px;
	z-index:30;
}
#postit_texto{
	position:absolute;
	width:158px;
	height:105px;
	left: 27px;
	top: 75px;
	z-index:25;
}

#banner_central{
	position:absolute;
	width:600px;
	height:400px;
	left: 133px;
	top: 127px;
	z-index:25;
	background-color:#FFFFFF;
	border-color:#000000;
	border-style:solid;
	border-width:2px;
	overflow:auto;
	overflow-x : hidden;
	margin-left:20px;
	margin-right:20px;
	margin-top:20px;
	margin-bottom:20px;
}

/* ********************************
	Menus
******************************** */
#logo {
	position: relative;
	float:left;
	width:176px;
	height:271px;;
}
/*para colocar el menú principal */ 
#cuerpo_menu {
	position:relative;
	clear:both;
	float:left;
	width: 150px;
	height: 190px;
	left: 10px;
	top: 0px;
	visibility: visible;
	
}
/*submenu para el apartado de "noticias" en index*/
#submenu {
	position: relative;
	width:100%;
	clear:left;
	float:left;
	height: 30px;
	left: 0px;
	top: 0px;
	vertical-align: bottom;
}
/*submenu ul coloca la linea separadora en lugar del punto*/
#submenu ul {
	margin:0;
	padding:0px;
	list-style:none;
}
/*submenu li coloca el menú en linea*/
#submenu li {
    float:left;
    margin:0;
    padding:5px;
	color:#666666;
	font-size: 9px;
}
#btnsagenda{
	background-image: url(../img/btns_agenda.gif);
	float: right;
}

/* ********************************
	Tabs
******************************** */
	img {
		border: none;
	} 
	#tabs {
		float: left;
		width:100%;
		background:none;
		line-height:normal;
		font-size: 12px;
		color: #D12B01;
		font-weight: bold;
	}
	#tabs ul {
		margin:0;
		padding:10px 10px 0 50px;
		list-style:none;
		margin-top:7px;
	}
	#tabs li {
		display:inline;
		margin:0;
		padding:0;
	}
	#tabs a {
		float:left;
		/*background:url("../img/menus/menu_izq_01.gif") no-repeat left top;*/
		background:no-repeat left top;
		margin:0;
		padding:0 0 0 4px;
		text-decoration:none;
	}
	#tabs a span {
		float:left;
		display:block;
		/*background:url("../img/menus/menu_dcha_01.gif") no-repeat right top;*/
		background:no-repeat left top;
		padding:5px 50px 4px 6px;
		color:#D12B01;
		cursor:pointer;
	}
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	/* End IE5-Mac hack */
	#tabs a:hover span {
		color:#FFFFFF;
	}
	#tabs a:hover {
		background-position:0% -42px;
	}
	#tabs a:hover span {
		background-position:100% -42px;
	}
	
	#tabs a.activa{
		float:left;
		/*background:url("../img/menus/menu_izq_01.gif") no-repeat left top;*/
		background: no-repeat left top;
		margin:0;
		padding:0 0 0 4px;
		text-decoration:none;
		background-position:0% -42px;
	}
	
	#tabs a.activa span {
		float:left;
		display:block;
		/*background:url("../img/menus/menu_dcha_01.gif") no-repeat right top;*/
		background: no-repeat left top;
		padding:5px 50px 4px 6px;
		color:#FFFFFF;
		cursor:pointer;
		background-position:100% -42px;
	}
/*- FIN Menu Tabs--------------------------- */ 

#circulares {
	position: relative;
	float:left;
	width:163px;
	top: 0px;
	min-height:137px; /*IMPORTANTE EL MIN-HEIGHT*/
}
*html #circulares {
	height:137px;
}

/*contenidos*/
#titcontenido {
	position:absolute;
	width:366px;
	height:18px;
	left: 211px;
	top: 181px;
}
#fotoscontenido {
	position:absolute;
	width:227px;
	height:344px;
	left: 704px;
	top: 196px;
	background-image: url(../img/bg_layer_fotos.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}
#contenido {
	position:absolute;
	width:709px;
	left: 231px;
	top: 212px;
}



#banner {
	position: relative;
	float:left;
	width:182px;
	height:115px;
	left: 50px;
	top: 20px;
	vertical-align:middle;
	text-align:center;
}
#agenda {
	position: relative;
	background: url(../img/bg_agenda.jpg) no-repeat right bottom;
	width:167px;
	/*height:308px;*/
	left: 10px;
	top: 10px;
}
#interior_index{
	float:left;
	width:778px;
	top:0px;
	left:0px;
}
#top {
	float:left;
	width:778px;
	height:216px;
	top: 0px;
	left: 0px;
	position: relative;
}
#colegio {
	position:relative;
	clear:left;
	float:left;
	width:358px;
	height:115px;
	left: 30px;
	/*top: 10px;*/
	background: url(../img/bg_colegio.jpg) no-repeat;
}
#interior_noticias_circulares{
	position:relative;
	clear:left;
	float:left;
	width: 544px;
	top:0px;
}
#fondo_noticias{
	position:relative;
	clear:left;
	float:left;
	background:url(../img/bg_noticias.gif) no-repeat;
	width: 590px;
	min-height:200px;
}
*html #fondo_noticias{
	height:200px;
}
#noticias {
	position: relative;
	float:left;
	width:550px;
	left: 25px;
}
#contmenu {
	position: relative;
	clear:left;
	float:left;
	width:372px;
	min-height:138px;
}
*html #contmenu {
	height:138px;
}
#titnoticias {
	position:relative;
	clear:left;
	float:left;
	height:18px;
	top:0px;
}
#bottom_index {
	background:url(../img/bg_bottom.jpg) no-repeat center top;
	position: relative;
	clear:left;
	float:left;
	width:100%;
	height:45px;
	bottom:0px;
}
*html #bottom_index {
	clear: none;
}