/*colors*/
.text-primary-screen{
    color:#77AABE;
    !important;
}
/*inicio*/
.colegioinicio{
	font-family: 'Catamaran-Medium', sans-serif; font-size: 20px; color: #77AABE; text-align: center; line-height: 27px;
}
.linkruta a:link{
	font-family: 'Catamaran-Medium', sans-serif; font-size: 18px; color: #1DB3EA; 
}
.linkruta a:hover{
	color: #77AABE; 
}
/*menu izquierdo*/
.logo{
	background-image:url("img/logolb.png"); background-repeat:no-repeat; background-position: toc center;
	width:90px; height:75px; margin:0 auto;
}


.menuIzq{
	background-image:url("img/triangulos.png"); background-repeat:no-repeat; background-position: bottom left; 
	background-color: #E5F0F3;
}

.opcionesM{
	list-style:none; margin:26px 0 14px 20px; font-family: 'Catamaran', sans-serif; font-size:16px; font-weight:bold; display:block;
}
.opcionesM li{
	margin-top:12px;
}
.opcionesM a{
	text-decoration:none; color:#0085b7; padding:4px 15px; 
}
.opcionesM a:hover{
	text-decoration:none; color:#FFF; background:#99C3D4; border-radius:4px;
}
/*barra oscura*/
.nombreColegio {
	background-color:#696969; height: 46px; padding:12px 0 2px 0; font-family: 'Catamaran', sans-serif; font-size:16px; font-weight:bold;}
.nombreColegio span{ 
	font-weight:normal; font-size:15px; }
/*barra clara*/
.barraClara {
	background-color:#E9E9E9; height: 46px; padding:8px 0 2px 0; }
.quimestre{
	padding-top: 4px; font-family: 'Catamaran', sans-serif; font-size:14px; color:#696969 }
.quimestre span{ 
	color:#E0A136; display:block; margin-right:20px;  font-weight:bold; }

.faltantes{
	border:1px solid #696969;  font-size:12px; width:190px; height:30px; text-align:center; 
	color:#696969; font-family: 'Catamaran', sans-serif; 
	border-collapse: collapse; border-radius: 0.5em; overflow: hidden;}
.faltantes p{
	margin:0 0 -4px 0; padding:0; font-size:8px; }
.ennaranja{
	background-color:#E0A136; color: #FFF; }
/*contenido*/
p{
    font-family: 'Catamaran', sans-serif; font-size:14px; color:#696969;
}
.textoazul{
	color:#0085b7;
}
.margenIzq{
	margin-left:40px;
}
	
.materiasTitulo{
	font-family: 'Catamaran', sans-serif; font-size:22px; color:#77AABE; margin-top:20px }
.materias{
	font-family: 'Catamaran', sans-serif; font-size:16px; color:#696969; margin-top:16px; }
.labelDropdownStyle{
	font-family: 'Catamaran', sans-serif; font-size:16px; color:#696969; margin-top:25px; }
.lineaInferior{
    border-bottom: 1px solid #77AABE;}
/*botones*/	
.botonA{
	width:150px; height:42px; background:#0085b7; display:block; float:left; margin: 10px 10px 15px 10px; color:#FFF; border-radius:4px; 
	text-decoration:none; font-family: 'Catamaran', sans-serif; font-size:18px; line-height:40px; position: relative }
.botonA:hover{
	text-decoration:none; background:#77AABE; color:#FFF;
}
.botonIr{
	width:56px; height:42px; background:#0085b7; display:block; float:left; margin: 10px 10px 15px 10px; color:#FFF; border-radius:4px; 
	text-decoration:none; font-family: 'Catamaran', sans-serif; font-size:18px; line-height:40px; position: relative }
.botonIr:hover{
	text-decoration:none; background:#77AABE; color:#FFF;
}
.mas{
	background-image:url("img/icactividad.png"); background-repeat:no-repeat; padding-left:26px; margin:0 32px; background-position:0 50%; }
.grado{
	background-image:url("img/iccalificar.png"); background-repeat:no-repeat; padding-left:22px; margin:0 36px; background-position:0 50%; }
.gorro{
	background-image:url("img/icexamenes.png"); background-repeat:no-repeat; padding-left:32px; margin:0 28px; background-position:0 50%; }
	
.dot {
  height: 20px; width: 20px; background-color: #E0A136; border-radius: 50%; display: inline-block; top:-10px; right:-10px; 
  text-align:center; line-height:20px; position: absolute }


/*tabla*/
table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}

.tareas th, .tareas td {
  padding: 8px;
  text-align:center;
  border-bottom: 5px solid #fff;
}
.tareas td{
  height:44px; font-family: 'Catamaran', sans-serif; font-size:14px; color:#696969; line-height:15px; background-color: #F0FBFF; 
}
.tareas th{
  height:34px; font-family: 'Catamaran-Medium', sans-serif; font-size:14px; color:#fff; line-height:15px; background-color: #77AABE; 
}

table input[type=text]{
  
  box-sizing: border-box;
  background-color: #FFF;
  border: 1px solid #9B9B9B;
  font-family: 'Catamaran', sans-serif; font-size:14px; color:#696969;
  height:24px;
  width: 80%;
  padding: 6px;
}

label{
  color:#F0FBFF;
  font-family: 'Catamaran-SemiBold', sans-serif; font-size:14px; color:#696969;
}
/*calendario*/
.calendario th{
  text-align: center; width:20%; height:34px; font-family: 'Catamaran-Medium', sans-serif; font-size:14px; color:#fff; background-color: #77AABE; 
}
.casilla{
  text-align: center; padding-top: 7px; height:188px; margin:2px 5px;font-family: 'Catamaran', sans-serif; font-size:18px; color:#696969; line-height:18px; background-color: #EFEFEF; 
}
.contenidocal{
  text-align: left; background-color:#F0FBFF; margin: 0 10px; padding: 4px; position: relative; top: 15px; font-size: 14px;
}
/*dropdown*/
.dropMenu{
    display: block;
    font-weight: 400;
    line-height: 1.3;
    padding: .4em 1.4em .3em .8em;
    max-width: 100%;
    box-sizing: border-box;
    margin: 20px auto;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.03);
    appearance: none;

	/*border:1px solid #696969;*/
    border-radius: 0.3em;
    font-size:12px;
    width:338px;
    height:30px;
    text-align:center;
	color:#696969;
    font-family: 'Catamaran', sans-serif;

    /*background-color:#F0FBFF;*/
    background-image:url("img/imgflecha.png") ;
    background-repeat: no-repeat, repeat;
    background-position: right .5em top 50%, 0 0;
    background-size: .99em auto, 100%;
}
.dropMenu option{
    text-align: left;
}

.flechaDesplegar{
	width:30px;
    background-color:#F0FBFF;
    background-image:url("img/imgflechaOver.png") ;
}


.flechaDerDesplegar{
    display: block;
    font-size:12px;
    width:12px;
    height:12px;
    text-align:center;
    color:#0085B7;
    background-image:url("img/imgflechader.png") ;
    background-repeat: no-repeat, repeat;
}

.flechaDerDesplegarBlanca{
    display: block;
    font-size:12px;
    width:12px;
    height:12px;
    text-align:center;
    color:#FFFFFF;
    background-image:url("img/imgflechaderBlanca.png") ;
    background-repeat: no-repeat, repeat;
}
/*tabla notas*/
.notas table{
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 25px;
}
.notas tr th, .notas tr td {
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  padding: 5px;
  background-color: #F0FBFF;
  
}
.notas td{
  height:44px; font-family: 'Catamaran', sans-serif; font-size:14px; color:#696969; line-height:15px; 
}
.notas span{
  color: #77AABE;
}
.notas th{
  height:34px; font-family: 'Catamaran-Medium', sans-serif; font-size:11px; color:#696969; line-height:15px; text-align: center;
}
/* mensajes */
.buscar input[type=text]{
  font-size:12px;
  font-family: 'Catamaran', sans-serif;
  width:338px; 
  height:30px; 
  color:#696969; 
  padding: 8px 10px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #696969;
  border-radius: 0.5em;
  box-sizing: border-box;
}
.opcMensajes{
	width:132px; color: #0085B7; font-family: 'Catamaran', sans-serif; font-size:14px; padding-left:26px; margin:0 32px; line-height:40px;
	}
	
.opcMensajes span{
	font-size:10px
	}
.opcMensajes:hover{
	color: #77AABE;
	}
label{
color: #696969; font-family: 'Catamaran SemiBold', sans-serif; font-size:14px
}
.textomsg input[type=text]{
  background-color: #F0FBFF;
  border: none;
  font-family: 'Catamaran', sans-serif; font-size:14px; color:#696969;
  height:36px;
  padding: 10px;
  line-height: 15px;
}
.infodesplegada{
	 background-color: #F0FBFF;
	 line-height: 19px;
}
table th label {
    color: #fff;
    font-family: 'Catamaran SemiBold', sans-serif;
    font-size: 14px;
}
.panel-heading label {
    color: #fff;
    font-family: 'Catamaran SemiBold', sans-serif;
    font-size: 14px;
}