/*----- ----- ----- theme_aigne -> PRINCIPAL CSS ----- ----- -----*/
@font-face {
    font-family: 'eras';
    src: url('[[setting:fontroot]]erasn.eot');
    src: url('[[setting:fontroot]]erasn.eot?#iefix') format('embedded-opentype'),
         url('[[setting:fontroot]]erasn.woff') format('woff'),
         url('[[setting:fontroot]]erasn.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'aftasans';
    src: url('[[setting:fontroot]]aftasans.eot');
    src: url('[[setting:fontroot]]aftasans.eot?#iefix') format('embedded-opentype'),
         url('[[setting:fontroot]]aftasans.woff') format('woff'),
         url('[[setting:fontroot]]aftasans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*
@font-face {
    font-family: 'FontAwesome';
    src: url('[[setting:fontroot]]fontawesome.eot?v=3.2.1');
    src: url('[[setting:fontroot]]fontawesome.eot?#iefix&v=3.2.1') format('embedded-opentype'), 
         url('[[setting:fontroot]]fontawesome.woff?v=3.2.1') format('woff'), 
         url('[[setting:fontroot]]fontawesome.ttf?v=3.2.1') format('truetype');
    font-weight: normal;
    font-style: normal;
}
*/
BODY {
    font: 14px "Eras Bk BT";
    }
/*----- ABBR ACRONYM - Abreviaturas -----*/
abbr, 
acronym {
	/*border-bottom: 1px dotted #000000;*/
	border: 0;
	cursor: help;
    }

/*----- A - Enlaces -----*/
A, 
A:link {
    background-color: inherit;
    text-decoration: none;
    color: [[setting:corsch_2]];
    }
A:visited {
    background-color: inherit;
    color: [[setting:corsch_2]];
    }
A:active {
    background-color: inherit;
    color: #0099CC;
    }
A:hover {
    background-color: inherit;
    letter-spacing: [[setting:aletters]];
    color: #CC0000;
    }
A.logoutbtn {
	  margin: 0px 0px 0px 0px;
    padding: 0px 1em 0px 1em;
    border-width: 1px;
    border-style: solid;
    border-color: #777777;
    background-color: #D5E1DD;
    color: [[setting:corsch_T]];
    text-decoration: none;
    cursor: pointer;
    }
A.logoutlink {
	  margin: 0px 1em 0px 1em;
    padding: 0px 0px 0px 0px;
    cursor: pointer;
    }
 
/*----- BODY - Cuerpo de la pÃ¡gina -----*/
BODY {
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    /*background: url([[setting:backbody]]) [[setting:bgposition]] 0 0;*/
    font-style: normal;
	  font-weight: normal;
	  background-color: [[setting:backcolor]];
}

/*----- BUTTON - Cuadros de texto + Botones + Casillas + Desplegables -----*/
BUTTON, 
INPUT, 
SELECT, 
.acordion_aigne .mform INPUT {
    margin: 1px 5px 0px 0px;
    border-width: 1px;
    border-style: solid;
    border-color: #777777;
    font-family: "[[setting:fontfam]]", Helvetica, sans-serif;
    text-decoration: none;
    cursor: pointer;
    }
BUTTON {
    margin: 2px 5px 2px 0px;
    padding: 2px 1em 1px 1em;
    background-color: #D5E1DD;
    }
INPUT, 
.acordion_aigne .mform INPUT {
    padding: 2px 1em 1px 1em;
    background-color: #D5E1DD;
    }
SELECT {
    padding: 1px 1px 1px 0.30em;
    background-color: [[setting:corsch_3]];
    }
INPUT#username, 
INPUT#password {
    margin: 0px 5px 5px 0px;
    border-width: 1px 1px 1px 1px;
    border-style: inset;
    vertical-align: baseline;
	cursor: default;
	background-color: [[setting:corsch_B]];
}
INPUT[type=text], INPUT[type=password] {
    min-height: 1em;
    margin: 0px 5px 5px 0px;
    padding: 1px 0.50em 1px 0.50em;
    background-color: [[setting:corsch_B]];
    cursor: default;
    }
/*INPUT[type="submit"] {
    background-color: #D5E1DD;
    }*/
INPUT[type=image] {
    margin: 0px 0px 0px 0px;
    vertical-align: bottom;
    }
.course-content .togglecompletion INPUT[type=image] {
    width: 12px;
    height: 12px;
    padding: 0px 0.25em 0px 1px;
    border: 0px none;
    background-color: transparent;
    }
INPUT[type=checkbox], INPUT[type=radio] {
    padding: 1px 0.70em 1px 0.70em;
    background-color: [[setting:corsch_3]];
    }
/* Customization of width defined in course/renderer.php L#476 + L#480 + L#484 */
INPUT#navsearchbox {
    width: 20ex; 
    margin: 1px 0px 0px 0px;
    }
INPUT#shortsearchbox {
    width: 40ex;
    }
INPUT#coursesearchbox {
    width: 50ex;
    }

/*----- DIV's like buttons + inputs + selects -----*/
.navbutton {
    float: right;
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: right;
    max-height: 1.5em;
    overflow: hidden;
    }
.navbutton .forumsearch .iconhelp { /*Para ajusta la altura de los anteriore INPUT */
    padding: 0px 5px 0px 5px;
}
.navbutton .singlebutton INPUT, 
.navbutton .forumsearch INPUT {
    padding: 1px 1em 1px 1em;
    font-size: 0.90em;
    cursor: pointer;
    }
#page-admin-tool-installaddon-index #installfromrepobox .singlebutton input[type=submit] {
    padding: 5px 1em 5px 1em;
    }
.mform .btn-cancel, 
.mform .btn-cancel:active, 
.mform .btn-cancel[disabled], 
.path-mod-survey .reportlink a, 
.continuebutton a {
    padding: 2px 1em 1px 1em;
    border-width: 1px;
    border-style: solid;
    border-color: #777777;
    background-color: #D5E1DD;
    cursor: pointer;
    }
.mform .btn-cancel:hover, 
.mform .btn-cancel:focus {
    background-color: #FFEEFF;
    color: #CC0000;
    }
INPUT[disabled], 
.mform .btn-cancel[disabled]:hover, 
.mform .btn-cancel[disabled]:focus { 
    background-color: #E0E0E0;
    color: #AAAAAA;
    }
.path-mod-survey .reportlink, 
.continuebutton {
    margin: 0.50em 5px 0.50em 5px;
    }
/* Button at the end of a Form */
/*#fgroup_id_buttonar _ si se pone este tipo, algunos botones de los formularios con recuadro tendrÃ¡n ese borde */
/*table#form td.submit, 
.fp-content-center form+div, 
div.backup-section+form, */
.form-buttons, 
.path-admin .buttons {
    margin: 0px 0px 0px 0px;
    padding: 1em 1em 1em 1em;
    border-width: 1px 0px 0px 0px;
    border-style: dotted;
    border-color: [[setting:corsch_2]];
    text-align: center;
    }
.groupmanagementtable #buttonscell p.arrow_button {
	margin: 7em 0px 0px 0px;
	text-align: center
	}
/* hay que definir la font-family porque esta en base/core.css#173 */
.groupmanagementtable #buttonscell p.arrow_button INPUT {
    min-width: 70%;
    width: auto;
    margin: 1em 0px 0px 0px;
    font-family: "[[setting:fontfam]]", Helvetica, sans-serif;
    overflow: hidden;
    }
