/*Small reset*/

body, ul, ol, h1,h2,h3,h4,h5,h6,form,li,p{

	margin:0;

	padding:0;

}

#byT img{
	height: 45px;	
}

#byT{
	position: fixed;
	bottom: 0px;
	right: 0px;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
    height: 1%;	
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

html{background-color:white;}

html.nobackground{

	background:#1B2535;
	height: 100%;

	}

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



1.) Special Styles for Login Page

2.) Styles for Admin Area

	2.1) Head

	2.2) Bg_wrapper

		2.2.1) Main

		2.2.2) Sidebar

		2.2.3) Content

			2.2.3.1) Dashboard

			2.2.3.2) Content Box

			2.2.3.3) Input fields, Textareas, Dropdown lists, etc

			2.2.3.4) Tables

			2.2.3.5) Response Messages

3.) Footer

4.) Fonts, Images basic selectors

5.) Containers and classes created by jquery



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



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

1.) Special Styles for Login Page

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

body.nobackground{ /*Login page doesnt need a background-image*/

	background-color:#1b2535;

	background-image: url(../images/background_students.jpg);

	background-size: cover;
	
	height:100%;

	}
	

body.padres{ /*Login page doesnt need a background-image*/

	background-image: url(../images/background_parents.jpg);

	}
	
body.profesores{ /*Login page doesnt need a background-image*/

	background-image: url(../images/background_teachers.jpg);

	}


#login{

	background:#FFFFFF url(../images/scheme1/bg.jpg) repeat-x 0 -20px;

	height:360px;

	padding:25px;

	position:relative;

	width:252px;
	
	margin-top: 40px;
	
	margin-right: 15%;
	
	float: right;
	
	opacity: 0.8;

	}

	

#login .logo a{

	left:0px;

	top:-10px;

	}



#login-form{

	padding-top:180px;

	}

	

#login-form p{

	padding-bottom:10px;

	}

	

.forgot_pw{

	display:block;

	float:right;

	font-size:10px;

	padding:4px;

	}

	

.remember{

	display:block;

	float:left;

	}

	

.icon_login{

	background-image:url(../iconos/lock.png);

	height:32px;

	position:absolute;

	right:13px;

	top:143px;

	width:32px;

	}

	

.loginheading {

border:medium none;

color:#FFFFFF;

font-size:15px;

left:25px;

position:absolute;

top:147px;

}



body .login_message{

	width:282px;

	margin:15px auto;

	}

	

body .login_message p{

	padding:10px 20px 10px 52px;

	background-position:15px 8px;

	}





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

2.) Styles for Admin Area

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

body{

	font-size:12px;

	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
	
	background-color: #FFFFFF;
	
	background-image: url(../images/scheme1/bg.jpg);
	
	background-repeat: repeat-x;
	
	background-size: auto;
	
	background-position: 0 0;

	line-height:1.5em;

	min-width: 1024px;
	
	max-width: none !important;
	
	overflow: auto;
	
	width: 100%
	}

	

