/* eXeLearning Style Designer Compatible Style */
body{padding:0;text-align:center}
#content{width:100%;margin:0 auto;text-align:left;position:relative;border-style:solid;border-width:0}
#main-wrapper{padding-bottom:1.5em;width:100%;*width:auto}/* * is for IE6 and IE7 */
#main{padding:20px 40px 30px 320px;height:auto!important;height:200px;min-height:200px;*padding-left:0}

.no-nav #main-wrapper{width:100%}
.no-nav #main{padding:20px 20px 0 20px}

#header,#emptyHeader{border-top-width:0;border-right-width:0;border-left-width:0}
#headerContent{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-height:1.1em}
#nodeDecoration{background:none;padding:0;border:none;margin:20px 0;height:auto;min-height:0}
#nodeTitle{font-weight:300}
.iDevice_wrapper{margin-top:-10px}

/* Menú */
#siteNav{width:280px;float:left;margin-right:40px}
#siteNav ul,#siteNav li{margin:0;padding:0;list-style:none}
#siteNav .other-section{display:none}
#siteNav a{display:block;padding:8px 10px 8px 20px;border-width:0 0 1px 0;border-style:solid}
#siteNav .active{font-weight:bold;text-decoration:underline}
/*ORIGINAL #siteNav ul ul a{padding-left:35px;font-size:.95em}
#siteNav ul ul ul a{padding-left:60px}
*/


#siteNav .daddy span{display:none}

/* IE6 */
* html #siteNav a{display:inline-block;width:250px}
* html #siteNav ul ul a{width:235px}
* html #siteNav ul ul ul a{width:190px}
* html #main{padding:20px 20px 0 0}

#siteFooter{padding:0 20px 20px 20px;border:0}
/* Pagination */
.pagination{text-align:right;border-top:1px solid;font-size:.95em;padding:20px 0}
.pagination .sep{display:none}
.pagination a{display:inline-block;padding:5px 10px;border-radius:5px;margin-left:20px}
.pagination a:hover,.pagination a:focus{text-decoration:none}
#topPagination{position:absolute;top:0;right:20px}
#topPagination .pagination{border:none}
#bottomPagination{clear:both}
#bottomPagination a{margin:0 20px 0 0}
.page-counter{padding:5px 0;display:inline-block}

/* Autoclear */
#content{overflow:auto}

/* Hide/Show/Skip navigation */
#nav-toggler{margin:0;position:absolute;top:20px;left:20px;font-size:.95em}
#nav-toggler a,#skipNav a{padding:5px 10px;border-radius:5px}
#nav-toggler a{display:block}
#nav-toggler a:hover{text-decoration:none}
#skipNav{z-index:100px;padding-top:15px;text-align:center}

/* Search bar */
#exe-client-search-text{border-top-left-radius:5px;border-bottom-left-radius:5px}
#exe-client-search-submit{border-top-right-radius:5px;border-bottom-right-radius:5px}

@media screen and (max-width: 980px) {
	.exe-web-site #content{width:100%;border:0;box-shadow:none}
	#main{padding:20px 30px 0 280px}
	#siteNav{width:250px;margin-right:30px}
}

@media all and (max-width: 700px) {
	#headerContent{font-size:.7em;white-space:normal;padding-bottom:.5em}
	#siteNav{float:none;width:100%;padding:0}
	#siteNav{line-height:1.5em;margin-bottom:15px}
	#main-wrapper{width:100%;float:none}    
	#main,.no-nav #main{padding:10px 20px 0 20px}    
	#content .exe-col{float:none;width:100%;padding:0}
	#bottomPagination{text-align:center;height:35px;position:relative}
	#bottomPagination .prev{position:absolute;left:20px}
	#bottomPagination .next{position:absolute;right:0}
	#siteNav{border-top:1px solid}
}