/* Collapse All - Expand All */
.mform .collapseexpand {background: url([[pix:t/more]]) no-repeat 6% center;}
.dir-rtl .mform .collapseexpand {background-image: url([[pix:t/more]]); background-position: 94% center;}
.mform .collapse-all {background-image: url([[pix:t/less]]);}

.controls .expandall, 
.controls .collapseall, 
.collapsible-actions .collapseexpand {
 	margin: 1em 1em 1em 1em;
    padding: 2px 1em 1px 2em;
    border-width: 1px;
    border-style: solid;
    border-color: #777777;
    background-color: #D5E1DD;
    color: [[setting:corsch_T]];
    text-decoration: none;
    cursor: pointer;
}
.dir-rtl .controls .expandall, .dir-rtl .controls .collapseall, .dir-rtl .collapsible-actions .collapseexpand {padding: 2px 2em 1px 1em;}
.controls .expandall, .controls .collapseall {float: right;}
.dir-rtl .controls .expandall, .dir-rtl .controls .collapseall {float: left;}
.controls .expandall:hover, 
.controls .collapseall:hover {
    letter-spacing: [[setting:aletters]];
    color: #CC0000;
}
.collapsible-actions {
 	margin: 1em 1px 0px 1px;
}

/*----- CODE + PRE -----*/
code, pre {
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 1em 1em 1em 1em;
    border-width: 1px;
    border-style: dashed;
    border-color: #AAAAAA;
	font-family: monospace;
	line-height: 1.20em;
	background-color: [[setting:corsch_4]];
    }

/*----- DIV - Divisor de Formatos -----*/
DIV {
    display: block;
    }

/*----- H - Titulos -----*/
H1, 
H2, 
H3, 
H4, 
H5, 
H6 {
    display: block;
    background-color: inherit;
    }
H1 {
    padding: 0.80em 0px 0.50em 0px;
    margin: 0px 0px 0px 0px;
    font-weight: bold;
    font-size: 1.50em;
    }
H2 {
    padding: 0.70em 0px 0.50em 0px;
    margin: 0px 0px 0px 0px;
    font-weight: bold;
    font-size: 1.30em;
    }
H3 {
    padding: 0.60em 0px 0.50em 0px;
    margin: 0px 0px 0px 0px;
    font-weight: normal;
    font-size: 1.20em;
    }
H4 {
    padding: 0.50em 0px 0.40em 0px;
    margin: 0px 0px 0px 0px;
    font-weight: normal;
    font-size: 1.10em;
    }
H5 {
    padding: 0.40em 0px 0.30em 0px;
    margin: 0px 0px 0px 0px;
    font-weight: normal;
    font-size: 1em;
    }
H6 {
    padding: 0.30em 0px 0.20em 0px;
    margin: 0px 0px 0px 0px;
    font-weight: normal;
    font-size: 0.80em;  
    }
#pageheading, 
#adminsettings H2, 
.path-admin-repository H2 {
    margin: 1em 0px 0px 0px;
    padding: 1em 0px 1px 0px;
    border-width: 0px 0px 1px 0px;
    border-style: dotted;
    border-color: [[setting:corsch_2]];
}
#adminsettings H3, 
#page-admin-cache-admin H3 {
    /*width: 75%;*/
    margin: 1em 0px 0px 0px;
    padding: 1px 0px 1em 0px;
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-color: #E0E0E0;
}
/* Tienen un H3 a continuaciÃ³n del H2:
#page-admin-setting-additionalhtml H2, 
#page-admin-setting-modsettingchat H2, 
#page-admin-setting-modsettingglossary H2, 
#page-admin-setting-modsettinglti H2, 
#page-admin-setting-modsettingscorm H2, 
#page-admin-setting-manageformats H2, 
#page-admin-setting-manageenrols H2, 
#page-admin-setting-manageeditors H2, 
#page-admin-setting-editorsettingstinymce H2, 
#page-admin-setting-webservicesoverview H2, 
#page-admin-setting-webserviceprotocols H2,  
#page-admin-cache-admin H2, 
#page-admin-cache-testperformance H2 */

/* Nuevo encabezado de las actividades 2.7 */
.path-mod #region-main H2 {
    /*display: block; /* inline _ none */
    display: [[setting:headactivity]];    
    margin: 0px 0px 0px 0px;
    padding: 1em 0px 1px 0px;
    border-width: 0px 0px 0px 0px;
}
/*----- HR - LÃ­nea horizontal de divisiÃ³n -----*/
HR {
    display: block;
    margin: 3px 0px 3px 0px;
    background-color: inherit;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px dotted [[setting:corsch_2]];
    }

/*----- HTML -----*/
HTML {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    }

/*-----  IMG - ImÃ¡genes -----*/
IMG.userpicture {
    padding: 0px 0px 0px 0px;
    border: 1px [[setting:corsch_1]] solid;
}
/* Icon styles -> /base/core.css #138 */
h1 img.icon,
h1 img.iconhelp,
h2 img.icon,
h2 img.iconhelp,
h3 img.icon,
h3 img.iconhelp,
h4 img.icon,
h4 img.iconhelp,
h5 img.icon,
h5 img.iconhelp,
h6 img.icon,
h6 img.iconhelp {vertical-align: middle;}
/* Icon styles -> /base/core.css #99 */
/* 16px -> 24px  - Icono al lado del nombre de la actividad */
img.icon {height: 24px; width: 24px; padding: 0px 0.50em 0px 0px; vertical-align: baseline;}
.dir-rtl img.icon {padding: 0px 0px 0px 1em;}
/* 12px -> 16px */
img.iconsmall {height: 12px; width: 12px; margin-right: 0px; padding-right: 0.50em; vertical-align: middle;}
.dir-rtl img.iconsmall {padding-left: 0.50em; padding-right: 0;}
/* 12px -> 16px */
img.smallicon {height: 12px; width: 12px; padding: 0px 0.25em 0px 1px; vertical-align: middle;}
.dir-rtl img.smallicon {padding: 0px 1px 0px 0.25em; }
.fp-icon .smallicon {height: 24px; width: 24px;}
/* 32px - Activities */
img.iconlarge {height: 32px; width: 32px; vertical-align:middle;}
/* help icon -> helplink no existe -> helplinkpopup */
img.iconhelp, .helplink img {height:16px; width:16px; padding: 3px; vertical-align:text-bottom;}
.dir-rtl img.iconhelp, .dir-rtl .helplink img {padding-right: 3px; padding-left: 0;}
/* others */
img.iconsort { vertical-align: text-bottom; padding-left: .3em; margin-bottom: .15em;}
.dir-rtl img.iconsort { padding-right: .3em; padding-left: 0;}
img.icontoggle {height:17px; width:50px; vertical-align:middle;}
img.iconkbhelp {height:17px; width:49px;}
/* +class to set paddings */
img.icon-pre, 
.dir-rtl img.icon-post {padding-right: 3px; padding-left: 0; }
img.icon-post, 
.dir-rtl img.icon-pre {padding-left: 3px; padding-right: 0; }
/* personalized  _ TODO -> custom height+width -> theme_aigne */
#page-admin-index #plugins-check .displayname .pluginicon {height: 24px; width: 24px;}
#page-admin-plugins #plugins-control-panel .pluginname .pluginicon {height: 24px; width: 24px;}
.path-mod-data IMG.iconsmall {height: 16px; width: 16px; padding: 0px;}
.block_settings .block_tree li.item_with_icon > p img {width: 16px; height: 16px;} /* iconos de los bloques (navegaciÃ³n) */