#top{

	position:relative;

	min-width:1024px;

	max-width:1440px;

	margin:0 auto;

	}

	

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

	2.1) Head

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



	#head{

		position:relative;

		background:transparent url(../images/bg_head.png) no-repeat;

		height:175px;

		color:#fff;

		}

		

	#head a{color:#eee; text-decoration:none;}

	#head a:hover{color:#fff; text-decoration:underline;}



	.logo{

		width:301px;

		height:120px;

		position:absolute;

		z-index:1;

		left:0;

	}

	

	.logo a{
		
		width: 300px;

		height:100px;

		display:block;

		position:absolute;	

		text-indent:-99999px;

		background:transparent url(../images/banner.png) no-repeat center;

		top:20px;

		left:30px;

		outline:none;

		z-index:1;
		
		background-size: auto 100px;

	}
	
	.logo a.bannerBig{
		width: 510px;
		
		background:transparent url(../images/bannerbig.png) no-repeat center;
		
		background-size: auto 120px;
	}



	.head_memberinfo{

		position:absolute;

		right:40px;

		top:20px;

		z-index:2;

		font-size:11px;

		line-height:13px;

		}

		

	.memberinfo_span{

		display:block;

		float:left;

		padding-right:5px;

		margin-right:5px;

		border-right:1px solid #eee;

		}

		

	.memberinfo_span2{

		display:block;

		clear:both;

		padding-top:5px;

		}

		

	#head .memberinfo_span2 a{

		color:#999;	

		}

	.head_memberinfo_logo{

		position:absolute;	

		left:-40px;

		} 

		

	.head_memberinfo_logo img{

		position:absolute;

		top:0;

		z-index:1;

		} 

		

	.head_memberinfo_logo span{

		font-size:10px;

		left:23px;

		position:absolute;

		top:2px;

		z-index:2;

		} 

		

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

	2.2) Main

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

		#bg_wrapper{

		border-left:1px solid #C0C0C0;

		float:left;

		margin:0 0 0 270px;

		position:relative;

		min-width: 760px; 

		width:auto;

		min-height: 615px;

		}

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

			2.2.1) Main

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

			#main{

			float:right;
			
			min-width: 1170px;

			width:auto;

			margin-left:0px;

			position:relative;

			}

			

			

		

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

			2.2.2) Sidebar

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

			

			#sidebar{
				
				background:transparent url(../images/bg_main.jpg) repeat-y scroll left top;

				float:left;
				
				clear: right;

				width:270px;

				position:absolute;
				
				left: 0;

				}

				

			#sidebar ul{

				list-style-type:none;

				list-style-position:outside;

				}

				

			#sidebar li a{

				line-height:32px;

				width:230px;

				text-decoration:none;

				display:block;

				padding: 0 20px;

				background:transparent url(../images/dotted_line.gif) repeat-x left top;

				outline:none;

				}

				

			#sidebar li a:hover{

				background-color:#fff;

				}

				

			#sidebar .current a{

				background-color:#fff;

				}

				

				

			#sidebar .headitem:hover{

				color:#555;

				}

				

			#sidebar .headitem{

				line-height:64px;

				width:200px;

				padding: 0 10px 0 60px;

				font-size:15px;

				border-top:1px solid #c0c0c0;

				}

								

			#top #sidebar .item1{ background:transparent url(../iconos/Computer.png) no-repeat 15px center;	}

			#top #sidebar .item2{ background:transparent url(../iconos/advanced.png) no-repeat 15px center;	}

			#top #sidebar .item3{ background:transparent url(../iconos/applications.png) no-repeat 15px center;	}

			#top #sidebar .item4{ background:transparent url(../iconos/edit.png) no-repeat 15px center;	}

			#top #sidebar .item5{ background:transparent url(../iconos/search.png) no-repeat 15px center;	}

			#top #sidebar .item6{ background:transparent url(../iconos/trash.png) no-repeat 15px center;	}

			#top #sidebar .item7{ background:transparent url(../iconos/copy%20doc.png) no-repeat 15px center;	}

			#top #sidebar .item8{ background:transparent url(../iconos/Portfolio.png) no-repeat 15px center;	}

			

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

			2.2.3) Content

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

			#content{

				margin-left:10px;

				margin-right:30px;

				padding-top:30px;

				position:relative;

				}

				

			

				

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

				2.2.3.1) Dashboard

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

				.dashboard_button{

					float:left;

					width:133px;

					height:80px;

					overflow:hidden;

					border:1px solid #c0c0c0;

					padding:15px;

					margin:0 10px 10px 0;

					background:#eaeaea url(../images/highlight_line.gif) repeat-x top left;

					font-size:11px;

					line-height:1.4em;

					text-decoration:none;

					color:#a1a1a1;

					}

					

				.dashboard_button span{

					display:block;

					padding-top:7px;

					}

				

				#top .dashboard_button_heading{

					display:block;

					color:#4a4a4a;

					font-size:14px;

					padding:0 0 0 40px;

					line-height:29px;

					height:35px;

					}
					
				#top .dashboard_button_heading.two_lines{
					line-height: none;	
				}

					

				#top .two_lines.dashboard_button_heading{

					line-height:17px;

					}

					

					

				.dashboard_button:hover{

					background:#ddd;

					border:1px solid #aaa;

					padding-top:16px;

					height:79px;

				}

				

				#top .dashboard_button:hover .dashboard_button_heading{

					color:#222;

				}


				#top .button1 .dashboard_button_heading{ background:transparent url(../iconos/user.png) no-repeat 0px 50%;	}
				.jquery_tab_title .panelbutton1{ background:transparent url(../iconos/user.png) no-repeat left 50%; background-size: 22px; padding-left: 25px;	}

				#top .button2 .dashboard_button_heading{ background:transparent url(../iconos/escolares.png) no-repeat 0px 50%;	}
				.jquery_tab_title .panelbutton2{ background:transparent url(../iconos/escolares.png) no-repeat left 50%; background-size: 22px; padding-left: 25px;	}
				
				#top .button3 .dashboard_button_heading{ background:transparent url(../iconos/calendar.png) no-repeat 0px 50%;	}
				.jquery_tab_title .panelbutton3{ background:transparent url(../iconos/calendar.png) no-repeat left 50%; background-size: 22px; padding-left: 25px;	}
				
				#top .button4 .dashboard_button_heading{ background:transparent url(../iconos/user_group.png) no-repeat 0px 50%;	}
				.jquery_tab_title .panelbutton4{ background:transparent url(../iconos/user_group.png) no-repeat left 50%; background-size: 22px; padding-left: 25px;	}
				
				#top .button5 .dashboard_button_heading{ background:transparent url(../iconos/grades.png) no-repeat 0px 50%;	}
				.jquery_tab_title .panelbutton5{ background:transparent url(../iconos/grades.png) no-repeat left 50%; background-size: 22px; padding-left: 25px;	}
				
				#top .button6 .dashboard_button_heading{ background:transparent url(../iconos/reportes.png) no-repeat 0px 50%;	}
				.jquery_tab_title .panelbutton6{ background:transparent url(../iconos/reportes.png) no-repeat left 50%; background-size: 22px; padding-left: 25px;	}
				
				#top .button7 .dashboard_button_heading{ background:transparent url(../iconos/circulares.png) no-repeat 0px 50%;	}
				.jquery_tab_title .panelbutton7{ background:transparent url(../iconos/circulares.png) no-repeat left 50%; background-size: 22px; padding-left: 25px;	}
				
				#top .button20 .dashboard_button_heading{ background:transparent url(../iconos/reglamentos.png) no-repeat 0px 50%;	}
				.jquery_tab_title .panelbutton20{ background:transparent url(../iconos/reglamentos.png) no-repeat left 50%; background-size: 22px; padding-left: 25px;	}
				
				#top .button21 .dashboard_button_heading{ background:transparent url(../iconos/costos.png) no-repeat 0px 50%;	}
				.jquery_tab_title .panelbutton21{ background:transparent url(../iconos/costos.png) no-repeat left 50%; background-size: 22px; padding-left: 25px;	}
				
				#top .button22 .dashboard_button_heading{ background:transparent url(../iconos/planta.png) no-repeat 0px 50%;	}
				.jquery_tab_title .panelbutton22{ background:transparent url(../iconos/planta.png) no-repeat left 50%; background-size: 22px; padding-left: 25px;	}
				
				#top .button23 .dashboard_button_heading{ background:transparent url(../iconos/galeria.png) no-repeat 0px 50%;	}
				.jquery_tab_title .panelbutton23{ background:transparent url(../iconos/galeria.png) no-repeat left 50%; background-size: 22px; padding-left: 25px;	}
				
				#top .button30 .dashboard_button_heading{ background:transparent url(../iconos/publicar.png) no-repeat 0px 50%;	}
				.jquery_tab_title .panelbutton30{ background:transparent url(../iconos/publicar.png) no-repeat left 50%; background-size: 22px; padding-left: 25px;	}
				
				.back_icon {
					max-height: 22px;
					float:right;
					cursor: pointer;
				}
				
				.jquery_tab_container .back_icon{
					display:none;	
				}

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

				2.2.3.2) Content Box

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

				

				.content-box{

					background:#FFF6BF url(../images/highlight_line.gif) repeat-x scroll 0 0;

					border:1px solid #FDD845;

					float:left;

					width:47%;

					margin-right:0.6%;

					padding:1%;

					}

					

				#top .box-grey{

					background:#EAEAEA url(../images/highlight_line.gif) repeat-x scroll left top;

					border:1px solid #C0C0C0;

					}

					

				#top .box2{

					margin:0;

					clear:none;

					}
					
				#top .box-alert{

					background:#FCC url(../images/highlight_line.gif) repeat-x scroll left top;

					border:1px solid #F00;
					
					width: 96.8%;
					
					margin-bottom: 0.6%;
					
					clear: both;

					}

					

				.content-box h4{

					color:#333;

					}

				

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

				2.2.3.3) Input fields, Textareas, Dropdown lists, etc

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

				label.label{

					display:block;

					padding-bottom:3px;

					}

							

				label.inline{

					display:inline;

					}	

					

				.input-small, .input-medium, .input-big, .input-flex, select, textarea{

					padding:2px;

					border:1px solid #959595;

					font-size:12px;

					font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;

					background-color:#eaeaea;

					color:#333;

					}

				.input-small{width:120px;}

				.input-medium{width:240px;} 

				.input-big{width:480px;} 

				.input-flex{width:70%;}

				

				textarea, iframe , .wysiwyg{

					overflow:auto;

					}

					

				.button{

					border:1px solid #959595;

					font-size:12px;

					font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;

					background-color:#eaeaea;

					padding:5px 15px;

					color:#1B2535;

					cursor:pointer;

					}

					

				.button:hover{

					padding:6px 15px 4px;

					}

				

				textarea{

					line-height:1.5em;

					width:70%;

					height:200px;

					}

					

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

				2.2.3.4) Tables

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

				#top table{

					/*margin-bottom:30px;*/	

					}

				

				#table_fixed {

				width: 470px;

				padding: 0;

				margin: 0;

				font-size:11px;

				}

				

				#table_fixed caption {

					padding: 0 0 5px 0;

					width: 470px;	 

					text-align: right;

				}

				

				#table_liquid {

				width: 100%;

				padding: 0;

				margin: 0;

				font-size:11px;

				clear:both;

				}

				

				#table_liquid caption {

					padding: 0 0 5px 0;

					width: 100%;	 

					text-align: right;

				}

				

				#table_auto {

				width: auto;

				padding: 0;

				margin: 0;

				font-size:11px;

				clear:both;

				}

				

				#table_auto caption {

					padding: 0 0 5px 0;

					width:auto;	 

					text-align: right;

				}

				

				th.stylize {

					border-color:#959595 #959595 #959595 #FFFFFF;

					border-style:solid;

					border-width:1px;

					/*color:#fff;*/

					letter-spacing:2px;

					padding:6px 6px 6px 12px;

					text-align:left;

					text-transform:uppercase;

				}



				td.stylize {

					border-right: 1px solid #959595;

					border-bottom: 1px solid #959595;

					background: #fff;

					padding: 6px 6px 6px 12px;

					color: #1b2535;

				}				

				

				

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

				2.2.3.5) Response Messages

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

				.message {

					border:1px solid;

					margin:0 10px 20px 0;

					}

					

				.message p{

					padding:20px 20px 20px 52px;	

					}	

				

				

				.success{

					background:#E6EFC2 url(../images/highlight_line.gif) repeat-x scroll 0 0;

					border-color:#C6D881;

					}

					

				.success p{

					background:transparent url(../images/24_tick.png) no-repeat scroll 15px 16px;

					}

				

				.warning{

					background:#FFF6BF url(../images/highlight_line.gif) repeat-x scroll 0 0;

					border-color:#FDD845;

					}

					

				.warning p{

					background:transparent url(../images/24_alert.png) no-repeat scroll 15px 17px;

					}

				

				.error{

					background:#FBE3E4 url(../images/highlight_line.gif) repeat-x scroll 0 0;

					border-color:#FBC7C9;

					}

					

				.error p{

					background:transparent url(../images/24_x_false.png) no-repeat scroll 15px 17px;

					}

				

				.tip{

					background:#A8B2C5 url(../images/highlight_line.gif) repeat-x scroll 0 0;

					border-color:#8497BF;

					}

					

				.tip p{

					background:transparent url(../images/24_information.png) no-repeat scroll 15px 17px;

					}

				

				

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

