/**/
/* estilos para estructurar opciones de página principal "escritorio"*/
/**/
.bloquealumno  {float:left; width:300px; padding:20px 20px 0px 0px;}
.bloquegeneral {float:left; width:300px; padding:20px 0px 0px 0px;}
.opciones-header {
	border: 1px solid gray;
	border-bottom: 0;
	border-top: 0;
	background: url('../images/escritorio/header-bg.gif') repeat-x center top;
	color: black;
	height: 24px;
	line-height: 24px;
}	
opciones-header label {
	display: inline-block;
	font-weight: bold;
    margin: auto auto auto 6px;
}

.opciones-content {
    background: white; 
    outline: 0;
    border: 1px solid gray;
}

.ui-submenu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.opciones-content ul.menu        { margin: 10px 0px 10px 5px; padding: 0; cursor: default; }
.opciones-content ul.menu li     { padding:0px 10px 0 10px; list-style: none; margin: 0;
                                    background: url("../images/escritorio/arrow_right_peppermint.png") no-repeat top left; 
                                    width :270px; height:85px;}
.opciones-content ul.menu li.corto     { padding:0px 10px 0 10px; list-style: none; margin: 0;
                                    background: url("../images/escritorio/arrow_right_peppermint.png") no-repeat top left; 
                                    width :270px; height:50px;}

/*.opciones-content ul.menu li img { margin:5px 0 0 10px;}*/

