@charset "utf-8";

/* C O N F I G U R A C I O N   D E L    I N D E X  */

#contenidoIndex{ margin:0px 10px; padding:10px 10px; height:310px; background:url(../img/bg_contenido.png) repeat-y; }
#contenidoAdmin{ margin:0px 10px; padding:10px 10px;  background:url(../img/bg_contenido.png) repeat-y; }
#contenidoRegistro{ margin:0px 10px; padding:10px 10px;  background:url(../img/bg_contenido.png) repeat-y; }
#contenidoSave{ margin:0px 10px; padding:10px 10px; height:410px; background:url(../img/bg_contenido.png) repeat-y; }
#contenidoRecovery{ margin:0px 10px; padding:10px 10px; height:300px; background:url(../img/bg_contenido.png) repeat-y; }

/* FIN */

/* C O N F I G U R A C I O N     P R I N C I P A L  */
body{
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}
#contenedor { width:1024px; margin:20px auto 10px auto;  }

@font-face {  font-family: "Gothic";  src: url("../fonts/GOTHIC.ttf");  }

/* F I N   D E  L A   C O N F I G U R A C I O N    I N I C I A L */

/* I N I C I O   M E N U   O P C I O N E S */

#mopciones{ width:976px; margin:5px 0px 5px 7px;  padding:10px 0px; text-align:center; height:30px; }
#mopcion{ float:left; text-align:center; margin:0px 2px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #333333 ; width:119px; background:url(../img/bg_mopcion.png); background-repeat:no-repeat; height:40px; padding:10px 0px;}
#mopcionElegida{ float:left; text-align:center; margin:0px 1px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #660000 ; width:118px; height:40px; padding:10px 0px;  background:url(../img/bg_mopcionElegida.png); background-repeat:no-repeat; }

/* Tamaño mas grande*/

#mopciong{ float:left; text-align:center; margin:0px 2px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #333333 ; width:169px; background:url(../img/bg_mopciong.png); background-repeat:no-repeat; height:40px; padding:10px 0px;}
#mopcionElegidag{ float:left; text-align:center; margin:0px 1px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #660000 ; width:168px; height:40px; padding:10px 0px;  background: url(../img/bg_mopciongElegidag.png); background-repeat:no-repeat; }

#mopciono{ float:left; text-align:center; margin:0px 2px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #333333 ; width:189px; background:url(../img/bg_mopciono.png); background-repeat:no-repeat; height:40px; padding:10px 0px;}
#mopcionElegidao{ float:left; text-align:center; margin:0px 1px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #660000 ; width:188px; height:40px; padding:10px 0px;  background: url(../img/bg_mopcionElegidao.png); background-repeat:no-repeat; }
/**/

