/* CSS Document */
html{
	background: url(../img/bg_html.jpg) repeat-x #a7e0f8;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:0;
	background:url(../img/bg_body.jpg) no-repeat 50% top;
	padding: 0;
	width: 100%;
	display: table;
	height:100%;

}
#logo{
	width:950px;
	height:200px;
	margin:0 auto 0;
	padding:0px;
}
#mainCont{
	background:url(../img/bg-mainCont.jpg) repeat-x top;
}

/*-----Menu------*/
#menu{
	height:60px;
	width:950px;
	margin:0 auto 0;
}
#menu ul{
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;}

#menu ul li{
	padding: 0;
	margin: 0 2px 0 0;
	float: left;
	position: relative;
	text-align: center;
}

#menu ul li a{
	padding: 23px 6px;
	display: block;
	color:#fff;
	text-decoration: none;
	font-weight: bold;
}

#menu ul li a:hover{
	background:url(../img/bg_btn_menu.gif) bottom center no-repeat;
	color:#fff;
}
/*------------------*/

#contenedor {
	width: 950px;
	margin: 0px auto 0;
	background: #fff url(../img/bg_bottom.jpg) repeat-x bottom;
	padding: 0px;
}

img{ border:0px;}

img { behavior: url(../js/iepngfix.htc); }

fieldset { border-color:#E5E5E5;border-style:solid;border-width:1px;padding:5px;}

fieldset legend {font-family:Tahoma;font-size:11px;font-weight:bold;color:#666666;}

input, select, option, textarea{ font-family:Tahoma; font-size:11px; padding:3px;}

h1{ font-size:21px; padding:3px; margin:0px;}

h2{ font-size:17px; padding:3px; margin:0px;}

h3{ font-size:13px; padding:3px; margin:0px; font-weight:bold;}

p{ margin:0px 0px 5px 0px;}

a {text-decoration: underline;color: #666666;}

a:hover {text-decoration: none;color: #333333;}

a.btn{
	background:#32312f url(../img/button_bg.jpg) repeat-x;
	padding:2px 10px 2px 10px;
	color: #ffffff;
	text-decoration: none;
	border:1px solid #32312f;
	text-transform:uppercase;
	font-size:9px;
	line-height:15px;	
}
a.btn:hover {
	background:#007de2 url(../img/button_bg_o.jpg) repeat-x;
	border-color:#007de2;
	color:#FFFFFF;
}

.img_det_not{ border:1px solid #ccc; padding:5px; background:#fff;}

input.btn_frm{ background-color:#003399; color:#F4F4F4; border-bottom:#003366 solid 1px; border-left:#0066CC solid 1px; border-right:#003366 solid 1px; border-top:#0066CC solid 1px; padding:3px 3px 3px 3px; cursor:pointer; margin:0px 3px 0px 0px;}

/**/

.txt_bienvenida{ text-align:justify; margin:10px;}


/*  -- Banner de Admision --  */
#admision{
	float:left;
	position:relative;
	text-align:center;
}


/*--Rotador de Noticias--*/
#rotanoti {
	background:#FFF;
	color:#000;
	position:relative;
	padding-bottom:2.6em;
	margin:0; 
	font-size:16px;
	width:700px;
	float:left;
	border-right:1px solid #93C9FF;
}

/* Tabs */
ul.ui-tabs-nav, li.ui-tabs-nav-item, li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	line-height:1.3;
	text-decoration:none;
	font-size:100%;
	list-style:none;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
}

ul.ui-tabs-nav {
	position:absolute;
	bottom:0px;
	left:0;
	z-index:1;
	width:100%;
	background:#FFF url(../img/uitabsbg.gif) repeat-x bottom right;
	border-top:1px solid #FFF;
}

/* Non-Selected Tabs */
li.ui-tabs-nav-item a:link,li.ui-tabs-nav-item a:visited {	
	font-size:.7em;
	font-weight:normal;
	color:#999;
	width:173px;
	height:43px;
	overflow:hidden;
	background:#FFF url(../img/uitabsbg.gif) repeat-x bottom left; 
	border-left:1px solid #FFF;
	border-right:1px solid #c5ced9;
}

/* Hovered Tab */
#rotanoti .ui-tabs-nav-item a:hover,#rotanoti .ui-tabs-nav-item a:active {
	background:#FFF url(../img/uiactivetabbg.gif) repeat-x bottom left;
	color:#333;
}

#rotanoti .ui-tabs-nav-item a span {
	float:left; 
	padding:1em 0.5em; 
	cursor:pointer;
}

/* Active Tab */
#rotanoti .ui-tabs-selected a:link,#rotanoti .ui-tabs-selected a:visited,#rotanoti .ui-tabs-selected a:hover,#rotanoti .ui-tabs-selected a:active {
	background:#fff url(../img/uiactivetabbg.gif) repeat-x bottom left;
	color:#333;
}