.opciones-content ul.menu li a		    { display:inline-block; border:1px solid #e0e0e0; color:#2e6e9e; text-decoration:none; 
                              		      padding: 4px 0 0 0; width:270px; height:20px; 
                              		      -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.opciones-content ul.menu li a:hover	{ display:inline-block; border: 1px solid #fed22f; width:270px; padding: 4px 0 0 0;
					                      background: #ffe45c url(../images/menunavision/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; 
							              color: #363636; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

.opciones-content ul.menu li.corto a		    { display:inline-block; border:1px solid #e0e0e0; color:#2e6e9e; text-decoration:none; 
                              		      padding: 4px 0 0 0; width:270px; height:20px; 
                              		      -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.opciones-content ul.menu li.corto a:hover	{ display:inline-block; border: 1px solid #fed22f; width:270px; padding: 4px 0 0 0;
					                      background: #ffe45c url(../images/menunavision/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; 
							              color: #363636; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

    /**/
    /* ESTILOS FONDO MENÚ SUPERIOR EN HOJAS DE CONTENIDO */
    /**/
    .logo                           {float:right; margin:-5px 0px 0px 0px}
    .cabecera                       {float:left;text-align:left; vertical-align:top; font-family:Calibri, Verdana, Tahoma;
                                     font-size:15px; padding: 0px 0 0px 10px; color:#fff; }
    .titulohoja          {letter-spacing:-1px; color:#30455a; padding:0; margin:0; font-size:1.8em; }
    .textobienvenida     {letter-spacing:-0.5px; font-size:1em; padding:0; margin:0; color:#fff;}
    .textousr			{letter-spacing:-0.5px; font-size:1em; padding:0 0 5px; margin:0; color:#fff}


	
    /**/
    /* ESTILOS OPCIONES MENÚ SUPERIOR EN HOJAS DE CONTENIDO */
    /**/

.demos-nav, .demos-nav dt, .demos-nav dd, .demos-nav ul, .demos-nav li {
	margin: 0;
	padding: 0
}

.demos-nav {
	float: left;
	width: 170px;
	font-size: 1.3em;
}

.demos-nav dt,
.demos-nav h4 {
	margin: 0;
	padding: 0;
	font: normal 1.1em "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
	color: #e87b10;
}

.demos-nav dt,
.demos-nav h4 {
	margin-top: 1.5em;
	margin-bottom: 0;
	padding-left: 8px;
	padding-bottom:5px;
	line-height: 1.2em;
	border-bottom: 1px solid #F4F4F4;
}

.demos-nav dd a,
.demos-nav li a {
	border-bottom: 1px solid #F4F4F4;
	display:block;
	padding: 4px 3px 4px 8px;
	font-size: 90%;
	text-decoration: none;
	color: #555 ;
	margin:2px 0;
	height:13px;
}

.demos-nav dd a:hover,
.demos-nav dd a:focus,
.demos-nav dd a:hover,
.demos-nav dd a:focus {
	background: #f3f3f3;
	color:#000;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}
 .demos-nav dd a.selected {
	background: #555;
	color:#ffffff;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}


/* Menú de acciones sobre listados/fichas */
.clear{ width:100%; overflow:hidden; margin: 0px; padding:0px;}
/*.content-acciones { background:url(../images/menuacciones/fondo.jpg) 0 0 repeat-x; background-color:#5c9ccc; padding-top:10px!important }
*/
.content-acciones { background-color:#f5f5f5; padding-top:0px!important }

.content-acciones ul.navpq  { margin:5px 5px 5px 5px; padding:0px}
.content-acciones ul.navpq li { margin:0px 5px 0px 0px; padding:0px}
.content-acciones ul.navpq li, .content-acciones ul li a  { display:block; width:100%; height:20px; color:#666d7c; text-decoration:none}
.content-acciones ul.navpq li a span					    { padding-left:25px; font-size:1.1em;  }
.content-acciones ul.navpq li a:hover					    { color:#6b91e3; }

.content-acciones ul.navpq li a.btnlista					{ background:url(../images/menuacciones/btnlista.png) 0 0 no-repeat;}
.content-acciones ul.navpq li a.btnficha					{ background:url(../images/menuacciones/btnficha.png) 0 0 no-repeat;}
.content-acciones ul.navpq li a.btnfamilia				{ background:url(../images/menuacciones/btnfamilia.png) 0 0 no-repeat;}
.content-acciones ul.navpq li a.btnmatricula				{ background:url(../images/menuacciones/btnfichamatricula.png) 0 0 no-repeat;}
.content-acciones ul.navpq li a.btncalificacionesev		{ background:url(../images/menuacciones/btnfichacalificacionesev.png) 0 0 no-repeat;}
.content-acciones ul.navpq li a.btnasistencia				{ background:url(../images/menuacciones/btnlistaasistencia.png) 0 0 no-repeat;}
.content-acciones ul.navpq li a.btnincidencias			{ background:url(../images/menuacciones/btnlistaincidencias.png) 0 0 no-repeat;}
.content-acciones ul.navpq li a.btnMat					{ background:url(../images/menuacciones/btnmatricular.png) 0 0 no-repeat;}
.content-acciones ul.navpq li a.btnMatOtr					{ background:url(../images/menuacciones/btnmatricular.png) 0 0 no-repeat;}
.content-acciones ul.navpq li a.btnCambiar				{ background:url(../images/menuacciones/btncambiarcurso.png) 0 0 no-repeat;}
.content-acciones ul.navpq li a.btnEliminarCurso			{ background:url(../images/menuacciones/btneliminarmatricula.png) 0 0 no-repeat;}
.content-acciones ul.navpq li a.btnPromo					{ background:url(../images/menuacciones/btnpromocionar.png) 0 0 no-repeat;}
.content-acciones ul.navpq li a.btnBajaAlu				{ background:url(../images/menuacciones/btnbaja.png) 0 0 no-repeat;}
.content-acciones ul.navpq li a.btnAltaAlu				{ background:url(../images/menuacciones/btnalta.png) 0 0 no-repeat;}
.content-acciones ul.navpq li a.btnNumerar				{ background:url(../images/menuacciones/btnnumerar.png) 0 0 no-repeat;}

.content-acciones ul.navpq li a.btnlista:hover            { background:url(../images/menuacciones/btnlista_act.png) 0 0 no-repeat; }
.content-acciones ul.navpq li a.btnficha:hover            { background:url(../images/menuacciones/btnficha_act.png) 0 0 no-repeat; }
.content-acciones ul.navpq li a.btnfamilia:hover          { background:url(../images/menuacciones/btnfamilia_act.png) 0 0 no-repeat; }
.content-acciones ul.navpq li a.btnmatricula:hover        { background:url(../images/menuacciones/btnfichamatricula_act.png) 0 0 no-repeat;}
.content-acciones ul.navpq li a.btncalificacionesev:hover { background:url(../images/menuacciones/btnfichacalificacionesev_act.png) 0 0 no-repeat;}
.content-acciones ul.navpq li a.btnasistencia:hover       { background:url(../images/menuacciones/btnlistaasistencia_act.png) 0 0 no-repeat;}
.content-acciones ul.navpq li a.btnincidencias:hover      { background:url(../images/menuacciones/btnlistaincidencias_act.png) 0 0 no-repeat;}
.content-acciones ul.navpq li a.btnMat:hover				{ background:url(../images/menuacciones/btnmatricular.png) 0 0 no-repeat;}
.content-acciones ul.navpq li a.btnMatOtr:hover			{ background:url(../images/menuacciones/btnmatricular_act.png) 0 0 no-repeat;}
.content-acciones ul.navpq li a.btnCambiar:hover			{ background:url(../images/menuacciones/btncambiarcurso_act.png) 0 0 no-repeat;}
.content-acciones ul.navpq li a.btnEliminarCurso:hover	{ background:url(../images/menuacciones/btneliminarmatricula_act.png) 0 0 no-repeat;}
.content-acciones ul.navpq li a.btnPromo:hover			{ background:url(../images/menuacciones/btnpromocionar_act.png) 0 0 no-repeat;}
.content-acciones ul.navpq li a.btnBajaAlu:hover			{ background:url(../images/menuacciones/btnbaja_act.png) 0 0 no-repeat;}
.content-acciones ul.navpq li a.btnAltaAlu:hover			{ background:url(../images/menuacciones/btnalta_act.png) 0 0 no-repeat;}
.content-acciones ul.navpq li a.btnNumerar:hover			{ background:url(../images/menuacciones/btnnumerar_act.png) 0 0 no-repeat;}
/* Etapas */
.content-acciones ul.navpq li a.btnAddEtapa					{ background:url(../images/menuacciones/btnficha.png) 0 0 no-repeat;}
.content-acciones ul.navpq li a.btnEdiEtapa					{ background:url(../images/menuacciones/btnficha.png) 0 0 no-repeat;}
.content-acciones ul.navpq li a.btnDelEtapa					{ background:url(../images/menuacciones/btnficha.png) 0 0 no-repeat;}
.content-acciones ul.navpq li a.btnAddEtapa:hover            { background:url(../images/menuacciones/btnlista_act.png) 0 0 no-repeat; }
.content-acciones ul.navpq li a.btnEdiEtapa:hover            { background:url(../images/menuacciones/btnlista_act.png) 0 0 no-repeat; }
.content-acciones ul.navpq li a.btnDelEtapa:hover            { background:url(../images/menuacciones/btnlista_act.png) 0 0 no-repeat; }

.content-acciones .tabcontent { background-image:url(../images/menuacciones/fondobarra.gif); background-repeat:repeat-x; height:85px; margin:0px; padding:0px }

/*.content-acciones .menu					 { display: block;float:left; height:68px; margin:0px; padding:0px  }*/
.content-acciones ul.nav					 { background:none; margin:0px; padding:0px; list-style:none; height:68px; }
.content-acciones ul.nav li					 { display: inline; float:left; height:68px; margin:5px 0px;}
.content-acciones ul.nav li a				 { float:left; text-decoration:none; color:#666d7c; height:68px; text-align:center}
.content-acciones ul.nav li a div.izq        { float:left; height:68px; width:6px; }
.content-acciones ul.nav li a div.dch        { float:right; height:68px; width:6px;}
.content-acciones ul.nav li a div.cnt        { float:left; height:68px; margin:6px 0px;}
.content-acciones ul.nav li a:hover			 { background-image:url(../images/menuacciones/fondobotonsel.gif); background-repeat:repeat-x; }
.content-acciones ul.nav li a:hover div.izq  { float:left; background:url(../image s/menuacciones/fondobotonsel_izq.gif) no-repeat 0px 0px; height:68px; width:6px; }
.content-acciones ul.nav li a:hover div.dch  { float:right; background:url(../images/menuacciones/fondobotonsel_dch.gif) no-repeat 0px 0px; height:68px; width:6px; }
/* Submenu */
.content-acciones ul.nav ul.submenu			 { position:relative; border:1px solid #000000; list-style:none; background-color:#fdfdfd; 
											   background-image:url(../images/menuacciones/fondosubmenu.gif); background-repeat:repeat-x; }
.content-acciones ul.nav ul.submenu li		 { border-bottom:1px solid #999999; height:25px; padding:2px; margin:0px}
.content-acciones ul.nav ul.submenu li a	 { text-decoration:none; color:#CCCCCC; font-weight:bold; height:25px; }
/*
.content-acciones ul#nav ul.submenu li a:hover			{ background-image:url(../images/menuacciones/fondobotonsel.gif); background-repeat:repeat-x; color:#FFFFFF; height:68px; }
.content-acciones ul#nav ul.submenu li a:hover span.izq { background:url(../images/menuacciones/fondobotonsel_izq.gif) no-repeat 0px 0px; height:68px; width:6px; }
.content-acciones ul#nav ul.submenu li a:hover span.dch { background:url(../images/menuacciones/fondobotonsel_dch.gif) no-repeat 0px 0px; height:68px; width:6px; }
*/

/* Subsubmenu */
.content-acciones ul#nav ul.subsubmenu { border:1px solid #000000; padding:5px; position:absolute; list-style:none; background-color:#333333; margin-left:150px; margin-top:-30px;}
.content-acciones ul#nav ul.subsubmenu li { float:none; background-image:none; border-bottom:1px solid #999999; min-width:200px;} 

/* Barra principal */
.content-acciones .barraprincipal			 
{
    float:left; padding:5px 0 0 15px; vertical-align: middle; margin:0px; width:100%;
    background-color:#2d2d2d; height:34px; font-family:Verdana, Calibri, Arial; 
    background-image:url(../images/escritorio/fondocabecera.png); background-repeat:repeat-x
}

.content-acciones .barraprincipal a			         /*ffba00*/{color:#738197; padding:5px 5px; font-size:1.1em; text-decoration: none; line-height:30px}
.content-acciones .barraprincipal a:hover	         /*525151*/{background-color:#adbeda; }
.content-acciones .barraprincipal a#selected		 {font-weight:bold; background-color:transparent; border:0px; border-top:1px solid #eaf4fd; border-bottom:1px solid #eaf4fd}
.content-acciones .barraprincipal a#selected:hover	 {/*background-color:#525151;*/ }
.content-acciones .barraprincipal .etiqueta	         {text-align:left; padding:5px 5px; line-height:30px; vertical-align:middle; font-size:1em; color:#fff; font-weight:normal;}
.content-acciones .barraprincipal .etiquetacolegio   {text-align:left; padding:0px 5px; line-height:30px; vertical-align:middle; font-size:1.4em; color:#000; font-weight:normal;}
.content-acciones .barraprincipal .caja		         {margin:0px; padding:1px 5px 0px 5px; text-align:left; vertical-align:middle; height:18px; font-size:1em; color:#000000; font-weight:normal; border-top:1px solid #c0c0c0; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9}

.bloque-botones-linblue	{
	border-left: 1px solid #c5dbec; display: block;	float:left; margin: 0px 0px 0px 10px; padding:0px 10px;  
	text-decoration: none; color: #555; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-family:Calibri, Verdana, Tahoma;
	background:none; background-color:#e3e6e8 !important
}

.bloque-botones	{
	display: block;	float:left; margin: 0px 0px 0px 0px; padding:0px 5px;  
	text-decoration: none; color: #555; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-family:Calibri, Verdana, Tahoma;
	background:none;
}

.separador { float:left; background-image:url(../images/menuacciones/separadorpanelesbarra.gif); background-repeat:no-repeat; width:3px; height:85px; padding:0px; margin:0px; }

.options-panel ul li {margin:2px 5px 2px 5px; padding:0px; float:left; clear:left;width: 100%;list-style:none;display:block; }
.options-panel ul li, .content-acciones ul li a  { display:block; width:100%; height:20px; text-decoration:none;list-style:none}
.options-panel ul li a span					    { padding-left:25px; font-size:1em; font-weight:bold; text-decoration :none; }
.options-panel ul li a:hover					    { color:#e17000; }
.options-panel ul li a  {width:100%; height:20px; color:#000000; text-decoration:none;display:block; }
.options-panel ul li a span {padding-left:25px; font-size:1em; font-weight:bold}

.options-panel ul li a.btnCargarNotas					{background:url(../images/menuacciones/btnCargarNotas_act.png) 0 0 no-repeat}
.options-panel ul li a.btnCargarNotas:hover            {background:url(../images/menuacciones/btnCargarNotas.png) 0 0 no-repeat; color:#e17000}

.options-panel ul li a.btnGuardar					{background:url(../images/menuacciones/btnGuardarNotas_act.png) 0 0 no-repeat;}
.options-panel ul li a.btnGuardar:hover            { background:url(../images/menuacciones/btnGuardarNotas.png) 0 0 no-repeat; color:#e17000}

.options-panel ul li a.btnExpandir					{ background:url(../images/menuacciones/btnExpandirNotas_act.png) 0 0 no-repeat;}
.options-panel ul li a.btnExpandir:hover            { background:url(../images/menuacciones/btnExpandirNotas.png) 0 0 no-repeat; color:#e17000}

.options-panel ul li a.btnContraer					{ background:url(../images/menuacciones/btnContraerNotas_act.png) 0 0 no-repeat;}
.options-panel ul li a.btnContraer:hover            { background:url(../images/menuacciones/btnContraerNotas.png) 0 0 no-repeat; color:#e17000}

.options-panel ul li a.btnSubir					{ background:url(../images/menuacciones/btnSubir_act.png) 0 0 no-repeat;}
.options-panel ul li a.btnSubir:hover            { background:url(../images/menuacciones/btnSubir.png) 0 0 no-repeat; color:#e17000}

.options-panel ul li a.btnLimpiar					{ background:url(../images/menuacciones/btnLimpiar_act.png) 0 0 no-repeat;}
.options-panel ul li a.btnLimpiar:hover            { background:url(../images/menuacciones/btnLimpiar.png) 0 0 no-repeat; color:#e17000}



/* Desplegable con opciones de usuario logado */

.menuusuario {font-family: "Segoe UI" , Verdana, Tahoma, Helvetica, sans-serif;
	cursor: default;
	font-size: 8pt;
	background-color: #fff;
	border-bottom: 1px solid #8b9097;
	-webkit-box-shadow: #8b9097 0px 1px 3px;
	-moz-box-shadow: #8b9097 0px 1px 3px;
	box-shadow: #8b9097 0px 1px 3px;
	-webkit-border-radius: 0px 6px 0px 6px;
	-moz-border-radius: 0px 6px 0px 6px;
	border-radius: 0px 6px 0px 6px;	
	overflow: hidden;
	z-index: 999;
    position: absolute;   /*Panel will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
	top: 50px;
	right: 10px;
	/*right: 0;*/
	/*height: 165px;*/
    width: 250px;
    /*z-index: 999;*/
    padding: 0px;
    /*text-align: left;	*/
 
}
.menuusuario strong { display:block; background-image:url(../images/openmenu_sup.png); background-repeat:no-repeat; width:20px; height:20px; top:-10px}
.menuusuario ul             { padding-top:9px; }
.menuusuario ul li          { line-height:20px; margin-left:-20px}
.menuusuario ul li a        { text-decoration:none; color:#848484;}
.menuusuario ul li a:hover  { color:#0091a7; text-decoration:underline}

.menuusuario ul li a.dis        { text-decoration:none!important; color:#d9e4f3!important;}
.menuusuario ul li a.dis:hover  { text-decoration:none!important; }

.menuusuario ul li strong       { float:left; width:24px}
.menuusuario ul li strong img   {vertical-align:middle; text-align:left;}


/*.menuusuario ul li strong   { float:left; background:url(../images/stars.gif) right 8px no-repeat; width:68px; margin-right:12px;}
.menuusuario ul li strong .stars0  { float:left; background:#fff; width:100%}
.menuusuario ul li strong .stars1  { float:left; background:#fff; width:54px;}
.menuusuario ul li strong .stars2  { float:left; background:#fff; width:42px;}
.menuusuario ul li strong .stars3  { float:left; background:#fff; width:28px;}
.menuusuario ul li strong .stars4  { float:left; background:#fff; width:14px;}
*/
/* Fin desplegable con opciones de usuario logado */