@charset "utf-8";
/* CSS Document */

/*////////LOGIN////////////////*/
body {
font-family: Calibri, Arial, Helvetica, sans-serif;
background:#333} 
#cuerpo_login{
	width:960px;
	height:800px;
	margin:auto;
	}
	
#cabecera_login{
	height:120px;
	width:940px;
	background-image: url(../img/login/cabecera.gif);
	float:left;
	margin-left:0px;
	}


#main_login{
	background-image: url(../img/login/main.png);
	background-repeat:repeat-x;
	width:940px;
	height:303px;
	float:left;
	margin:auto;

}

#form_login{
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top:20px;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	margin-left:270px;
	text-align:center;
	background:#FFF;
	width:400px;
	height:181px;
	float:left;
	

}

/*///////PANEL DE CONTROL///////////////*/

#cuerpo{
	width:940px;
	height:800px;
	margin:auto;
	background-color:#FFF;
	
	}
	
#cabecera{
	height:107px;
	width:540px;
	background-image: url(../img/panel/cabecera.gif); 
	float:left;
	margin:auto;
	}
	
#cabecera_usuario{
	padding-top:10px;
	height:97px;
	width:400px;
	background-image: url(../img/panel/fondo_cab.gif); 
	float:left;
	margin:auto;
	text-align:right;
	font-size:18px;
	font-weight:bold;	color:#FFF;
	}

#cabecera_usuario a{
	font-weight:bold;	color:#b0d828;
	text-decoration:none;
}
#contenido_titulo {
	padding-top:5px;
	padding-left:10px;
	font-size:25px; color:#3f72bb;
	background-image: url(../img/panel/fondo_titulo.gif);
	float:left;
	width:930px;
	height:35px;
	
}
	
#sub_menu{
	width:940px;
	float:left;
	margin:auto;
	}
	
#sub_menu ul{
	list-style:none;
	margin-right:45px;
	}
	
#sub_menu ul li{
	border-bottom: solid 1px #000;
	padding-left:15px;
	padding-top:10px;
	}
#sub_menu ul li a{
	text-decoration:none;
	color:#333;
	font-weight:bold;
	}
#sub_menu ul li a:hover{
	color: #999;
	font-weight:bold;
	}


	
#main{
	background-color:#FFF;
	width:940px;
	float:left;
	
	
	
}
	
		/*///////MENSAJE ADMIn///////////////*/
	
#mensaje_adm .titulo{
	font-size:16px;
	font-weight:bold;	
	
	
}
#mensaje_adm .fecha{
	font-size:14px;	
	border-top: dotted 1px  #036;
}
#mensaje_adm .contenido{
	font-size:16px;
	border-bottom: dotted 1px #036;
	margin-bottom:10px;
	color: #333;
}
	
	/*///////FORMULARIO///////////////*/
	


#form_contenido_titulo {
	font-size:18px;
	width:840px;
	padding-left:10px;
	padding-top:10px;
	height:29px;
	margin-left:45px;
	margin-top:20px;
	float:left;
	border-left: solid 1px #333;
	border-right: solid 1px #333;
	background: url(../img/panel/form_titulo.gif) repeat-x;
}

#form_contenido {
	width:830px;
	padding:10px;
	margin-left:45px;
	background:#FFF;
	border:solid 1px #333;
	float:left;
	
	}
	
#form_pie {
	width:830px;
	padding:10px;
	margin-left:45px;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	background:#FFF;
	border:solid 1px #333;
	border-top:none;
	float:left;
	text-align:right;
	margin-bottom:15px;
	
	}

.form_label{

}

/*///VER DOCENTE/*/

#mensaje_docente{
	width:450px;
	height:80px;
}

#ver_alumno{
	margin-left:6px;
	padding-left:6px;
	border-left: solid 1px #333;	
	
}
#ver_alumno a{
	color:#036;
	font-size:12px;	
	
}
#ver_docente a{
	color:#036;
	font-size:12px;	
	
}
#ver_docente{
	margin-left:6px;
	padding-left:6px;
	border-left: solid 1px #333;	
	
}

#ver_docente a{
	color:#036;
	font-size:12px;	
	
}

#ver_docente .borrar_area{
	color: #C00;
	font-size:12px;	
	
}



.tabla_ver_docente td{
	/*border-bottom: solid 1px #333;*/
}


#tabla_areas_grados td{
	border-bottom: solid 1px #666;
	height:28px;
	
	
}

#tabla_areas_grados_tit{
	background-color:#B4C49D;
	height:25px;
	font-weight:bold; color:#333;
}




/*/////////TBALA CALIFICACIONES////////////*/



#tabla_calificacion_tit{
		background-color:#B4C49D;
	height:25px;
	font-weight:bold; color:#333;
	
}


#tabla_calificacion_area{
	
		background-color:#CCC;
	height:25px;
	font-weight:bold; color:#333;
	
}

.tabla_objetivos_separa{
	background:#FFF;
	border-bottom:solid 1px #000;
	border-left:solid 1px #000;
	font-size:14px
	
}

.tabla_objetivos {
	background:#FFF;
	border-bottom:solid 1px #000;
		font-size:14px
}
.tabla_objetivos1 {
	background:#FFF;
	border-bottom:solid 1px #000;
		font-size:14px
}

#comentarios{
	
	width:480px;
	height:100px;
	
}

/*/////////CONFIRMACION FORM////////////*/
.conf_formularios{
	color:#999;	
}





/*/////////FOMRULARIOS////////////*/


/* forms.css */
/*label {font-weight:bold;}*/
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error_ajax, .notice, .success {padding:.4em;margin-bottom:1em;border:2px solid #ddd;}
.error_ajax {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error_ajax a {color:#8a1f11;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
input.error { border: 1px dotted red; }


#error_form{
	padding:.4em;margin-bottom:1em;border:2px solid #ddd;background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;
	}
a.button, button {
  display:block;
  float:left;
  margin:0 0.583em 0.667em 0;
  padding:5px 10px 5px 7px;   /* Links */
  
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;

  background-color:#f5f5f5;
  /*font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;*/
  font-size:80%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;

}
button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
    
}
button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}
*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}
button img, a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
  
}


/* Button colors
-------------------------------------------------------------- */

/* Standard */
button:hover, a.button:hover{
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}
a.button:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

/* Positive */
body .positive {
  color:#529214;
}
a.positive:hover, button.positive:hover {
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}
a.positive:active {
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}

/* Negative */
body .negative {
  color:#d12f19;
}
a.negative:hover, button.negative:hover {
  background:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}
a.negative:active {
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}
	
	
/*///////MENU///////////////*/
#menu {

	font: 12px normal Arial, Helvetica, sans-serif;
	width: 940px;
	margin: 0;
	/*position: relative;*/
}
#header {
	/*padding-top: 105px;*/

}

ul.topnav {
	list-style: none;
	padding: 0 15px;	
	margin: 0;
	float: left;
	width: 910px;
	background: #222;
	font-size: 1.2em;
	background: url(../img/menu/topnav_bg.gif) repeat-x;
}
ul.topnav li {
	float: left;
	margin: 0;	
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base--*/
}
ul.topnav li a{
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	background: url(../img/menu/topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(../img/menu/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #333 url(../img/menu/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(../img/menu/dropdown_linkbg.gif) no-repeat 10px center; 
}
#header img {
	margin: 20px 0 10px;
}