@media print{
	#siteNav,#nav-toggler,.noprt,.toggle-idevice{display:none}
	body #main,body.no-nav #main{padding:20px 0}
	body #content{background:#FFF}
	#headerContent{white-space:normal;text-overflow:normal;font-weight:bold}
}

/* eXeLearning Style Designer */
#content{
/*contentBGColor*/
background-color:#f9f9f9;
}
.pagination a,#nav-toggler a,#skipNav a{
/*nav2BGColor*/
background-color:#333333;
/*nav2AColor*/
color:#ffffff;
}
.pagination a:hover,.pagination a:focus,#nav-toggler a:hover{
/*nav2HoverBGColor*/
background-color:#555555;
}
body{
/*bodyBGColor*/
background-color:#ffffff;
}
#siteNav,#siteNav a{
/*navBGColor*/
background-color:#f9f9f9;
/*navAColor*/
color:#555555;
/*navBorderColor*/
border-color:#dddddd;
}
@media screen and (min-width: 701px) and (max-width: 1015px){
#siteNav,#siteNav ul{
background-color:#f9f9f9;border-color:#dddddd;
}
#siteNav li{
background-color:#f9f9f9;
}
}
#siteNav a:hover,#siteNav a:focus,#siteNav a.active{
/*navHoverBGColor*/
background-color:#ffffff;
/*navAHoverColor*/
color:#000000;
}
@media screen and (min-width: 701px) and (max-width: 1015px){
#siteNav li:hover,#siteNav li.sfhover{
background-color:#ffffff;
}
}
.pagination{
border-color:#dddddd;
}
#bottomPagination{
background-color:#ffffff;
}
/* eXeLearning Style Designer (custom CSS) */
.pagination .print-page{
display:none;
}

/* === INICIO: Cabecera Fija - SOLUCIÓN DIRECTA === */

/* Aplicar solo en pantallas de escritorio (más de 700px) */
@media screen and (min-width: 701px) {

    /* 1. Hacer la cabecera fija */
    #header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 70px; /* Una altura definida */
        z-index: 1000; /* Asegurar que esté por encima de todo */

        /* Estilos para que se vea bien */
        background-color: #fffde7;
        border-bottom: 1px solid #dddddd;
        box-shadow: 0 2px 4px rgba(0,0,0,0.05);

        /* Alinear el título */
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
    }
    
    /* 2. Posicionar los botones sobre la cabecera */
    #nav-toggler,
    #topPagination {
        position: fixed;
        top: 0;
        z-index: 1001; /* Por encima de la cabecera */
        height: 70px;
        margin: 0;
        display: flex;
        align-items: center;
    }
    #nav-toggler { left: 20px; }
    #topPagination { right: 20px; border: none; }
    #topPagination .pagination { border: none; }


    /* 3. ¡LA SOLUCIÓN! Crear el espacio para la cabecera fija */
    body.js {
        padding-top: 110px; /* ¡Igual a la altura de #header! */
    }

}
/* === FIN: Cabecera Fija - SOLUCIÓN DIRECTA === */
/* === INICIO: Menú Lateral Fijo === */

/* Aplicar solo en pantallas de escritorio (más de 700px) */
@media screen and (min-width: 701px) {

    /* 1. Hacemos que el menú de navegación sea fijo */
    #siteNav {
        position: fixed;
        /* Lo posicionamos justo debajo del espacio que dejamos para la cabecera */
        top: 110px;
        /* Lo pegamos a la izquierda. Puedes ajustar este valor si quieres más o menos margen. */
        left: 0; 
        
        /* Definimos su ancho, que lo pierde al hacerse fijo. 280px es su ancho original. */
        width: 280px;

        /* Le damos una altura máxima y permitimos que se desplace internamente.
           Esto es VITAL para que los menús largos no se corten. */
        max-height: calc(100vh - 120px); /* Altura de la ventana menos la cabecera y un margen */
        overflow-y: auto; /* Añade una barra de scroll solo si el menú es más alto que el espacio */
    }
	
	
	/*eliminamos la barra inferior de navegacion, ya que la superior esta fija*/
	#bottomPagination{
		display:none;

}
/* === FIN: Menú Lateral Fijo === */
#nodeDecoration {
    background-color: #fff3e0 !important; /* Fondo naranja muy claro */
    border: 1px solid #fb8c00 !important;  /* Borde naranja más oscuro y vibrante */
    border-radius: 5px !important;         /* Bordes redondeados */
    
    /* Hacemos la altura flexible para que se adapte al texto */
    height: auto !important;
    min-height: 0 !important;
    
    /* Padding para que el texto respire y no toque los bordes */
    padding: 15px 20px !important;
    
    /* Reseteamos el margen original y definimos uno nuevo */
    margin: 0 0 25px 0 !important;
    
    /* El título (H1) heredaba un font-size. Lo reseteamos aquí para controlarlo en el H1. */
    font-size: 1em !important; 
}

