body{font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;margin: 0;padding: 0;}


.text_paragraph{font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;margin: 0;padding: 0;}
.nav_orange{font-size: 11pt;color: #ff9900; border-bottom: 1px solid #ff9900; padding:2px;
	}
ul.sidebar-items {
	list-style-type: none;
}
.nav_grey{font-size: 11pt;color: #cccccc; border-bottom: 1px solid #cccccc;padding:2px;
	}
	
.nav_lc_orange{font-size: 11pt;color: #ff9900; border-left: 2px solid #ff9900; padding:2px;padding-left:10px;
	}
	
.nav_lc_grey{font-size: 11pt;color: #cccccc;  padding:2px; padding-left:10px;
	}


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

/*FORMULARIOS*/


/*para text area*/.input_simple, .intro, .input_white, .leoiintro, .formLongTextfield{border: 1px solid #cccccc;font-size: 8pt;	padding: 3px;
	scrollbar-arrow-color:#000000;
	scrollbar-track-color: #FFDCB9;
	scrollbar-shadow-color:#cccccc;
	scrollbar-face-color:#f2f2f2;
	scrollbar-highlight-color:#ffffff;
	scrollbar-darkshadow-color:#333333;
	scrollbar-3dlight-color:#000000;}


.ogTextfield{border: 1px solid #ffcc00;font-size: 13px;	padding: 3px;
font-family:Arial, Helvetica, sans-serif;
font-color:#333333;
background-color: #f2f2f2;
	scrollbar-arrow-color:#000000;
	scrollbar-track-color: #FFDCB9;
	scrollbar-shadow-color:#cccccc;
	scrollbar-face-color:#f2f2f2;
	scrollbar-highlight-color:#ffffff;
	scrollbar-darkshadow-color:#333333;
	scrollbar-3dlight-color:#000000;}

.intro, .input_simple, .formLongTextfield{background-color: #f2f2f2;}
/*para input text*/.input_white, .leoiintro{background-color: #ffffff;}
.input_grey{font-size: 7pt;	padding: 1px; background-color:#f2f2f2;
color: #999999}

.formLongTextfield{
	width: 90%;
	background-color: #f2f2f2;
	border: 1px #333333 solid;
	}
.formLongTextfield_act{
	width: 90%;
	background-color: #ffffff;
	border: 1px #ff9900 solid;
	}	
	
	.intro_act{
	background-color: #ffffff;
	border: 1px #ff9900 solid;
	}	
.formShortTextfield{
	width: 45%;
	width: 90%;
	background-color: #f2f2f2;
	border: 1px #333333 solid;
	}
	
legend {  font-family: Arial, Helvetica, sans-serif; font-size: 13px}
.editLegend {font-family: Lucida, "Lucida Sans Unicode", Lucida, sans-serif;		
		font-weight:lighter;  margin:10px; font-family: Arial, Helvetica, sans-serif; font-size: 18px;}

fieldset {  color: #333333; border: 1px #333333 solid; padding: 0px; background: #FFFFFF; }
.editMarco {  color: #333333; border: 1px #333333 solid; padding: 10px; background: #FFFFFF;margin: 10px 10px 10px 10px;}
.editMarcoOrange {  color: #ff9900; border: 1px #ff9900 solid; padding: 10px; background: #FFFFFF;margin: 10px 10px 10px 10px;}
	

/*Sin usar.input_image {background-color: #ffffff;font-size: 8pt;	color: #999999;	text-indent: 3pt;
	border: 2px solid #ffffff;}*/

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

/*TABLAS Y DIVS VARIOS*/

/*contiene el login */ #div_login {height: 25px;width: 200px;position:absolute;top: 76px;left: 575px;}

/*contiene el FLASH*/.div_flash {height: 150px;width: 720px;position: relative;left: 20px;top: 40px;
	}

/*Se usa en personal.htm,
matricula_form.htm y
páginas de tablas: PRESCINDIBLE*/.background_bg_grey_center {background-image: url(http://www.webcnai.com/img/bg_grey.gif);
	background-repeat:  repeat-y;background-position: center top;}
/*INDEX.HTM con tablas*/.background_bg_grey_right {background-image: url(http://www.webcnai.com/img/bg_grey.gif);
	background-repeat:  repeat-y;background-position: right top;}
/*la línea gris del RIGHT con tablas*/.background_bg_grey_left {background-image: url(http://www.webcnai.com/img/bg_grey.gif);
	background-repeat:  repeat-y;background-position: left top;}

/*la línea naranja del RIGHT con tablas*/.background_bg_orange{background-image: url(http://www.webcnai.com/img/bg_orange.gif);
	background-repeat:  repeat-y;background-position: left top;}

/*Noticias grises de index.htm con tablas;
parte superior*/.background_gris_top{background-repeat: no-repeat;background-position: right top;
	background-image: url(http://www.webcnai.com/img/background_grey_top.gif);}
/*parte inferior*/.background_gris_bottom {background-image: url(http://www.webcnai.com/img/background_grey_bottom.gif);
	background-repeat: no-repeat;background-position: right bottom;}
/*parte centro*/.background_gris_table {font-size: 8pt;	color: #999999;
	background-repeat: repeat-y;background-position: right;	background-image: url(http://www.webcnai.com/img/background_grey.gif);}


/*da el color gris en los
listados con tablas*/.celda_gris {background-color: #f2f2f2;}

/*Estilo boton LOGIN*/.boton_envio {font-size: 10pt;color: #999999;
	background-color: #ffffff;border: 1px solid #cccccc;}

/*adelante y atrás en calendario pequeño*/
.boton_calendar{background-color: #ffffff;	color: #FF9900;	border: 1px solid #cccccc;}

/*usado en TASK y RIGHT buscador,
mejor darle un class a la etiqueta*/
.sel_grey{font-size: 8pt;	background-color: #f2f2f2; border: 1px solid #cccccc;}
.sel_white{font-size: 8pt;	background-color: #ffffff; border: 1px solid #cccccc;}

/*primera opción de cualquier select*/.selected {color: #999999;}

/*en el menú, el más simple de LIBRES con tablas; PRESCINDIBLE*/
#table_menu_graf{color: #FFFFFF;text-align: center;	vertical-align: middle;
	background-image: url(http://www.webcnai.com/img/home_nav_graf.jpg);background-repeat: no-repeat;background-position: left bottom;}


/*-------------------------------*/
/*PROPIEDADES DEL TEXTO: se pueden unificar de alguna manera: sobre todo las negritas*/


/*realmente ¿conviene?*/ p {	text-align: justify;}

/*10pt, gris*/.text_grey{	color:#999999;font-size:10pt;}
	
/*8pt, gris*/.text_grey_small{font-size: 8pt;color: #999999;	text-decoration: none;}

/*11pt, gris*/.text_grey_large{font-size: 11pt;color: #999999;}

/*NO USADO*/.text_indent{text-indent: 15pt;}
	
/*8PT, negro, just*/.text_small{font-size: 8pt;	text-align: LEFT;text-align: justify;}

/*"",negrita*/.text_bold_small {font-size: 8pt;font-weight: bold;	color: #000000;}

/*negrita*/.bold{font-weight: bold;}

/*10pt,gris,negrita: usado en MISSING.HTM sólo; 
PRESCINDIBLE*/.bold_grey{	color: #999999;	font-weight: bold;}
	
/*8pt,gris,negrita: usado en 2 páginas sólo:
buscador.htm y t_true_false_S.htm; PRESCINDIBLE*/.bold_grey_small {font-size: 8pt;font-weight: bold; color: #999999;}

/*10pt, naranja*/.orange{color:#ff9900; font-size:10pt;}

/*8pt, naranja*/.orange_small{font-size: 8pt;color: #ff9900;}
	
/*11pt, naranja*/.orange_large{font-size: 11pt;color: #ff9900;}

/*subrayado*/.underline {text-decoration: underline;}	

/*muy usado; se le da el class al <li>;
se pone la viñeta naranja*/.lista {list-style-image: url(http://www.webcnai.com/img/point_list.gif);padding-bottom: 10px;
	list-style-position: outside;}	


/*-------------------------------*/
/*LINKS*/


img{border:none;}
/*ES EL LINK POR DEFECTO; activar cuando
se usen los divs, antes no.  */ a:link, a:visited{color: #999999;text-decoration: none; border:none;}
a:hover{color: #000000;	text-decoration: underline;}

/*usado en los links de imágenes para que 
no salgan éstas con el estilo del link por defecto;
EN INDEX.HTM de tablas  y más está usado*/a.simple:link, a.simple:visited{text-decoration: none;}
a.simple:hover{text-decoration: none;}

a.linkleft:link, a.linkleft:visited{color: #999999;	text-decoration: none;padding-left: 15px; font-size: 10pt;
 	background-image: url(http://www.webcnai.com/img/link.gif); background-position: top left;background-repeat: no-repeat;}
a.linkleft:hover { color: #ff9900;text-decoration: underline; padding-left: 15px;font-size: 10pt;
	background-image: url(http://www.webcnai.com/img/link.gif);	background-position: top left;background-repeat: no-repeat;}



/*para hacer que parezca un link 
aunque no lo sea*/.linkleft_0{color: #999999;	text-decoration: none;padding-left: 15px; font-size: 10pt; cursor:pointer;
 	background-image: url(http://www.webcnai.com/img/link.gif); background-position: top left;background-repeat: no-repeat;}

	
/*poco usado porque la imagen desaparece
si el link es largo y salta de línea*/
a.linkright:link, a.linkright:visited{ color: #999999; text-decoration: none; 	font-size: 10pt; padding-right: 15px;
 	background-image: url(http://www.webcnai.com/img/link.gif); background-position: top right;	background-repeat: no-repeat;}
a.linkright:hover { color: #ff9900;	text-decoration: none;font-size: 10pt; padding-right: 15px; 
	background-image: url(http://www.webcnai.com/img/link.gif); background-position: top right;	background-repeat: no-repeat;}
  
/*usado en el submenu de DIVS principalmente*/a.link_black:link, a.link_black:visited{font-size: 10pt;color: #000000; text-decoration: none;}	
a.link_black:hover{font-size: 10pt;color: #FF9900;	text-decoration: none;}


/*usado en index.htm para programas 
y varios sitios más*/a.link_small:link, a.link_small:visited{font-size: 8pt;	text-align: left;vertical-align: top;
	text-decoration: none;	color: black;}
a.link_small:hover{color: #FF9900;text-decoration: none;}

/*usado en los calendarios peqeños*/a.link_grey_small:link, a.link_grey_small:visited{font-size: 8pt;color: #999999;text-decoration: underline;}
a.link_grey_small:hover{font-size: 8pt;	color: #000000;	text-decoration: underline;	}


/*el link del LOGOUT en la barra
de navegación*/a.link_white:link, a.link_white:visited{font-size: 8pt;	color: #ffffff;	text-decoration: underline;}
a.link_white:hover{	font-size: 8pt;color: #000000;text-decoration: underline;}
	
/*En menú RIGHT, títulos y más, a 11pt*/
a.orange_large:link, 
a.orange_large:visited  {
	font-size: 11pt;
	color: #ff9900;	
	text-decoration: none;
}
a.orange_large:hover {font-size: 11pt;color: #ff9900;text-decoration: underline;}

/*En menú RIGHT, títulos y más, a 11pt*/a.grey_large:link, a.grey_large:visited{font-size: 11pt;color: #999999;	text-decoration: none;}
a.grey_large:hover {font-size: 11pt;color: #999999;text-decoration: underline;}



/*naranja a 8pt*/a.naranja:link, a.naranja:visited{font-size: 8pt;color: #ff9900;text-decoration: none;}
a.naranja:hover{text-decoration: underline;}	

/*link naranja subray. a 10pt; usado
en calendario grande*/a.naranja_large:link, a.naranja_large:visited{color: #ff9900;	text-decoration: underline;}
a.naranja_large:hover{color: #999999;text-decoration: underline;}
	
/*menú gráfico super simple; sin imágenes
de fondo; NO USADO*/a.option_menu_graf:link, a.option_menu_graf:visited{font-weight: bold; text-decoration: none; color: #FFFFFF;
	padding-right: 18px; border-right: 1px solid #FFFFFF;}
a.option_menu_graf:hover{color: #000000; text-decoration: none; font-weight: bold;	
	padding-right: 18px; border-right: 1px solid #FFFFFF;}

/*------------------------------
CABECERA*/



#head_students{position: relative; top:0px; left:0px; height:100px;
background-image: url(http://www.ingleslumbier.net/img/head_alto.gif);
	no-repeat 0 0;}


/*-------------------------------
/*BARRA DE NAVEGACIÓN*/
#nav, #subnav{position: relative;height:auto;top:0px; padding:0px 0px 0px 0px; width:100%;}
#subnav{padding:0px; padding-top: -20px;top:10px;}


a.op_nav:link, a.op_nav:visited, a.op_subnav:link, a.op_subnav:visited{
	font: 10pt/10pt arial; color:#ffffff; padding: 0px 5px 0px 5px;
	text-decoration:none}
a.op_nav:hover{background-color: #ffffff; color:#666666;}	
a.op_subnav:link, a.op_subnav:visited{color:#000000;}
a.op_subnav:hover{color:#FF9900;}

a.op_active:link, a.op_active:visited, a.op_active:hover{font: 10pt/10pt arial; padding: 0px 5px 0px 5px;
	text-decoration:none;background-color: #ffffff; color:#666666;}

a.op_sub_active:link, a.op_sub_active:visited, a.op_sub_active:hover{font-size: 10pt;color: #FF9900;text-decoration: none;}
/*div.op_nav a:link, div.op_nav a:visited{
	position:absolute;top: 52px;width: 75px;height: 20px;text-align: center;text-decoration: none;
	color: #ffffff;font-size: 8pt;margin-top: 1px;padding-top: 3px;border-right: 1px solid  #ffffff;}
div.op_nav a:hover{
	background-color:#ffffff;text-align: center;color:#666666;}

#active{position:absolute;top: 52px;width: 75px;height: 20px;text-align: center;text-decoration: none;
	font-size: 8pt;margin-top: 1px;padding-top: 3px;border-right: 1px solid #ffffff;
	color: #000000;	background-image: url(../img/fondo_nav.gif);background-position: center center;
	background-repeat: no-repeat;}*/
		
/*Estos posicionan los links de la barra de navegación
.uno{left: 25px;}.dos{left: 100px;}.tres{left: 175px;}.cuatro{left: 250px;}.cinco{left: 325px;}.seis{left: 400px;}
.siete{left: 475px;}.ocho{left: 550px;}.nueve{left: 625px;}*/


/*LOGOUT*/
	
	
/*---------------------------------------
SUBNAVEGACIÓN*/
/*#subnav{position:relative;top:10px; }

/*#sub_nav1, #sub_nav2, #sub_nav3, #sub_nav4, #sub_nav5, #sub_nav6, #sub_nav7{position: absolute;
width: 100px;height:20px;top: 85px; text-align:center;}
#sub_nav1{left: 25px;}	
#sub_nav2{left: 125px;}	
#sub_nav3{left: 225px;}	
#sub_nav4{left: 325px;}	
#sub_nav5{left: 425px;}	
#sub_nav6{left: 525px;}
#sub_nav7{left: 625px;}*/


/*-------------------------------*/
#all{position: relative; width:900px; height:auto; padding-left:20px; top:40px;}
/*divs de CONTENIDO DEL CENTRO*/	

#content{position:relative;  width: 510px; height:auto;float:left;min-width:510px; max-width:510px;
left:0px; padding-left:0px;}


#introbox{position:relative; top:60px; left:25px; width:160px; padding:10px; float:left; border-right:#fd8f01 solid 1px;}


		
#content_left{position:relative; top: 0px; width: 370px; height:100%;float:left;}
#content_right{float:left; width:360px; margin: 60px 0px 0px 30px;
    background-image:url(../img/bg_grey.gif);
	background-position: top left;background-repeat: repeat-y;padding-left: 10px;height: auto;}

/*sólo en BUSCADOR.HTM*/#subcontent{
	position:relative;
	width:  490px;
	left: 50px;
	top: 40px;
}

/*.---------------------------*/

/*RIGHT*/

.op_r{position: relative;width: auto;top: 5px;	padding-bottom: 15px;padding-left: 0px;	}

.op_r_busc{position: relative;width: 160px;top: 10px; padding: 5px 5px 0px 5px;
	height:auto; border: 1px solid #999999; margin-bottom:15px; left: 200px;}

#right{float:left; width:200px; margin: 0px 0px 0px 30px;
background-image:url(http://www.webcnai.com/img/bg_grey.gif);
	background-position: top left;background-repeat: repeat-y;padding-left: 20px;height: auto;}	

#right p{margin: 3px 0px 3px 0px;}

/*para las capas que indican los mensajes
alternativos de texto en PERSONAL_P*/.text_alt{visibility:hidden; 
		position:absolute; top: 10px; left: 185px;
		background: #f2f2f2; 
		overflow:visible;
		font:normal 8pt/10pt arial; 
		color: #999999; 
		border:solid 1px #999999; 
		text-align:left; 
		padding:5px;}

/*--------------------------
FOOT*/
/*
#footer{width:760px; margin-top:70px;height:auto;float:left;text-align:right; 
font-size:8pt;}
*/

/*-----------------------------*/
/*NAVEGACIÓN ADELANTE-ATRÁS; tal vez se pueda optimizar*/

#back_forward{position: relative; top:30px;	left: 20px;	width: 520px; height: 30px;}	
#back{position: relative;top: 0px;	left:0px;width: 100px;}
#forward{position: absolute;top: 0px;left: 435px;width: 100px;	text-align: center;}


/*-----------------------------
LOS TÍTULOS Y SUBTÍTULOS DE LOGIN*/

.header1,
.title{
	position: relative;	
	left: 4px;	
	width: auto;
	font-size: 12pt;color: #ff9900;
	border-bottom: 1px solid #999999;
	padding-bottom:2px;
	/* top: 60px;/*margin-bottom: 30px;*/
}
	
.title_grey{position: relative;	left: 0px;	width: auto;font-size: 12pt;color: #999999;
	border-bottom: 1px solid #999999;padding-bottom:2px;/* top: 60px;/*margin-bottom: 30px;*/}	

.title_sm{position: relative;	width: auto;font-size: 12pt;color: #ff9900;
	border-bottom: 1px solid #999999;padding-bottom:2px;}
	
/*.title div{position:absolute;top: 2px;text-decoration: none; z-index: 2;
	left: 291px; width:210px;
	text-align: right;}*/
	
.title ul{float:right; margin-top:-15px; list-style-type: none;}
.title li{float:right; width:auto; margin-left:5px;}

.title_fo_menu{float:right; text-align:right; font:8pt/11pt arial; color:#999999;}

.subtitle{
	position: relative;
	width: auto;
	border-bottom: 1px solid #ff9900;
	top: 10px;
	left: 0px;
	height: 20px;
	padding: 0px;
	margin-left: 10px;
}
	#include/*modulos*/{left: 0px; top: 0px; padding-top:15px; margin-left:0px;}
	#medium/*mensajes*/{padding-top:15px;}
	#large/*foros*/{padding: 10px 0px 10px 0px; height:auto;}
	
	
	.pres_subtitle{left: 0px;width: auto;font: 12pt/14pt arial; height:auto;
	border-bottom: 1px solid #ff9900; margin-top:20px; }
	
	
.subtitle_sm{position: relative;width: auto;border-bottom: 1px solid #ff9900;
	top: 10px;height: 20px;padding: 0px;}		

.content_text{
	position: relative;
	width: auto;
	height: auto;
	padding-bottom: 10px;
	font:8pt/15pt arial;
	margin-left: 10px;
	top: 10px;
}	
	#fixed/*mensajes*/{height:25px; margin-bottom:7px;}
	.back_grey{background-color:#f2f2f2;}
	#text_include/*foros*/{width: auto;left: 20px; top: 5px;}
	#fo_index_right{width:120px; left:20px; top:0px;
	text-decoration: none; font: 7pt/8pt arial; padding-bottom:0px;}
.content_text_sm{position: relative; width: auto; height: auto; margin-left: 10px; top: 15px; padding-bottom: 10px;
	font:8pt/15pt arial;}
		
.img_float{float:left; padding-right:5px; padding-top: 5px; position:relative;}



	

/*-------------------------------------
/*MENSAJERÍA*/
	
	/*cada apartado del "mens"*/.mens_item{position:relative; width: auto;height: 20px;text-align: left;
	font:8pt/13pt arial;float:left;left:0px; padding-left:0px;}
	
	/*posicionan el "mens_item"*/
	#m_cero{width:42px; padding-top:5px;}
	#m_uno{width:120px}
	#m_dos{width: 230px;}
	#m_tres{width: auto;}
	#m_cuatro{float: right;}
	
	/*en mensajes_escribir.htm*/
	select.write{font-size: 8pt;	background-color: #f2f2f2; width: 450px;border: 1px solid #cccccc;}
	select.write2{font-size: 8pt;color: #666666; background-color: #f2f2f2; width: 180px;border: 1px solid #cccccc;} 
	select.write3{font-size: 8pt;	background-color: #f2f2f2; width: 85px;border: 1px solid #cccccc;} 
	#li_prog{ cursor:pointer; list-style-type:upper-roman; z-index:2000;
	width:auto;}
	
	.address_book_table{background-color:#FF9900;}
	
/*la navegación entre mensajes*/.foot_nav{position: relative; width: 500px; height: auto; left: 10px; top: 20px; padding-bottom: 10px;
	border-top:1px solid #999999; text-align:center; margin-bottom:80px;}



	
/*-------------------------------------
FOROS*/

/*mensajes del foro*/.fo_content{height:300px; width:auto; left:0px;/*top:75px;*/top:10px;}

/*posicionar más a la izq. en el scroll*/#left{left:5px;}

/*la navegación entre mensajes y cadenas
de mensajes, abajo*/.fo_nav{position: relative; width: 500px; height: auto; left: 33px; /*top: 60px;*/top:5px; padding-bottom: 10px;
	border-top-:1px solid #999999;}
	/*cada apartado del anterior*/.fo_nav_item{position:absolute;width: auto;height: 20px;text-align: left;top: 3px;left: 2px;}

	/*posiciona el apartado de la derecha*/#f_dos{left: 395px; text-align:right;}



/*-----------------------------*/
/*BIBLIOTECA: BUSCADOR*/

/*contiene la LEYENDA 
del buscdor*/#le{position: relative; height:auto; top:30px; width: 360px; left: 80px}

/*buscando recursos...*/#b_searching{position: absolute;top: 10px;left: 50px;text-align: left;width: 390px;}
	
/*botones de búsqueda avanzada
o nueva ARRIBA*/#b_busq_top{position: relative;top: 50px;width: 450px;height: 18px;left: 0px;
	border-bottom: 1px solid #ff9900;}
/*botones de búsqueda avanzada
o nueva ABAJO*/#b_busq_bottom{position:relative;top: 30px;width: 450px;height: 18px;left: 20px;
	border-bottom: 1px solid #ff9900; margin-bottom: 50px;}
/*nueva*/.b_busq1{position:absolute;	width: 140px;text-align: left;}	
/*avanzada*/.b_busq2{position: absolute;left: 300px;width: 150px;text-align: right;	top: 0px;}

/*recursos encontrados...*/#b_found{position: relative;top: 60px;	text-align: center;	width: 490px;}

/*títulos resultados*/.res_title{	position: relative;	top: 90px;	width: 415px;	height: 18px; left: 5px;
	font-weight: bold;	border-bottom: 1px solid #ff9900;}

/*PACKS*/
/*contiene todo */.b_result_pack{position: relative;top: -50px;width: 400px;left: 50px;height: auto;}
/*envuelve los diferentes PACKS, NO TITLE*/.pack_content{position: relative;top: 90px;left: 5px;width: 415px;}
/*cada pack*/.pack{position: relative; width:415px; padding-top: 4px;}


/*SIMPLES*/
/*contiene todo */.b_result_simple{position: relative; width: 400px; left: 50px; top: -30px; margin-bottom: 20px;}
/*envuelve los apartados de abajo*/.res_content{position: relative; top: 90px; left:5px;width: 415px;}

/*dif.apartados de los resultados,
tanto Pack como simple*/.res_au, .res_id, .res_sop, .res_sig, .res_ed, .res_ed_p, .res_col,
	.res_mat, .res_disc_id, .res_disc_sub, .res_dur, .res_com{position:relative;
	width: 375px;text-align: left; padding-top:1px;}

.res_com, .res_mat{width: 415px; text-align:justify;}
.res_ty, .res_ed_y, .res_ISBN, .res_ni{position: absolute;left: 185px;width:230px;text-align: right;
	padding-top: 1px;}	
.res_ni{top:16px;}
.res_ty{top: 33px;}
.res_ed_y{top: 68px;}
.res_ISBN{top: 84px}

/*informa de la disponibilidad,
abajo a la derecha*/.res_disp{position: relative; width: 415px; left: 5px; text-align: right; top: 95px;padding-top: 5px;
	border-top: 1px solid #999999;}

/*-------------------------------------
CALENDARIO; ¿SE VA A USAR?

.cal_header_list{position: relative;width: 500px;left: 20px;top: 0px; padding-top: 5px; height:25px;
border-bottom: 1px solid #ff9900;}

.cal_list{position: relative;width: 500px;left: 20px;top: 0px;	height: 75px;
	border-bottom: 1px solid #dedede;}

.cal_item{position:absolute; width: 71px; text-align: center; height: 75px;
	border-left: 1px solid #dedede;} 
#c_uno{left: 0px;}
#c_dos{left: 71px;}
#c_tres{left: 142px;}
#c_cuatro{left: 213px;}
#c_cinco{left: 284px;}
#c_seis{left: 355px;}
#c_siete{left: 426px; width: 74px;}

SEMANA Y HORARIO; ¿?

/*aquí los de la semana y del horario juntos
#sem_content{position: relative;width: 500px;left: 15px;top: -2px;}

#sem_header, #hor_header{position: relative; height: 35px; width: 475px; left:20px;
	border-bottom:1px solid #ff9900; top: 60px;}	
.s_header_item, .h_header_item{	position:absolute;top: 12px;width: 200px;left: 0px;
	text-align: left;text-decoration: none;}

.sem_list, .hor_list{position: relative;width: 475px;left: 20px;top:60px;	height: 80px;
	border-bottom: 1px solid #dedede;}
.s_item, .h_item{position:absolute;	height: 60px;width: 345px;border-left: 1px solid #dedede;overflow: auto;
	scrollbar-arrow-color:#000000;
	scrollbar-track-color: #FFDCB9;
	scrollbar-shadow-color:#f2f2f2;
	scrollbar-face-color:#cccccc;
	scrollbar-highlight-color:#ffffff;
	scrollbar-darkshadow-color:#333333;
	scrollbar-3dlight-color:#000000;
} 
	
#s_cero, #h_cero{padding-top: 30px;  width: 100px; padding-left: 20px;}
#s_uno, #h_uno{left: 120px; padding:10px;}
#s_focus{left: 120px; padding:10px; background-color:#FFDCB9; color: #333333;}

DIETARIO


#d_content{position: relative;width: 500px;left: 15px;top: 50px;}

#d_header{position: relative; height: 30px; width: 475px; left:20px; top:60px;
	border-bottom:1px solid #ff9900;}
	
.d_header_item{position:absolute;top: 12px;width: 200px;text-align: left;text-decoration: none;left: 0px;}

.day{position: relative; width: 475px; height: 25px; left: 20px; top: 70px;}
.d_item{position:absolute; width: 392px; left: 20px; height: 22px;
	text-align: left;}
#d_uno{left: 82px; font-size: 8pt; padding:3px; }
#d_1{background-color: #f2f2f2; padding-top: 2px;}*/


/*-----------------------------
MÓDULOS DE CURSOS*/ 

/*menu RIGHT de módulos;
van dentro de un op_r*/.mod_index{position: relative; height:auto; left:10px; top:10px; padding-top:12px; padding-bottom: 5px;
	border-bottom:1px solid #999999;}


/* ----------------------------
UNIDADES DE LOS CURSOS*/
	
/*unidades en el indice del RIGHT*/.un_index{padding:5px 15px 5px 5px; }


/*---------------------------
TASKS*/

.wrong{background-color:#FFDCB9;}

/*posicionan el indicardor de 
navegación, DONDE ESTÁs*/

#ind{position:relative; height: 20px;}
.you, .curse, .mod, .unit{position: absolute;top:10px;height:15px;width: auto;font-size:8pt;left: 0px;}

.you{left: 45px; text-decoration:underline; color:#ff9900;}
.curse{left: 125px;}
.mod{left:350px;}
.unit{left: 485px;}

/*posiciona el ADELANTE de IR un poco
más lejos para que quepan los iconos de los
ejercicios  */#forward_t{position: absolute;top: 0px;left: 520px;width: 100px;text-align: center;}

/*contiene los iconos de los
ejercicios*/#button_task{position: relative;left: 50px;	top: -15px;}
	#text_alt{visibility:hidden; 
	position:absolute; 
	background:white; 
	font:normal 8pt/8pt arial; 
	color: #000000; 
	border:solid 1px #999999; 
	text-align:left; 
	padding:5px;
	z-index: 10000;}


/*Vocabulary book*/#voc_book{
	width:130px;
	height:80px;
	z-index:2;
	background: url(../img/back_vocbook.jpg) no-repeat top left;
	font-size:8pt;}
	#voc_book p{margin: 8px 5px 5px 5px;}
	#voc_book h3{color: #999999; font-size:10pt; margin: 5px 5px 0px 5px;
	text-align:center; font-weight:normal; border-bottom: 1px solid #FF9900;}
	#voc_book span{float:right; margin-top:-19px;}


/*hace que no se corte el contenido inferior*/.spacer_bottom{visibility:hidden; height:80px;}

/*COLUMNA IZQ.*/
#task_cont_left{float:left; position:relative;
width: 370px;left: 20px;top: 75px; margin-bottom:80px;}

/*COLUMNA DCHA*/
#task_cont_right{float: left;position: relative;width:350px; left:40px;
 top: 75px; padding-left: 5px;}

/*COLUMNA ARRIBA*/
#task_cont_top{position: relative; width:760px; height:auto; top:80px; left:20px;}

/*COLUMNA DE ABAJO*/
#task_cont_bottom{position: relative; width:760px; height:auto; top:100px; left:20px;}

 /*subtítulo de apartados: buscar
CORRESPONDECIAS*/.subtitle_task{position: relative;left: 0px;width: auto;font-size: 12pt;color: #999999; height: 20px;
	border-bottom: 1px solid #ff9900;}

/*icono de imprimir dentro del
subtitle_task*/#print{position: absolute;top:0px;left: 250px;width: 100px;text-align: right;font-size: 10pt;}

/*contenido de cada apartado*/
.task_cont_exp{position: relative;width: auto;left: 0px; top:0px;padding:5px}
	/*GAPFILL*/#gap_left{width: 370px; font:10pt/18pt arial; top: 5px; border:1px dotted #999999; background-color: #f2f2f2;}
	/*GAPFILL*/#gap_right{width: 350px; float:right;}

/*contiene los ejercicios en un scroll*/
.scroll_V, .scroll_H, .fo_content{position:relative; overflow:auto;margin-bottom:20px;
 border: 2px dotted #cccccc; padding:5px;
	background-color: #f2f2f2;
	scrollbar-arrow-color:#000000;
	scrollbar-track-color: #FFDCB9;
	scrollbar-shadow-color:#cccccc;
	scrollbar-face-color:#f2f2f2;
	scrollbar-highlight-color:#ffffff;
	scrollbar-darkshadow-color:#333333;
	scrollbar-3dlight-color:#000000;
	}
.scroll_V{ top:5px;left: 0px; width: 350px; height: 400px;}
#fixed_V{width:500px;}
.scroll_H{ top:5px;left: 20px; width: 700px; height:auto;}
#fixed_H{height: 250px;}

hr{border:#ff9900 1px solid; margin:10px 30px 10px 0; height:1px; }



/*para cada mensaje de los
ejercicios del foro*/
.task_men_for, .task_men_for_H{position: relative;height:auto;left:10pt;padding:5px;
padding-bottom: 2px;margin-bottom: 8px;font:8pt/16pt arial; border-bottom:1px solid #999999;}
.task_men_for{width: 300px;}
.task_men_for_H{width: 650px;}	


	
/*es un párrafo subrayado con 
naranja. Usado en TRUE FALSE*/
.t_par{background-image: url(http://www.webcnai.com/img/bg_orange.gif); background-repeat:repeat-x; background-position:bottom left; padding-bottom:5px;}

/*en MULTIPLE_CHOICE_AU.htm, posiciona los botones que 
indican dónde pulsar pa SUBIR o BAJAR*/#boton_updown{position:absolute; top:27px; left: 670px; height: 250px; overflow: visible;
	color:#999999; font-size: 12pt;}
	/*posiciona el DIV dentro del 
	padre anterior*/#boton_updown div{position:relative; top:225px;}

/*en PAR_ORD.htm, el estilo del párrafo a ordenar*/
.par_ord{font:8pt/12pt arial; margin-left:10px;padding:5px;}


/*Para GAP FILL, pdlib*/
#gap_content{position: absolute; width: 755px; height: auto; padding: 10px;}

#drag-feedback-box {
  position: absolute;
  display: none;
  z-index: 1000;
  background-image:url(../img/dot.gif);
 }
#drag-feedback-box input{background: transparent;  width:auto;
	border: transparent;font: 10pt arial; font-weight: bold;
	padding: 3px 0px 0px 8px;}

.separator {
  border: 1px inset Menu;
}

.question{
  border: 1px solid #999999;
  width:125px;
  margin: 3px;
  display: inline;
  }
.questionN{width: 10px;
  border: 1px solid #999999;
  margin: 3px;
  display: inline;
  }
  
.cell{border:1px dotted #999999;padding:5px;text-align:center;
	 font:11pt arial;color:#999999; background-color:#f2f2f2;}
	
.choice{padding:5px;text-align:center;}

.response{font-size: 8pt;color: #666666;	text-decoration: none;background-color: transparent;
padding-left:5px; border: none; font-weight:bold;}



/*----------------------------
PERSONAL PAGE (P_P), ESCRITORIO*/

.pp_noti{position: relative;width: 95%; height: auto; margin-top:20px; top:0px;left:0px; padding: 15px; 
	 border:1px solid #ff9900; margin-bottom:5px; float:left;}
.content_text ul{padding-bottom: 80px;}
.content_text li{float: left; top:0px; width:auto; text-align:center; margin-right:20px; list-style-type:none; padding-right:10px}
 

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

/*LOGIN DIVS; realizados para adaptar la vieja estructura a la organización con divs;
están sólo en login_nav_div.htm y en buscador2.htm*/
#p_p{position:absolute;	top: 52px;width: 115px;height: 20px;text-align: center;	
	padding-top: 3px;color: #000000;left: 10px; z-index: 1;
	background-image: url(http://www.webcnai.com/img/fondo_nav2.gif);background-position: center center;	background-repeat: no-repeat;
	}

#name{position:absolute;top: 52px;width: 200px;height: 20px;text-align: right; font-size: 8pt;
	margin-top: 1px;padding-top: 3px;color: #000000;left: 504px;}

#sub_nav_log{position: absolute;top: 75px;	height:auto; left: 10px; width: 585px; 
 border-left: 1px dotted #999999; padding: 5px 0px 5px 0px; z-index: 0 }

.sub_nav_op{position: relative; border: 1px dotted #999999; padding: 5px 0px 5px 5px;background-color: #f2f2f2;
	border-left: none; border-top: none; border-right: none; margin: 0px -5px 5px 0px;}
a.sub_nav:link, a.sub_nav:visited{font-size: 8pt; color: #999999; text-decoration: none; 
	border-right: 1px dotted #999999; padding: 3px 8px 3px 2px; }
a.sub_nav:hover{text-decoration: underline;}

#cont_log{position: relative;left: 0px;top: 35px;width: 575px; height:auto; padding: 0px 15px 0px 15px;}

#sub_cont_log{position: relative;width: auto; height:auto;top: 10px;left: 0px;}

#right_log{position:absolute;top: 75px;left: 595px;width:165px; height:auto;}	

.op_r_0{position: relative;width: 160px;top: 5px;	padding: 5px 0px 5px 5px;
	border-left: 1px solid #999999;}

.op_r_1{position: relative;width: 160px;top: 5px;	padding: 2px 0px 2px 5px;
	border-left: 1px solid #ff9900;font-size: 11pt; color: #999999; margin: 3px 0px 3px 0px;}

#foot_log{position: relative;width: 525px;	height:180px;top: 80px;font-size:8pt; border-top:1px solid #999999;
padding: 5px 0px 0px 50px;}

/*classes antiguos*/
.maintable{background-color: #ffffff;}
.bgtxthell{background-color: #f2f2f2;}
.p10, .p10klein {
	font: 10px/12px arial; color: #000000; text-decoration: none}

.knopf {
	background-color:#002850; color : #ffffff; font-size : 13px; border: 1px solid #E09000}
	
.navorange1{background-color: #ff9900;}

/*cada apartado del "acred"*/
.acred_item{position:relative; width: auto;height: auto;text-align: left;
	font:10pt/15pt arial;float:left;left:0px; padding-left:5px; padding-top:5px;}
	
/*posicionan el "acred_item"*/
#a_uno{width:120px}
#a_dos{width: 210px;}
#a_tres{width: auto;}
#a_cuatro{float: right; padding-right:5px;}
#a_cinco{width:300px}


 .rightImg {
	width: 200px;
	background-color: #ffffff;
	margin: 0 0 5px 5px;
	float: right;
}
 .leftImg {
	width: 150px;
	background-color: #ffffff;
	margin: 0 0 5px 5px;
	float: left;
}
 .imgSubline {
	 font-family: Arial, Helvetica, sans-serif; 
	 font-size: 13px; 
	 color: #333333
	text-align: left;
	padding-right: 36px;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	min-height: 29px;
}

/* CSS Document */
/* bar graph */

#cnaiVoteResult
{
margin: 0.5em 0.5em 1.5em 0.5em;
border: 1px solid #5CB1D6;
float: left;
clear: both;
background: #fff;
width: 14em;
display: inline;
}


.cnaiVoteSingleResult

{
padding: 6px 5px 0 5px;
margin: 0 0 4px 0;
font-size: 12px;
line-height: 1.3em;
border-top: #999999 1px solid;

}

.cnaiBarContainer

{
background: #e9ebef;
border: #999999 1px solid;
margin: 0 4px 8px 4px;
}

.cnaiBar

{
border-top: 1px #fdcd8f solid;
border-left: 1px #fdcd8f solid; 
border-right: 1px #e76300 solid; 
border-bottom: 1px #e76300 solid; 
background: #fd8f01;
line-height: 0;
font-size: 0;
height: 12px;
margin: 0;
padding: 0;

}
/* END BAR GRAPH*/

DIV#sitemap {
   padding: 1em 1.5em;
   }
DIV#sitemap P {
   padding: 0;
   border: none;
   margin: 0;
   }
DIV#sitemap DIV {
   padding: 0 0 0 0;
   border: none;
   margin: 0;
   width:20px;
   float:left;
   }
DIV#sitemap DIV.extm {
   background: url(../img/extm.gif)
               no-repeat
               0% 0%;
   }
DIV#sitemap DIV.exlm {
   background: url(../img/exlm.gif)
               no-repeat
               0% 0%;
   }
DIV#sitemap DIV.exim {
   background: url(../img/exim.gif)
               repeat-y
               0% 0%;
   }
DIV#sitemap DIV.ex-m {
   background: none;
   }
   
  .bus_ficha{width:400px; height:auto; }
#bus_title{float:left; display:inline;width:80%;}
#bus_pv{float:right; display:inline;width:20%;}
#bus_desc{width:100%;}
#bus_soporte{float:left; display:inline;width:100px;}
#bus_idioma{float:left; display:inline;width:80px;}
#bus_nivel{float:left; width:20px;}
#bus_link{float:right; width:auto; text-align:right; width:20px; clear:left;}

.element_float{float:left; vertical-align:bottom; padding-right:5px; padding-top: 5px; position:relative;}


.element_nl{clear:left; float:left;vertical-align:bottom; padding-right:5px; padding-top: 5px; position:relative;}

.form_result{clear:left;} 
.tagcloud  {background-color:#ffffff; text-align: left; border:1px solid #333333; padding:10px; position:relative; }
.tagcloud span a {line-height: 25px; margin: 0 2px;}

.tagcloud span.level1 {font-size: 11px; line-height: 15px;}
.tagcloud span.level2 {font-size: 14px; line-height: 19px;}
.tagcloud span.level3 {font-size: 18px; line-height: 23px;}
.tagcloud span.level4 {font-size: 20px; line-height: 25px;}
.tagcloud span.level5 {font-size: 24px; line-height: 29px;}
.tagcloud span.level6 {font-size: 30px; line-height: 35px;}
.tagcloud span.level7 {font-size: 35px; line-height: 40px;}
.tagcloud span.level8 {font-size: 40px; line-height: 45px;}
.tagcloud span.level9 {font-size: 40px; line-height: 45px;}
                
.tagcloud span.level1 a {color:#668AA8;}
.tagcloud span.level2 a {color:#E76300;}
.tagcloud span.level3 a {color:#E76300;}
.tagcloud span.level4 a {color:#E76300;}
.tagcloud span.level5 a {color:#E76300;}
.tagcloud span.level6 a {color:#E76300;}
.tagcloud span.level7 a {color:#E76300;}
.tagcloud span.level8 a {color:#E76300;}
.tagcloud span.level9 a {color:#E76300; font-weight: bold; padding: 0 4px;}

.tagcloud span a:hover, .tagcloud span.level1 a:hover, .tagcloud span.level2 a:hover, .tagcloud span.level3 a:hover {color: white; background-color: #668AA8;}

.tagcloud dt {font-size: 14px; line-height: 19px; color:#E76300;}
.tagcloud dt a{font-size: 14px; line-height: 19px; color:#E76300;}
.tagcloud dd {font-size: 12px; line-height: 17px; color:#668AA8; padding-bottom: 4px;}
.tagcloud dd.tag {font-size: 12px; line-height: 17px; color:#666;  padding-bottom:16px;}
.tagcloud dd.tag a {color:.666; padding: 0 4px;}
.tagcloud span a:hover, .tagcloud span.level1 a:hover, .tagcloud span.level2 a:hover, .tagcloud span.level3 a:hover, .tagcloud a:hover {color: white; background-color: #668AA8;}

.blank {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; background-color: #FFFFFF; border: 1px #333333 solid; text-align: center }
.blank_incorrect {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #cc0000; background-color: #cccccc; border: 1px #cc0000 solid; text-align: center }


div#nifty_right{ margin: 0 0 0 0;background: #ffd9a7;width:150px;}

b.rtop_right, b.rbottom_right{display:block;background: #FFF}
b.rtop_right b, b.rbottom_right b{display:block;height: 1px;
    overflow: hidden; background: #ffd9a7;}
b.r1_right{margin: 0 5px}
b.r2_right{margin: 0 3px}
b.r3_right{margin: 0 2px}
b.rtop_right b.r4_right, b.rbottom_right b.r4_right{margin: 0 1px;height: 2px}

.contentOben{width:760px;}


.active_task_nav{ background-color:#333;color:#FFF;padding:4px 6px 4px 6px;margin:2px;text-decoration:none;}
.normal_task_nav{ background-color:#f2f2f2;color:#333;padding:4px 6px 4px 6px;margin:2px;text-decoration:none;}
.normal_task_nav:hover{ background-color:#ccc;color:#333;padding:4px 6px 4px 6px;margin:2px;text-decoration:none;}


#contentTask {
/*	width:780px; */
    height:auto;
    padding: 5px;
    overflow:visible;
	margin-top: 20px;
                }
#contentEins {
	width: 40%;
    margin-top: 0px;
    float:left;
    position:relative;
}
#contentTextEins {
/*    width:260px; */
 	float:left;
}
#contentEins p {
	margin-right:10px;
	font-size: 9pt;
}
#contentZwei {
	width: 40%;
	float:right;
	position:relative;
	font-size: 10pt;
}
#contentZwei,
#contentEins  {
	padding: 5px;
}
#crumbs {
	position:relative;
	left:-5px;
    top:0px;
    text-align:left;
    margin:20px 0 20px 0;
}
#crumbs ul, #crumbs li {
	text-align:left;
	display:inline;
}
#crumbs li {
	color:#708090;
    font-size:14px;
}
#crumbs a {
	color:#708090;
    text-decoration:none;
    padding:2px;
}
#crumbs a:hover {
    color:#708090;
    text-decoration:underline;
    padding:2px;
}
/* Upload Userfiles */
#title {
    position: relative;
}
#indicator  {
    position: relative;
    width: 450px;
    height: 320px;
    display: none;
}
p.error  {
    color: #cc0000;
}
#upload-error  {
    text-align:right;
    width:500px;
}
#userfile-form  {
    width:400px;
    padding:5px;
}
#userfiles  {
    width:250px;
    float:left;
    border-left: 1px solid #ff9900;
    padding-left: 9px;
}
.userfile-link-bottom  {
    width: 250px;
    float: left;
}
.userfolder-container  {
    width: 250px;
    float: left;
}
.userfolders  {
    width:180px;
    float: left;
}
.userfolders a:active  {
    color: red;
}
.folder-action  {
    width: 38px;
    float: right;
    margin-right: 10px;
}
.userfile-link  {
    width:220px;
    float:left;
}
.userfile-link-gray  {
    width:220px;
    float:left;
    background-color: #e6e6e6;
}
.file-action  {
    width: 20px;
    float: right;
}
.filelink-pdf  {
   padding-left: 18px;
   background: transparent url(/img/silk_icons/page_white_acrobat.png) no-repeat center left;
}
.filelink-doc  {
    padding-left: 18px;
    background: transparent url(/img/silk_icons/page_word.gif) no-repeat center left;
}
.filelink-txt  {
    padding-left: 18px;
    background: transparent url(/img/silk_icons/page_white_text.png) no-repeat center left;
}
.filelink-xls  {
    padding-left: 18px;
    background: transparent url(/img/silk_icons/page_white_excel.png) no-repeat center left;
}
.filelink-ppt  {
    padding-left: 18px;
    background: transparent url(/img/silk_icons/page_white_powerpoint.png) no-repeat center left;
}
.filelink-rtf  {
    padding-left: 18px;
    background: transparent url(/img/silk_icons/page.gif) no-repeat center left;
}
.filelink-swf  {
    padding-left: 18px;
    background: transparent url(/img/silk_icons/plugin.png) no-repeat center left;
}
.filelink-video{
    padding-left: 18px;
    background: transparent url(/img/silk_icons/film.png) no-repeat center left;
}
.filelink-audio  {
    padding-left: 18px;
    background: transparent url(/img/silk_icons/sound.png) no-repeat center left;
}
.userfolder-container-popup  {
    width: 250px;
    float: left;
    vertical-align: left;
}
.popup-links  {
    width:250px;
    width:250px;
    text-align: left;
    float:left;
}
#popup-flv-player  {
    text-align: left;
    vertical-align: top;
    width: 320px;
}
/* Tutor Calendar PopUp */
.calendar-form {
	text-align: left;
}
.calendar-form fieldset {
	background-color: #E3EDCC;
}
.calendar-form label {
  	float:left;
  	width:15%;
  	text-align: left;
  	font-weight:bold;
}
.calendar-form label.auto{
	width: auto;
	margin-left: 20px;
}
.calendar-form textarea,
.calendar-form select,
.calendar-form input {
    border: 1px solid #6F775B;
}
.cal-fs {
	padding: 5px;
	margin-bottom: 7px;
	border: 1px solid #6F775B;
}
.entry-time,
.entry-head {
	background-color: #6F775B;
	color: white;
	font-weight: bold;
	padding: 2px;
	margin-bottom: 8px;
}
.cal-entries {
	text-align: left;
}
.entry-time {
	width: 75px;
}
.entry-title {
	background-color: #E3EDCC;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top: 1px solid #6F775B;
	border-bottom: 1px solid #6F775B;
	border-right: 1px solid #6F775B;
	font-weight: bold;
}
.entry-text {
	margin-bottom: 15px;
    border-left: 1px solid #6F775B;
    border-bottom: 1px solid #6F775B;
    border-right: 1px solid #6F775B;
	padding: 3px;
}