3.) Footer

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

#footer{

	clear:both;

	height:30px;

	background-color:#1b2535;
	
	text-align: center;
	
	color: white;

	}
	
	#footer a{
		text-decoration: none;
		color: white;	
	}
	
	#footer a:hover{
		text-decoration: underline;	
	}





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

4.) Fonts, Images basic selectors

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

h1,h2,h3,h4,h5,h6{

	line-height:1.8em;

	font-weight:normal;

	margin:0 0 7px;

	color:#c0c0c0;

	}

	

h1{font-size:22px;}

h2{font-size:20px; border-bottom:1px solid #c0c0c0; clear:both; margin-right:10px;}

h3{font-size:18px;}

h4{font-size:17px;}

h5{font-size:16px; color:black; font-weight:bolder;border-bottom:1px dashed black;}

h6{font-size:14px;}



p{padding:0 0 22px 0}



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

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



blockquote{

padding:5px 30px 0 15px;

background-repeat:no-repeat;

background-position:top left ;

margin:10px 0 10px 15px;

border-left:3px solid #fff;

color:#fff;

}



blockquote em{

color:#ff0000;

padding:0px 40px  0px 0px;

background-repeat:no-repeat;

background-position:top right;

display:block;

text-align:right;

font-style:italic;

}



#top .noborder, #top .noborder a, #top noborder ima a{

	border:none;

	padding:0;

	}

	

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

