/* 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}
#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:#ce2d2d;
}
#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) */
/* Variables */
:root {
  --primary-color: #1B202C;
  --secondary-color: rgba(95, 183, 207, 0.6);
  --highlight-color: rgba(95, 183, 207, 1);
  --text-color: rgba(255, 255, 255, 0.8);
  --hover-color: rgba(27, 32, 44, 1);
  --header-background: rgba(90, 121, 201, 0.4);
  --header-border: #5FB7CF;
}

/* Estilos globales */
body,
#content {
  background: var(--primary-color);
}

/* Cabecera */
#emptyHeader,
#header {
  font-weight: 800;
  background: var(--header-background);
  color: white;
  border-color: #AEE4EE;
}

.pagination {
  border-color: #AEE4EE;
}

#exe-client-search-text {
  background:  rgba(174, 228, 238, 1);
  filter: brightness(130%);
}

#exe-client-search-submit,
#topPagination a,
#bottomPagination a,
#nav-toggler a {
  background: var(--secondary-color);
  color: var(--text-color);
}

#exe-client-search-submit:hover,
#topPagination a:hover,
#bottomPagination a:hover,
#nav-toggler a:hover {
  cursor: pointer;
  color: var(--hover-color);
  background: var(--highlight-color);
}

/* Menú */
#siteNav {
  background: rgba(40, 46, 59, 0.05);
  border-right: 1px solid rgba(0, 0, 0, 0.4);
}

#siteNav,
#siteNav ul,
#siteNav li {
  background-color: var(--primary-color) !important;
}

#siteNav a {
  border-style: none;
  color: #D9D9D9;
  background-color: var(--primary-color);
}

#siteNav li {
  background-color: none;
}

#siteNav li:hover {
  background-color: var(--primary-color);
}

#siteNav a:hover,
#siteNav a.active,
#siteNav a.sffocus {
  text-decoration: none;
  color: #5FB7CF;
  background: rgba(95, 183, 207, 0.1);
  border-bottom: 1.5px solid #5FB7CF;
}

/* Contenido */
#nodeTitle {
  color: white;
}

p,
li,
#main article.FreeTextIdevice {
  color: rgba(255, 255, 255, 0.6);
}

/* Artículo de objetivos */
#main article.objectivesIdevice {
  box-shadow: 0 0 6px 1px rgba(95, 183, 207, 0.5);
}

#main article.objectivesIdevice .iDevice_header,
#main .toggle-idevice a,
#main article.objectivesIdevice .iDevice_inner {
  color: white;
}

#main article.objectivesIdevice .iDevice_header {
  background: var(--header-background);
  border-color: var(--header-border);
  border-bottom: 0;
}

#main article.objectivesIdevice .iDevice_inner {
  border-top: 0;
  border-color: var(--header-border);
  color: white;
  background: rgba(40, 46, 59, 0.4);
}

/* Pie de página */
#bottomPagination,
#siteFooter,
#packageLicense {
  color: white;
  background: var(--primary-color);
}

/* Enlaces */
a:link {
  color: #5FB7CF;
}

h2, h3, h4 {
 color: white; 
}

#main .toggle-idevice a,  
#main article.objectivesIdevice .iDevice_header h1
{
  color: white;
  filter: brightness(0%) invert(100%);
}