.mform .moreless-toggler {background: url([[pix:t/more]]) no-repeat left center; padding-left: 22px; line-height: 1.5em;}
.dir-rtl .moreless-toggler {padding-left: 0; padding-right: 22px; background-position: right center; }
.mform .moreless-less {background-image: url([[pix:t/less]]);}

.path-admin-roles A IMG:only-child[src*="risk"] {height: 32px; width: 32px;}

/*----- LI -> elementos de listas verticales -----*/
LI {
    display: list-item;
    text-align: left;
    margin-left: 5px;      
    list-style-image: url('');
    }
.dir-rtl LI {text-align: right; margin-left: auto; margin-right: 5px;}
LI LI { 
    margin-top: 0; 
    margin-bottom: 0;
    margin-left: 10px;        
    list-style-image: url('');
    }
.dir-rtl LI LI {margin-left: auto; margin-right: 10px;}
LI LI LI {
    margin-top: 0; 
    margin-bottom: 0;
    margin-left: 15px;
    list-style-image: url('');
    }
.dir-rtl LI LI LI {margin-left: auto; margin-right: 15px;}
/*----- IL -> elementos de listas horizontales (indent-list) -----*/
IL {
    margin-left: 10px;
    list-style-image: url('');
    }
.dir-rtl IL {margin-left: auto; margin-right: 10px;}
/*----- UL -> listas desordenadas -----*/
UL {
    display: block;
    margin-left: 5px;
    list-style-image: url('');
    }
.dir-rtl UL {margin-left: auto; margin-right: 5px;}
UL UL { 
    margin-top: 0;
    margin-bottom: 0;
    list-style-image: url('');
    }
UL UL UL {
    margin-top: 0; 
    margin-bottom: 0;
    list-style-image: url('');
    } 
UL OL { 
    margin-top: 0;
    margin-bottom: 0;
    }
/*----- OL -> listas ordenadas -----*/
OL {
    display: block;
    margin-left: 0px;
    list-style-type: decimal;
    }
OL OL { 
    margin-top: 0; 
    margin-bottom: 0;
    }
OL OL OL { 
    margin-top: 0; 
    margin-bottom: 0;
    }
OL UL { 
    margin-top: 0; 
    margin-bottom: 0;
    }

/*----- DL - Listas de definiciÃ³n / glosario -----*/
DL {
    }
/*----- DT - TÃ©rmino de la lista de definiciÃ³n -----*/
DT {
    }
/*----- DD - DefiniciÃ³n de la lista de definiciÃ³n -----*/
DD {
    }

/*----- MARQUEE - Texto deslizante -----*/
MARQUEE {
    display: block;
    }

/*----- P - PÃ¡rrafos -----*/
P {
    display: block;
    margin-bottom: 0.50em; /*catch*/
    }

/*----- TABLE - Tablas -----*/
TABLE {
}
TABLE A:hover {
    letter-spacing: normal;
    }
/* Header TABLE */
TABLE.headerop {
    width: 99%;
    float: right;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 14px; /* 'em' excep. _ DESIGN, when highest font size selected */
    }
TABLE.headerop TD {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border-width: 1px 1px 0px 1px;
    border-style: solid;
    border-color: #FFFFFF;
    text-align: center;
    }
/* Apariencia en la pÃ¡gina de administraciÃ³n del tema */
.path-admin-setting #admin-colorsch TABLE.headerop {float: left;}
.path-admin-setting #admin-colorsch TABLE.headerop TD {border-bottom-width: 1px;}
TABLE.headerop TD.color_01 {
    background-color: [[setting:corsch_1]];
    }
TABLE.headerop TD.color_02 {
    background-color: [[setting:corsch_2]];
    }
TABLE.headerop TD.color_03 {
    background-color: [[setting:corsch_3]];
    }
TABLE.headerop TD.color_04 {
    background-color: [[setting:corsch_4]];
    }
TABLE.headerop TD.color_05 {
    background-color: [[setting:corsch_5]];
    }

TABLE.headerop TD.rect04 {width: 4%;}
TABLE.headerop TD.rect08 {width: 8%;}
TABLE.headerop TD.rect16 {width: 16%;}
TABLE.headerop TD.rect20 {width: 20%;}
TABLE.headerop TD.rectuser {width: 48%; text-align: right;}
.rtl TABLE.headerop TD.rectuser {text-align: left;}
TABLE.headerop TD.rectlang { 
    min-width:225px;
    border-width: 1px 1px 1px 1px;    
    }

TABLE.headerop TD BUTTON {
    width: 20px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: none;
    background: none;
    }
/* Other tables */
TABLE.generaltable, 
TABLE.rolecap, 
TABLE.flexible, 
#trustedhosts TABLE.generaltable, 
#page-message-edit TABLE.generaltable, 
#page-mod-data-field- TABLE.generaltable, 
#page-admin-course-manage TABLE.category_subcategories, 
#page-admin-course-manage #movecourses TABLE.generalbox.boxaligncenter {
    min-width: 75%;
}
TABLE.surveytable {
    width: 100%;
}
#admin-devicedetectregex .generaltable {
    border-width: 1px;
    border-style: solid;
    border-color: [[setting:corsch_2]];
    }
.path-mod-survey .surveytable .whitecell {
    background: none;
    }
TABLE.category_subcategories {
    margin: 0px auto 2em auto;
}
TABLE#admindeviceselector IMG, 
TABLE#adminthemeselector IMG {
    width: 100%;
}

TABLE.admintable {
    background-color: [[setting:corsch_4]];
}

/* Encabezados de color alternado */
TABLE.generaltable THEAD TH,
TABLE.generaltable THEAD A, 
TABLE.userplan THEAD TH.nonactive,
TABLE.surveytable .smalltext TH, 
TABLE.category_subcategories THEAD TH, 
#page-admin-course-manage #movecourses TABLE.generalbox.boxaligncenter THEAD TH {
    background-color: [[setting:corsch_2]];
    color: [[setting:corsch_B]];
}
TABLE.userplan THEAD TH.nonactive DIV {
    color: [[setting:corsch_B]]
}
/* Encabezados de color alternado 2.7 */
TABLE.generaltable THEAD tr > th, 
TABLE.surveytable TR.smalltext > th, 
TABLE.category_subcategories THEAD tr > th, 
TABLE.rolecap THEAD tr > th, 
#page-admin-course-manage #movecourses TABLE.generalbox.boxaligncenter THEAD tr > th {
    background-color: [[setting:corsch_2]];
}