5.) Containers and classes created by jquery

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

.closeable{

	position:relative;

	}

	

.click_to_close{

	right:2px;

	top:2px;

	position:absolute;

	height:16px;

	width:16px;

	background:transparent url(../images/close.png) no-repeat scroll 0 0;

	cursor:pointer;

	}



.jquery_tab_container{

	left:-30px;

	position:absolute;

	top:-35px;

	z-index:30;

	}

	

.jquery_tab{

	width:100%;

	float:left;

	}

	

.jquery_tab_container a{

	display: block;

	float:left;

	line-height:34px;

	padding:0 15px;

	background-color:#d5d5d5;

	margin-right:1px;

	text-decoration:none;

	color:#a1a1a1;

	font-size:13px;

	outline:none;

	border-left:1px solid #d5d5d5;

	border-right:1px solid #d5d5d5;

	border-bottom:1px solid #999;

	}

	

.jquery_tab_container .active, .jquery_tab_container a:hover{

	background:transparent url(../images/bg_tab.png) repeat-x;

	padding-bottom:2px;

	border-left:1px solid #fff;

	border-right:1px solid #fff;

	border-bottom:none;

	color:#4a4a4a;

	}

	

#top .flexy_datepicker{

	font-size:11px;

	margin-bottom:25px;

	}

	