/* Content Panels */
#rotanoti .ui-tabs-panel {
	font-family:Arial, Helvetica, sans-serif;
	clear:left;
	color:#000;
	padding:15px 15px 15px 15px;
	height:250px;
	position:relative;
	background: url(../img/bg-nav-panel.jpg) repeat-x top;
}

#rotanoti .ui-tabs-hide {
	display:none;
}

#rotanoti h2 {
	font-family:"Trebuchet MS";
	color:#FF9900;
	font-weight:normal;
	margin:0;
	font-size:2em;
	line-height:1em;
}
#rotanoti .texto{
	float:left;
	width:300px;
	margin-right:15px;
} 

#rotanoti .imagen{
	float:left;
	width:350px;
	height:250px;
	overflow:hidden;
	text-align:center;
}
#rotanoti .imagen img{
	padding:5px;
	border:1px solid #E6E6E6;
	background:#fff;
}

#rotanoti p {
	font-size:12px;
	margin:.5em 0;
	color:#333;
}

#rotanoti .btn_learn_more {
	float:left;
	height:26px;
	font-size:.9em;
	margin:10px 0;
}


/*--Listado de Noticias Anteriores--*/
#notiante{}


.cont_noti_ant{ 
	float:left;
	position:relative;
	width:230px; 
	margin-left:10px;
	margin-top:5px;
}
.cont_noti_ant a.not_ant{
	text-decoration:none;
	padding:5px 5px 5px 20px;
	margin:0 0 5px 0;
	line-height:15px;
	display:inline-table;
	color:#005BB7;
	background:url(../img/icons/bullet_toggle_plus.png) no-repeat center left;
}
.cont_noti_ant a.not_ant:hover{
	text-decoration:underline;
	color:#FF9900
}
.cont_noti_ant small{
	color:#999999;
	margin-left:5px;
}
.noti_ant{ 
	text-align:right;
	padding:5px 10px 0px 10px;
	margin:3px;
}
.noti_ant a{
	padding:5px;
	border:1px solid #fff;
	text-decoration:none;
	font-weight:bold;
}
.noti_ant a:hover{
	border:1px solid #0099FF;
	background:#C4E1FF;
	color:#0099FF;
	text-decoration:none;
}
/*--Fin listado de Noticias Anteriores--*/

/*--Diario Mural - Informacion destacada del mes--*/
#diariomu{}

/*Listado de Noticias Anteriores*/

/*Paginacion*/
.paginacion{
	font-size:13px;
	padding:10px;
}
	.paginacion h1{
		font-size:26px;
		margin:5px;
	}
	
	.paginacion a{
		margin:5px;
	}
	
	.paginacion	.paginate{
		color:#0066CC;
		text-decoration:none;
	}
	.paginacion .paginate:hover{
		color:#FF9900;
		text-decoration:underline;
	}
	
	.paginacion	.inactive{
		color:#999999;
	}
	
	.paginacion	.current{
		color:#FF9900;
		text-decoration:none;
	}
	
.detanoti{
	margin: 0 10px;
	border-bottom:1px solid #ccc;
}

	/*Despliege de la noticia*/