/* Alternate colour in tables */
/* Don't have r0/r1: #emoticonsetting + .rolecap */
/*
TABLE.calendarmonth .r0 {background-color: #FFFFFF;}
TABLE.flexible .r0, 
TABLE.generaltable .r0, 
TABLE.collection .r0, 
TABLE.surveytable .r1, 
TABLE.calendarmonth .r1, 
TABLE.category_subcategories .r0, 
#page-admin-course-manage #movecourses TABLE.generalbox.boxaligncenter .r0 {background-color: [[setting:corsch_4]];}

TABLE.flexible .r1, 
TABLE.generaltable .r1, 
TABLE.collection .r1, 
TABLE.category_subcategories .r1, 
#page-admin-course-manage #movecourses TABLE.generalbox.boxaligncenter .r1 {background-color: [[setting:corsch_3]];}

TODO ANULADO POR NUEVO SISTEMA DE ODD + EVEN:
*/
TABLE.calendarmonth tr:nth-of-type(odd) {
    background-color: #FFFFFF;
}
TABLE.generaltable TBODY tr:nth-of-type(odd), 
TABLE.flexible TBODY tr:nth-of-type(odd), 
TABLE.collection TBODY tr:nth-of-type(odd), 
TABLE.surveytable TBODY tr:nth-of-type(odd), 
TABLE.calendarmonth TBODY tr:nth-of-type(even), 
TABLE.category_subcategories TBODY tr:nth-of-type(odd), 
TABLE.rolecap TBODY tr:nth-of-type(odd), 
#page-admin-course-manage #movecourses TABLE.generalbox.boxaligncenter TBODY tr:nth-of-type(odd) {
    background-color: [[setting:corsch_4]];
}
TABLE.generaltable TBODY tr:nth-of-type(even), 
TABLE.flexible TBODY tr:nth-of-type(even), 
TABLE.collection TBODY tr:nth-of-type(even), 
TABLE.category_subcategories TBODY tr:nth-of-type(even), 
TABLE.rolecap TBODY tr:nth-of-type(even), 
#page-admin-course-manage #movecourses TABLE.generalbox.boxaligncenter TBODY tr:nth-of-type(even) {
    background-color: [[setting:corsch_3]];
}

/* TABLE.ROLECAP -> Site administration -> Users -> Permissions -> Define roles */
TABLE.rolecap TR.rolecapheading.header {
    text-align: center;
	background-color: [[setting:corsch_2]];
}
/*
TABLE.rolecap TR.riskconfig {
    background-color: #F0F0F0;
}
TABLE.rolecap TR.riskxss {
    background-color: #E8E8E8;
}
TABLE.rolecap TR.riskpersonal {
    background-color: #E0E0E0;
}
TABLE.rolecap TR.riskspam {
    background-color: #D0D0D0;
}
TABLE.rolecap TR.riskdataloss {
    background-color: #C8C8C8;
}*/
/*----- TEXTAREA - Campos de texto, etc... -----*/
TEXTAREA {
    border: 1px solid #777777;
	width: auto;
    padding: 0.50em 0.50em 0.50em 0.50em;
    cursor: default;
	background-color: [[setting:corsch_B]];
}

/*----- Control de visualizaciÃ³n de las partes de la pÃ¡gina -----*/
#page {
    display: block;
    }
#page-header {
    display: block;   
    }
#headerlogo {
    display: block;   
}
#navcontainer {
    display: block;   
    }
#page-content {
    display: block;
    }
#print {
    display: none;
    }
#page-footer {
    display: block;
    }
#standardfooter {
    display: block;
}

/*----- Login options ------*/
.loginform {
    margin: 5px 0px 5px 0px;
    text-align: left;
    }
.dir-rtl .loginform {text-align: right;}
.loginform .form-label {
    float: left;
    width: 30%;
    margin: 0px 0px 0px 0px;
    text-align: right;
    white-space: nowrap;
    }
.dir-rtl .loginform .form-label {float: right; text-align:left;}
.loginform .form-input input {
    width: 1em;
    }
.loginhead {
    position: relative;
    float: left;
    width: 100%;
    height: 25px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    }
.dir-rtl .loginhead {float: right;}
.userinfohead {
    float: right;
    width: 95%;
    height: 20px;
    padding: 5px 0px 0px 0px;    
    }
.loginhead .loginform {
    display: inline;
    }
.userinfohead .userpic {
    position: relative;
    float: right;
    margin: -5px 1em 0px 0px;
    }    
.userinfohead .logoutdiv {
    position: relative;
    float: right;
    margin: 0px 0px 0px 0px;
    }
    
/*----- usermenu options ------*/    
.usermenu .login {
    line-height: 25px;
    }
.usermenu .moodle-actionmenu .toggle-display, 
.usermenu .moodle-actionmenu .toggle-display .userbutton {
    line-height: 25px;
    height: 25px;
    padding: 0px 0px 0px 0px;
    }  
.usermenu .moodle-actionmenu .toggle-display .userbutton .avatars {
    height: 25px;
    width: 25px;
    }

.usermenu .moodle-actionmenu .toggle-display .userbutton .avatars IMG {
    height: 24px;
    width: 24px;
    margin: -1px 0px 0px 0px;
    border: 0px;
    }
.jsenabled .usermenu .moodle-actionmenu > .menubar {
    margin: 0px 0px 0px 0px;
    }
    
/*----- Zona del logotipo -----*/
.logo {
    width: 150px;
    height: 50px;
    margin: 1px auto 0px auto;
    background: url([[setting:logo]]) no-repeat center center;
    }
.slogan {
    display: block;
    margin: -1.4em 0px 0px 0px;
    padding: 0px auto 0px auto;
    font-family: [[setting:fontfam]], Helvetica, sans-serif;
	  font-size: 0.80em;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    }
/*----- Selector de idiomas instalados -----*/
.langmenu {
    float: right;
    width: 98%;
    margin: 0px 0px 0px 0px;
    padding: 0px 2px 0px 2px;
    border-style: none;
    font-size: 0.95em;
	  background-color: [[setting:corsch_3]];
}
/*.dir-rtl .langmenu {float: left; padding: 0px 0px 0px 3px;}
/*----- Barra de NavegaciÃ³n (Breadcrumb) y botones de la barra de navegaciÃ³n -----*/
.breadcrumb {
    float: left;
    color: [[setting:corsch_T]];
    background-color: [[setting:corsch_3]];
    }
.breadcrumb ul {
    margin: 0px 0px 0px 0px;
    padding: 1px 0px 0px 0px;
    text-indent: 0;
    list-style: none;
    }
.breadcrumb li, 
.navbutton div, 
.navbutton form {
    display: inline;
    }
/* BREADCRUMB ARROW CUSTOMIZATION */
.breadcrumb span.arrow {
    display: none;
}
.breadcrumb li:after { 
	content: "[[setting:bcsep]]";
	margin: 0px 0px 0px 10px;
   	font-size: 1.1em;
	color: [[setting:corsch_1]];
}
.breadcrumb li:last-child:after { 
	content: none; 
}
/* END BREADCRUMB ARROW CUSTOMIZATION */

/*----- FrontPage Common containers -----*/
.large_info, 
.base_info, 
.acordionh5, 
.sliderv5, 
.acordion_aigne {
	position: relative;
	display: block;
    clear: both;
    float: left;
    width: 100%;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    }
#page-content .large_info, 
#page-content .base_info, 
#page-content .acordionh5, 
#page-content .sliderv5, 
#page-content .acordion_aigne {
    margin: 0px auto 0px auto;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: [[setting:corsch_1]];
    }

.base_info {
    background-color: transparent;
    }

/*----- FrontPage Text Information -----*/
.frontmsg {
    margin: 0px 0px 0px 0px;
    padding: 1em 1em 1em 1em;
    overflow: auto;
    }

/*----- FrontPage Banner Fixed Image -----*/
.large_info {
    height: 150px;
    background: url([[setting:headerinfo]]) no-repeat center center;
    background-size: 100% auto;
    }

/*----- FrontPage Information Boxes -----*/
.quadro1,
.quadro2,
.quadro3 {
    position: relative;
    float: left;
    width: 33%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: transparent;
    overflow: hidden;
    }
.quadro2 {
    margin: 0px 0.5% 0px 0.5%;
    }
.quadro1_info, 
.quadro2_info, 
.quadro3_info {
    height: 200px;
    margin: 3px 0px 3px 0px;
    padding: 3px 3px 3px 3px;
    background-color: transparent;
    }