#top .flexy_datepicker table{

	margin:0;

	}

	

#top .ui-datepicker {

padding:0.2em;

}



#top #sidebar .ui-datepicker{



border-left:medium none;

border-right:medium none;

padding:0.2em;

width:266px;}



#top .wysiwyg{

	background-color:#EAEAEA;

	border:1px solid #959595;

	}

	

#top div.wysiwyg ul.panel li a {

	border:1px solid #959595;

	}

	

#dialog{

	display:none;

	}

	

.clearboth{

	clear:both;

	}
	
.asistentes
{
	padding:5px;	
}

.empty{
	width: 100%;
	text-align: center;
	font-style:italic;	
}

.contenido_area{
	height: auto;
	cursor: pointer;
	margin-bottom: 15px;
	padding: 3px 7px;
	border-radius: 4px;
	*height:45px;
}

.contenido_area:hover{
	background-color: #CEF;
	box-shadow: 0 0 2px #000000;
}

.ca_icono{
	width: 35px;
	height: 35px;
	background: url(../images/PNG/Folder.png) center no-repeat;
	float: left;
	clear: left;
	display: inline-block;
}

.right_content{
	float:left;
	clear: right;
	display: inline-block;	
}

.ca_nombre, .ce_nombre{
	clear: right;
	font-weight: bold;
	text-align: left;
}

