:root {
    --font-primary: 'Atkinson Hyperlegible', Arial, Helvetica, sans-serif;	
	--font-siteNav: 'Atkinson Hyperlegible', Arial, Helvetica, sans-serif;
	
	
   /* Tipografía #202125; #56456A; #E06394;   */
    --color-text: #000000;               /* texto general */
    --color-heading: #173567;           /* títulos en violeta oscuro */
    --color-link: #E06394;              /* enlaces en rosa medio */

    /* Navegación principal (siteNav) #56456A; #FFF9E6; #F94164; #FCE28C; */
    --color-enlace-siteNav: #173567;          /* enlaces principales */
    --color-enlace-FsiteNav: #f8f9fa;         /* fondo enlaces normales */
    --color-enlace-siteNavhover: #173567;     /* hover: rosa fuerte */
    --color-enlace-FsiteNavhover: #f1f5f9;    /* fondo hover más claro */

    --color-enlacedos-siteNav: #173567;        /* enlaces secundarios */
    --color-enlacedos-FsiteNav: #FFF9E6;

    --color-enlacetres-siteNav: #173567;      /* enlaces terciarios (resaltados) */
    --color-enlacetres-FsiteNav: #f1f5f9;

    --color-enlaceactivo-siteNav: #202125;    /* enlace activo con alto contraste */
    --color-enlaceactivo-FsiteNav: #dfe8f4;   /* fondo cálido activo */

    /* Decoración */
    --color-secondary: #FCE28C;           /* amarillo suave para bloques secundarios */
    --color-tertiary: #56456A;            /* violeta para detalles */
    --color-highlight: #FDEFD0;           /* fondo resaltado suave */
    --color-border: #B8B8B8;              /* gris suave para bordes */
    --border-radius: 12px;
}






html,body{min-height:100%}
html{padding:0;background:#fdfdfd}
body{padding:0;text-align:center}
@media all and (min-width:1px){
	html{background:#fdfdfd url(_style_bg.png) no-repeat 0 0 fixed;background-size:cover}
	body{background:none}
}




#lbOverlay{background:#f3f3f3}
#content{width:100%;max-width:1230px;min-width:300px;margin:0 auto;text-align:left;position:relative;padding-bottom:21px}


#main-wrapper{padding:0 25px 1px 305px;background:#fff url(_style_left_column.png) repeat-y 0 0;box-shadow:rgba(0,0,0,0.4) 0 3px 8px}

.no-nav #main-wrapper{padding-left:25px;background:#fff}
#main{width:100%}


#header,#emptyHeader{border:none;padding:40px 210px 20px 20px;background:none;font-size:2em}
#emptyHeader{height:42px}

#headerContent{color:#000;text-shadow:1px 1px 1px #FFF}
#nodeDecoration{padding:0 30px 0 0;margin:0 0 25px 0;border:none;text-shadow:none;background:none;border-bottom:2px solid #173567;background:url(_style_logo.png) no-repeat 100% 50%!important}


#nodeTitle{padding:17px 0px 5px 10px;color:#173567;letter-spacing:.5px;font-size:1.7em;font-weight:bold;margin-right:2.3em}


#siteFooter{padding:5px 20px 20px 20px;text-align:right;margin-top:-56px}



/* Navegacion */





#skipNav{font-size:.85em;text-align:center;padding-top:25px}
#skipNav a{padding:5px 15px;}
#siteNav{width:279px;float:left;padding-right:20px;margin:0px 0 70px 0}
#siteNav ul,#siteNav li{margin:0;padding:0;list-style:none}



#siteNav ul a {
	
	font-size:.83em;
	font: var(--font-siteNav);
	display:block;
	padding:7px 10px 7px 20px;
	color:var(--color-enlace-siteNav);
	
	text-decoration:none;
	background-color: var(--color-enlace-FsiteNav);
	border: 1px dotted #68577c;
	
	}





/* Navigation 

#siteNav a:hover,#siteNav a:focus{color:#000;background:#EDEEEE;border-color:#024950}
*/

#siteNav a:hover,#siteNav a:focus{
	color: var(--color-enlace-siteNavhover); /* Enlaces al pasar sobre ellos */
	background:var(--color-enlace-FsiteNavhover); /* Fondo de los enlaces al pasar sobre ellos */
	border-bottom: 1px dotted #a0c2c3; /* Mantener el borde punteado en hover */
	text-decoration: none;}
	 




/* Navigation 
#siteNav ul ul a{padding-left:35px;font-size:.8em;background:#EDEEEE;border-color:#024950;color:#444444}

#siteNav ul ul a:hover,#siteNav ul ul a:focus{background:#fff;border-color:#024950;color:#3a4749;text-decoration:underline}

#siteNav .active{color:#000;text-decoration:none;background:#fff;border-color:#fff}


*/


#siteNav ul ul a{
	padding-left:35px;
	font: var(--font-siteNav);
	color:var(--color-enlacedos-siteNav);  
	background-color:var(--color-enlacedos-FsiteNav)
	border: 1px dotted #a0c2c3; /* Bordes punteados en submenús */
	font: var(--font-siteNav);
}