/* Estilo para el texto del título (el H1 dentro de #nodeDecoration) */
#nodeDecoration h1#nodeTitle {
    font-size: 1.6em !important;   /* Tamaño de fuente principal */
    font-weight: 300 !important;   /* Estilo "light" del tema */
    color: #333 !important;        /* Color de texto oscuro para legibilidad */
    margin: 0 !important;          /* Quitar márgenes por defecto del H1 */
    padding: 0 !important;
    line-height: 1.3 !important;   /* Mejor interlineado para títulos largos */
}

	/* === INICIO: Estilo Naranja para el Menú de Navegación === */

/* 1. Aplicamos el marco naranja al contenedor principal del menú */
#siteNav,#siteNav a {
    border-radius: 5px !important;         /* Mismos bordes redondeados */
    box-sizing: border-box;                /* Para que el borde no altere el ancho */
}

/* 2. Hacemos que las líneas separadoras dentro del menú también sean naranjas */




/* 4. En escritorio, ajustamos el menú fijo para que el borde no quede pegado a la pantalla */
@media screen and (min-width: 701px) {
    #siteNav {
        left: 15px; /* Dejamos un pequeño margen a la izquierda */
        /* Ajustamos el ancho para compensar el nuevo margen */
        width: 290px;
    }

    /* Como el menú es más ancho, ajustamos el padding del contenido principal */
    #main {
        padding-left: 320px; /* Valor original, pero podemos ajustarlo si es necesario */
    }
}
/* === FIN: Estilo Naranja para el Menú de Navegación === */
	   #siteNav ul {
    padding-left: 0;
}

#siteNav a {
    /* Usamos un naranja más suave para las líneas internas para no saturar */
    background-color: #fff3e0 !important; /* Mismo fondo naranja claro */
    border: 1px solid #fb8c00 !important;  /* Mismo borde naranja oscuro */
	
}

/* Nivel 2 del menú */
#siteNav ul ul {
    /* En lugar de padding, aplicamos un margen a la lista del submenú.
       Esto mueve TODO el bloque de la lista, incluido su fondo. */
    margin-left: 20px;
    width: calc(100% - 20px); /* Reducimos su ancho para que no se desborde a la derecha */
}
#siteNav ul ul a {
    font-size: .95em; /* Mantenemos el cambio de tamaño de fuente */
    background-color: #fbe9e7 !important; /* Mismo fondo naranja claro */
    border: 1px solid #f4511e !important;  /* Mismo borde naranja oscuro */
}

/* Nivel 3 del menú */
#siteNav ul ul ul {
    /* El margen se aplica sobre el margen de su padre, así que no se suma,
       pero el efecto visual es el de una mayor indentación. */
    margin-left: 20px;
    width: calc(100% - 20px); /* Reducimos su ancho de nuevo */
}
#siteNav ul ul ul a{
    background-color: #fffde7 !important; /* Mismo fondo naranja claro */
    border: 1px solid #ffd600 !important;  /* Mismo borde naranja oscuro */
}