.quadro1_info img, 
.quadro2_info img, 
.quadro3_info img {
    width: 100%;
    max-height: 200px;
    }
.quadro1_info {
    border-width: 1px;
    border-style: solid;
    border-color: [[setting:corsch_1]];
    color: [[setting:corsch_1]];
    text-align: left;
    }
.quadro1_info:hover {
    cursor: pointer;
	background-color: [[setting:corsch_3]];
}
.quadro1_info object {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    }
.quadro2_info {
    border-width: 1px;
    border-style: solid;
    border-color: #FFA500;
    color: #FFA500;
    text-align: center;
    height: 200px;
    overflow: auto;
    }
.quadro2_info:hover {
    cursor: pointer;
	background-color: [[setting:corsch_1]];
}
.quadro3_info {
    border-width: 1px;
    border-style: solid;
    border-color: [[setting:corsch_1]];
    color: [[setting:corsch_1]];
    text-align: right;
    }
.quadro3_info:hover {
    cursor: pointer;
	background-color: [[setting:corsch_3]];
}
.quadro3_info img {
    opacity: 0.50;
    }
.quadro3_info img:hover {
    opacity: 0.75;
    }
/*----- FrontPage Information Accordion -----*/
/* calculated width about 965px (PC full screen) */ 
/* Extra space for the last image, to correct position when hover */
.acordionh5 ul {
    width: 150%;
    margin: 0px 0px 0px -1px;
    overflow: auto; /* solo para pantallas pequeÃ±as */
}
/* Visible space of 'un-hovered' images */
.acordionh5 ul:hover li {width: 44px;}
/* Visible space of 'hovered' images (less than image real width */
.acordionh5 ul li:hover {width: 790px;}
/* Preliminar view */
.acordionh5 li {
    position: relative;
    display: block;
    float: left;
    width: 193.20px;
    margin: 10px 0px 10px 0px;
    border-width: 0px 0px 0px 1px;
    border-style: solid;
    border-color: #CCCCCC;
    box-shadow: -10px 0 25px 5px rgba(90, 90, 90, 0.5);
    -webkit-box-shadow: -10px 0 25px 5px rgba(90, 90, 90, 0.5);
    -moz-box-shadow: -10px 0 25px 5px rgba(90, 90, 90, 0.5);
    transition: all 0.7s;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    }
.acordionh5 li img {
    display: block;
    }
.acordionh5 .foottxt {
    position: absolute;
    left: 0;
    bottom: 0; 
    width: 800px;
    background: rgba(90, 90, 90, 0.5);
    }
.acordionh5 .foottxt A {
    display: block;
    padding: 0.50em 0.50em 0.50em 0.50em;
    color: #FFFFFF;
    font-size: 1.20em;
    }

/*----- FrontPage Information Vertical Slider -----*/
.sliderv5, 
.sliderv5 #mask {
	height: 150px; /* image height */
    }
