/*@font-face {
       font-family: 'Avenir';
       src = url('fonts/avenir.ttf');
 
}*/
*{margin:0; padding:0;}
body { font-family: Arial, Helvetica, sans-serif Muli; font-size:10pt; background-color:#eee;color:#555;}

/*header*/
header#mainHeader {
	max-width: 960px;
    min-width: 350px;
    height:70px;
    background:#fff;
    margin:0 auto;
    background:url('logos/logo_escuela.jpg') no-repeat left center #fff;
}
#infousr{
min-width:480px;max-width:960px;height:20px;margin:0px auto;display:block;background:#FFf;
}
header#mainHeader div {
    display:inline-block;
    
}
.baja{background-color:#ccc;}
#footer{
height:40px;background-color:#eee;font-size:11px;color:#555;text-align:center;
}
#footer a{color:#FF5C2A;}

div#logo {
    width: 900px;
    /*height:50px;
    background:url('/images/logo.jpg');*/
    margin-left: 5%;
    
}

div#logo a {
    display:block;
    float:right;
    /*width: 242px;
    height:50px;
    padding: 10px 0;*/
}div#logo a img{
	
    height:60px;
    padding: 5px 0;
   /*width: 242px;*/
}/*
#header {  height:70px; background:#fff ; width:100%;  display:block}
#logo {   height:70px; margin:0 auto;display:block;}*/
.t_msg{display:block;padding:8px;background:#FFA500;color:#fff;text-align:center;font-weight:bold;}
/*header*/
.instrucciones{border:dotted 1px #00A0E1;color:#555;display:block;padding:8px;text-align:left;font-size:10px;}
/*menu*/
#esp_menu {min-height:60px;width:100%;overflow:visible;display:block; z-index:100; position:absolute;}
#menu { min-width:480px;max-width:960px;height:20px;margin:0px auto;overflow:visible;display:block;}
#menu .submenu{float:left;width:160px;display:block;}
#menu .submenu .collapse {width:156px; overflow:hidden;background:#fff;display:block;}
#menu .submenu .collapse li {font-size:12px; list-style:none;font-weight:bold;color:#0E70A5;margin:3px 0px 3px 0px;padding-left:23px;}
#menu .submenu .collapse li ul li{font-size:11px; list-style:none;margin:3px 0px 3px -3px; padding-left:18px; padding-top:1px; padding-bottom:1px;}
#menu .submenu .collapse li ul li a{color:#FF5C2A;text-decoration:none;}
#menu .submenu .collapse li ul li a:hover{color:#0E70A5;text-decoration:none;}
/*#menu .submenu .collapse li ul li a:visited{color:#BE74DB;text-decoration:none;}*/
#menu .submenu .caption{height:35px;text-align:center;font-weight:bolder;color:#0E70A5;width:156px;background-color:#fff;}
.bordecolor {border-style:solid; border-width:1px 2px 0;}
.bordecaption {border-style:solid; border-width:1px 2px 15px 2px;}
.menu_color{border-color:#8DC4EB; }

#caption_color{ border-color:#8DC4EB;}
.ficha{width:670px;display:block;}
.foto{width:160px;height:205px;display:block;float:left;float:left;}
.ficha_datos{width:500px;float:left;}
.img_foto{width:150px;height:174px;}
/*Opciones del menu*/

.barra_nav{display:block;height:20px;width:775px;background:url(barra.png) repeat ;margin:30px auto 2px; color:#fff; padding:20px 0 0 5px;}
.barra_nav a{text-decoration:none;color:#fff; font-size:14px; font-weight:normal;}
/*menu*/

/*general*/
#contenido{margin:5px auto;  background-color:#fff; max-width:960px;min-width:480px;text-align:center;min-height:300px;}
#content{margin:0 auto;padding:5px;display:inline-block;text-align:center;}
.clear{clear:both;}
._label{width:150px;display:inline-block;text-align:right;float:left;margin-top:5px;}
._input{width:300px;display:block;text-align:left;float:left;border:1px solid #ccc;margin-left:5px;margin-top:5px;}
.label_val{width:300px;display:inline-block;text-align:left;float:left;border:none;margin-left:5px;margin-top:5px;color:#333;}

._input:disabled{border:1px solid #fff;}
.req{border-left:5px solid #f00;border-bottom:1px solid #f00;}
.rojo{background-color:#A52A2A;color:#fff;}
.rojo:hover{background-color:#fff;color:#A52A2A;}
/* Tablas */
table { width: 100%; border-collapse:collapse; border:1px solid #FFCA5E; background: #fff;}

caption { font-size:95%; font-weight:700; line-height:150%; padding:0 0 1px; text-align: left; text-indent: 10px; color: #000; border-bottom:1px solid #FFAA00; margin-bottom: 10px; }
thead th { background: #0E70A5; height: 30px; font-size: 1.1em; font-weight: bold; padding: 0px 7px; margin: 20px 0px 0px; text-align: left; border: 1px solid #FCF1D4; color:#fff;}
tbody tr { background: #fff; }
tbody tr:hover{ background: #DADDE2; cursor:pointer;}
tbody th,td { padding: 2px 7px; border-top: 1px solid #0E70A5; border-right: 1px solid #DDDDDD; text-align: left; }
a { font-weight: bolder; text-decoration: none; color:#FF5C2A;}
a:hover { text-decoration: none; }
tfood th { padding: 2px 7px; border-top: 1px solid #0E70A5; border-right: 1px solid #DDDDDD; text-align: left; }
.subtabla thead tr th {background:#84C0D6;color:#ff;}
/* Titulos */
h1{font-size:16px;display:block;color:#0E70A5;font-weight:bold; margin:0px 10px;text-align:center; text-transform: uppercase;}
h2{font-size:14px;display:block;color:#FF5C2A;font-weight:bold; margin:0px 20px;text-align:left; }
h3{font-size:12px;display:block;color:#0E70A5;font-weight:bold; margin:0px 30px;text-align:left; }
label { color: #666; font-size: 13px; }


/* Mensajes, errores e informacion */
.mensaje {text-align:center; font-weight:bolder; margin:0 auto; display:block; padding: 10px 0 20px 50px; text-align:left; width:300px;margin-top:100px;background-color:#F7C93E;}
.error { background:#FFC296 url("error.png") no-repeat;}
.informacion { background:#fff url("informacion.png") no-repeat;border:2px solid #F7C93E;}

/* Login */
#login { width: 320px; margin:0 auto; }
#loginform{ margin-left: 8px; padding: 0px 16px 40px 16px; font-weight: normal; background: #fff; border: 1px solid #e5e5e5; }
#user_pass, #user_login{ font-size: 20px; width: 97%; padding: 3px; margin-top: 2px; margin-right: 6px; margin-bottom: 16px; border: 1px solid #e5e5e5; background: #fbfbfb; }

/*Botones*/
.botones{height:25px;display:block;margin:0 auto;text-align:center;}
.blank{ background: #2c5885;color:#fff;border:2px solid #3f7dbd;font-weight:bold;font-size:12px;padding:5px 10px;}
.blank:hover, .blank:focus{ background: #fff;color:#2c5885;}
.btnerror{ color:#f00;border:2px solid #eee;font-weight:bold;font-size:12px;padding:5px 10px;text-decoration:underline;}
.btnerror:hover, .blank:focus{ color:#FF5C2A;}

.liga_imprimir li{ display:block; float:left; margin-left:10px; width:160px;}
.liga_opciones li{ display:block; float:left; margin-left:10px;}
.liga_opciones li a{color:#A6553A; padding:2px 5px;}
.marco{ margin:5px 0; padding: 5px; border:1px solid #cccccc; overflow:none;}
.relprofmat:hover{color:#1E90FF}
.cmfecha{margin:10px auto;}
.cm_msg{text-align:left;}
.ch_usr{color:#00FF00;font-weight:bold;}
.ch_time{color:#ccc;}
.ch_msg{color:#000;clear:both;}
.actfecha{margin:10px auto;font-size:9px;}
.act_tit{color:#FF3F00;font-weight:bold;font-size:12px;}
.act_des{color:#7F7F7F;clear:both;font-size:10px;}
.act{border:1px solid #ADD8E6;margin-top:5px;background-color:#E6E6FA;}
.act:hover{border:1px solid #ADD8E6;margin-top:5px;background-color:#FFF;}
.archact{float:left;margin-left:5px;}