#siteNav .active{
	font: var(--font-siteNav);
	color:var(--color-enlaceactivo-siteNav);
	background-color:var(--color-enlaceactivo-FsiteNav);
	 border-bottom: 1px dotted #024950;
    border-top: 1px dotted #024950;
	font-weight:bold; 
	border-bottom-color: #024950;
	border-top-color: #024950;

}







/*

#siteNav .active:hover{color:#000;text-decoration:none;background:#fff;border-color:#fff;}
 */
#siteNav .other-section{display:none} /* Eliminar si se quiere que se muestren todos los niveles*/


#siteNav ul ul ul a{
	
	
	padding-left:50px;
	background-color:var(--color-enlacetres-FsiteNav);
	color:var(--color-enlacetres-siteNav);
	
	}



/* Pagination */
.pagination{text-align:right;font-size:.95em}
.pagination .sep{display:none}
.pagination a{display:block;position:absolute;right:52px;width:32px;height:32px;padding:0;background:url(_style_nav_icons.png) no-repeat 0 0}
body .pagination a{filter:alpha(opacity=100);opacity:1;outline:none}
.pagination a span span{display:none}
.pagination a span{position:absolute;overflow:hidden;clip:rect(0,0,0,0);height:0}
#topPagination{position:absolute;top:3.2em;width:100%}
#topPagination .prev{margin-left:18px}
#topPagination .pagination{text-align:right}
#bottomPagination{padding:20px 20px 71px 0px}
.no-nav #bottomPagination{padding-left:20px}
.pagination .next,.pagination .next:hover,.pagination .next:focus{right:10px;background-position:-50px 0}
/* Page counter */
#topPagination .page-counter{margin-left:16px}
#bottomPagination .page-counter{margin-left:20px;margin-right:0}
.pagination.page-counter{text-align:center}
.pagination.noprt .sep{display:none}
.pagination.noprt .page-counter{margin-right:20px}
#topPagination .page-counter{margin-left:20px;margin-right:0}
.pagination .page-counter{position:absolute;line-height:27px;padding:0;right:206px}
#exe-client-search-form{text-align:left;padding:25px 0 0;margin:0;font-size:.95em}
@media all and (min-width:1230px){
	#bottomPagination,#siteFooter{right:0}
	#topPagination{right:0}
	#header{padding-left:0}
}

*/


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

#header-options{margin:20px 0 0;position:absolute;top:2em;right:100px;z-index:99}


#header-options a

{font-size:.95em;
	margin-left:15px;margin-right:8px;
	background:transparent url(_style_menu.gif) no-repeat 5px 50%;padding:0 10px 0 32px;
	color:#0f0e49}

#header-options a:hover,#header-options a:focus{color:#7c3f06}
#exe-client-search-text{max-width:50%}
.exe-client-search-result{background:#ecd078;padding:0 2px}
a .exe-client-search-result{color:#00566a}

@media all and (max-width:768px){
	#content{width:100%;border:none;margin:0}
	#main-wrapper{background:#fff}
	#header,#emptyHeader{padding-left:20px;padding-right:20px;background-position:50% 23px}
	#exe-client-search-text{max-width:70%}
	#topPagination{display:none}
	#bottomPagination,.no-nav #bottomPagination{padding:20px 20px 0 20px}
	#siteNav{float:none;width:100%;padding:0;margin:0;font-size:.95em}
	#siteNav a{padding:10px 20px}
	#siteNav ul ul a{padding-left:40px}
	#siteNav ul ul ul a{padding-left:60px}
	#main-wrapper,.no-nav #main-wrapper{padding-left:20px;padding-right:20px}
	#siteFooter,.no-nav #siteFooter{padding:20px;text-align:center;margin:0}
	#content .exe-col{float:none;width:100%;padding:0}
	iframe,object,embed{max-width:100%}
	img,video{max-width:100%;height:auto}
	.pagination{text-align:center;height:35px;position:relative}
	.pagination .prev{position:absolute;left:0;margin:0}
	.pagination .next{position:absolute;right:0}
	#header-options{position:relative;top:0;left:0;margin:0;background:#FFF;font-size:.95em}
	#header-options a{margin-left:0;display:block;width:100%;height:auto;color:#3a4749;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;line-height:2.6em;letter-spacing:1px;padding:0;/* text-transform:lowercase */}
	#header-options a span{background:url(_style_menu.gif) no-repeat 18px 50%;padding-left:45px}
	#header-options #print-page{display:none}
	#header-options #toggle-nav{background:none}
	#bottomPagination .page-counter{margin:0;padding-top:5px;display:inline-block}
}
@media print{
	#header,#emptyHeader{margin:0;padding-top:30px;padding-left:0}
	#siteNav,#header-options,.noprt,.toggle-idevice,#exe-client-search{display:none!important}
	#main-wrapper,.no-nav #main-wrapper{padding:20px 0;box-shadow:none}
	body #main,body.no-nav #main{padding:20px 0}
	body #content{background:#FFF}
	#content{max-width:100%}
}