.sliderv5 ul {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.sliderv5 li {
	position: absolute;
    width: 100%;
	top: -155px; /* image height + 5px */
	margin: 0px 0px 0px 0px;
	list-style: none;
}
.sliderv5 li img {
    width: 100%;
    height: 150px; /* image height */
}
.sliderv5 li.firstanimation {
    animation: cycle1 50s linear infinite;
	-moz-animation: cycle1 50s linear infinite;	
	-webkit-animation: cycle1 50s linear infinite;		
}
.sliderv5 li.secondanimation {
    animation: cycle2 50s linear infinite;
	-moz-animation: cycle2 50s linear infinite;
	-webkit-animation: cycle2 50s linear infinite;		
}
.sliderv5 li.thirdanimation {
    animation: cycle3 50s linear infinite;
	-moz-animation: cycle3 50s linear infinite;
	-webkit-animation: cycle3 50s linear infinite;		
}
.sliderv5 li.fourthanimation {
    animation: cycle4 50s linear infinite;
	-moz-animation: cycle4 50s linear infinite;
	-webkit-animation: cycle4 50s linear infinite;		
}
.sliderv5 li.fifthanimation {
	animation: cycle5 50s linear infinite;
    -moz-animation: cycle5 50s linear infinite;
	-webkit-animation: cycle5 50s linear infinite;		
}
.sliderv5 .tooltip {
	position: relative;
	left: -305px; /* tooltip width + 5 px */
	bottom: 75px;
	width: 300px;
    background: rgba(90, 90, 90, 0.5);
	transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}
.sliderv5 .tooltip A {
    display: block;
    padding: 0.50em 0.50em 0.50em 2em;
    color: #FFFFFF;
    font-size: 1.20em;
}
.sliderv5 li:hover .tooltip {
	left: 0px;
}
.sliderv5:hover li, 
.sliderv5:hover .progress-bar {
	animation-play-state: paused;
    -moz-animation-play-state: paused;
	-webkit-animation-play-state: paused;
}
.sliderv5 .progress-bar { 
    position: relative;
	top: -3px;
	height: 3px;
	background: [[setting:corsch_1]];
	animation: progressv5 50s ease-out infinite;
    -moz-animation: progressv5 50s ease-out infinite;
	-webkit-animation: progressv5 50s ease-out infinite;
}

/*----- FrontPage Information Accordion -----*/
/* image height 350px - image width 700px */
.acordion_aigne ul {
    width: 200%;
    margin: 0px auto 0px -1px;
    overflow: auto; /* solo para pantallas pequeÃ±as - provoca que se mueva con el ratÃ³n */
}
.acordion_aigne LI {
    position: relative;
    display: block;
    float: left;
    width: auto;
    height: 350px;
    margin: 15px 0px 15px 0px;
    border-width: 0px 0px 0px 1px;
    border-style: solid;
    border-color: #CCCCCC;
    box-shadow: -10px 0 25px 5px rgba(90, 90, 90, 0.5);
    -webkit-box-shadow: -10px 0 25px 5px rgba(90, 90, 90, 0.5);
    -moz-box-shadow: -10px 0 25px 5px rgba(90, 90, 90, 0.5);
}
.acordion_aigne LI INPUT {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    opacity: 0;}
/* Mover todo lo marcado a la derecha */
.acordion_aigne LI INPUT:checked {margin-right: 735px;}
/* Franja de la etiqueta */
.acordion_aigne LI label {
	display: block;
	position: relative;
	width: 50px;
	height: 350px;
	cursor: pointer;
	color: #FFFFFF;
	z-index: 1000;
}
.acordion_aigne LI label[for]:hover {background: #777777;}
.acordion_aigne LI label[for=button-1] {background: #903000;}
.acordion_aigne LI label[for=button-2] {background: #005858;}
.acordion_aigne LI label[for=button-3] {background: #005885;}
.acordion_aigne LI label[for=button-4] {background: #990066;}
.acordion_aigne LI label[for=button-5] {background: #996600;}
/* Texto de la Etiqueta */
.acordion_aigne LI label span {
	position: absolute;
	top: 175px;
	left: -112px;
	width: 280px;
	height: 35px;
	font-size: 1.50em;
	font-weight: bold;
	overflow: hidden;
	transform: rotate(270deg); /* COMPROBAR IE 7-8-9 */
	-o-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
}

/* Ajustes del formulario de contacto dentro del acordeÃ³n */
.acordion_aigne .mform INPUT {opacity: 1;}
.acordion_aigne .mform label {
	position: absolute;
    cursor: default;
	width: 30%;
	height: 1em;
	color: [[setting:corsch_T]];
	text-align: left;
}
.acordion_aigne .mform .fitem .felement {margin-left: 30%;}
.acordion_aigne .mform label[for]:hover {background: none;}
.acordion_aigne .mform .fdescription.required {font-size: 0.80em;}
.acordion_aigne .mform .fitem.required IMG, 
.acordion_aigne .mform .fdescription.required IMG {display: inline;}

/* Icono de la Etiqueta */
.acordion_aigne LI .labelico {
	position: absolute;
	top: 8px;
	left: 8px;
	width: 32px;
	height: 32px;
	z-index: 1001;
}
.acordion_aigne LI #labelico1 {background-image: url([[pix:theme|cat/labelico1]]);}
.acordion_aigne LI #labelico2 {background-image: url([[pix:theme|cat/labelico2]]);}
.acordion_aigne LI #labelico3 {background-image: url([[pix:theme|cat/labelico3]]);}
.acordion_aigne LI #labelico4 {background-image: url([[pix:theme|cat/labelico4]]);}
.acordion_aigne LI #labelico5 {background-image: url([[pix:theme|cat/labelico5]]);}
/* Contenido */
.acordion_aigne LI .content A {
    color: inherit;
}
.acordion_aigne LI .content A:hover {
    letter-spacing: normal;
    color: inherit;
}
.acordion_aigne LI .content {
	position: absolute;
	top: 0;
	left: 0;
	height: 350px;
	margin: 0px 0px 0px 50px;
	opacity: 0;
}
.acordion_aigne LI input:checked ~ .content {opacity: 1;}
/* Contenido escrito */
.acordion_aigne LI .content .acoinfo {
	position: absolute;
	top: 2em;
	left: 2em;
	width: auto;
	height: auto;
	padding: 0.50em 0px 0.50em 0px;
    border-width: 1px 0px 1px 0px;
    border-style: solid;
    border-color: [[setting:corsch_1]];
    font-size: 1em;
}
.acordion_aigne LI #content1 .acoinfo {width: 450px; height: 20em;}
.acordion_aigne LI #content2 .acoinfo {width: 300px; height: 20em;}
.acordion_aigne LI #content3 .acoinfo {width: 200px; height: 20em;}
.acordion_aigne LI #content4 .acoinfo {width: 200px; height: 20em;}
.acordion_aigne LI #content5 .acoinfo {width: 400px; height: 20em;}
/* Imagen */
.acordion_aigne LI .content IMG {display: block;}
/* Etiqueta de mÃ¡s informaciÃ³n */
.acordion_aigne LI .content .tooltip {
	position: relative;
	left: -1920px;
	bottom: 80px;
	width: 200px;
    background: rgba(51, 51, 51, 0.5);
    padding: 0.50em 1em 0.50em 1em;
    color: #FFFFFF;
    font-size: 1.20em;
	transition: left 0.5s ease-in-out; /* COMPROBAR IE 7-8-9 */
    -o-transition: left 0.5s ease-in-out;
    -moz-transition: left 0.5s ease-in-out;
	-webkit-transition: left 0.5s ease-in-out;
}

.acordion_aigne LI .content:hover .tooltip {left: 0px;}
/* Definir las transformaciones */
.acordion_aigne LI input, 
.acordion_aigne LI .content {
	transition: all 1s ease-in;
	-o-transition: all 1s ease-in;
	-ms-transition: all 1s ease-in;
	-moz-transition: all 1s ease-in;
	-webkit-transition: all 1s ease-in;
}

/*----- Footer -----*/
DIV.navhelp {
    clear: both;
    line-height: 3em;
    text-align: center;
    }
DIV.contact {
    padding: 0.50em 2px 0.50em 2px;
    color: #E0E0E0;
    }
DIV.contact #left {
    float: left;
    left: 0%;
    width: 30%  
    }
DIV.contact #center {
    float: left;
    left: 31%;
    width: 37%;
    }
DIV.contact #right {
    float: right;
    width: 30%   
    }
DIV.contact A IMG:hover,
DIV.credits A IMG:hover {
    background-color: [[setting:corsch_1]];
    }
DIV.fisicalsite {
	position: relative;
	float: left;
    padding: 0px 1em 0px 0px;
    }
DIV#standardfooter HR {
    clear: both;
    margin: 0px auto 0px auto;
    border-bottom-color: #FFFFFF;
    }
DIV.credits {
    clear: both;
    padding: 0.50em 0px 0.50em 0px;
    /*border-width: 1px 0px 0px 0px;
    border-style: dotted;
    border-color: [[setting:corsch_3]];*/
    line-height: 2em;
    text-align: center;
    color: #E0E0E0;
    }
DIV.credits A {
    color: #E0E0E0;
    }
DIV.credits IMG {
    width: 24px;
    height: 24px;
    vertical-align: bottom;
    }
DIV.credits IMG.w3cico {width: 68px} /* 57x20 */
DIV.credits IMG.moodleico {width: 80px; height: 21px;} /* 67x20 */ 
DIV.copyright {
    line-height: 3em;
    text-align: center;
}
DIV.footerhtml {
    text-align: center;
}
/*#page-footer .logininfo,
#page-footer .sitelink,
#page-footer .helplink {margin: 0px 0px 0px 0px;}*/
#page-footer .performanceinfo.siteinfo, 
#page-footer .performanceinfo.pageinfo, 
#page-footer .purgecaches, 
#page-footer .validators {margin: 0.50em auto 0.50em auto; padding-top: 0.50em; border-top: 1px dotted [[setting:corsch_2]];}
#page-footer .performanceinfo.siteinfo span {display: inline;}
#page-footer .performanceinfo.siteinfo span:after {content: ' / '}
#page-footer .performanceinfo.siteinfo .cachesused {display: block; background-color: [[setting:corsch_2]];}
#page-footer .performanceinfo.siteinfo .cachesused span:after {content: none;}

/*----- General Box -----*/
.generalbox {
    /*margin: 1em auto 1em auto;*/
    padding: 0px 0px 0px 0px;
    border-width: 0px 0px 0px 0px;
}
/* Para las cajas de Automatricularse + Paypal = afecta a otras cosas */
#page-enrol-index .generalbox { 
    margin-top: 1em;
    margin-bottom: 1em; 
}
.mform fieldset {
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: [[setting:corsch_1]]; 
}
.mform fieldset .ftoggler {
    margin-bottom: 1em;
    padding: 0px 1em 0px 0.50em;
    font-size: 1.10em;
}
/*----- Coursebox Info + Summary + Sections -----*/
.coursebox {
    width: 99%;
    margin: 1em auto 0px auto;
    padding: 0px 0px 0px 0px;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #E0E0E0;
}
/* course list - course box for even and odd */
.coursebox.odd {
    background-color: [[setting:corsch_4]];
    }
.coursebox.even {}
/* course list - course box for first and last */
.coursebox.first {}
.coursebox.last {}

/* course name _ a partir de 2.6 .name -> .coursename */
.coursebox > .info > .name,
.coursebox > .info > .coursename {
    width: 75%;
    margin: 3px 3px 0px 3px;
    padding: 0px 0px 0px 0px;
    }
/* condicionado por base/course.css */
.coursebox > .info > .name A,
.coursebox > .info > .coursename A {
    display: block;
    background: none;
    background-image: url([[pix:moodle|i/course]]);
    background-repeat: no-repeat;
    background-position: left 0.10em; /* 0.20em if image 16x16 */
    margin: 0px 0px 0px 0px;
    padding: 1px 35px 1px 35px; /* 25px if image 16x16 */
    line-height: 2em;
    }
.dir-rtl .coursebox > .info > .name A, 
.dir-rtl .coursebox > .info > .coursename A {background-position: right 0.10em;}
/* course information: summary + coursefile + teachers etc. */
.coursebox .content {
    clear: both;
    width: 90%;
    margin: 0.50em 5px 0.50em 38px; /* 3px margin + 32px image + 3px padding */
    padding: 0px 0px 0px 0px;
    overflow: hidden;
}
.dir-rtl .coursebox .content {margin: 0.50em 35px 0.50em 5px;}
.coursebox .content .coursecat, 
.coursebox .content .summary, 
.coursebox .content .courseimage, 
.coursebox .content .coursefile, 
.coursebox .content .teachers {
    float: left;
    width: 100%;
    margin: 0.50em 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.dir-rtl .coursebox .content .coursecat, 
.dir-rtl .coursebox .content .summary, 
.dir-rtl .coursebox .content .courseimage, 
.dir-rtl .coursebox .content .coursefile, 
.dir-rtl .coursebox .content .teachers {float: right;}
.coursebox .content .summary {
    max-height: 12em;
    overflow: auto;
    }
/* course image */
.coursebox .content .courseimage img {
    max-width: inherit;
    width: 100%;
    max-height: 150px;
    margin-left: 1px;
    }
.dir-rtl .coursebox .content .courseimage img {margin-right: 1px;}
/* course files image */
.coursebox .content .coursefile {
    line-height: 1.60em;
    }
.coursebox .content .coursefile A {
    margin-left: -8px; /* ??? */
    }
.coursebox .fp-icon {
    line-height: 1.60em;
    }
.coursebox .fp-icon .smallicon {
    margin: 0px 0px 0px -2px;
    vertical-align: bottom;
    height: 16px; 
    width: 16px;
    }
/* teacher image */
.coursebox .content .teachers LI {
    display: list-item;
    list-style-image: url([[pix:t/teacher]]); /* 16x16 */
    margin: 0px 0px 0px 26px;
    line-height: 1.60em; 
    }
.dir-rtl .coursebox .content .teachers LI {margin: 0px 26px 0px 0px;}
/* depends on base/course.css */
.coursebox .enrolmenticons, 
.coursebox .moreinfo {
    float: right;
    padding: 0px 0px 0px 0px;
    }
.dir-rtl .coursebox .enrolmenticons, .dir-rtl .coursebox .moreinfo {float: left;}
.coursebox .enrolmenticons img.smallicon,
.coursebox .moreinfo img {
    margin: 0.10em 3px 0px 3px;
    height: 32px;
    width: 32px; 
    }
.coursebox .moreinfo img {
    padding: 0px 0.25em 0px 1px;
}
/* course sections _ in course */
.path-course-view .headingblock {
    margin: 0.50em 0px 1em 0px;
}

/* Course Categories */
/* CategorÃ­as desactivadas */
.dimmed_category,
.dimmed_category a,
.dimmed_category a:link,
.dimmed_category a:visited {
    color: #AAAAAA;
    }
/* Nombre de la categorÃ­a */
.course_category_tree .category > .info .name,
.course_category_tree .category > .info .categoryname {
 	margin: 3px 3px 3px 3px;
    padding: 3px 1.3em 3px 1.3em;
    }
/* Esto es solo para el triangulo del collapsed */
.course_category_tree .category > .info .name,
.course_category_tree .category > .info .categoryname {background: url([[pix:moodle|t/collapsed_empty]]) no-repeat center left; background-size: 1.10em 1.10em;}
.dir-rtl .course_category_tree .category > .info .name,
.dir-rtl .course_category_tree .category > .info .categoryname {background: url([[pix:moodle|t/collapsed_empty_rtl]]) no-repeat center right;}
.course_category_tree .category.with_children > .info .name,
.course_category_tree .category.with_children > .info .categoryname {background-image: url([[pix:moodle|t/expanded]]);}
.course_category_tree .category.with_children.collapsed > .info .name,
.course_category_tree .category.with_children.collapsed > .info .categoryname {background-image: url([[pix:moodle|t/collapsed]]);}
.dir-rtl .course_category_tree .category.with_children.collapsed > .info .name 
.dir-rtl .course_category_tree .category.with_children.collapsed > .info .categoryname {background-image: url([[pix:moodle|t/collapsed_rtl]]);}
/* contenido de la categoria -> subcategorÃ­as */
.course_category_tree .category.collapsed > .content {display: none;}
.course_category_tree .category > .content {padding-left: 1.3em; overflow: hidden;}
.dir-rtl .course_category_tree .category > .content {padding-left: 0; padding-right: 1.3em;}
/* NÃºmero de cursos que posee la categorÃ­a */
.course_category_tree .category .numberofcourse {font-size: 0.85em;}
/* Botones de expandir y colapsar */
.course_category_tree .controls {visibility: hidden;}
.course_category_tree .controls div {display: inline; cursor: pointer;}
.jsenabled .course_category_tree .controls {clear: both; visibility: visible;}
/* listas de categorias que ocupan mas de una pÃ¡gina */
.course_category_tree .subcategories > .paging,
.courses > .paging { 
    margin: 0px 0px 0px 0px;
    padding: 5px 5px 5px 5px;
    text-align:center;
    }
.courses > .paging.paging-morelink,
.course_category_tree .subcategories > .paging.paging-morelink {
    text-align:left;
    }
.dir-rtl .courses > .paging.paging-morelink,
.dir-rtl .course_category_tree .subcategories > .paging.paging-morelink {text-align:right;}

/* Categories Combobox -> Courses */
.categorypicker {
    margin: 2em 0px 0px 0px;
}
.categorypicker ~ .generalbox.info {
    padding: 1em 0px 1em 0px;
}
.categorypicker ~ .course_category_tree .subcategories .category {
    width: 100%;
    margin: 1em auto 0px auto;
    padding: 0px 0px 0px 0px;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #E0E0E0;
}
.categorypicker ~ .course_category_tree .subcategories .category > .info .name,
.categorypicker ~ .course_category_tree .subcategories .category > .info .categoryname {
    width: 75%;
    margin: 3px 3px 7px 3px;
    padding: 0px 0px 0px 0px;
}
.categorypicker ~ .course_category_tree .subcategories .category > .info .name A,
.categorypicker ~ .course_category_tree .subcategories .category > .info .categoryname A {
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 1px 35px 1px 35px; /* 25px if image 16x16 */
    line-height: 2em;
}
/* Evitar que el cuadro de subcategorÃ­as se funda con la categorÃ­a */
.course_category_tree .courses {
    clear: both;
    }

/* Course Format: Topic + Weekly + Colours + Columns + Collapsed columns + FlexSections + Grid Icons */
/* each topic */
.course-content ul.topics li.section, 
.course-content ul.weeks li.section, 
.course-content ul.colours li.section { 
    margin: 0.50em 0px 0px 0px;
    padding: 0.50em 0px 0.50em 0px;
    }
.course-content ul.topics li.section, 
.course-content ul.weeks li.section, 
.course-content ul.colours li.section, 
.course-content ul.flexsections li.section ul.flexsections li.section, 
.course-content ul.icons li .image_holder {
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #E0E0E0;
    }
/* Apariencia especial para el formato de cursos en Columnas 
.course-content ul.cntopics li.section {
    border-width: 5px 1px 5px 1px;
    border-style: solid;
    border-color: [[setting:corsch_2]];
    }
.course-content ul.cntopics.topics li.section {
    min-height: 10em;
    }*/
.course-content ul.topics li.section .left, 
.course-content ul.topics li.section .right {
    padding: 0.50em 0px 0.50em 0px;
}
/* para anular las opciones del style original */
.course-content ul.cntopics li.section.main .side, 
.course-content ul.cntopics li.cnsection .side {
    width: 20px;
    padding: 0.50em 0px 0.50em 0px;
}
.course-content ul.cntopics .section .left img.icon, 
.course-content ul.cntopics .section .right img.icon {
    height: 16px; 
    width: 16px;
    }
.course-content ul.topics li.section .content {}
/* the current active topic/weekly */
.course-content .current {
    background-color: [[setting:corsch_4]];
    }
/* activity block section (section0) */
.course-content ul.cntopics #section-0 .content{
    padding: 0px;
}
.course-content ul.cntopics #section-0, 
.course-content ul.ctopics #section-0 {
    margin-left: 3px;
    }
/* activity block section */
.course-content ul.topics li.section ul.section, 
.course-content ul.weeks li.section ul.section {
    margin: 0.50em 1em 1em 0px;
    }
.course-content ul.cntopics li.section.main .content .section {
    margin: 0.50em 1em 1em 0.50em;
    }
.course-content ul.colours li.section ul.section {
    margin: 0.50em 1em 1em 3em;
    }

.dir-rtl .course-content ul.colours li.section ul.section {margin: 0.50em 3em 1em 1em;}
.course-content ul #section-0 {
    border-color: transparent;
    }