/*Guias y Apuntes*/
fieldset.apuntes{ padding:0px 0px 0px 0px;}
fieldset.apuntes legend{ font:12px Tahoma; font-weight:bold;}
div.tit_apunte b{ font-size:12px;}
div.tit_apunte span{ color:#999999; font-family:Tahoma; font-size:10px;}
div.desc_apunte{ padding:3px 0px 0px 15px;}

div.no_apunte{ background-image:url(../images/exclama_24x24.gif); background-repeat:no-repeat; background-position:0 50%; padding:5px 0px 5px 30px; font-weight:bold;}
/**/


/*--Personal--*/
div.funcionario{ border:#0099FF 1px solid; font-size:9px; color:#666666; width:100px; text-align:center; float:left; position:relative; margin:10px 10px 0px 0px; background-color:#FFFFFF; height:110px; overflow:visible; padding-top:10px;}

div.funcionario table tr td.foto{ padding:3px 3px 0px 3px;}
div.funcionario table tr td.nombre{ padding:3px 3px 3px 3px;}
/*------------*/

/*--Calendario de Actividades--*/

.contames{
	width:900px;
	background: url(../img/bg_contemes.jpg) no-repeat bottom right;
	border:1px solid #fff;
	margin:0 0 10px 10px;
	padding-bottom:10px;
}
.contames h2.nombrmes{
	margin:0 0 5px 0;
	padding:7px;
	background:#0066CC url(../img/bg_h1calend.jpg) repeat-x top left;
	color:#fff;
}
.contames div{
line-height:20px;
font-size:12px;
}

.contames b{
margin:0 10px 0 10px;
}

/*-----------------------------*/

/*Modulos Principales y Secundarios*/

div.cont_modulos{
	
}

div.cont_mod_princ { 
	padding:0 0 0 10px;
	margin:0;
	height:200px;
	}
div.cont_mod_princ div.mod_princ{ 
	background:url(../img/bg_top_mod_princ.jpg) #fff478 top left repeat-x;
	padding:10px; 
	margin:10px 10px 0 0; 
	float:left; 
	position:relative; 
	width:155px; 
	height:160px; 
	border:1px solid #ffc000; 
	overflow:hidden;
}

div.cont_mod_princ div.mod_princ h1{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#fff; margin:0px;}

div.cont_mod_princ div.dov_princ span{font-family:Arial, Helvetica, sans-serif; font-size:11px; text-transform:uppercase;}


div.cont_mod_sec {
	height:115px;
	margin:0;
	padding:0 0 0 10px;
}

div.cont_mod_sec div.mod_sec{
	background:url(../img/bg_mod_sec.jpg) top repeat-x #ffffff; 
	padding:10px;
	margin:0 10px 0 0; 
	float:left;
	overflow:hidden;
	position:relative; 
	border:1px solid #9ad9f6;  
	width:280px; 
	height:85px;
}
div.cont_mod_sec div.mod_sec h1{ margin:0px; padding:0px; font-size:15px; color:#333333;}

/*---Listado de Especialidades---*/
.especialidades{}

.especialidades ul{
	margin:5px 0 0 0;
	padding:0px;
	list-style:none;
}

.especialidades ul li{
	padding:10px;
	font-size:12px;
}
.especialidades ul li a{
text-decoration:none;
}

.especialidades ul li a:hover{
text-decoration:underline;
}

/*---Listado de Proyectos---*/
.proyectos{}

.proyectos ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

.proyectos ul li{
	padding:10px 0 0 10px;
	font-size:11px;
}
.proyectos ul li a{
text-decoration:none;
}

.proyectos ul li a:hover{
text-decoration:underline;
}

/*---Gestion Escolar---*/
.gestion{}

.gestion ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

.gestion ul li{
	padding:6px 10px;
	font-size:11px;
}
.gestion ul li a{
text-decoration:none;
}

.gestion ul li a:hover{
text-decoration:underline;
}

/*--Menu Webmail--*/
#cont_webmail{
text-align: center;
margin: auto;
}

#cont_webmail .wrap{
width: 100px;
height: 60px;
position: relative;
overflow: hidden;
float: left;
padding: 0 1em;
margin-right:5px;
}

#cont_webmail .wrap img{
position: absolute;
top: 0; left: 0;
}


/*----Menu Red de Apoyo----*/
.red{height:65px; border-top:1px solid #eeeeee;}

.red_apoyo {
	margin: 0;
	padding: 0;
	list-style: none;
}
.red_apoyo li {
	padding: 0;
	margin: 0 2px;
	float: left;
	position: relative;
	text-align: center;
}
.red_apoyo a {
	padding: 14px 20px;
	display: block;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.red_apoyo li em {
	background: url(../img/tooltip_orange.png) no-repeat;
	width: 140px;
	height: 70px;
	position: absolute;
	top: -105px;
	left: -30px;
	text-align: center;
	padding: 20px 12px 10px;
	font-style: normal;
	z-index: 2;
	display:none;
}

/* ----Formulario de Contacto---- */
form.frm_contacto{
margin:10px;
}

form.frm_contacto h1{
font-size:18px;
margin-bottom:5px;
}

form.frm_contacto div .etiqueta{
width:100px;
margin:5px;
font-size:14px;
float:left;
color:#666;
}

form.frm_contacto input[type=text], form.frm_contacto textarea{
border:1px solid #B7DBFF;
color:#999;
padding:5px;
margin:5px;
font-size:12px;
}
form.frm_contacto input[type=text]:hover, form.frm_contacto textarea:hover{
border:1px solid #0099CC; 
}
form.frm_contacto div a.btn_enviar{
background:url(../img/bg_enviar.jpg) #0099FF no-repeat top left;
color:#FFFFFF;
text-decoration:none;
font-size:22px;
padding:7px 60px 7px 10px;
}

form.frm_contacto div a.btn_enviar:hover{
background:url(../img/bg_enviar_o.jpg) #FCAB03 no-repeat top left;
color:#FFFFFF;
text-decoration:none;
}

.datos_contacto{}

.datos_contacto h1{ font-size:18px;}
.datos_contacto h2{ font-size:16px}
.datos_contacto div{ font-size:14px; line-height:35px;}

/*Pie de Pagina*/
.pie {
	font-family: Tahoma; 
	color:#fff; 
	font-size: 10px;
	background: url(../img/bg_pie.jpg) repeat-x bottom #023f68;
	text-align:center;
	height:160px;
	padding-top:30px;
	line-height:25px;
}
.pie a{ color:#00CCFF;}
.pie a:hover{ color:#FF9900;}

.pie2 {
	font-family: Tahoma; 
	color:#666666; 
	font-size: 10px;
}

/**/
.desc_mini {
	font-family: Tahoma; 
	color:#666666; 
	font-size: 10px;
}


.infconst{
	font-family:Tahoma;
	text-align:center;
	font-size:20px;
	background:url(../img/info-128x128.png) no-repeat center top;
	padding:130px 0 30px 0;
}

.folder-gallery{ text-decoration:none; margin-bottom:10px; color:#0080FF; display:inline-table;}

.folder-gallery:hover{color:#F90;}

.album{ border:1px solid #ccc; background:#fff; padding:10px; margin:0 10px 10px 10px;}

.tituloalbum{ color:#0069D2; font-size:20px; font-weight:bold; text-decoration:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin-top:10px;}

.titulo-album{ color:#0069D2; font-size:20px; font-weight:bold; text-decoration:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.titulo-album:hover{ color:#F90;}

.links-album{ color:#0069D2; text-decoration:none;}
.links-album:hover{ color:#F90;}

.cant-fotos{ color:#666; margin:3px 0; font-size:11px;}

.descrip-album{ font-family:Arial, Helvetica, sans-serif; line-height:20px; font-size:13px; margin:3px 0px;}

.actualizado{ color:#666; margin:3px 0; font-size:11px;}

.creado{ color:#666; margin:3px 0; font-size:11px;}

div.marco_ext_album{ padding:7px 7px 0 7px; border:1px solid #ccc; background:#f1f1f1; display:inline-table;}

div.marco_ext_album div.foto{ border:#CCC 1px solid; float:left; position:relative; margin:0px 7px 7px 0px; padding:5px; background-color:#FFFFFF; overflow:visible; display:inline-table;}
div.marco_ext_album div.foto img{ height:130px; overflow:hidden;}

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}

.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}
/* ALBUM */

button.album, .buttons a.album{
    color:#529214;
}
.buttons a.album:hover, button.album:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.album:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}
/* Modulos Naranjo */

button.modulos, .buttons a.modulos{
    color:#ffffff;
	font-size:10px;
	background:#666;
	border:1px solid #333;
}
.buttons a.modulos:hover, button.modulos:hover{
    background-color:#FFEFDF;
    border:1px solid #F90;
    color:#F60;
}
.buttons a.modulos:active{
    background-color:#F90;
    border:1px solid #F60;
    color:#fff;
}