.ca_descripcion, .ce_descripcion, .ce_link, .ca_edicion, .ce_edicion{
	text-align: left;
}

.ca_edicion, .ce_edicion{
	/*display: none;*/	
}

.ca_detalle{
	float:right;
	clear:right;
	/*visibility: hidden !important;*/	
	height: 35px;
	color: #999;
	text-shadow: 0 0 1px #CCC;
}

.contenido_area:hover .ca_detalle{
	visibility: visible !important;	
}

.ce_link a{
	cursor: pointer;	
}

.ce_link a:hover{
	color: blue;
	text-decoration: underline;	
}

.contenido_elemento{
	height: auto;
	cursor: default;
	margin-bottom: 15px;
	padding: 3px 7px;
	border-radius: 4px;
	*height:45px;
}

.contenido_elemento:hover{
	background-color: #CCFF9C;
	box-shadow: 0 0 2px #000000
}

.ce_icono{
	width: 35px;
	height: 35px;
	background: url(../images/PNG/File.png) center no-repeat;
	float: left;
	clear: left;
	display: inline-block;
}

.edit_content{
	/*width: 60px;
	height: 25px;
	color: black;
	padding: 0px .1em;*/	
}

.flip-vertical {
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
    -ms-filter: flipv; /*IE*/
    filter: flipv; /*IE*/
}

.vertical-text1 {
  /* rotate -90 deg, not sure if a negative number is supported so I used 270 */
  -moz-transform: rotate(270deg);
  -moz-transform-origin: 120% 67%;
  -webkit-transform: rotate(270deg);
  -webkit-transform-origin: 120% 67%;
  -ms-transform: rotate(270deg); /* IE 9 */
  -ms-transform-origin: 120% 67%; /* IE 9 */
  -o-transform: rotate(270deg); /* Opera */
  -o-transform-origin: 120% 67%; /* Opera */
  
  text-align:center;
  height: 180px;
  max-width: 30px;
  width: 30px;
  line-height: 1.3em;
}

.vertical-text2 {
  /* rotate -90 deg, not sure if a negative number is supported so I used 270 */
  -moz-transform: rotate(270deg);
  -moz-transform-origin: 130% 67%;
  -webkit-transform: rotate(270deg);
  -webkit-transform-origin: 130% 67%;
  -ms-transform: rotate(270deg); /* IE 9 */
  -ms-transform-origin: 120% 67%; /* IE 9 */
  -o-transform: rotate(270deg); /* Opera */
  -o-transform-origin: 120% 67%; /* Opera */
  
  text-align:center;
  height: 180px;
  max-width: 30px;
  width: 30px;
  line-height:1em;
}

ul.list_select li:hover{
	background-color: #DEF;
}





/* STYLE 1 */
.table_liquid th{	

	border-left: 1px solid #959595;

	border-top: 0;

	background: #fff url(../images/bullet2.gif) no-repeat;

	font-weight:bold;

	font-size: 10px;

	color:#1b2535;



}







.table_liquid tr td:hover, .table_liquid tr th:hover{

	background: #057;

	cursor:pointer;

	color: white !important;

}




.button{

	background:#a8b2c5 url(../images/highlight_line.gif) repeat-x top left;

}



.button:hover{

	background:#a8b2c5;

}



.plus{

	position:absolute; 

	right:30px; 

	top:15px; 

	width:45px; 

	height:45px; 

	background:url(../images/plus.png); 

	background-size:contain; 

	cursor:pointer;

}