.format-flexsections .course-content ul.flexsections li.section H3 {
    padding-left: 1em;
    }
.sitetopic .section .activity img.activityicon,
.course-content .section .activity img.activityicon {
    margin: 0px 0.50em 0px 0px;
    vertical-align: text-bottom;
    height: 32px; 
    width: 32px;
    }
.course-content ul.cntopics .section .activity img.activityicon {
    height: 24px; 
    width: 24px;
    }

/* Course Format: Days */
.course-content TABLE.days TBODY TH {
    padding: 5px 0px 5px 0px;
    border-width: 1px 0px 2px 0px;
    border-style: solid;
    border-color: [[setting:corsch_1]];
    background-color: [[setting:corsch_3]];
}
.course-content TABLE.days TBODY TD {
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: [[setting:corsch_3]];
    }
.course-content TABLE.days TBODY TD:hover {
    background-color: [[setting:corsch_4]];
    }
.course-content TABLE.days TBODY TD.weekday-0, 
.course-content TABLE.days TBODY TD.weekday-6 {
    background-color: #F0F0F0;
    color: #CC0000;
    /*display: block; _ forzar que aparezca, but in element style */
}

/* Course Format: One TABTREE */
.course-content ul.single-section .tabtree {
    padding: 3px 0px 0px 0px;
}
.course-content ul.single-section .tabtree ul {
    margin-bottom: 4px;
}
/* Course Format: Masonry */
.course-content ul.topics.masonry {}
.course-content ul.topics.masonry LI.masonry-brick {} /* each topic, but in element style */

