.badge1 {
   position:relative;

}
.badge1[data-badge]:after {
   content:attr(data-badge);
   position:absolute;
   top:-10px;
   right:0px;
   font-size:10px;
   background:red;
   color:white;
   width:18px;height:18px;
   text-align:center;
   line-height:18px;
   border-radius:50%;
   box-shadow:0 0 1px #333;
 
}



.badge3 {
   position:relative;

}
.badge3[data-badge]:after {
   content:attr(data-badge);
   position:absolute;
   top:-5px;
   left:-9px;
   font-size:10px;
   background:#B40486;
   color:white;
   width:18px;height:18px;
   text-align:center;
   line-height:18px;
   border-radius:50%;
   box-shadow:0 0 1px #333;
 
}




.badge4 {
   position:relative;

}
.badge4[data-badge]:after {
   content:attr(data-badge);
   position:absolute;
   top:0px;
   right:20px;
   font-size:10px;
   background:red;
   color:white;
   width:18px;height:18px;
   text-align:center;
   line-height:18px;
   border-radius:50%;
   box-shadow:0 0 1px #333;
 
}




@keyframes blinker {  
  50% { background:white;color:#DF0101 ; border: 1px solid #DF0101}
 
}



.badge2 {
   position:relative;
 
}
.badge2[data-badge]:after {
   content:attr(data-badge);
   position:absolute;
   top:21px;
   right:-5px;
   font-size:7px;
   background:#DF0101;
   color:white;
   width:12px;height:12px;
   text-align:center;
   line-height:12px;
   border-radius:50%;
   box-shadow:0 0 1px #333;
     animation: blinker 1.6s linear infinite;


           
}



.cajita_cursos_izquierda
{
background-color:white;

float:left;

}



.cajita_cursos
{
float:left;
background-color:#F2F2F2;
text-align:left;
padding:2px;
padding-left:5px;
width:320px;
cursor:pointer;
}

.cajita_cursos:hover
{
float:left;
background-color:#F8EAEA;
text-align:left;
padding:2px;
padding-left:5px;
width:320px;
cursor:pointer;

}

.cajita_cursos_activo
{
float:left;
background-color:#F8EAEA;
text-align:left;
padding:2px;
padding-left:5px;
width:320px;
cursor:pointer;
font-weight: bold;


}





.cajita_udi_izquierda
{
background-color:white;

float:left;

}


.cajita_udi_2
{
float:left;
background-color:#F2F2F2;
text-align:left;
padding:2px;
padding-left:5px;
width:625px;
cursor:pointer;
}

.cajita_udi_2:hover
{
float:left;
background-color:#F8EAEA;
text-align:left;
padding:2px;
padding-left:5px;
width:625px;
cursor:pointer;

}

.cajita_udi_2_activo
{
float:left;
background-color:#F8EAEA;
text-align:left;
padding:2px;
padding-left:5px;
width:625px;
cursor:pointer;
font-weight: bold;


}


.avatar_circular_simple
{
	
 width: 70px;
 height: 70px;
 border-radius: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
-khtml-border-radius: 100px;
 overflow: hidden;
 
-webkit-box-shadow: 5px 5px 20px 0px rgba(50, 50, 50, 0.52);
-moz-box-shadow:    5px 5px 20px 0px rgba(50, 50, 50, 0.52);
box-shadow:         5px 5px 20px 0px rgba(50, 50, 50, 0.52);


	
	
}



.gradiente
{
	background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 14%, rgba(145,173,214,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(14%, rgba(246,246,246,1)), color-stop(100%, rgba(145,173,214,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 14%, rgba(145,173,214,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 14%, rgba(145,173,214,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 14%, rgba(145,173,214,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 14%, rgba(145,173,214,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#91add6', GradientType=1 );
	
}


#fake-frame_caderno_docente_arriba::-webkit-scrollbar {

height:0px;

}