@charset "utf-8";
/* Programacion CSS para pagina principal */
#menu_header {
	position:relative;
	margin:0 auto 0 auto;
	height: 41px;
	width: 920px;
	position: relative;
	text-align: center;
	background-color: #000034;
	clip: rect(auto,auto,auto,auto);
	
}
#menu_header_cont {
	position:relative;
	margin:0 auto 0 auto;
	margin-top:5px;
	height: 30px;
	width: 920px;
	background-color: #900000;
	color:#FFFFFF;
	
}
#menu_header_cont ul {
	margin:0 auto 0 auto;
	padding:0;
    clear: both;
    font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#FFFFFF;
    list-style-type: none;
    position: relative;
	overflow: hidden;
}

#menu_header_cont ul li {
    position: relative;
	color:#FFFFFF;
    float: left;
    line-height: 1.5;
	padding-left:3px;
	margin-right:3px;
	font-size:18px;
	z-index: 9;
}
#menu_header_cont ul li.back {
	border: 1px solid #000;
	background-color: #E60000;
	width: 9px;
	height: 30px;
	z-index: 8;
	position: absolute;
}
#menu_header_cont ul li a{
	color:#FFFFFF;
	font-size:18px;
	text-decoration:none;
	}
#menu_header_cont ul li img{
	padding-top:7px;
	border:none;
	}
/* Aca se programan los botones que van despues del contenido */
#btn_middle {
	background-color: #000034;
	text-align: left;
	height: 40px;
	width: 920px;
	position: absolute;
}
#btn_middle ul {
	margin:0 auto 0 auto;
	margin-top:4px;
	padding:0;
    clear: both;
    font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#FFFFFF;
    list-style-type: none;
    position: relative;
}

#btn_middle ul li {
    position: relative;
	color:#FFFFFF;
    float: left;
	background-color:#C16B00;
	text-align:center;
	width:228px;
	height:31px;
	margin-left:2px;
}
#btn_middle ul li:hover{
	background-color:#FF9717;
	}
#btn_middle ul li a{
	
	color:#FFFFFF;
	font-size:18px;
	text-decoration:none;
	}
#btn_middle ul li img{
	border:none;
	}
/* Esta parte son de los botones que se programaran ya que cambiaran de fotos en el backend */
#btn_virtual_tour {
	text-align: left;
	height: 149px;
	width: 306px;
	position: relative;
	float: left;
}
#btn_news_events {
	text-align: left;
	height: 149px;
	width: 306px;
	position: relative;
	z-index: 2;
	float: left;
}
#btn_abajo_strip {
	position: absolute;
	height: 149px;
	width: 920px;
	text-align: left;
	overflow: hidden;
	top: 505px;
}

/* Aca van las imagenes que tienen el Copyright y design */
#footer {
	height: 65px;
	width: 920px;
	position: absolute;
	background-color: #000034;
	top: 665px;
}
.footer_img_left {
	background-position: left top;
	float: left;
}

.footer_img_right {
	text-align: right;
	float: right;
}

#photo_gallery {
	position: relative;
	height: 149px;
	width: 306px;
	float: left;
	text-align: left;
}

#content_inicio {
	position: relative;
	height: 419px;
	width: 920px;
	text-align: left;
}
#mask {
	position: relative;
	height: 419px;
	width: 920px;
	text-align: left;






	top:-700
.px;
	z-index:13;
	float:left;
	top: -770px;
	
}


#content_all {
	position: relative;
	height: 657px;
	width: 925px;
	background-color: #000034;
	border: 1px solid #FFFFFF;
}

/* CSS de paginas siguientes */

#content_titulos {
	position: relative;
	width: 920px;
	height: 98px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-indent: 0px;
	vertical-align: middle;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 25px;
	padding-left: 37px;
}

#content_all_paginas_siguientes {
	position: relative;
	height: 780px;
	width: 937px;
	background-color: #000034;
	border: 1px solid #FFFFFF
}

#content_area_blanca {
	position: relative;
	height: 732px;
	width: 920px;
	background-color: #000034;
	border: 0px none #FFFFFF;
	background-image: url(images/background_base.gif);
}

#content_our_school_top {
	position: relative;
	height: 247px;
	width: 920px;
}
	#content_our_school_top_left{
	position: relative;
	width: 456px;
	height: 247px;
	float: left;
	text-align: center;
	}
	
		
	
	#content_our_school_top_right{
	position: relative;
	width: 399px;
	height: 180px;
	float: left;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	overflow: hidden;
	padding-top: 30px;
	}
	
	#content_our_school_bottom_left{
	position: relative;
	width: 399px;
	height: 180px;
	float: left;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	overflow: hidden;
	padding-top: 30px;
	}


#content_our_school_middle_bar {
	position: relative;
	height: 52px;
	width: 920px;
	float: left;
}

		.bar_middle {
			color: #999999;
			position: relative;
		}

#content_our_school_bottom {
	position: relative;
	height: 247px;
	width: 920px;
}

#btn_flash_down {
	position: relative;
	width: 920px;
	height: 88px;
	padding-top: 40px;
}

	.footer_flash_down {
	text-align: center;
	}

#content_alla{
	background:#000034;
	width: 990px;
	margin: 0 auto 0 auto;
	height: 730px;
	padding-top: 38px;
}
/*sidepanel*/
#sidepanel{
	position:absolute;
	top:0px;
	lef:0px;
	width:230px;
	height:420px;
	z-index:999;
	background:url("/sitioweb/images/sidepanelbg.png");
	}
#sptab{
	position:absolute;
	top:10px;
	right:5px;
	width:18px;
	height:55px;
	cursor:pointer;
	}
#spcont{
	position:absolute;
	right:24px;
	top:10px;
	width:195px;
	height:405px;
	}
#sblogo{
	position:relative;
	height:130px;
	width:195px;
	text-align:center;
	}
#spmain{
	position:relative;
	width:195px;
	height:250px;
	}
#spmain input[type=text],#spmain input[type=password]{
	width:185px;
	font-weight:bold;
	}
table#splogin{
	color:#FFFFFF;
	font-weight:bold;
	}
table#sploggedin{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	width:195px;
	height:250px;
	}
.especialClass{
	background-color:#FF9;
	}