@charset "UTF-8";

@font-face {
	font-family:UbuntuTitlingBold;
	src: url(../fonts/UbuntuTitling-Bold.eot);
	src: local(Ubuntu Titling Bold), local(UbuntuTitling-Bold), url(../fonts/UbuntuTitling-Bold.ttf) format("truetype");
}

/*
 * This CSS file has been generated by fontsquirrel.com and is based on the work of Paul Irish. 
 * The fonts included are copyrighted by the vendor listed below.
 * @vendor:     Andrew Fitzsimon
 * @licenseurl: http://www.fontsquirrel.com/license/Ubuntu-Title
 */

body  { width:13300px; font-family:Arial, sans-serif; margin: 0; padding: 0; overflow: hidden; }
a img { border:none;  }
h1{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; color:#000; line-height: 18px;   margin:4px;}
h2{font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#000; line-height: 18px;  }
h3{font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#6d7c2d; line-height: 18px; }
.italic{ font-style:italic; padding:2px;}
.bold{ font-weight:bold;}
p { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 14px; padding-bottom:3px;}
.small{ font-size:11px;}
.links a{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height: 13px; color:#FFF;}
#header{ width:100%; height:30%;}
#logo{ width:356px; height:100px; position:fixed;  margin-top:10px; margin-left:20px; z-index:2;}	

.container { float: left; display: block; height: 1100px; width: 1900px; position: relative;; z-index:1 !important; }
.texto{margin-top:110px; margin-left:210px; width:700px; height:460px; position:absolute; z-index:4;}

#galeria_contenedor{ width:400px; height:267px; overflow:hidden; position:relative; margin-left:100px; margin-top:57px;}
#marco_niveles{background:url(../images/marco_niveles.png) no-repeat; width:712px; height:365px; margin-left:156px; margin-top:178px; position:absolute; z-index:1;}
#marco_cono{background:url(../images/marco_cono.png) no-repeat; width:712px; height:365px; margin-left:156px; margin-top:178px; position:absolute; z-index:1;}


#creditos{ width:110px; height:135px;  }
#cr_top{ width:110px; height:85px; clear:both; display:block; float:none; position:relative; }
#cr_left{  width:86px; height:85px; float:left; display:inline; position:relative;   }
#cr_left_top{width:86px; height:68px; clear:both; display:block;float:none; position:relative;   }
#cr_edwin a{ width:26px; height:68px; float:left; display:inline; position:relative; background:url(../images/creditos/creditos.png) no-repeat;   }
#cr_nombres{width:60px; height:68px;float:left; display:inline; position:relative;  }
#cr_coco a{width:59px; height:26px; clear:both; display:block;float:none; position:relative;  background:url(../images/creditos/creditos-02.png) no-repeat; }
#cr_chicho a { width:59px;height:17px; clear:both; display:block;float:none; position:relative;background:url(../images/creditos/creditos-04.png) no-repeat;   }
#cr_xoch a {width:59px; height:25px;clear:both; display:block;float:none; position:relative;background:url(../images/creditos/creditos-05.png) no-repeat;  }
#cr_left_bottom{width:90px; height:17px; clear:both; display:block;float:none; position:relative;  }
#cr_tanhya a{width:50px; height:15px; float:left; display:inline; position:relative; background:url(../images/creditos/creditos-06.png) no-repeat;  }
#cr_rafa a{width:35px; height:15px; float:left; display:inline; position:relative; background:url(../images/creditos/creditos-07.png) no-repeat;   }
#cr_right a{width:23px; height:85px; float:left; display:inline; position:relative; background:url(../images/creditos/creditos-03.png) no-repeat;  }

#cr_bottom{width:110px; height:50px; clear:both; display:block;float:none; position:relative;  }
#cr_datos{  width:110px; height:12px; clear:both; display:block;float:none; position:relative;  background:url(../images/creditos/creditos-08.png) no-repeat;  }
#cr_logo a{width:110px; height:38px; clear:both; display:block;float:none; position:relative;  background:url(../images/creditos/creditos-09.png) no-repeat;  }

#cr_edwin a:hover{ background-position: -26px 0px; position: relative;}
#cr_coco a:hover{background-position: -61px 0px; position: relative;}
#cr_chicho a:hover {}
#cr_xoch a:hover {background-position: -60px 0px; position: relative;}
#cr_tanhya a:hover{}
#cr_rafa a:hover{}
#cr_right a:hover{}
#cr_logo a:hover{background-position: -99px 0px; position: relative;}


#panel {
	width:112px;
	height: 135px;
	display: none;
	position:fixed;
	z-index:5;
	margin-left:85%;
	margin-top:30px;
}
.slide {
	margin: 0;
	padding: 0;
	position:fixed;
	z-index:5;
	margin-left:85%;
}
.btn-slide {
    font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#333;
	width: 200px;
	height: 40px;
	display: block;
	text-decoration: none;
	z-index:5;
	padding:0px 20px 0 0;
}
/*BOTON GALERIA CONOCENOS*/
p.ovalbutton{
background: transparent url('../images/btn5_left.png') no-repeat top left; display: block; float: left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; line-height: 32px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 40px; /* Height of button background height */ padding-left: 11px; /* Width of left menu image */ text-decoration: none;}
p:link.ovalbutton, p:visited.ovalbutton, p:active.ovalbutton{ color:#ffffff; font-weight:bold; /*button text color*/ }
p.ovalbutton span{ background: transparent url('../images/btn5_right.png') no-repeat top right; display: block; padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/ cursor:default;
}



/*BOTON NARANJA*/
a.ovalbutton{
background: transparent url('../images/btn_left.png') no-repeat top left; display: block; float: left; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 32px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 40px; /* Height of button background height */ padding-left: 11px; /* Width of left menu image */ text-decoration: none;}
a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{ color:#ffffff; font-weight:bold; /*button text color*/ }
a.ovalbutton span{ background: transparent url('../images/btn_right.png') no-repeat top right; display: block; padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/ cursor:default;
}


/*BOTON VERDE*/
a.ovalbutton2{
background: transparent url('../images/btn2_left.png') no-repeat top left; display: block; float: left;  font-family:Arial, Helvetica, sans-serif; font-size:12px;  line-height: 32px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 40px; /* Height of button background height */ padding-left: 11px; /* Width of left menu image */ text-decoration: none;}
a:link.ovalbutton2, a:visited.ovalbutton2, a:active.ovalbutton2{ color:#fff; font-weight:bold; /*button text color*/ }
a.ovalbutton2 span{ background: transparent url('../images/btn2_right.png') no-repeat top right; display: block; padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/ cursor:default;
}


/*BOTON ROSA*/
a.ovalbutton3{
background: transparent url('../images/btn3_left.png') no-repeat top left; display: block; float: left;  font-family:Arial, Helvetica, sans-serif; font-size:12px;  line-height: 32px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 40px; /* Height of button background height */ padding-left: 11px; /* Width of left menu image */ text-decoration: none;}
a:link.ovalbutton3, a:visited.ovalbutton3, a:active.ovalbutton3{ color:#fff; font-weight:bold; /*button text color*/ }
a.ovalbutton3 span{ background: transparent url('../images/btn3_right.png') no-repeat top right; display: block; padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/ cursor:default;
}


/*BOTON AZUL*/
a.ovalbutton4{
background: transparent url('../images/btn4_left.png') no-repeat top left; display: block; float: left;  font-family:Arial, Helvetica, sans-serif; font-size:12px;  line-height: 32px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 40px; /* Height of button background height */ padding-left: 11px; /* Width of left menu image */ text-decoration: none;}
a:link.ovalbutton4, a:visited.ovalbutton4, a:active.ovalbutton4{ color:#fff; font-weight:bold; /*button text color*/ }
a.ovalbutton4 span{ background: transparent url('../images/btn4_right.png') no-repeat top right; display: block; padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/ cursor:default;
}


/*BOTON MORADO*/
a.ovalbutton5{
background: transparent url('../images/btn5_left.png') no-repeat top left; display: block; float: left;  font-family:Arial, Helvetica, sans-serif; font-size:12px;  line-height: 32px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 40px; /* Height of button background height */ padding-left: 11px; /* Width of left menu image */ text-decoration: none;}
a:link.ovalbutton5, a:visited.ovalbutton5, a:active.ovalbutton5{ color:#fff; font-weight:bold; /*button text color*/ }
a.ovalbutton5 span{ background: transparent url('../images/btn5_right.png') no-repeat top right; display: block; padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/ cursor:default;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

/*MENU*/
#menu { width:160px; height:200px; position:fixed; margin-top:150px; margin-left:20px;  z-index:3; }
#menu ul { margin-bottom:20px; border:none; }
#menu ul li { cursor:pointer; }	
#menu ul li span { padding:0px; display:block; border:none; }	
#menu ul li span a { background-repeat:no-repeat; display:block; border:none;}
#menu a{ font-family: UbuntuTitlingBold, Arial, Helvetica, sans-serif; text-decoration:none; }
.smenu2{ height:15px;}
#menu ul li ul{ margin-bottom:0px; }	
#submenu { display:inline; height:20px;  }
#submenu a { display:block; background-repeat:no-repeat; height:20px; }

.current_menu{ font-family: UbuntuTitlingBold, Arial, Helvetica, sans-serif; color:#000; font-size:20px; line-height:20px;}


/*MENU INICIO*/
.menu_txt a{ color:#fff; font-size:20px; }
.submenu_txt a{color:#fff; font-size:16px; padding-left:10px; }
.sub_submenu_txt a{ color:#fff; font-size:14px; padding-left:20px;   }
.menu_txt a:hover{ color:#000;}
.submenu_txt a:hover{color:#000;  padding-left:10px;}
.sub_submenu_txt a:hover{color:#000;  padding-left:20px;}


/*MENU CONOCENOS*/
.menu_txt_cono a{ color:#613580; font-size:20px; }
.submenu_txt_cono a{color:#613580; font-size:16px; padding-left:10px;  }
.sub_submenu_txt_cono a{ color:#613580; font-size:14px; padding-left:20px;   }
.menu_txt_cono a:hover{ color:#000;}
.submenu_txt_cono a:hover{color:#000;  padding-left:10px;}
.sub_submenu_txt_cono a:hover{color:#000;  padding-left:20px;}

/*MENU NIVELES*/
.menu_txt_niv a{ color:#256D80; font-size:20px; }
.submenu_txt_niv a{color:#256D80; font-size:16px; padding-left:10px; }
.sub_submenu_txt_niv a{ color:#256D80; font-size:14px; padding-left:20px;   }
.menu_txt_niv a:hover{ color:#000;}
.submenu_txt_niv a:hover{color:#000;  padding-left:10px;}
.sub_submenu_txt_niv a:hover{color:#000;  padding-left:20px;}

/*MENU ADMISIONES*/
.menu_txt_adm a{ color:#4F8024; font-size:20px; }
.submenu_txt_adm a{color:#4F8024; font-size:16px; padding-left:10px; }
.sub_submenu_txt_adm a{ color:#4F8024; font-size:14px; padding-left:20px;   }
.menu_txt_adm a:hover{ color:#000;}
.submenu_txt_adm a:hover{color:#000;  padding-left:10px;}
.sub_submenu_txt_adm a:hover{color:#000;  padding-left:20px;}

/*MENU GALERIA*/
.menu_txt_gal a{ color:#71802E; font-size:20px; }
.submenu_txt_gal a{color:#71802E; font-size:16px; padding-left:10px; }
.sub_submenu_txt_gal a{ color:#71802E; font-size:14px; padding-left:20px;   }
.menu_txt_gal a:hover{ color:#000;}
.submenu_txt_gal a:hover{color:#000;  padding-left:10px;}
.sub_submenu_txt_gal a:hover{color:#000;  padding-left:20px;}


/*MENU NOTICIAS*/
.menu_txt_not a{ color:#AF7E3C; font-size:20px; }
.submenu_txt_not a{color:#AF7E3C; font-size:16px; padding-left:10px; }
.sub_submenu_txt_not a{ color:#AF7E3C; font-size:14px; padding-left:20px;   }
.menu_txt_not a:hover{ color:#000;}
.submenu_txt_not a:hover{color:#000;  padding-left:10px;}
.sub_submenu_txt_not a:hover{color:#000;  padding-left:20px;}

/*MENU EGRESADOS*/
.menu_txt_egr a{ color:#827943; font-size:20px; }
.submenu_txt_egr a{color:#827943; font-size:16px; padding-left:10px; }
.sub_submenu_txt_egr a{ color:#827943; font-size:14px; padding-left:20px;   }
.menu_txt_egr a:hover{ color:#000;}
.submenu_txt_egr a:hover{color:#000;  padding-left:10px;}
.sub_submenu_txt_egr a:hover{color:#000;  padding-left:20px;}

/*MENU CONTACTO*/
.menu_txt_con a{ color:#803F61; font-size:20px; }
.submenu_txt_con a{color:#803F61; font-size:16px; padding-left:10px; }
.sub_submenu_txt_con a{ color:#803F61; font-size:14px; padding-left:20px;   }
.menu_txt_con a:hover{ color:#000;}
.submenu_txt_con a:hover{color:#000;  padding-left:10px;}
.sub_submenu_txt_con a:hover{color:#000;  padding-left:20px;}




/*INICIO*/
#index{ background:#e3c238; width:1900px; height:1100px; overflow:hidden; border:none;}

/*CONOCENOS*/
#quienes { background:#D1A9EB url(../images/conocenos/fondo1.gif) no-repeat top left; width:1898px; height:1100px; overflow:hidden; border:none;}
#quienes_objeto{background:url(../images/conocenos/objeto_quienes.png) no-repeat; width:357px; height:224px; margin-left:590px; margin-top:190px; position:absolute; z-index:5;}
#equipo { background:#D1A9EB url(../images/conocenos/fondo2.gif) no-repeat top left; width:1898px; height:1100px; overflow:hidden; border:none;}


#historia { background:#D1A9EB url(../images/conocenos/fondo3.gif) no-repeat top left; width:1898px; height:1100px; overflow:hidden; border:none;}
#historia_objeto{background:url(../images/conocenos/objeto1.png) no-repeat; width:185px; height:611px; margin-left:780px; margin-top:90px; position:absolute; z-index:5;}
#celestin { background:#D1A9EB url(../images/conocenos/fondo4.gif) no-repeat top left; width:1898px; height:1100px; overflow:hidden; border:none;}
#celestin_objeto{background:url(../images/conocenos/objeto2.png) no-repeat; width:590px; height:539px; margin-left:800px; margin-top:255px; position:absolute; z-index:5;}
#celestin_objeto2{background:url(../images/conocenos/objeto6.png) no-repeat; width:343px; height:82px; margin-left:530px; margin-top:35px; position:absolute; z-index:5;}
#programas {background:#D1A9EB url(../images/conocenos/fondo5.gif) no-repeat top left; width:1898px; height:1100px; overflow:hidden; border:none;}
#programas_objeto{background:url(../images/conocenos/objeto3.png) no-repeat; width:368px; height:679px; margin-left:780px; margin-top:140px; position:absolute; z-index:5;}
#preguntas {background:#D1A9EB url(../images/conocenos/fondo6.gif) no-repeat top left; width:1898px; height:1100px; overflow:hidden; border:none; }
#preguntas_objeto{background:url(../images/conocenos/objeto4.png) no-repeat; width:380px; height:253px; margin-left:780px; margin-top:510px; position:absolute; z-index:5;}
#instalaciones {background:#D1A9EB url(../images/conocenos/fondo7.gif) no-repeat top left; width:1898px; height:1100px; overflow:hidden; border:none; }
#instalaciones_objeto{background:url(../images/conocenos/objeto5.png) no-repeat; width:145px; height:351px; margin-left:150px; margin-top:430px; position:absolute; z-index:5;}
.lista{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
.lista li{ list-style:circle; margin-left:30px; padding:2px;}
.box{ background:url(../images/box.png) no-repeat; width:329px; height:93px; float:left; display:block; padding:3px; margin-right:5px;}
.padding_txt{width:300px; height:80px; margin:0 auto;  color:#FFF;}
.texto_izq{ width:550px;}
.texto_der{ width:260px; float:right; padding-top:15px;}

._clear{ width:550px; clear:both; height:180px;}
.col_der{width:350px; float:right; }
.col_izq{width:350px; float:left; }
.col_der2{width:260px; float:right; margin-right:30px;  }
.col_izq2{width:400px; float:left; }
#slideshow2 { position:relative; height:165px; float:left;}
#slideshow2 IMG { position:absolute; top:0; left:0; z-index:97; opacity:0.0;}
#slideshow2 IMG.active { z-index:99; opacity:0.0;}
#slideshow2 IMG.last-active { z-index:98;}
#slideshow3{ position:relative; height:165px; float:left;}
#slideshow3 IMG { position:absolute; top:0; left:0; z-index:97; opacity:0.0;}
#slideshow3 IMG.active { z-index:99; opacity:0.0;}
#slideshow3 IMG.last-active { z-index:98;}

#celestin_galeria{ position:relative; height:165px; float:left;}
#celestin_galeria IMG { position:absolute; top:0; left:0; z-index:97; opacity:0.0;}
#celestin_galeria IMG.primera { z-index:99; opacity:0.0;}
#celestin_galeria IMG.ultima { z-index:98;}
#celestin_galeria{ position:relative; height:165px; float:left;}
#celestin_galeria IMG { position:absolute; top:0; left:0; z-index:97; opacity:0.0;}
#celestin_galeria IMG.primera { z-index:99; opacity:0.0;}
#celestin_galeria IMG.ultima { z-index:98;}

/*JARDIN*/

#jar_plan{background:#A4DAE8 url(../images/jardin/fondo1.gif) no-repeat top left; width:1898px; height:1100px; overflow:hidden; border:none;}
#jar_objeto1{background:url(../images/jardin/objeto1.png) no-repeat; width:295px; height:310px; margin-left:660px; margin-top:410px; position:absolute; z-index:5;}
#jar_clubes{background:#A4DAE8 url(../images/jardin/fondo2.gif) no-repeat top left; width:1898px; height:1100px; overflow:hidden; border:none;}
#jar_objeto2{background:url(../images/jardin/objeto2.png) no-repeat; width:701px; height:1029px; margin-left:250px; margin-top:170px; position:absolute; z-index:5;}
.texto_chico{ width:450px; margin-top:120px; margin-left:190px;}
#jar_planta{background:#A4DAE8 url(../images/jardin/fondo3.gif) no-repeat top left; width:1898px; height:1100px; overflow:hidden; border:none;}
#jar_objeto3{background:url(../images/jardin/objeto3.png) no-repeat; width:340px; height:299px; margin-left:-130px; margin-top:230px; position:absolute; z-index:5;}
#jar_instalaciones{background:#A4DAE8 url(../images/jardin/fondo4.gif) no-repeat top left; width:1898px; height:1100px; overflow:hidden; border:none;}
#jar_calendario{background:#A4DAE8 url(../images/jardin/fondo5.gif) no-repeat top left; width:1898px; height:1100px; overflow:hidden; border:none;}



/*PRIMARIA*/

#pri_plan{background:#A4DAE8 url(../images/primaria/fondo1.gif) no-repeat top left; width:1900px; height:1100px; overflow:hidden; border:none;}

#pri_objeto1{background:url(../images/primaria/objeto1.png) no-repeat; width:220px; height:400px; margin-left:600px; margin-top:350px; position:absolute; z-index:5;}
#pri_clubes{background:#A4DAE8 url(../images/primaria/fondo2.gif) no-repeat top left; width:1900px; height:1100px; overflow:hidden; border:none;}
#pri_planta{background:#A4DAE8 url(../images/primaria/fondo3.gif) no-repeat top left; width:1900px; height:1100px; overflow:hidden; border:none;}
#pri_instalaciones{background:#A4DAE8 url(../images/primaria/fondo4.gif) no-repeat top left; width:1900px; height:1100px; overflow:hidden; border:none;}
#pri_calendario{background:#A4DAE8 url(../images/primaria/fondo5.gif) no-repeat top left; width:1900px; height:1100px; overflow:hidden; border:none;}
#pri_objeto2{background:url(../images/primaria/objeto2.png) no-repeat; width:223px; height:446px; margin-left:810px; margin-top:350px; position:absolute; z-index:5;}


/*SECUNDARIA*/

#sec_plan{background:#A4DAE8 url(../images/secundaria/fondo1.gif) no-repeat top left; width:1900px; height:1100px; overflow:hidden; border:none;}
#sec_objeto3{background:url(../images/secundaria/objeto3.png) no-repeat; width:444px; height:118px; margin-left:470px; margin-top:120px; position:absolute; z-index:5;}
#sec_clubes{background:#A4DAE8 url(../images/secundaria/fondo2.gif) no-repeat top left; width:1900px; height:1100px; overflow:hidden; border:none;}
#sec_objeto1{background:url(../images/secundaria/objeto1.png) no-repeat; width:283px; height:429px; margin-left:650px; margin-top:330px; position:absolute; z-index:5;}
#sec_planta{background:#A4DAE8 url(../images/secundaria/fondo3.gif) no-repeat top left; width:1900px; height:1100px; overflow:hidden; border:none;}
#sec_instalaciones{background:#A4DAE8 url(../images/secundaria/fondo4.gif) no-repeat top left; width:1900px; height:1100px; overflow:hidden; border:none;}
#sec_calendario{background:#A4DAE8 url(../images/secundaria/fondo5.gif) no-repeat top left; width:1900px; height:1100px; overflow:hidden; border:none;}
#sec_objeto2{background:url(../images/secundaria/objeto2.png) no-repeat; width:226px; height:295px; margin-left:790px; margin-top:430px; position:absolute; z-index:5;}

/*PREPARATORIA*/

#pre_plan{background:#A4DAE8 url(../images/preparatoria/fondo1.gif) no-repeat top left; width:1900px; height:1100px; overflow:hidden; border:none;}
.lista2{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 13px; list-style:inside disc;}
#pre_objeto1{background:url(../images/preparatoria/objeto1.png) no-repeat; width:1346px; height:180px; margin-left:610px; margin-top:540px; position:absolute; z-index:5;}
#pre_clubes{background:#A4DAE8 url(../images/preparatoria/fondo2.gif) no-repeat top left; width:1900px; height:1100px; overflow:hidden; border:none;}
#pre_objeto2{background:url(../images/preparatoria/objeto2.png) no-repeat; width:587px; height:180px; margin-left:0px; margin-top:540px; position:absolute; z-index:5;}
#pre_planta{background:#A4DAE8 url(../images/preparatoria/fondo3.gif) no-repeat top left; width:1900px; height:1100px; overflow:hidden; border:none;}
#pre_objeto3{background:url(../images/preparatoria/objeto3.png) no-repeat; width:146px; height:467px; margin-left:800px; margin-top:280px; position:absolute; z-index:5;}
#pre_instalaciones{background:#A4DAE8 url(../images/preparatoria/fondo4.gif) no-repeat top left; width:1900px; height:1100px; overflow:hidden; border:none;}
#pre_calendario{background:#A4DAE8 url(../images/preparatoria/fondo5.gif) no-repeat top left; width:1900px; height:1100px; overflow:hidden; border:none;}
#pre_objeto4{background:url(../images/preparatoria/objeto4.png) no-repeat; width:380px; height:494px; margin-left:680px; margin-top:350px; position:absolute; z-index:5;}

/*ADMISIONES*/

#adm_jardin{background:#BEDEA2 url(../images/admisiones/fondo1.gif) no-repeat top left; width:1900px; height:1100px; overflow:hidden; border:none;}
#adm_objeto1{background:url(../images/admisiones/objeto1.png) no-repeat; width:280px; height:410px; margin-left:790px; margin-top:220px; position:absolute; z-index:5;}
#adm_primaria{background:#BEDEA2 url(../images/admisiones/fondo2.gif) no-repeat top left; width:1900px; height:1100px; overflow:hidden; border:none;}
#adm_objeto2{background:url(../images/admisiones/objeto2.png) no-repeat; width:403px; height:402px; margin-left:790px; margin-top:240px; position:absolute; z-index:5;}
#adm_secundaria{background:#BEDEA2 url(../images/admisiones/fondo3.gif) no-repeat top left; width:1900px; height:1100px; overflow:hidden; border:none;}
#adm_objeto3{background:url(../images/admisiones/objeto3.png) no-repeat; width:310px; height:492px; margin-left:730px; margin-top:180px; position:absolute; z-index:5;}
#adm_preparatoria{background:#BEDEA2 url(../images/admisiones/fondo4.gif) no-repeat top left; width:1900px; height:1100px; overflow:hidden; border:none;}
#adm_objeto4{background:url(../images/admisiones/objeto4.png) no-repeat; width:415px; height:545px; margin-left:740px; margin-top:130px; position:absolute; z-index:5;}

/*GALERIA*/

#galeria{ width:600px; margin-top:110px; margin-left:200px; display:inline-block; float:left; overflow:hidden;}
.img_galeria img{ background-color:#bfd660; padding:2px; margin:0px;}
.img_galeria img:hover{ background-color:#DFF08E; padding:2px;  margin:0px;}
.grupo{ width:180px; height:200px; padding:6px; display:inline-block; float:left;}

/*GALERIA EVENTOS*/
.grupo_grande{ width:380px; height:200px; padding:10px; display:inline-block; float:left;}
.img_galeria2 img{ background-color:#bfd660; padding:2px; padding-left:5px; margin:0px;}
.img_galeria2 img:hover{ background-color:#DFF08E; padding:2px;  padding-left:5px;  margin:0px;}


/*NOTICIAS*/

#noticias{background:#ffcc81 url(../images/noticias/fondo1.gif) no-repeat top left; width:1900px; height:1100px; overflow:hidden; border:none;}
#eventos{background:#ffcc81 url(../images/noticias/fondo2.gif) no-repeat top left; width:1900px; height:1100px; overflow:hidden; border:none;}
.noticia{ width:610px;  clear:both; min-height:120px; border-bottom: #f5b757 dashed 2px;}
.fecha{ background-image:url(../images/fecha.png); width:40px; height:54px; display:block; float:left; margin-left:18px;}
.fecha2{ background-image:url(../images/fecha2.png); width:40px; height:54px; display:block; float:left; margin-left:18px; }
.fecha3{ background-image:url(../images/fecha3.png); width:40px; height:54px; display:block; float:left; margin-left:18px; }
.dia{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:26px; color:#FFF; text-align:center; padding-top:5px; margin-bottom:4px;}
.mes{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:15px; color:#FFF; text-align:center;}
.noticia_txt{ width:400px; display:block; float:left; margin-left:18px;}
.noticia_img{ width:100px; background-color:#fbc26a; padding:5px;  display:block; float:left; margin-left:18px;}

#calendario{background:#ffcc81 url(../images/noticias/fondo3.gif) no-repeat top left; width:1900px; height:1100px; overflow:hidden; border:none;}
#cal_contenedor{width:358px; clear:both;}
.titulo{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:24px; color:#fff; text-align:right; margin:4px; }
.cal_dia{ background:url(../images/calendario_img.png) no-repeat; width:47px; height:43px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; color:#FFF; text-align:center; vertical-align:middle; line-height:44px; float:left; display:block; margin:2px;}
.cal_dia_act{ background:url(../images/calendario_img2.png) no-repeat; width:47px; height:43px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:26px; color:#a5af23; text-align:center; vertical-align:middle; line-height:46px; float:left; display:block; margin:2px; text-decoration:none;}
#articulos{background:#ffcc81 url(../images/noticias/fondo4.gif) no-repeat top left; width:1900px; height:1100px; overflow:hidden; border:none;}


/*EGRESADOS*/

#egre_eventos{background:#efe179 url(../images/egresados/fondo1.gif) no-repeat top left; width:1900px; height:1100px; overflow:hidden; border:none;}
#egre_contacto{background:#efe179 url(../images/egresados/fondo2.gif) no-repeat top left; width:1900px; height:1100px; overflow:hidden; border:none;}
#egre_fotos{background:#efe179 url(../images/egresados/fondo3.gif) no-repeat top left; width:1900px; height:1100px; overflow:hidden; border:none;}
.noticia2{ width:610px;  clear:both; min-height:120px; border-bottom: #decd58 dashed 2px;}
.noticia_img2{ width:100px; background-color:#e6d774; padding:5px;  display:block; float:left; margin-left:18px;}
#galeria_contenedor_egresados{ width:500px; height:333px; overflow:hidden; position:relative; margin-top:40px; margin-left:50px;}
#marco_egresados{background:url(../images/egresados/marco.png) no-repeat; width:778px; height:422px; margin-left:120px; margin-top:175px; position:absolute; z-index:1;}
/*CONTACTO*/

#directorio{background:#FFBAD8 url(../images/contacto/fondo1.gif) no-repeat top left; width:1898px; height:1100px; overflow:hidden; }
#contacto_objeto1{background:url(../images/contacto/objeto1.png) no-repeat; width:525px; height:820px; margin-left:590px; margin-top:30px; position:absolute; z-index:5;}
#contacto{background:#FFBAD8 url(../images/contacto/fondo2.gif) no-repeat top left; width:1900px; width:1898px; height:1100px; overflow:hidden;}
#contacto_objeto2{background:url(../images/contacto/objeto2.jpg) no-repeat; width:360px; height:272px; margin-left:590px; margin-top:220px; position:absolute; z-index:5;}
.contacto_tabla td{ padding:5px; vertical-align:top; table-layout:fixed;}
#contacto_form { width:300px; height: 250px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; text-decoration: none; color: #000; line-height: 13px;}
#contact-wrapper {  width:300px; height: 250px; }
form#contactform input { background-color: #ff96ce; border:none;}
form#contactform textarea {background-color: #ff96ce; border:none;}
.contacto_txt{ width:250px; height:25px;}
.contacto_msg{ width:250px; height:55px;}
#btn{ float:right; }

#contacto_form2 {width:300px; height: 250px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; text-decoration: none; color: #000; line-height: 13px;   }
#contact-wrapper2 {background-color:#efe179; height:}
form#contactform2 input { background-color: #decd58; border:none;  height:25px; padding:3px;}
form#contactform2 textarea { background-color: #decd58; border:none; padding:3px; }



#links{	float: left;	width: 150px;	height: 100px;	border: 3px solid #ececff;	padding: 7px;padding-left: 8px;	border-right-color: #006;}
#links a{	padding: 3px 1px;	display: block;	width: 100%;	text-decoration: none;font-weight: bold;	border-bottom: 1px solid gray;	color: #606;}
#links a:hover{	background-color: #99c;	color: #fff;}
.titulos {	color: #036;}
#contenidos{	float:left;	width:480px;	min-height: 250px;	border: 3px solid grey;	margin-left: 10px;	padding: 5px;	padding-bottom: 8px;	background-color: #fff;}
* html #contenidos{ /*estilo solo para IE ya que no se admite la propiedad min-height*/height: 400px;}
#wrapper {    width:420px;    margin: 15px auto;}
#intro {    padding-bottom: 10px;}
#slider {    width: 420px;    margin: 0 auto;    position: relative;}
.scroll {	overflow: hidden;	width: 420px;    margin: 0 auto;    position: relative;}
.scrollContainer {	position: relative;}
.scrollContainer div.panel {    width: 300px;	height: 300px;}
.inside {	padding: 2px;}
.inside img {display: block;	margin: 0 0 0 0;	width: 300px;}
.inside h2 {	margin: 8px 2px 8px 2px;	text-align:center;	color:#613580;}
.inside p {	font-size: 11px;	color: #ccc;}
.scrollButtons {    position: absolute;    top: 127px;    cursor: pointer;}
.scrollButtons.left {    left: -45px;}
.scrollButtons.right {    right: -45px;}
.hide {   display: none;}