.valid{

	color:#0F0;

}

.novalid{

	color:#F00;	

}

.loadWrapper{

	display:none;

	position:absolute;

	bottom:0;

	z-index:100000000000;

	width:100%;

	color:#FFF;

	text-align:center;

	background:url(../images/bg_black.png) repeat;

}

.content_block h1{padding:10px 20px; box-shadow:#000 0 0 2px; border:#000 thin solid; background:#e7e7dd; color:#333; cursor:pointer}

.content_block h1:hover{background:#eeeeee; color:#555;}



.div{ position:absolute; box-shadow:#000 2px 2px 5px; box-sizing:border-box; padding:10px 20px; text-align:center; font-family:Verdana, Geneva, sans-serif; border:#000 thin solid; max-width:600px; font-size:10px;}

.div ul{padding:10px;}

.div td{background:none; border:none;}

.div span{ font-weight:bold;}

.rounded{border-radius:15px 15px 15px 15px;}

.checkbox{background:#fff; border:#F00 thin solid; margin-left:15px;}

.div ul{text-align:justify;}

.inner{padding:10px 20px;}

.gray{background-color:#e7e7dd; }

.green{background-color:#aad4c0; }

.pink{background-color:#eeb7b7; }

.blue{background-color:#a5d8ef}

.selected{box-shadow:#000 2px 2px 15px, #ddd 0 0 5px;}

.nodisplay{display:none}

.div .arrow{position:absolute; left:50%; width:20px; height:20px; background:url(../images/arrow.png) center no-repeat; background-size:contain; margin-left:-10px; bottom:0; margin-bottom:-20px;}

.div .leftArrow{position:absolute; width:20px; height:20px; background:url(../images/arrow.png) center no-repeat; -webkit-transform:rotate(90deg); transform:rotate(90deg);left:0; background-size:contain; margin-left:-20px; bottom:20px;}

.div .rightArrow{position:absolute; width:20px; height:20px; background:url(../images/arrow.png) center no-repeat; -webkit-transform:rotate(270deg); transform:rotate(270deg); right:0; background-size:contain; margin-right:-20px; bottom:20px;}

div#dialog_modal{
	display:none;
	z-index: 8008;	
}

.mensajeDirector > div{
	display: inline-block;
	height: 100%;
	vertical-align: top;
	padding: 5px;
}

.mensajeDirector > div:first-child{
	width: 20%;	
}

.mensajeDirector > div:last-child{
	width: 70%;	
}

.mensajeDirector img{
	max-width: 100%;
	max-height: 100%;
}

.strong-blue{
	color: #3284b7;	
}

.highlight {border: none !important;padding: 1px 0 1px 1px !important;background: none !important;overflow:hidden;}
.highlight a {border: 1px black solid !important;}
.highlight-Azul a{background-color: blue !important; color: white !important;}
.highlight-Verde a{background-color: green !important; color: white !important;}
.highlight-Rojo a{background-color: red !important; color: white !important;}
.highlight-Amarillo a{background-color: yellow !important; color: black !important;}
.highlight-Rosa a{background-color: pink !important; color: black !important;}
.highlight-Blanco a{background-color: white !important; color: black !important;}
.highlight-Naranja a{background-color: orange !important; color: black !important;}
.highlight-Aguamarina a{background-color: aqua !important; color: black !important;}

table.reporte tbody tr td.score{
	text-align: center;	
}

.dataTables_length{
	float: right !important;	
}

.dataTables_filter{
	float: left !important;	
}

.nohyphen{
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;	
}

.target{
	padding-left: 20px;
	background-size: 14px 14px;
	background-repeat: no-repeat;
	background-position: left;
}

.target.seccion{
	background-image: url(../iconos/seccion.png);	
}

.target.grado{
	background-image: url(../iconos/grado.png);	
}

.target.grupo{
	background-image: url(../iconos/grupo.png);	
}

.target.alumno{
	background-image: url(../iconos/alumno.png);	
}