/******************************************************************************************** PROPIEDADES GENERALES */
#delimitador{ width:984px; background-image:url(../Images/estructura/lat_der_izq.jpg); background-repeat:repeat-y; margin-left:auto; margin-right:auto; }
*{ font-family:Arial, sans-serif;}
body{ background:#FFFFFF; }
.separador{ clear:both;}
* form, input,textarea, select{padding:0; margin:0;}
a:link {font:"Trebuchet MS"; font-size:11px; color:#4866DE;}
a:visited { font:"Trebuchet MS"; font-size:11px; color:#4866DE;}
a:hover { font:"Trebuchet MS"; font-size:11px; color:#000000;}
a:active { font:"Trebuchet MS"; font-size:11px; color:#4866DE;}
.estilo11{ font:"Trebuchet MS"; font-size:11px; color:#333333;}
.estilo12{ font:"Trebuchet MS"; font-size:12px; color:#333333;}
.estilo14{ font:"Trebuchet MS"; font-size:14px; color:#333333;}
.estilo16{ font:"Trebuchet MS"; font-size:16px; color:#333333;}
.estilo20{ font:"Trebuchet MS"; font-size:20px; color:#333333;}
/***** Propiedades para el template de hd_index *****/
#index_top{
 width:auto;
 height:50px;
 background-image:url(../Images/estructura/top_index.jpg);
 background-repeat:no-repeat;
 display:block;
}
#index_contenido{
	width:auto;
	height:auto;
	overflow:auto;
	display:block;
	padding:30px 70px 30px 70px;
	background-image: url(../Images/estructura/logotipo.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#index_footer{
 width:auto;
 height:50px;
 background-image:url(../Images/estructura/footer_index.jpg);
 background-repeat:no-repeat;
 display:block;
}
a:link { text-decoration:none; color:#0066CC; }
a:visited { text-decoration:none; color:#0066CC; }
a:hover { text-decoration:none; color:#000000; } 
/**************************************************************************************************************** INDEX */
#index_login{
	width:391px;
	height:286px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../Images/estructura/login.jpg);
	background-repeat:no-repeat;
	visibility: hidden;
}
.index_input{
 padding-top:6px;
 padding-left:10px;
 height:27px;
 width:133px;
 border:solid 0 #fff;
 background: transparent url(../Images/estructura/inputtext.png) no-repeat;
 font:"Trebuchet MS";
 font-size:12px;
}
/**************************************************************************************************************** MAIN */
#top{
 width:auto;
 height:50px;
 background-image:url(../Images/estructura/top_index.jpg);
 background-repeat:no-repeat;
 display:block;
}
#top_menu{
 height:40px;
 background:url(../Images/estructura/logo2.jpg);
 background-repeat:no-repeat;
 background-position:center;
 height:75px;
 clear:both;
}
#nombre{
 background:url(../Images/estructura/nombre_fondo.jpg);
 background-repeat:no-repeat;
 width:350px;
 height:22px;
 margin-top:5px;
 margin-bottom:5px;
 color:#70706E;
 padding-top:2px;
 padding-left:3px;
}
#fecha{
 background:url(../Images/estructura/fecha.jpg);
 background-repeat:no-repeat;
 width:250px;
 height:15px;
 margin-top:5px;
 margin-bottom:5px;
 color:#70706E;
 padding-top:1px;
 padding-left:2px;
 float:right;
}
#menu_principal{
 width:304px;
 height:59px;
 margin-top:5px;
 margin-bottom:5px;
 background:url(../Images/estructura/barra_menu.jpg);
 float:left;
}
#botones{
 width:76px;
 height:59px;
 text-align:center;
 padding-top:4px;
 float:left;
}
#noticias{
 width:232px;
 height:94px;
 float:right;
 background:url(../Images/estructura/noticias.png);
 clear:both;
 text-align:center;
 margin-right:10px;
}
#footer{
 width:auto;
 height:50px;
 background-image:url(../Images/estructura/footer_index.jpg);
 background-repeat:no-repeat;
 display:block;
}
#fondo_contenidos{
 background:url(../Images/estructura/fondo_contenidos.jpg);
 background-repeat:no-repeat;
 background-position:center;
}
#orgullosamente{
 background-image: url(../Images/estructura_had/cecytebc.jpg);
 background-position:center;
 background-repeat:no-repeat;
 height:63px;
}
.boton_general{
 background:#E8E8E5;
 border: 1px solid #CCCCCC; 
 font-size:11px;
}
/***** Propiedades para funciones.asp ******/
#main_foto_datos{ width:237px; margin-top:20px; margin-left:100px; }
#main_foto{
 width:250px;
 height:200px;
 background:url(../Images/estructura/foto.png);
 text-align:center;
 vertical-align:middle;
}
#main_datos{ width:250px; height:137px; background:url(../Images/estructura/datos.png); }
/***** Propiedades para funciones_calendario.asp ******/
#avisos{
	width:300px;
	height:132px;
	background-image:url(../Images/estructura/avisos.png);
	background-repeat:no-repeat;
	background-position:center;
}
#actividades{
	width:300px;
	height:132px;
	background-image:url(../Images/estructura/actividades.png);
	background-repeat:no-repeat;
	background-position:center;
}
#cont_avisos{
 margin-top:35px;
 margin-left:50px;
 width:236px;
 height:100px;
 overflow:auto;
}
.list_eventos_actividades{ font-size:11px; border: none; }
/***** Propiedades para las diferentes formas del documento ******/
.boton_forma{
  font-family: Arial, Helvetica, sans-serif;
  background-image:url(../Images/estructura/boton_forma.png);
  background-color: #FFFFFF;
  background-repeat:no-repeat;
  width:71px;
  height:22px;
  font-size:12px;
  font-weight:bold;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
}
.color_formas{ background:#FFF; border: 1px solid #CCC; font-size:11px; color:#333;}
#contenido1_1 {
	width: auto;
	display: block;
	height: auto;
	margin: 15px;
	overflow:auto;
}
/***************************************************************************************** BOTONES TOP*/
.botones1{ float:left; width:50px; height:50px; margin:4px 0 0 19px; }
.botones1 a{ background-image: url(../Images/estructura/boton1.png); background-repeat:no-repeat; display: block; width:50px; height:50px; }
.botones1 a:hover { background-image: url(../Images/estructura/boton1_s.png); } 
.botones2{ float:left; width:50px; height:50px; margin:4px 0 0 19px; }
.botones2 a{ background-image: url(../Images/estructura/boton2.png); background-repeat:no-repeat; display: block; width:50px; height:50px; }
.botones2 a:hover { background-image: url(../Images/estructura/boton2_s.png); } 
.botones3{ float:left; width:50px; height:50px; margin:4px 0 0 19px; }
.botones3 a{ background-image: url(../Images/estructura/boton3.png); background-repeat:no-repeat; display: block; width:50px; height:50px; }
.botones3 a:hover { background-image: url(../Images/estructura/boton3_s.png); } 
.botones4{ float:left; width:50px; height:50px; margin:4px 0 0 19px; }
.botones4 a{ background-image: url(../Images/estructura/boton4.png); background-repeat:no-repeat; display: block; width:50px; height:50px; }
.botones4 a:hover { background-image: url(../Images/estructura/boton4_s.png); } 
/***************************************************************************************** BOTONES MENU*/
#barra_botones{ background-image:url(../Images/estructura/barra_botones.jpg); background-repeat:repeat-x; height:22px; width:100%;}
#boton_barra{ height:22px; float:left;}
/* Alumnos */
.boton1_menu{ float:left; width:71px; height:22px; margin:0;}
.boton1_menu a{  width:71px; height:22px; background-image: url(../Images/estructura/boton_barra_1.jpg); background-repeat:no-repeat; display: block;}
.boton1_menu a:hover { background-image: url(../Images/estructura/boton_barra_1_s.jpg);} 
/* Calendario */
.boton2_menu{ float:left; width:75px; height:22px; margin:0;}
.boton2_menu a{  width:75px; height:22px; background-image: url(../Images/estructura/boton_barra_2.jpg); background-repeat:no-repeat; display: block;}
.boton2_menu a:hover { background-image: url(../Images/estructura/boton_barra_2_s.jpg);} 
/* Directorio */
.boton3_menu{ float:left; width:71px; height:22px; margin:0;}
.boton3_menu a{  width:71px; height:22px; background-image: url(../Images/estructura/boton_barra_3.jpg); background-repeat:no-repeat; display: block;}
.boton3_menu a:hover { background-image: url(../Images/estructura/boton_barra_3_s.jpg);} 
/* Temas Educativos */
.boton4_menu{ float:left; width:112px; height:22px; margin:0;}
.boton4_menu a{  width:112px; height:22px; background-image: url(../Images/estructura/boton_barra_4.jpg); background-repeat:no-repeat; display: block;}
.boton4_menu a:hover { background-image: url(../Images/estructura/boton_barra_4_s.jpg);} 
/* Documentos */
.boton5_menu{ float:left; width:84px; height:22px; margin:0;}
.boton5_menu a{  width:84px; height:22px; background-image: url(../Images/estructura/boton_barra_5.jpg); background-repeat:no-repeat; display: block;}
.boton5_menu a:hover { background-image: url(../Images/estructura/boton_barra_5_s.jpg);} 
/* Tutorias */
.boton6_menu{ float:left; width:60px; height:22px; margin:0;}
.boton6_menu a{  width:60px; height:22px; background-image: url(../Images/estructura/boton_barra_6.jpg); background-repeat:no-repeat; display: block;}
.boton6_menu a:hover { background-image: url(../Images/estructura/boton_barra_6_s.jpg);} 
/* Registro de Calificaciones */
.boton7_menu{ float:left; width:155px; height:22px; margin:0;}
.boton7_menu a{  width:155px; height:22px; background-image: url(../Images/estructura/boton_barra_7.jpg); background-repeat:no-repeat; display: block;}
.boton7_menu a:hover { background-image: url(../Images/estructura/boton_barra_7_s.jpg);} 
/* SISAR */
.boton8_menu{ float:left; width:47px; height:22px; margin:0;}
.boton8_menu a{  width:47px; height:22px; background-image: url(../Images/estructura/boton_barra_8.jpg); background-repeat:no-repeat; display: block;}
.boton8_menu a:hover { background-image: url(../Images/estructura/boton_barra_8_s.jpg);} 
/* Periodos */
.boton9_menu{ float:left; width:70px; height:22px; margin:0;}
.boton9_menu a{  width:70px; height:22px; background-image: url(../Images/estructura/boton_barra_9.jpg); background-repeat:no-repeat; display: block;}
.boton9_menu a:hover { background-image: url(../Images/estructura/boton_barra_9_s.jpg);} 
/* Reporte de Usuarios */
.boton10_menu{ float:left; width:140px; height:22px; margin:0;}
.boton10_menu a{  width:140px; height:22px; background-image: url(../Images/estructura/boton_barra_10.jpg); background-repeat:no-repeat; display: block;}
.boton10_menu a:hover { background-image: url(../Images/estructura/boton_barra_10_s.jpg);} 
/* Administrador de Convenios */
.boton11_menu{ float:left; width:80px; height:22px; margin:0;}
.boton11_menu a{  width:80px; height:22px; background-image: url(../Images/estructura/boton_barra_11.jpg); background-repeat:no-repeat; display: block;}
.boton11_menu a:hover { background-image: url(../Images/estructura/boton_barra_11_s.jpg);} 
/* Academias */
.boton12_menu{ float:left; width:84px; height:22px; margin:0;}
.boton12_menu a{  width:84px; height:22px; background-image: url(../Images/estructura/boton_barra_12.jpg); background-repeat:no-repeat; display: block;}
.boton12_menu a:hover { background-image: url(../Images/estructura/boton_barra_12_s.jpg);}
/***************************************************************************************** CALENDARIO*/
.cal_box_titulo{width:700px; border:1px solid #CCC; background:#F4F4F4; font-size:16px; color:#333; font-weight:bold; text-align:center; margin:10px auto;}
/***************************************************************************************** DIRECTORIO*/
.cal_tipo{ border-right:1px solid #CCC; font-size:11px; color:#333; text-align:right;}
/****************************************************************************************** CONVENIOS */
.convenios_titulos{background-color:#DBDBDB; color:#5B5B5B;}
.convenios_contenidos{background-color:#F2F2F2; color:#000;}
/****************************************************************************************** EVALUACION */
.eval_titulos{ color:#32537E; font-size:14px; font-weight:bold;}
.eval_listas{ font-size:10px; border:1px solid #BFD0E6;}
.eval_td_bottom{ border-bottom:5px solid #BFD0E6;}
.eval_td_right{ border-right:1px solid #BFD0E6;}
/****************************************************************************************** ACADEMIAS */
#titulo_academias{ font-size:20px; background-color:#F4F4F4; color:#333333; font-size:16px; border:1px solid #B6B6B6; padding:3px; margin:10px 0; text-align:center; font-weight:bold; }
.titulos_secciones{ background:#21A0FE; padding:5px; font-size:14px; color:#FFF; font-weight:bold;}
.titulos_secciones_sec{ background:#0176CD; padding:5px; font-size:14px; color:#FFF; font-weight:bold;}
.acad_tabla{ border:1px solid #999; border-collapse:collapse;}
.acad_tabla_top{ border-top:1px solid #B6B6B6; font-size:12px; color:#333;}
.acad_tabla_bottom{ border-bottom:1px solid #B6B6B6; font-size:12px; color:#333;}
.acad_direc_azul{ font-size:11px; background:#0176CD; color:#FFF; text-align:center; border:1px solid #FFF;}
.acad_direc_gris{ font-size:11px; background:#D8D8D8; color:#333; text-align:center; border:1px solid #B6B6B6;}
.acad_direc_box{ font-size:11px; color:#333; text-align:center; border:1px solid #B6B6B6;}
.titulos_asig_cont{ padding:5px; font-size:14px; color:#FFF; font-weight:bold; float:left; width:346px; text-align:center; }