#mcerrar{ float:right; text-align:center; margin:0px 1px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #333333 ; width:118px;  background:url(../img/bg_mopcion.png); background-repeat:no-repeat; height:40px; padding:10px 0px;}
.cerrado{ color: #FFFFFF; font-family:font-family:"Gothic"; font-size:11px; }
a.cerrado:link{color:#FFFFFF;text-decoration:none;}
a.cerrado:visited{color:#FFFFFF; text-decoration:none;}
a.cerrado:hover{ text-decoration:none; color: #CCCCCC;}


.mopcion{font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF;}
a.mopcion:link{color: #FFFFFF;text-decoration:none; }
a.mopcion:visited{ color: #FFFFFF; text-decoration:none; }
a.mopcion:hover{ color: #00CC99; }

.mopcionOtra{font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #006699;}
a.mopcionOtra:link{color: #006699;text-decoration:none; }
a.mopcionOtra:visited{ color: #006699; text-decoration:none; }
a.mopcionOtra:hover{ color: #00CC99; }


/* F I N    M E N U     O P C I O  N E S*/

/* I N I C I O    D E L    E  N C A B E Z A D O*/
#cencabezado {margin:0px 10px; background-image:url(../img/bg_encabezado.png); background-repeat:no-repeat; height:170px;}
#encabezado{  padding:10px 10px 5px 10px; height:145px; }
#fecha { margin:20px 10px 0px 10px; text-align:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; color:#000000;}
#izquierdo{margin:0px 0px 0px 5px; padding:5px  0px; width:130px; height:100px; float:left;}
#logo_original{margin:0px; padding:0px; text-align:center;}
#titUt { margin:10px 10px 5px 10px; padding:5px 10px; font-size:20px; font-weight:bold;  font-family: Geneva, Arial, Helvetica, sans-serif; color: #333333; text-align:center; }
#titUt2 { margin:0px 10px 5px 10px; padding:5px 10px; font-size:20px; font-weight:bold;  font-family: Geneva, Arial, Helvetica, sans-serif; color: #333333; text-align:center; }
#subUt { margin:5px 0px; padding: 0px ; font-size:10px;  font-family: Verdana, Arial, Helvetica, sans-serif; text-align:center; color: #333333; }
#centro{ margin:0px 5px; padding:5px 0px; width:660px; height:100px; float:left;}
#derecho{margin:0px 5px 0px 5px; padding:5px 10px; width:110px; height:100px; float:left;}
/* F I N    D E L     E N C A B E Z A D O */

/* C O N T E N I D O*/

/* Botones*/
/*#linea{ margin:5px 0px; height:125px; background: #FFCC00;}*/
#seccion{ margin:10px; padding:10px; width:256px; height:40px; float:left; text-align:center;  font-family:"Gothic",sans-serif; font-size:14px; font-weight:bold;}
#marco {
	margin: 0px;
	padding:0px 25px;
	text-align:center;
	width: 80%;/*no tenia   	 */
  }


/*Cambios realizados para el menu principal*/
div#marco a{
	font-weight:bold;
	font-family:Helvetica, sans-serif;
	color: #000000;
	text-decoration:none;
	font-size:13px;
}
div#mopcion a{
	color: #fff;
}
.opcion_menu{
	border-radius: 1em;
	display: inline-block;
	margin: 1em;
	padding: .5em;
	text-align: center;
	vertical-align: top;
	width: 15%;
    -ms-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -mwbkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;

}
.opcion_menu:hover{
	background: #E8EAEA;
	color: #316077;
    -ms-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -mwbkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
div.top_link_datos_prueba,div.top_link_oficios_prueba,div.top_link_cerrarSesion_prueba,div.top_link_manual_prueba,div.top_link_proyectos_prueba,div.top_link_mensajes_prueba,div.top_link_estadisticas_prueba,div.top_link_estudiantes_prueba,div.top_link_formatos_prueba,div.top_link_reportes_prueba,div.top_link_avisos_prueba,div.top_link_archivos_prueba,div.top_link_conferencias_prueba,div.top_link_bitacora_prueba,div.top_link_agregar_prueba,div.top_link_activacion_prueba,div.top_link_administracion_prueba,div.top_link_correos_prueba,div.top_link_logos_prueba,div.top_link_desiciones_prueba,div.top_link_periodos_prueba,div.top_link_diagrama_prueba,div.top_link_asesores_prueba,div.top_link_candidatos_prueba,div.top_link_presidente_prueba/*,div.top_link_add_estu*/ {
	display: inline-block;
	height:80px;
	width: 80px;
	padding:5px 0 0 6px;
	cursor:pointer;background: url(../img/menu/btn_seccion_oficios.png);
	background-repeat:no-repeat;
}
div.top_link_oficios_prueba {
	background: url(../img/menu/btn_seccion_oficios.png);
}
div.top_link_cerrarSesion_prueba {
	background: url(../img/menu/btn_seccion_sesion.png);
}
div.top_link_manual_prueba{
	background: url(../img/menu/btn_seccion_manuales.png);
}
div.top_link_proyectos_prueba{
	background: url(../img/menu/btn_seccion_proyectos.png);
}
div.top_link_mensajes_prueba{
	background: url(../img/menu/btn_seccion_mensajes.png);
}
div.top_link_estadisticas_prueba{
	background: url(../img/menu/btn_seccion_estadisticos.png);
}
div.top_link_estudiantes_prueba{
	background: url(../img/menu/btn_seccion_alumnos.png);
}
div.top_link_formatos_prueba{
	background: url(../img/menu/btn_seccion_formatos.png);
}
div.top_link_reportes_prueba{
	background: url(../img/menu/btn_seccion_reportes.png);
}
div.top_link_avisos_prueba{
	background: url(../img/menu/btn_seccion_avisos.png);
}
div.top_link_archivos_prueba{
	background: url(../img/menu/btn_seccion_adjuntos.png);
}
div.top_link_conferencias_prueba{
	background: url(../img/menu/btn_seccion_conferencias.png);
}
div.top_link_bitacora_prueba{
	background: url(../img/menu/btn_seccion_bitacora.png);
}
div.top_link_activacion_prueba{
	background: url(../img/menu/btn_seccion_activacion.png);
}
div.top_link_agregar_prueba{
	background: url(../img/menu/btn_add_estudiante.png);
}
div.top_link_administracion_prueba{
	background: url(../img/menu/btn_seccion_administracion.png);
}
div.top_link_periodos_prueba{
	background: url(../img/menu/btn_seccion_periodos.png);
}
div.top_link_desiciones_prueba{
	background: url(../img/menu/btn_seccion_desiciones.png);
}
div.top_link_logos_prueba{
	background: url(../img/menu/btn_seccion_formatos.png);
}
div.top_link_correos_prueba{
	background: url(../img/menu/btn_seccion_correos.png);
}
div.top_link_diagrama_prueba{
	background: url(../img/menu/btn_seccion_diagrama.png);
}
div.top_link_asesores_prueba{
	background: url(../img/menu/btn_seccion_asesores.png);
}
div.top_link_candidatos_prueba{
	background: url(../img/menu/btn_seccion_candidatos.png);
}
div.top_link_presidente_prueba{
	background: url(../img/menu/btn_seccion_presidente.png);
}
/*
div.top_link_add_estu{
	background: url(../img/menu/btn_add_estudiante.png);
}
*/
/*fin de codigo de nuevo para menu principal*/

.menu {padding:0; margin:0; margin-bottom:0; list-style:none; height:30px;  position:relative;  }



/* P I E    D E    P A G I N A */

#pie { height: 70px;  padding:20x 0px; margin:0px 10px 0px 10px; background-image: url(../img/bg_pie.png);}
#pie2 { height: 110px;  padding:10x 0px; margin:0px 10px 0px 10px;background-image: url(../img/bg_pie2.png);  }

#izq_pie{margin:0px 10px 0px 20px; padding:10px;padding:0px;  width:535px; float:left;}
#creditos{font-size:12px; font-family: Geneva, Arial, Helvetica, sans-serif; color: #000000 ; height:15px;font-size:10px; font-weight:bold; }
#direccion{font-size:12px; font-family:Geneva, Arial, Helvetica, sans-serif; margin:3px 0px; color: #000000; font-size:10px;  font-weight:bold;  }

#cen_pie{float:left;}
#logo_mini{ width:100px; text-align:center; }
#der_pie{float: right;width:350px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#333333; text-align:right; margin:0px 30px 0px 10px; }



/*Noticias*/
a.creado:link{ text-decoration: none; color: #000000;}
a.creado:visited { color: #000000;text-decoration: none;}
a.creado:hover{ text-decoration:underline; color: #333333; }
/*Fin Noticias*/
/* F I N   D E L    P I E    D E    P A G I N A */



/* M E N U   P I E  S E C C I O N  E S */
#opciones{ height:25px; margin:0px 9px 10px 5px;padding:5px 0px 0px 10px;}
#opcionElegida{ float:left; text-align:center; margin:0px 5px; font-size:11px; font-family: Geneva, Arial, Helvetica, sans-serif; color: #003366 ; font-weight:bold;}
#opcion{ float:left; text-align:center; margin:0px 5px; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333 ;}
.opcion{font-size:11px; font-family:Geneva, Arial, Helvetica, sans-serif; color: 006699; font-weight:bold; }
a.opcion:link{color: #666666; text-decoration:none; }
a.opcion:visited{ color: #666666 ; text-decoration:none; }
a.opcion:hover{ color: #000000; text-decoration:none; }


/*  F A C T U R A S  */

#sinFacturas{ margin:10px; padding:10px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#990000; background:#F9F9F9; text-align:center;}

/*  F I N    F A C T U R A S  */

#datosUsuario{ width:970px; padding:5px 5px 10px 5px; margin:15px 0px 40px 0px;   height:70px;  border:1px solid #999999 ; background:#F9F9F9;}
#lineaUsu{margin:0px 25px; padding:5px; float:left; width:925px;  }
#etiqueta{width:125px; float:left; padding:4px 5px; color: #006699; font-weight:bold; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:12px;}
#etiqueta2{width:105px; float:left; padding:4px 5px; color: #000000; font-weight:bold; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:12px;}
#dato{ width:320px; float:left; margin:0px 10px; color:#FFFFFF; }
#dato2{ width:220px; float:left; margin:0px 10px; color:#FFFFFF; }
#dato3{ width:130px; float:left; margin:0px 10px; color:#FFFFFF; }