
/*----- MEDIA QUERIES ------*/
@media only screen and (min-width: 1060px) {
	/*----- default style -----*/
	.input_error { font-size:12px; }
	
	.oneLine_inputDataPerfil, .oneLine_inputDataContent { display:block; }
	.threeLine_inputDataPerfil, .threeLine_inputDataContent { display:none; }
	/*----- default style -----*/
	
	/*----- Login style -----*/
	.input_data .loginBox { width:320px; padding:0 15px; }
	/*----- Login style -----*/
	
	/*----- Home style -----*/
	.header_block { width:1024px; margin-left:-512px; left:50%; }
	#img_header 	{ top:15px; width:198px; }
	#access_data  { width:768px; }
	
	#menu_list { left:50%; width:1024px; margin:0 0 0 -512px; }
	#menu_list li { margin:0 8px 0 5px; }
	
	section { width:1024px; left:50%; margin-left:-512px; }
	.block_title { width:1024px; }
	.img_block { width:198px; }
	.img_data { width:120px; height:120px; }
	.data_list { width:768px; }
	.data_list li { width:768px; height:60px; font-size:16px; }
	/*----- Home style -----*/
	
	/*----- Perfil style -----*/
	.text_data, .file-wrapper  { width:120px; }
	#perfil_blockA { height:260px; }
	.perfil_block { width:768px; }
	
	.input_data { font-size:14px; }
	.perfil_block .input_data .textBox { left:170px; width:320px; padding:0 15px; }
	.perfil_block .input_data .searchBox { left:170px; width:350px; }
	.radioBtn { left:170px; }
	
	.Pdate_box1 { left:170px; width:60px; }
	.Pdate_box2 { left:235px; width:90px; }
	.Pdate_box3 { left:330px; width:60px; }
	/*----- Perfil style -----*/
	
	/*----- catalogo de cursos style -----*/
	#search_bar { width:1024px; }
	.input_data .searchBox { left:250px; width:320px; padding:0 15px; }
	#new_curso_box { width:250px; }
	#new_curso { top:25px; }
	
	.display_data { width:1024px; font-size:14px; }
	.table_option { font-size:14px; }
	/*----- catalogo de cursos style -----*/

	/*----- catalogo de alumnos/instructores style -----*/
	.selectBox { width:350px!important; }
	#result_data, #options_data { font-size:14px; }
	/*----- catalogo de alumnos/instructores style -----*/
	
	/*----- busqueda de encuesta style -----*/
	#search_blog { width:1024px; }
	.map_area { width:300px; }
	/*----- busqueda de encuesta style -----*/

	/*----- nuevo alumno style -----*/
	.blog { width:1024px; }
	.blog .input_data .searchBox { left:200px; width:250px; padding:0 15px; }
	.input_data_left .searchBox { left:200px; width:280px; top:0; }
	.dataBtn { left:200px; }
	
	.NAdate_box1 { left:200px; width:98px; } /*mes*/
	.NAdate_box2 { left:302px; width:60px; } /*dia*/
	.NAdate_box3 { left:365px; width:60px; } /*anio*/
	
	.bkFechaCert {display:none;}
	
	/*
	.NAdate_box1 { left:200px; width:60px; }
	.NAdate_box2 { left:265px; width:90px; }
	.NAdate_box3 { left:360px; width:60px; }
	*/
	
	/*----- nuevo alumno style -----*/
	
	/*----- nuevo alumno style -----*/
	#list_curso1 { top:65px; }
	#list_curso2 { top:30px; height:135px; }
	
	#add_curso, #del_curso { top:20px; }
	#add_curso { right:95px; }
	#del_curso { right:13px; }
	#save_alumno { top:170px; right:13px; }
	/*----- nuevo alumno style -----*/
	
	/*----- nuevo instructor style -----*/
	.a_02 .input_data_right .listBox { left:200px; }
	.a_02 .input_data_right { top:32px; }
	.labeltworows { width:300px; }
	.a_02 .input_data_right label { font-size:14px; }
	.inst.input_data_left label{ font-size:14px; }
	
	.ul_leftOptions, .ul_rightOptions { width:250px; }
	.ul_rightOptions { left:250px; }
	.ptitle { line-height:16px; padding:10px; width:230px; font-size:14px; }
	.ptext { line-height:16px; padding:5px 10px; width:210px;  font-size:14px; }
		
	#save_inst, .error_saveInfo{ right:13px; }
	/*----- nuevo instructor style -----*/
	
	/*----- cursos programados style -----*/
	#look_curso_box { width:250px; }
	#look_curso_box #new_curso { top:12px; }
	#look_curso_box #schedule_curso { top:38px; }
	
	.data_schedule { width:1024px; font-size:14px; }
	.schedule_row td { padding-right:5px!important; padding-left:5px!important; }
	.schedule_date { font-size:12px; }
	/*----- cursos programados style -----*/
	
	/*----- importar cuentas de alumnos style -----*/
	.input_data .importBox { left:120px; width:600px; padding:0 15px; }
	#import_box { width:200px; }
	/*----- importar cuentas de alumnos style -----*/
	
	/*----- nuevo curso style -----*/
	.input_data_inline { margin-left:240px; }
	.input_data_inline .searchBox { left:400px; }
	.subInput_data { margin-left:250px; }

	.subInput_data .searchBox  { left:450px!important; }
	#add_file { left:210px; width:320px; }
	#atach_files { left:210px; }
	
	.display_lightdata { font-size:14px; }
	/*----- nuevo curso style -----*/
	
	/*----- cronograma style -----*/
	.input_data.input_data_inline br { display:none; }
	.nameP_box { font-size:14px; padding:0 10px }
	#siglas_curso { left:250px; width:80px; }
	#year_curso { left:355px; width:35px; }
	#sesion_curso { left:415px; width:40px; }
	/*----- cronograma style -----*/
	
	/*----- error messages for inputs -----*/
	#alert_message { width:400px; height:90px; padding-top:10px; margin-left:-200px; }
	#alert_message h2 { font-size:16px; }
	#alert_message p { font-size:30px; }
	#alert_ok { top:55px; left:170px; }
	#alert_ok2 { top:55px; left:205px; }
	#alert_cancel { top:55px; left:125px; }
	
	/*----- error messages for inputs -----*/
	
	/*----- responder encuesta -----*/
	#questions_body { left:0; width:100%; font-size:14px; }
	#questions_list li label, #questions_list li label { font-size:12px; }
	/*----- responder encuesta -----*/
}
@media only screen and (max-width: 1059px) {
	/*----- default style -----*/
	.input_error { font-size:11px; }
	
	.oneLine_inputDataPerfil, .oneLine_inputDataContent { display:block; }
	.threeLine_inputDataPerfil, .threeLine_inputDataContent { display:none; }
	/*----- default style -----*/
	
	/*----- Login style -----*/
	.input_data .loginBox { width:65%; padding:0 10px; }
	/*----- Login style -----*/
	
	/*----- Home style -----*/
	.header_block { width:100%; margin-left:0px!important; left:0; }
	#img_header 	{ top:18px; width:20%; }
	#access_data  { width:75%; }
	
	#menu_list { width:100%; margin:0px!important; left:0; }
	#menu_list li { margin:0 4px 0 4px; }
	
	section { width:100%; margin-left:0px!important; left:0; }
	.block_title { width:100%; }
	.img_block { width:20%; }
	.img_data { width:100px; height:100px; }
	.data_list { width:75%; }
	.data_list li { width:100%; height:50px; font-size:16px; }
	/*----- Home style -----*/
	
	/*----- Perfil style -----*/
	.text_data, .file-wrapper  { width:100px; }
	#perfil_blockA { height:260px; }
	.perfil_block { width:75%; }
	
	.input_data { font-size:13px; }
	.perfil_block .input_data .textBox { left:160px; width:50%; }
	.perfil_block .input_data .searchBox { left:160px; width:54%; }
	.radioBtn { left:160px; }
	
	.Pdate_box1 { left:160px; width:60px; }
	.Pdate_box2 { left:225px; width:90px; }
	.Pdate_box3 { left:320px; width:60px; }
	/*----- Perfil style -----*/
	
	/*----- catalogo de cursos style -----*/
	#search_bar { width:100%; }
	.input_data .searchBox { left:200px; width:35%; padding:0 10px; }
	#new_curso_box { width:23%; }
	#new_curso { top:25px; }
	
	.display_data { width:100%; font-size:12px; }
	.table_option { font-size:12px; }
	/*----- catalogo de cursos style -----*/

	/*----- catalogo de alumnos/instructores style -----*/
	.selectBox { width:37%!important; }
	#result_data, #options_data { font-size:14px; }
	/*----- catalogo de alumnos/instructores style -----*/
	
	/*----- busqueda de encuesta style -----*/
	#search_blog { width:100%; }
	.map_area { width:25%; }
	/*----- busqueda de encuesta style -----*/

	/*----- nuevo alumno style -----*/
	.blog { width:100%; }
	.blog .input_data .searchBox { left:155px; width:25%; padding:0 10px; }
	.blog .input_data_left .searchBox{ left:155px; width:55%; top:0; }
	.dataBtn { left:155px; }
	
	.NAdate_box1 { left:155px; width:98px; } /*mes*/
	.NAdate_box2 { left:256px; width:60px; } /*dia*/
	.NAdate_box3 { left:319px; width:60px; } /*anio*/
		
	.bkFechaCert {display:block;}	
	
	/*
	.NAdate_box1 { left:155px; width:60px; }
	.NAdate_box2 { left:220px; width:90px; }
	.NAdate_box3 { left:315px; width:60px; }
	*/
	
	
	
	/*----- nuevo alumno style -----*/
	
	/*----- nuevo alumno style -----*/
	#list_curso1 { top:65px; }
	#list_curso2 { top:30px; height:135px; }
	
	#add_curso, #del_curso { top:20px; }
	#add_curso { right:95px; }
	#del_curso { right:13px; }
	#save_alumno { top:170px; right:13px; }
	/*----- nuevo alumno style -----*/
	
	/*----- nuevo instructor style -----*/
	.a_02 .input_data_right .listBox { left:155px; }
	.a_02 .input_data_right { top:32px; }
	.labeltworows { width:100px; }
	.a_02 .input_data_right label { font-size:14px; }
	.inst.input_data_left label{ font-size:13px; }
	
	.ul_leftOptions, .ul_rightOptions { width:250px; }
	.ul_rightOptions { left:250px; }
	.ptitle { line-height:16px; padding:10px; width:230px; font-size:14px; }
	.ptext { line-height:16px; padding:5px 10px; width:210px; font-size:14px; }
	
	#save_inst, .error_saveInfo{ right:13px; }
	/*----- nuevo instructor style -----*/
	
	/*----- cursos programados style -----*/
	#look_curso_box { width:23%; }
	#look_curso_box #new_curso { top:12px; }
	#look_curso_box #schedule_curso { top:38px; }
	
	.data_schedule { width:100%; font-size:12px; }
	.schedule_row td { padding-right:4px!important; padding-left:4px!important; }
	.schedule_date { font-size:11px; }
	/*----- cursos programados style -----*/
	
	/*----- importar cuentas de alumnos style -----*/
	.input_data .importBox { left:110px; width:60%; padding:0 15px; }
	#import_box { width:19%; }
	/*----- importar cuentas de alumnos style -----*/
	
	/*----- nuevo curso style -----*/
	.input_data_inline { margin-left:190px; }
	.input_data_inline .searchBox { left:320px; }
	.subInput_data { margin-left:190px; }

	.subInput_data .searchBox  { left:370px!important; }
	#add_file { left:160px; width:250px; }
	#atach_files { left:160px; }
	
	.display_lightdata { font-size:12px; }
	/*----- nuevo curso style -----*/
	
	/*----- cronograma style -----*/
	.nameP_box { font-size:14px; padding:0 10px }
	#siglas_curso { left:200px; width:80px; }
	#year_curso { left:305px; width:35px; }
	#sesion_curso { left:365px; width:40px; }
	/*----- cronograma style -----*/
	
	/*----- error messages for inputs -----*/
	#alert_message { width:400px; height:90px; padding-top:10px; margin-left:-200px; }
	#alert_message h2 { font-size:16px; }
	#alert_message p { font-size:30px; }
	#alert_ok { top:50px; left:170px; }
	#alert_ok2 { top:50px; left:205px; }
	#alert_cancel { top:50px; left:125px; }
	/*----- error messages for inputs -----*/
	
	/*----- responder encuesta -----*/
	#questions_body { left:5%; width:90%; font-size:14px; }
	#questions_list li label, #questions_list li label { font-size:12px; }
	/*----- responder encuesta -----*/
}
@media only screen and (max-width: 787px) {
	/*----- default style -----*/
	.input_error { font-size:11px; }
	
	.oneLine_inputDataPerfil { display:block; }
	.threeLine_inputDataPerfil { display:none; }
	.oneLine_inputDataContent { display:none; }
	.threeLine_inputDataContent { display:block; }
	/*----- default style -----*/
	
	/*----- Login style -----*/
	.input_data .loginBox { width:55%; padding:0 10px; }
	/*----- Login style -----*/
	
	/*----- nuevo alumno style -----*/
	#list_curso1 { top:90px; }
	#list_curso2 { top:30px; height:160px; }
	
	#add_curso, #del_curso { top:20px; }
	#add_curso { right:70px; }
	#del_curso { right:0px; }
	#save_alumno { top:195px; right:0px; }
	
	.blog .input_data_left .searchBox { left:155px; width:46%; top:0; }
	
	.NAdate_box1 { left:155px; width:100px; }
	.NAdate_box2 { left:155px; width:100px; }
	.NAdate_box3 { left:155px; width:100px; }
	
	.bkFechaCert {display:block;}
	
	#mes_cert_2 { margin-top:10px;}
	
	/*----- nuevo alumno style -----*/
	
	/*----- nuevo instructor style -----*/
	.a_02 .input_data_right .listBox { left:155px; }
	.a_02 .input_data_right 
	{
		position:relative; 
		top:0; 
		left:0!important; 
		height:120px;
		padding-left:0px!important; 
	}
	.labeltworows { width:100px; }
	.a_02 .input_data_right label { font-size:13px; }
	.inst.input_data_left label{ font-size:13px; }
	
	.ul_leftOptions, .ul_rightOptions { width:230px; }
	.ul_rightOptions { left:230px; }
	.ptitle { line-height:16px; padding:10px; width:210px; font-size:12px; }
	.ptext { line-height:16px; padding:5px 10px; width:190px; font-size:12px; }
	
	#save_inst, .error_saveInfo{ right:15px; }
	/*----- nuevo instructor style -----*/
	
	/*----- importar cuentas de alumnos style -----*/
	#import_box { width:14%; }
	/*----- importar cuentas de alumnos style -----*/
	
	/*----- cronograma style -----*/
	.input_data.input_data_inline br { display:block; }
	/*----- cronograma style -----*/
	
	/*----- error messages for inputs -----*/
	#alert_message { width:320px; height:80px; padding-top:10px; margin-left:-160px; }
	#alert_message h2 { font-size:14px; }
	#alert_message p { font-size:24px; }
	#alert_ok { top:50px; left:130px; }
	#alert_ok2 { top:50px; left:165px; }
	#alert_cancel { top:50px; left:90px; }
	/*----- error messages for inputs -----*/
}
@media only screen and (max-width: 600px) {
	/*----- default style -----*/
	.input_error { font-size:10px; }
	
	.oneLine_inputDataPerfil, .oneLine_inputDataContent { display:none; }
	.threeLine_inputDataPerfil, .threeLine_inputDataContent { display:block; }
	/*----- default style -----*/
	
	/*----- Login style -----*/
	.input_data .loginBox { width:55%; padding:0 10px; }
	/*----- Login style -----*/
	
	/*----- Home style -----*/
	.header_block { width:100%; margin-left:0px!important; left:0; }
	#img_header 	{ top:20px; width:20%; }
	#access_data  { width:70%; }
	
	#menu_list { width:100%; margin:0px!important; left:0; }
	#menu_list li { margin:0 4px 0 4px; }
	
	section { width:100%; margin-left:0px!important; left:0; }
	.block_title { width:100%; }
	.img_block { width:20%; }
	.img_data { width:80px; height:80px; }
	.data_list { width:75%; }
	.data_list li { width:100%; height:45px; font-size:14px; }
	/*----- Home style -----*/
	
	/*----- Perfil style -----*/
	.text_data, .file-wrapper { width:80px; }
	#perfil_blockA { height:310px; }
	.perfil_block { width:75%; }
	
	.input_data { font-size:13px; }
	.perfil_block .input_data .textBox { left:160px; width:45%; padding:0 10px; }
	.perfil_block .input_data .searchBox { left:160px; width:48%; }
	.radioBtn { left:160px; }
	
	.Pdate_box1 { left:160px; width:100px; }
	.Pdate_box2 { left:160px; width:100px; }
	.Pdate_box3 { left:160px; width:80px; }
	/*----- Perfil style -----*/
	
	/*----- catalogo de cursos style -----*/
	#search_bar { width:100%; }
	.input_data .searchBox { left:200px; width:30%; padding:0 10px; }
	#new_curso_box { width:15%; }
	#new_curso { top:18px; }
	
	.display_data { width:100%; font-size:11px; }
	.table_option { font-size:11px; }
	/*----- catalogo de cursos style -----*/

	/*----- catalogo de alumnos/instructores style -----*/
	.selectBox { width:34%!important; }
	#result_data, #options_data { font-size:12px; }
	/*----- catalogo de alumnos/instructores style -----*/
	
	/*----- busqueda de encuesta style -----*/
	#search_blog { width:100%; }
	.map_area { width:19%; }
	/*----- busqueda de encuesta style -----*/

	/*----- nuevo alumno style -----*/
	.blog { width:100%; }
	.blog .input_data .searchBox { left:155px; width:25%; padding:0 10px; }
	.blog .input_data_left .searchBox { left:155px; width:40%; top:0; }
	.dataBtn { left:155px; }
	
	.NAdate_box1 { left:155px; width:100px; }
	.NAdate_box2 { left:155px; width:100px; }
	.NAdate_box3 { left:155px; width:100px; }
	
	.bkFechaCert {display:block;}
	
	#mes_cert_2{ margin-top:10px;}
	
	/*----- nuevo alumno style -----*/
	
	/*----- nuevo alumno style -----*/
	#list_curso1 { top:90px; }
	#list_curso2 { top:30px; height:160px; }
	
	#add_curso, #del_curso { top:20px; }
	#add_curso { right:70px; }
	#del_curso { right:0px; }
	#save_alumno { top:195px; right:0px; }
	
	#save_inst, .error_saveInfo{ right:15px; }
	/*----- nuevo alumno style -----*/
	
	/*----- nuevo instructor style -----*/
	.a_02 .input_data_right .listBox { left:155px; }
	.a_02 .input_data_right 
	{
		position:relative; 
		top:0; 
		left:0!important; 
		height:120px;
		padding-left:0px!important; 
	}
	.labeltworows { width:100px; }
	.a_02 .input_data_right label { font-size:13px; }
	.inst.input_data_left label{ font-size:13px; }
	
	.ul_leftOptions, .ul_rightOptions { width:200px; }
	.ul_rightOptions { left:200px; }
	.ptitle { line-height:16px; padding:10px; width:180px; font-size:12px; }
	.ptext { line-height:16px; padding:5px 10px; width:140px; font-size:12px; }
	
	#save_inst, .error_saveInfo{ right:15px; }
	/*----- nuevo instructor style -----*/
	
	/*----- cursos programados style -----*/
	#look_curso_box { width:15%; }
	#look_curso_box #new_curso { top:-2px; }
	#look_curso_box #schedule_curso { top:37px; }
	
	.data_schedule { width:100%; font-size:11px; }
	.schedule_row td { padding-right:2px!important; padding-left:2px!important; }
	.schedule_date { font-size:9px; }
	/*----- cursos programados style -----*/
	
	/*----- importar cuentas de alumnos style -----*/
	.input_data .importBox { left:110px; width:50%; padding:0 15px; }
	#import_box { width:20%; }
	/*----- importar cuentas de alumnos style -----*/
	
	/*----- nuevo curso style -----*/
	.input_data_inline { margin-left:190px; }
	.input_data_inline .searchBox { left:320px; }
	.subInput_data { margin-left:190px; }

	.subInput_data .searchBox  { left:370px!important; }
	
	.display_lightdata { font-size:12px; }
	/*----- nuevo curso style -----*/
	
	/*----- cronograma style -----*/
	.input_data.input_data_inline br { display:block; }
	.nameP_box { font-size:12px; padding:0 5px }
	#siglas_curso { left:200px; width:70px; }
	#year_curso { left:285px; width:30px; }
	#sesion_curso { left:330px; width:35px; }
	/*----- cronograma style -----*/
	
	/*----- error messages for inputs -----*/
	#alert_message { width:260px; height:70px; padding-top:6px; margin-left:-130px; }
	#alert_message h2 { font-size:12px; }
	#alert_message p { font-size:20px; }
	#alert_ok { top:35px; left:100px; }
	#alert_ok2 { top:35px; left:135px; }
	#alert_cancel { top:35px; left:55px; }
	/*----- error messages for inputs -----*/
	
	/*----- responder encuesta -----*/
	#questions_body { left:5%; width:90%; font-size:12px; }
	#questions_list li label, #questions_list li label { font-size:10px; }
	/*----- responder encuesta -----*/
}
/*----- MEDIA QUERIES ------*/