/* Course Format: FlexSections */
.format-flexsections .course-content ul.flexsections {}
.format-flexsections .course-content ul.flexsections li.section ul.flexsections li.section {} /* each topic */

/*----- ----- ------ Course Activities ----- ------ -----*/
/*.course-content .section LI.activity.modtype_label {padding-left: 32px + 0.50em;}*/
.course-content .content .availabilityinfo {
    margin-top: -0.50em;
    margin-left: 0px;
    }
.course-content .section .activity .availabilityinfo,
.course-content .section .activity .contentafterlink { 
    margin-top: 0em; 
    margin-left: 39px; /*32px image size + 0.50em image margin */
    }
.course-content .content .availabilityinfo, 
.course-content .section .activity .availabilityinfo {
    font-size: 0.95em;
    }
.path-course-view .completionprogress {display: none}
/*--- capturar de la versiÃ³n 2.7 para ponerlo en 0 --- */
.section .activity .mod-indent-outer {padding-left: 0px;}
.section .label .mod-indent-outer {padding-left: 0px;}
.dir-rtl .section .activity .mod-indent-outer {padding-right: 0px;}
/*----- ----- ------ Tabs ----- ------ -----*/
.tabtree {
    position: relative;
    margin: 0px 0px 3em 0px;
    }
.tabtree ul {
    margin: 0px 0px 0px 0px;
    padding: 2em 0px 6.50px 0px;
    border-width: 0px 0px 2px 0px;
    border-style: solid;
    border-color: [[setting:corsch_1]];
    text-align: center;
    }
.tabtree li {
    display: inline;
    margin: 0px 3px 0px 0px;
    }
.tabtree ul li a, 
.tabtree .tabrow0 li a {
    padding: 0.50em 1.50em 0.50em 1.50em;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: [[setting:corsch_1]];
    background-color: [[setting:corsch_3]];
    }
.tabtree ul li a:hover {
    background-color: [[setting:corsch_4]];
    }
.tabtree ul li a.nolink {
    border-bottom: 2px solid transparent;
    background-color: [[setting:corsch_4]];
    /*letter-spacing: normal;*/
    }
.tabtree ul li.here ul {
    position: absolute;
    top: 100%;
    width: 100%;
    padding: 1em 0px 6.50px 0px;
    background-color: [[setting:corsch_4]];
    }
.tabtree ul li.here a {
    color: [[setting:corsch_T]];
    letter-spacing: normal;
    }
.tabtree ul li.here .empty {
    display: none;
    }
.tabtree .tabrow1 li a.nolink {
    border-color: transparent;
    }

/*----- Theme Selector -----*/
.theme_screenshot {
    float: left;
    width: 300px;
}
.theme_screenshot img {
    width: 275px;
}
.theme_description {
    margin-left: 300px;
}

/*----- Filemanager -----*/
.filemanager select, 
.filemanager input, 
.filemanager button, 
.filemanager textarea, 
.file-picker select, 
.file-picker input, 
.file-picker button, 
.file-picker textarea {
    background-color: [[setting:corsch_4]];
}
/*----- Admin Pages -----*
/* Plugins management -> /base/admin.css #300 */
#page-admin-plugins #plugins-control-panel .disabled .availability {background-color: #AAAAAA; color: [[setting:corsch_4]];}
#page-admin-plugins #plugins-control-panel .extension .source {background-color: #FFFFCC; color: [[setting:corsch_2]];}
/* forms */
#adminsettings .form-item .form-setting .form-multicheckbox ul {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
#adminsettings .form-item .form-setting .form-multicheckbox li {list-style: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
#adminsettings .form-item .form-setting .form-group label {margin: 0px 12px 0px 0px;}
#adminsettings .form-item .form-setting .form-defaultinfo {display: inline; color: #777777;}
#adminsettings .form-item .form-label .form-shortname {display:block; color: #777777;}
.dir-rtl #adminsettings .form-item .form-label .form-shortname {text-align: left;}

/* clearer divs */
.clearer {
    clear: both;
    display: block;
    height: 1px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-width: 0;
    background:transparent;
    }
.clearfix:after {
    clear: both; 
    content: ''; 
    display: block; 
    height: 0; 
    min-width: 0; 
    visibility: hidden;
    }

/*----- Important z-index fixes -----*/
.yui-skin-sam .yui-panel-container {
    z-index: 999999!important;
}
body#page-course-view-topics.path-course div.moodle-dialogue-base div.yui3-widget{
    z-index: 700!important;
}

