/*Color de la pestaña activa del menú de navegación principal*/
/* E5EFF8 */
/*Preguntas Preliminares (Evaluciones)*/
/*Preguntas con respuesta (Evaluaciones)*/
/*#EE7401; */
/*********************** Design ************************/

/* Generalidades  */

html,
body {
  display: table;
  color: #333333;
}
html {
  height: 100%;
  width: 100%;
  color: yellow;
}
body {
  height: 100%;
  width: 100%;
  /*
    background: @bodyColor;
    */

}
::selection {
  background: #006370;
  color: white;
}
::-moz-selection {
  background: #006370;
  color: white;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 10px 0;
  padding: 0;
}
h1 {
  color: #00bed6;
  text-shadow: 0px -1px 0px #006370;
  font-size: 27px;
  margin-left: 10px;
}
h2 {
  color: #00d5f0;
  text-shadow: 0px -1px 0px #006370;
  font-size: 22px;
}
h3,
h4,
h5,
h6 {
  color: #a3f5ff;
}
*:link,
*:visited,
*:hover,
*:active,
*:focus {
  transition-property: background, color, border-color, background-color;
  transition-duration: .5s;
  -webkit-transition-property: background, color, border-color, background-color;
  -webkit-transition-duration: .5s;
  -moz-transition-property: background, color, border-color, background-color;
  -moz-transition-duration: .5s;
}
a:link {
  color: #00bed6;
  text-decoration: underline;
}
a:visited {
  color: #0091a3;
  text-decoration: underline;
}
a:hover,
a:active {
  color: #0ae4ff;
  text-decoration: none;
}
hr {
  background: #a3f5ff;
  border: none;
  color: #a3f5ff;
  clear: both;
  height: 1px;
  margin: 20px 0 20px;
  width: 100%;
}
input,
textarea {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 1em;
}
/**********************************************************************************
/*Botones (NO DE MAIN MENUS)*/
button {
  margin: 0 10px 0 0;
}
button,
form button,
form.basic button,
.toolbar a,
.toolbar span a,
.simpleButton,
.simpleButton a,
.submit,
.add,
.filter,
.import,
.excel,
.assign,
.delete,
.filtered,
.go,
.send,
div.foroAdd span a,
div.foroTool span a,
.message_rsp form a {
  background: url("interface/tiny/action.png") no-repeat 5px 3px #007a8a !important;
  background: url("interface/tiny/action.png") no-repeat 5px 3px, -webkit-gradient(linear, 0% 30%, 0% 70%, from(#00bed6), to(#007a8a)) !important;
  background: url("interface/tiny/action.png") no-repeat 5px 3px, -moz-linear-gradient(30% 70% 90deg, #007a8a, #00bed6) !important;
  border: solid 1px #00bed6;
  border-radius: 10px;
  -moz-border-radius: 10px;
  box-shadow: 0px 0px 5px #666666;
  -moz-box-shadow: 0px 0px 5px #666666;
  color: white;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 2px 10px 5px 25px !important;
  text-decoration: none;
  text-shadow: 0px -1px 0 #006370;
}
button:link,
form button:link,
form.basic button:link,
.toolbar a:link,
.toolbar span a:link,
.simpleButton:link,
.simpleButton a:link,
.submit:link,
.add:link,
.filter:link,
.import:link,
.excel:link,
.assign:link,
.delete:link,
.filtered:link,
.go:link,
.send:link,
div.foroAdd span a:link,
div.foroTool span a:link,
.message_rsp form a:link,
button:visited,
form button:visited,
form.basic button:visited,
.toolbar a:visited,
.toolbar span a:visited,
.simpleButton:visited,
.simpleButton a:visited,
.submit:visited,
.add:visited,
.filter:visited,
.import:visited,
.excel:visited,
.assign:visited,
.delete:visited,
.filtered:visited,
.go:visited,
.send:visited,
div.foroAdd span a:visited,
div.foroTool span a:visited,
.message_rsp form a:visited {
  background: url("interface/tiny/action.png") no-repeat 5px 3px #007a8a !important;
  background: url("interface/tiny/action.png") no-repeat 5px 3px, -webkit-gradient(linear, 0% 30%, 0% 70%, from(#00bed6), to(#007a8a)) !important;
  background: url("interface/tiny/action.png") no-repeat 5px 3px, -moz-linear-gradient(30% 70% 90deg, #007a8a, #00bed6) !important;
  border: solid 1px #00bed6;
  border-radius: 10px;
  -moz-border-radius: 10px;
  box-shadow: 0px 0px 5px #666666;
  -moz-box-shadow: 0px 0px 5px #666666;
  color: white;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 2px 10px 5px 25px !important;
  text-decoration: none;
  text-shadow: 0px -1px 0 #006370;
}
button:hover,
form button:hover,
form.basic button:hover,
.toolbar a:hover,
.toolbar span a:hover,
.simpleButton:hover,
.simpleButton a:hover,
.submit:hover,
.add:hover,
.filter:hover,
.import:hover,
.excel:hover,
.assign:hover,
.delete:hover,
.filtered:hover,
.go:hover,
.send:hover,
div.foroAdd span a:hover,
div.foroTool span a:hover,
.message_rsp form a:hover {
  background: url("interface/tiny/action.png") no-repeat 5px 3px #23e6ff !important;
  border: solid 1px #00bed6;
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
}
form input.submit,
form.basic input.submit,
form input.add,
form.basic input.add,
form input.filter,
form.basic input.filter,
form input.import,
form.basic input.import,
form input.excel,
form.basic input.excel,
form input.assign,
form.basic input.assign,
form input.delete,
form.basic input.delete,
form input.filtered,
form.basic input.filtered,
form input.go,
form.basic input.go,
form input.send,
form.basic input.send {
  background: url("interface/tiny/action.png") no-repeat 5px 3px #007a8a !important;
  background: url("interface/tiny/action.png") no-repeat 5px 3px, -webkit-gradient(linear, 0% 30%, 0% 70%, from(#00bed6), to(#007a8a)) !important;
  background: url("interface/tiny/action.png") no-repeat 5px 3px, -moz-linear-gradient(30% 70% 90deg, #007a8a, #00bed6) !important;
  border: solid 1px #00bed6;
  border-radius: 10px;
  -moz-border-radius: 10px;
  box-shadow: 0px 0px 5px #666666;
  -moz-box-shadow: 0px 0px 5px #666666;
  color: white;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 2px 10px 5px 25px !important;
  text-decoration: none;
  text-shadow: 0px -1px 0 #006370;
}
form input.submit:link,
form.basic input.submit:link,
form input.add:link,
form.basic input.add:link,
form input.filter:link,
form.basic input.filter:link,
form input.import:link,
form.basic input.import:link,
form input.excel:link,
form.basic input.excel:link,
form input.assign:link,
form.basic input.assign:link,
form input.delete:link,
form.basic input.delete:link,
form input.filtered:link,
form.basic input.filtered:link,
form input.go:link,
form.basic input.go:link,
form input.send:link,
form.basic input.send:link,
form input.submit:visited,
form.basic input.submit:visited,
form input.add:visited,
form.basic input.add:visited,
form input.filter:visited,
form.basic input.filter:visited,
form input.import:visited,
form.basic input.import:visited,
form input.excel:visited,
form.basic input.excel:visited,
form input.assign:visited,
form.basic input.assign:visited,
form input.delete:visited,
form.basic input.delete:visited,
form input.filtered:visited,
form.basic input.filtered:visited,
form input.go:visited,
form.basic input.go:visited,
form input.send:visited,
form.basic input.send:visited {
  background: url("interface/tiny/action.png") no-repeat 5px 3px #007a8a !important;
  background: url("interface/tiny/action.png") no-repeat 5px 3px, -webkit-gradient(linear, 0% 30%, 0% 70%, from(#00bed6), to(#007a8a)) !important;
  background: url("interface/tiny/action.png") no-repeat 5px 3px, -moz-linear-gradient(30% 70% 90deg, #007a8a, #00bed6) !important;
  border: solid 1px #00bed6;
  border-radius: 10px;
  -moz-border-radius: 10px;
  box-shadow: 0px 0px 5px #666666;
  -moz-box-shadow: 0px 0px 5px #666666;
  color: white;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 2px 10px 5px 25px !important;
  text-decoration: none;
  text-shadow: 0px -1px 0 #006370;
}
form input.submit:hover,
form.basic input.submit:hover,
form input.add:hover,
form.basic input.add:hover,
form input.filter:hover,
form.basic input.filter:hover,
form input.import:hover,
form.basic input.import:hover,
form input.excel:hover,
form.basic input.excel:hover,
form input.assign:hover,
form.basic input.assign:hover,
form input.delete:hover,
form.basic input.delete:hover,
form input.filtered:hover,
form.basic input.filtered:hover,
form input.go:hover,
form.basic input.go:hover,
form input.send:hover,
form.basic input.send:hover {
  background: url("interface/tiny/action.png") no-repeat 5px 3px #23e6ff !important;
  border: solid 1px #00bed6;
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
}
div.foroAdd span a:link,
div.foroAdd span a:visited {
  background: url("interface/tiny/add.png") no-repeat 5px 3px #0d803b !important;
  background: url("interface/tiny/add.png") no-repeat 5px 3px, -webkit-gradient(linear, 0% 30%, 0% 70%, from(#14c55b), to(#0d803b)) !important;
  background: url("interface/tiny/add.png") no-repeat 5px 3px, -moz-linear-gradient(30% 70% 90deg, #0d803b, #14c55b) !important;
  border: solid 1px #14c55b;
}
div.foroAdd span a:hover {
  background: url("interface/tiny/add.png") no-repeat 5px 3px #3aeb81 !important;
}
div.foroTool span a:link,
div.foroTool span a:visited {
  background: url("interface/tiny/delete.png") no-repeat 5px 3px #b32b00 !important;
  background: url("interface/tiny/delete.png") no-repeat 5px 3px, -webkit-gradient(linear, 0% 30%, 0% 50%, from(#ff3d00), to(#b32b00)) !important;
  background: url("interface/tiny/delete.png") no-repeat 5px 3px, -moz-linear-gradient(30% 50% 90deg, #b32b00, #ff3d00) !important;
  border: solid 1px #ff3d00;
}
div.foroTool span a:hover {
  background: url("interface/tiny/delete.png") no-repeat 5px 3px #ff774d !important;
}
/*
#crear.widget form input.submit
{
		background:url("interface/tiny/message_send.png") no-repeat 5px 3px darken(@colorBase,15%) !important;
		background:url("interface/tiny/message_send.png") no-repeat 5px 3px, -webkit-gradient(linear, 0% 30%, 0% 70%, from(@colorBase), to(darken(@colorBase,15%))) !important;
		background:url("interface/tiny/message_send.png") no-repeat 5px 3px, -moz-linear-gradient(30% 70% 90deg, darken(@colorBase,15%), @colorBase) !important;
		border:solid 1px @colorBase;
			&:hover{
				background:url("interface/tiny/message_send.png") no-repeat 5px 3px lighten(@colorBase,15%) !important;
			}
}
*/

button.cancelar,
form button.cancelar,
form.basic button.cancelar,
form input.cancelar,
form.basic input.cancelar,
.toolbar a.cancelar,
.toolbar span a.cancelar,
.simpleButton.cancelar,
.simpleButton a.cancelar,
.message_rsp form a.cancelar,
div.foroTool span a.cancelar,
button.cancelar:visited,
form button.cancelar:visited,
form.basic button.cancelar:visited,
form input.cancelar:visited,
form.basic input.cancelar:visited,
.toolbar a.cancelar:visited,
.toolbar span a.cancelar:visited,
.simpleButton.cancelar:visited,
.simpleButton a.cancelar:visited,
.message_rsp form a.cancelar:visited,
div.foroTool span a.cancelar:visited {
  background: none !important;
  border: none;
  color: #333333 !important;
  cursor: pointer;
  text-decoration: underline;
  text-shadow: none;
}
button.cancelar:hover,
form button.cancelar:hover,
form.basic button.cancelar:hover,
form input.cancelar:hover,
form.basic input.cancelar:hover,
.toolbar a.cancelar:hover,
.toolbar span a.cancelar:hover,
.simpleButton.cancelar:hover,
.simpleButton a.cancelar:hover,
.message_rsp form a.cancelar:hover,
div.foroTool span a.cancelar:hover,
button.cancelar:visited:hover,
form button.cancelar:visited:hover,
form.basic button.cancelar:visited:hover,
form input.cancelar:visited:hover,
form.basic input.cancelar:visited:hover,
.toolbar a.cancelar:visited:hover,
.toolbar span a.cancelar:visited:hover,
.simpleButton.cancelar:visited:hover,
.simpleButton a.cancelar:visited:hover,
.message_rsp form a.cancelar:visited:hover,
div.foroTool span a.cancelar:visited:hover {
  text-decoration: none;
}
button.submit,
form button.submit,
form.basic button.submit,
form input.submit,
form.basic input.submit,
.toolbar a.submit,
.toolbar span a.submit,
.simpleButton.submit,
.simpleButton a.submit,
.message_rsp form a.submit,
div.foroTool span a.submit,
button.submit:visited,
form button.submit:visited,
form.basic button.submit:visited,
form input.submit:visited,
form.basic input.submit:visited,
.toolbar a.submit:visited,
.toolbar span a.submit:visited,
.simpleButton.submit:visited,
.simpleButton a.submit:visited,
.message_rsp form a.submit:visited,
div.foroTool span a.submit:visited {
  background: url("interface/tiny/accept.png") no-repeat 5px 3px #007a8a !important;
  background: url("interface/tiny/accept.png") no-repeat 5px 3px, -webkit-gradient(linear, 0% 30%, 0% 70%, from(#00bed6), to(#007a8a)) !important;
  background: url("interface/tiny/accept.png") no-repeat 5px 3px, -moz-linear-gradient(30% 70% 90deg, #007a8a, #00bed6) !important;
  border: solid 1px #00bed6;
}
button.submit:hover,
form button.submit:hover,
form.basic button.submit:hover,
form input.submit:hover,
form.basic input.submit:hover,
.toolbar a.submit:hover,
.toolbar span a.submit:hover,
.simpleButton.submit:hover,
.simpleButton a.submit:hover,
.message_rsp form a.submit:hover,
div.foroTool span a.submit:hover,
button.submit:visited:hover,
form button.submit:visited:hover,
form.basic button.submit:visited:hover,
form input.submit:visited:hover,
form.basic input.submit:visited:hover,
.toolbar a.submit:visited:hover,
.toolbar span a.submit:visited:hover,
.simpleButton.submit:visited:hover,
.simpleButton a.submit:visited:hover,
.message_rsp form a.submit:visited:hover,
div.foroTool span a.submit:visited:hover {
  background: url("interface/tiny/accept.png") no-repeat 5px 3px #23e6ff !important;
}
button.add,
form button.add,
form.basic button.add,
form input.add,
form.basic input.add,
.toolbar a.add,
.toolbar span a.add,
.simpleButton.add,
.simpleButton a.add,
.message_rsp form a.add,
div.foroTool span a.add,
button.add:visited,
form button.add:visited,
form.basic button.add:visited,
form input.add:visited,
form.basic input.add:visited,
.toolbar a.add:visited,
.toolbar span a.add:visited,
.simpleButton.add:visited,
.simpleButton a.add:visited,
.message_rsp form a.add:visited,
div.foroTool span a.add:visited {
  background: url("interface/tiny/add.png") no-repeat 5px 3px #0d803b !important;
  background: url("interface/tiny/add.png") no-repeat 5px 3px, -webkit-gradient(linear, 0% 30%, 0% 70%, from(#14c55b), to(#0d803b)) !important;
  background: url("interface/tiny/add.png") no-repeat 5px 3px, -moz-linear-gradient(30% 70% 90deg, #0d803b, #14c55b) !important;
  border: solid 1px #14c55b;
}
button.add:hover,
form button.add:hover,
form.basic button.add:hover,
form input.add:hover,
form.basic input.add:hover,
.toolbar a.add:hover,
.toolbar span a.add:hover,
.simpleButton.add:hover,
.simpleButton a.add:hover,
.message_rsp form a.add:hover,
div.foroTool span a.add:hover,
button.add:visited:hover,
form button.add:visited:hover,
form.basic button.add:visited:hover,
form input.add:visited:hover,
form.basic input.add:visited:hover,
.toolbar a.add:visited:hover,
.toolbar span a.add:visited:hover,
.simpleButton.add:visited:hover,
.simpleButton a.add:visited:hover,
.message_rsp form a.add:visited:hover,
div.foroTool span a.add:visited:hover {
  background: url("interface/tiny/add.png") no-repeat 5px 3px #3aeb81 !important;
}
button.filter,
form button.filter,
form.basic button.filter,
form input.filter,
form.basic input.filter,
.toolbar a.filter,
.toolbar span a.filter,
.simpleButton.filter,
.simpleButton a.filter,
.message_rsp form a.filter,
div.foroTool span a.filter,
button.filter:visited,
form button.filter:visited,
form.basic button.filter:visited,
form input.filter:visited,
form.basic input.filter:visited,
.toolbar a.filter:visited,
.toolbar span a.filter:visited,
.simpleButton.filter:visited,
.simpleButton a.filter:visited,
.message_rsp form a.filter:visited,
div.foroTool span a.filter:visited {
  background: url("interface/tiny/filter.png") no-repeat 5px 3px #007a8a !important;
  background: url("interface/tiny/filter.png") no-repeat 5px 3px, -webkit-gradient(linear, 0% 30%, 0% 70%, from(#00bed6), to(#007a8a)) !important;
  background: url("interface/tiny/filter.png") no-repeat 5px 3px, -moz-linear-gradient(30% 70% 90deg, #007a8a, #00bed6) !important;
  border: solid 1px #00bed6;
}
button.filter:hover,
form button.filter:hover,
form.basic button.filter:hover,
form input.filter:hover,
form.basic input.filter:hover,
.toolbar a.filter:hover,
.toolbar span a.filter:hover,
.simpleButton.filter:hover,
.simpleButton a.filter:hover,
.message_rsp form a.filter:hover,
div.foroTool span a.filter:hover,
button.filter:visited:hover,
form button.filter:visited:hover,
form.basic button.filter:visited:hover,
form input.filter:visited:hover,
form.basic input.filter:visited:hover,
.toolbar a.filter:visited:hover,
.toolbar span a.filter:visited:hover,
.simpleButton.filter:visited:hover,
.simpleButton a.filter:visited:hover,
.message_rsp form a.filter:visited:hover,
div.foroTool span a.filter:visited:hover {
  background: url("interface/tiny/filter.png") no-repeat 5px 3px #23e6ff !important;
}
button.import,
form button.import,
form.basic button.import,
form input.import,
form.basic input.import,
.toolbar a.import,
.toolbar span a.import,
.simpleButton.import,
.simpleButton a.import,
.message_rsp form a.import,
div.foroTool span a.import,
button.import:visited,
form button.import:visited,
form.basic button.import:visited,
form input.import:visited,
form.basic input.import:visited,
.toolbar a.import:visited,
.toolbar span a.import:visited,
.simpleButton.import:visited,
.simpleButton a.import:visited,
.message_rsp form a.import:visited,
div.foroTool span a.import:visited {
  background: url("interface/tiny/import.png") no-repeat 5px 3px #0d803b !important;
  background: url("interface/tiny/import.png") no-repeat 5px 3px, -webkit-gradient(linear, 0% 30%, 0% 70%, from(#14c55b), to(#0d803b)) !important;
  background: url("interface/tiny/import.png") no-repeat 5px 3px, -moz-linear-gradient(30% 70% 90deg, #0d803b, #14c55b) !important;
  border: solid 1px #14c55b;
}
button.import:hover,
form button.import:hover,
form.basic button.import:hover,
form input.import:hover,
form.basic input.import:hover,
.toolbar a.import:hover,
.toolbar span a.import:hover,
.simpleButton.import:hover,
.simpleButton a.import:hover,
.message_rsp form a.import:hover,
div.foroTool span a.import:hover,
button.import:visited:hover,
form button.import:visited:hover,
form.basic button.import:visited:hover,
form input.import:visited:hover,
form.basic input.import:visited:hover,
.toolbar a.import:visited:hover,
.toolbar span a.import:visited:hover,
.simpleButton.import:visited:hover,
.simpleButton a.import:visited:hover,
.message_rsp form a.import:visited:hover,
div.foroTool span a.import:visited:hover {
  background: url("interface/tiny/import.png") no-repeat 5px 3px #3aeb81 !important;
}
button.excel,
form button.excel,
form.basic button.excel,
form input.excel,
form.basic input.excel,
.toolbar a.excel,
.toolbar span a.excel,
.simpleButton.excel,
.simpleButton a.excel,
.message_rsp form a.excel,
div.foroTool span a.excel,
button.excel:visited,
form button.excel:visited,
form.basic button.excel:visited,
form input.excel:visited,
form.basic input.excel:visited,
.toolbar a.excel:visited,
.toolbar span a.excel:visited,
.simpleButton.excel:visited,
.simpleButton a.excel:visited,
.message_rsp form a.excel:visited,
div.foroTool span a.excel:visited,
button.xls,
form button.xls,
form.basic button.xls,
form input.xls,
form.basic input.xls,
.toolbar a.xls,
.toolbar span a.xls,
.simpleButton.xls,
.simpleButton a.xls,
.message_rsp form a.xls,
div.foroTool span a.xls,
buttonxls:visited,
form buttonxls:visited,
form.basic buttonxls:visited,
form inputxls:visited,
form.basic inputxls:visited,
.toolbar axls:visited,
.toolbar span axls:visited,
.simpleButtonxls:visited,
.simpleButton axls:visited,
.message_rsp form axls:visited,
div.foroTool span axls:visited {
  background: url("interface/tiny/excel.png") no-repeat 5px 3px #007a8a !important;
  background: url("interface/tiny/excel.png") no-repeat 5px 3px, -webkit-gradient(linear, 0% 30%, 0% 70%, from(#00bed6), to(#007a8a)) !important;
  background: url("interface/tiny/excel.png") no-repeat 5px 3px, -moz-linear-gradient(30% 70% 90deg, #007a8a, #00bed6) !important;
  border: solid 1px #00bed6;
}
button.excel:hover,
form button.excel:hover,
form.basic button.excel:hover,
form input.excel:hover,
form.basic input.excel:hover,
.toolbar a.excel:hover,
.toolbar span a.excel:hover,
.simpleButton.excel:hover,
.simpleButton a.excel:hover,
.message_rsp form a.excel:hover,
div.foroTool span a.excel:hover,
button.excel:visited:hover,
form button.excel:visited:hover,
form.basic button.excel:visited:hover,
form input.excel:visited:hover,
form.basic input.excel:visited:hover,
.toolbar a.excel:visited:hover,
.toolbar span a.excel:visited:hover,
.simpleButton.excel:visited:hover,
.simpleButton a.excel:visited:hover,
.message_rsp form a.excel:visited:hover,
div.foroTool span a.excel:visited:hover,
button.xls:hover,
form button.xls:hover,
form.basic button.xls:hover,
form input.xls:hover,
form.basic input.xls:hover,
.toolbar a.xls:hover,
.toolbar span a.xls:hover,
.simpleButton.xls:hover,
.simpleButton a.xls:hover,
.message_rsp form a.xls:hover,
div.foroTool span a.xls:hover,
buttonxls:visited:hover,
form buttonxls:visited:hover,
form.basic buttonxls:visited:hover,
form inputxls:visited:hover,
form.basic inputxls:visited:hover,
.toolbar axls:visited:hover,
.toolbar span axls:visited:hover,
.simpleButtonxls:visited:hover,
.simpleButton axls:visited:hover,
.message_rsp form axls:visited:hover,
div.foroTool span axls:visited:hover {
  background: url("interface/tiny/excel.png") no-repeat 5px 3px #23e6ff !important;
}
button.assign,
form button.assign,
form.basic button.assign,
form input.assign,
form.basic input.assign,
.toolbar a.assign,
.toolbar span a.assign,
.simpleButton.assign,
.simpleButton a.assign,
.message_rsp form a.assign,
div.foroTool span a.assign,
button.assign:visited,
form button.assign:visited,
form.basic button.assign:visited,
form input.assign:visited,
form.basic input.assign:visited,
.toolbar a.assign:visited,
.toolbar span a.assign:visited,
.simpleButton.assign:visited,
.simpleButton a.assign:visited,
.message_rsp form a.assign:visited,
div.foroTool span a.assign:visited {
  background: url("interface/tiny/assign.png") no-repeat 5px 3px #007a8a !important;
  background: url("interface/tiny/assign.png") no-repeat 5px 3px, -webkit-gradient(linear, 0% 30%, 0% 70%, from(#00bed6), to(#007a8a)) !important;
  background: url("interface/tiny/assign.png") no-repeat 5px 3px, -moz-linear-gradient(30% 70% 90deg, #007a8a, #00bed6) !important;
  border: solid 1px #00bed6;
}
button.assign:hover,
form button.assign:hover,
form.basic button.assign:hover,
form input.assign:hover,
form.basic input.assign:hover,
.toolbar a.assign:hover,
.toolbar span a.assign:hover,
.simpleButton.assign:hover,
.simpleButton a.assign:hover,
.message_rsp form a.assign:hover,
div.foroTool span a.assign:hover,
button.assign:visited:hover,
form button.assign:visited:hover,
form.basic button.assign:visited:hover,
form input.assign:visited:hover,
form.basic input.assign:visited:hover,
.toolbar a.assign:visited:hover,
.toolbar span a.assign:visited:hover,
.simpleButton.assign:visited:hover,
.simpleButton a.assign:visited:hover,
.message_rsp form a.assign:visited:hover,
div.foroTool span a.assign:visited:hover {
  background: url("interface/tiny/assign.png") no-repeat 5px 3px #23e6ff !important;
}
button.delete,
form button.delete,
form.basic button.delete,
form input.delete,
form.basic input.delete,
.toolbar a.delete,
.toolbar span a.delete,
.simpleButton.delete,
.simpleButton a.delete,
.message_rsp form a.delete,
div.foroTool span a.delete,
button.delete:visited,
form button.delete:visited,
form.basic button.delete:visited,
form input.delete:visited,
form.basic input.delete:visited,
.toolbar a.delete:visited,
.toolbar span a.delete:visited,
.simpleButton.delete:visited,
.simpleButton a.delete:visited,
.message_rsp form a.delete:visited,
div.foroTool span a.delete:visited {
  background: url("interface/tiny/delete.png") no-repeat 5px 3px #b32b00 !important;
  background: url("interface/tiny/delete.png") no-repeat 5px 3px, -webkit-gradient(linear, 0% 30%, 0% 50%, from(#ff3d00), to(#b32b00)) !important;
  background: url("interface/tiny/delete.png") no-repeat 5px 3px, -moz-linear-gradient(30% 50% 90deg, #b32b00, #ff3d00) !important;
  border: solid 1px #ff3d00;
}
button.delete:hover,
form button.delete:hover,
form.basic button.delete:hover,
form input.delete:hover,
form.basic input.delete:hover,
.toolbar a.delete:hover,
.toolbar span a.delete:hover,
.simpleButton.delete:hover,
.simpleButton a.delete:hover,
.message_rsp form a.delete:hover,
div.foroTool span a.delete:hover,
button.delete:visited:hover,
form button.delete:visited:hover,
form.basic button.delete:visited:hover,
form input.delete:visited:hover,
form.basic input.delete:visited:hover,
.toolbar a.delete:visited:hover,
.toolbar span a.delete:visited:hover,
.simpleButton.delete:visited:hover,
.simpleButton a.delete:visited:hover,
.message_rsp form a.delete:visited:hover,
div.foroTool span a.delete:visited:hover,
button.delete div.foroTool span a:hover,
form button.delete div.foroTool span a:hover,
form.basic button.delete div.foroTool span a:hover,
form input.delete div.foroTool span a:hover,
form.basic input.delete div.foroTool span a:hover,
.toolbar a.delete div.foroTool span a:hover,
.toolbar span a.delete div.foroTool span a:hover,
.simpleButton.delete div.foroTool span a:hover,
.simpleButton a.delete div.foroTool span a:hover,
.message_rsp form a.delete div.foroTool span a:hover,
div.foroTool span a.delete div.foroTool span a:hover,
button.delete:visited div.foroTool span a:hover,
form button.delete:visited div.foroTool span a:hover,
form.basic button.delete:visited div.foroTool span a:hover,
form input.delete:visited div.foroTool span a:hover,
form.basic input.delete:visited div.foroTool span a:hover,
.toolbar a.delete:visited div.foroTool span a:hover,
.toolbar span a.delete:visited div.foroTool span a:hover,
.simpleButton.delete:visited div.foroTool span a:hover,
.simpleButton a.delete:visited div.foroTool span a:hover,
.message_rsp form a.delete:visited div.foroTool span a:hover,
div.foroTool span a.delete:visited div.foroTool span a:hover {
  background: url("interface/tiny/delete.png") no-repeat 5px 3px #ff774d !important;
}
button.filtered,
form button.filtered,
form.basic button.filtered,
form input.filtered,
form.basic input.filtered,
.toolbar a.filtered,
.toolbar span a.filtered,
.simpleButton.filtered,
.simpleButton a.filtered,
.message_rsp form a.filtered,
div.foroTool span a.filtered,
button.filtered:visited,
form button.filtered:visited,
form.basic button.filtered:visited,
form input.filtered:visited,
form.basic input.filtered:visited,
.toolbar a.filtered:visited,
.toolbar span a.filtered:visited,
.simpleButton.filtered:visited,
.simpleButton a.filtered:visited,
.message_rsp form a.filtered:visited,
div.foroTool span a.filtered:visited {
  background: url("interface/tiny/filter.png") no-repeat 5px 3px #007a8a !important;
  background: url("interface/tiny/filter.png") no-repeat 5px 3px, -webkit-gradient(linear, 0% 30%, 0% 70%, from(#00bed6), to(#007a8a)) !important;
  background: url("interface/tiny/filter.png") no-repeat 5px 3px, -moz-linear-gradient(30% 70% 90deg, #007a8a, #00bed6) !important;
  border: solid 1px #00bed6;
}
button.filtered:hover,
form button.filtered:hover,
form.basic button.filtered:hover,
form input.filtered:hover,
form.basic input.filtered:hover,
.toolbar a.filtered:hover,
.toolbar span a.filtered:hover,
.simpleButton.filtered:hover,
.simpleButton a.filtered:hover,
.message_rsp form a.filtered:hover,
div.foroTool span a.filtered:hover,
button.filtered:visited:hover,
form button.filtered:visited:hover,
form.basic button.filtered:visited:hover,
form input.filtered:visited:hover,
form.basic input.filtered:visited:hover,
.toolbar a.filtered:visited:hover,
.toolbar span a.filtered:visited:hover,
.simpleButton.filtered:visited:hover,
.simpleButton a.filtered:visited:hover,
.message_rsp form a.filtered:visited:hover,
div.foroTool span a.filtered:visited:hover {
  background: url("interface/tiny/filter.png") no-repeat 5px 3px #23e6ff !important;
}
button.go,
form button.go,
form.basic button.go,
form input.go,
form.basic input.go,
.toolbar a.go,
.toolbar span a.go,
.simpleButton.go,
.simpleButton a.go,
.message_rsp form a.go,
div.foroTool span a.go,
button.go:visited,
form button.go:visited,
form.basic button.go:visited,
form input.go:visited,
form.basic input.go:visited,
.toolbar a.go:visited,
.toolbar span a.go:visited,
.simpleButton.go:visited,
.simpleButton a.go:visited,
.message_rsp form a.go:visited,
div.foroTool span a.go:visited {
  background: url("interface/tiny/enter.png") no-repeat 5px 3px #007a8a !important;
  background: url("interface/tiny/enter.png") no-repeat 5px 3px, -webkit-gradient(linear, 0% 30%, 0% 70%, from(#00bed6), to(#007a8a)) !important;
  background: url("interface/tiny/enter.png") no-repeat 5px 3px, -moz-linear-gradient(30% 70% 90deg, #007a8a, #00bed6) !important;
  border: solid 1px #00bed6;
}
button.go:hover,
form button.go:hover,
form.basic button.go:hover,
form input.go:hover,
form.basic input.go:hover,
.toolbar a.go:hover,
.toolbar span a.go:hover,
.simpleButton.go:hover,
.simpleButton a.go:hover,
.message_rsp form a.go:hover,
div.foroTool span a.go:hover,
button.go:visited:hover,
form button.go:visited:hover,
form.basic button.go:visited:hover,
form input.go:visited:hover,
form.basic input.go:visited:hover,
.toolbar a.go:visited:hover,
.toolbar span a.go:visited:hover,
.simpleButton.go:visited:hover,
.simpleButton a.go:visited:hover,
.message_rsp form a.go:visited:hover,
div.foroTool span a.go:visited:hover {
  background: url("interface/tiny/enter.png") no-repeat 5px 3px #23e6ff !important;
}
button.send,
form button.send,
form.basic button.send,
form input.send,
form.basic input.send,
.toolbar a.send,
.toolbar span a.send,
.simpleButton.send,
.simpleButton a.send,
.message_rsp form a.send,
div.foroTool span a.send,
button.send:visited,
form button.send:visited,
form.basic button.send:visited,
form input.send:visited,
form.basic input.send:visited,
.toolbar a.send:visited,
.toolbar span a.send:visited,
.simpleButton.send:visited,
.simpleButton a.send:visited,
.message_rsp form a.send:visited,
div.foroTool span a.send:visited,
button #crear.widget form input.submit,
form button #crear.widget form input.submit,
form.basic button #crear.widget form input.submit,
form input #crear.widget form input.submit,
form.basic input #crear.widget form input.submit,
.toolbar a #crear.widget form input.submit,
.toolbar span a #crear.widget form input.submit,
.simpleButton #crear.widget form input.submit,
.simpleButton a #crear.widget form input.submit,
.message_rsp form a #crear.widget form input.submit,
div.foroTool span a #crear.widget form input.submit {
  background: url("interface/tiny/message_send.png") no-repeat 5px 3px #007a8a !important;
  background: url("interface/tiny/message_send.png") no-repeat 5px 3px, -webkit-gradient(linear, 0% 30%, 0% 70%, from(#00bed6), to(#007a8a)) !important;
  background: url("interface/tiny/message_send.png") no-repeat 5px 3px, -moz-linear-gradient(30% 70% 90deg, #007a8a, #00bed6) !important;
  border: solid 1px #00bed6;
}
button.send:hover,
form button.send:hover,
form.basic button.send:hover,
form input.send:hover,
form.basic input.send:hover,
.toolbar a.send:hover,
.toolbar span a.send:hover,
.simpleButton.send:hover,
.simpleButton a.send:hover,
.message_rsp form a.send:hover,
div.foroTool span a.send:hover,
button.send:visited:hover,
form button.send:visited:hover,
form.basic button.send:visited:hover,
form input.send:visited:hover,
form.basic input.send:visited:hover,
.toolbar a.send:visited:hover,
.toolbar span a.send:visited:hover,
.simpleButton.send:visited:hover,
.simpleButton a.send:visited:hover,
.message_rsp form a.send:visited:hover,
div.foroTool span a.send:visited:hover,
button #crear.widget form input.submit:hover,
form button #crear.widget form input.submit:hover,
form.basic button #crear.widget form input.submit:hover,
form input #crear.widget form input.submit:hover,
form.basic input #crear.widget form input.submit:hover,
.toolbar a #crear.widget form input.submit:hover,
.toolbar span a #crear.widget form input.submit:hover,
.simpleButton #crear.widget form input.submit:hover,
.simpleButton a #crear.widget form input.submit:hover,
.message_rsp form a #crear.widget form input.submit:hover,
div.foroTool span a #crear.widget form input.submit:hover {
  background: url("interface/tiny/excel.png") no-repeat 5px 3px #23e6ff !important;
}
button.export,
form button.export,
form.basic button.export,
form input.export,
form.basic input.export,
.toolbar a.export,
.toolbar span a.export,
.simpleButton.export,
.simpleButton a.export,
.message_rsp form a.export,
div.foroTool span a.export,
button.export:visited,
form button.export:visited,
form.basic button.export:visited,
form input.export:visited,
form.basic input.export:visited,
.toolbar a.export:visited,
.toolbar span a.export:visited,
.simpleButton.export:visited,
.simpleButton a.export:visited,
.message_rsp form a.export:visited,
div.foroTool span a.export:visited {
  background: url("interface/tiny/excel.png") no-repeat 5px 3px #007a8a !important;
  background: url("interface/tiny/excel.png") no-repeat 5px 3px, -webkit-gradient(linear, 0% 30%, 0% 70%, from(#00bed6), to(#007a8a)) !important;
  background: url("interface/tiny/excel.png") no-repeat 5px 3px, -moz-linear-gradient(30% 70% 90deg, #007a8a, #00bed6) !important;
  border: solid 1px #00bed6;
}
button.export:hover,
form button.export:hover,
form.basic button.export:hover,
form input.export:hover,
form.basic input.export:hover,
.toolbar a.export:hover,
.toolbar span a.export:hover,
.simpleButton.export:hover,
.simpleButton a.export:hover,
.message_rsp form a.export:hover,
div.foroTool span a.export:hover,
button.export:visited:hover,
form button.export:visited:hover,
form.basic button.export:visited:hover,
form input.export:visited:hover,
form.basic input.export:visited:hover,
.toolbar a.export:visited:hover,
.toolbar span a.export:visited:hover,
.simpleButton.export:visited:hover,
.simpleButton a.export:visited:hover,
.message_rsp form a.export:visited:hover,
div.foroTool span a.export:visited:hover {
  background: url("interface/tiny/excel.png") no-repeat 5px 3px #23e6ff !important;
}
.check {
  width: auto;
  border: 0px;
  vertical-align: middle;
}
.mkEdit .barButton button {
  background: url(none) #70efff !important;
  background: -webkit-gradient(linear, 0% 30%, 0% 70%, from(#70efff), to(#00d5f0)) !important;
  background: -moz-linear-gradient(30% 70% 90deg, #00d5f0, #70efff) !important;
  border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: none;
  -moz-box-shadow: none;
  color: white;
  margin: 0 5px 0 0;
  padding: 0 !important;
}
.mkEdit .barButton button:hover {
  background: url(none) #23e6ff !important;
}
/*******************************************************/

/* Formas y formularios */

.span-4 form {
  border: 1px solid #00bed6;
  margin: 10px 0 0 0;
  padding: 5px;
}
.span-4 input,
.span-4 textarea {
  display: inline-block;
  width: 190px;
}
.span-4 textarea {
  height: 140px;
}
.widget input.text {
  display: inline-block;
  width: 190px;
}
label {
  display: inline-block;
  margin: 5px 0;
  width: 100%;
}
label span {
  display: block;
  float: left;
  line-height: 1.65em;
  width: 85px;
}
span.line input {
  width: 60%;
}
span.line input[type=checkbox] {
  width: 10%;
}
span.line a {
  margin: 0 0 0 10px;
}
span label span.legendCharOp {
  color: red;
  display: inline-block;
  padding: 0;
  width: 10px;
}
form p {
  padding: 0 5px 0 0;
  text-align: right;
}
form div {
  padding: 10px;
}
form div.alert {
  color: red;
  font-size: 1.2em;
  font-weight: bold;
  padding: 10px;
  text-align: center;
}
form.basic {
  display: inline-block;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 100%;
}
form.basic input.submit,
form.basic input.cancelar,
form.basic input.filter {
  float: right;
  height: auto;
  margin: 0 10px 0 0;
  width: auto;
}
form.basic span.line {
  display: inline-block;
  width: 100%;
  margin: 10px 0 0 0;
}
form.basic span.legendChar {
  color: red;
  display: inline-block;
  padding: 0;
  width: 10px;
}
form.basic span label {
  display: inline-block;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  width: 150px;
}
form.basic div.hr {
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #eeeeee;
  display: block;
  height: 0;
  margin: 5px 0 5px 0;
  padding: 0;
  width: 100%;
}
/*******************************************************/

/* Mensajes de advertencia */

div.error {
  color: #ff3d00;
  background-color: #ffece5;
  border: 1px solid #ff3d00;
  text-align: center;
  padding: 2px;
}
/* Popups */

.popupWin {
  background: white;
  border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: 0px 0px 10px #666666;
  -moz-box-shadow: 0px 0px 10px #666666;
  margin: 0;
  padding: 0;
  text-align: left;
}
.popupWin .title {
  background-color: #004d57;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  color: white;
  display: block;
  font-weight: bold;
  margin: 0;
  width: 100%;
}
.popupWin .title span.text {
  display: inline-block;
  margin: 5px 10px;
}
.popupWin .title a img {
  display: inline-block;
  float: right;
  margin: 5px 10px;
}
.popupWin form,
.popupWin form.basic {
  padding: 0 0 10px 0;
}
.popupWin form textarea,
.popupWin form.basic textarea {
  width: 60% !important;
}
.popupWin form textarea.custom_width,
.popupWin form.basic textarea.custom_width {
  width: 85% !important;
}
.popupWin form select,
.popupWin form.basic select {
  width: 60%;
}
.popupWin form div,
.popupWin form.basic div {
  width: 96% !important;
}
.popupWin form div input,
.popupWin form.basic div input {
  margin: 0 10px 0 0;
}
.popupWin .line h3 {
  color: #ff3d00;
  font-size: .9em;
  font-style: italic;
  font-weight: bold;
  margin: 10px;
}
.popupWin .line label {
  padding: 0 0 0 5px;
  vertical-align: top;
}
.popupWin .line span input[type=button] {
  background: url(none) no-repeat 5px 3px #007a8a !important;
  background: url(none) no-repeat 5px 3px, -webkit-gradient(linear, 0% 30%, 0% 70%, from(#00bed6), to(#007a8a)) !important;
  background: url(none) no-repeat 5px 3px, -moz-linear-gradient(30% 70% 90deg, #007a8a, #00bed6) !important;
  border: solid 1px #00bed6;
  border-radius: 10px;
  -moz-border-radius: 10px;
  box-shadow: 0px 0px 5px #666666;
  -moz-box-shadow: 0px 0px 5px #666666;
  color: white;
  cursor: pointer;
  margin: 0 0 0 3px;
  text-decoration: none;
  text-shadow: 0px -1px 0 #006370;
}
.popupWin .line div {
  float: none !important;
}
/*******************************************************/

/* Estructura base */

html {
  background: url(custom/bg-html.png) repeat white;
}
#page {
  text-align: center;
  top: 0;
  width: 100%;
  background: url(custom/bg-header.png) repeat-x;
}
#header,
#content,
#footer {
  margin: 0 auto;
  text-align: left;
  width: 980px;
}
#header {
  background: url(custom/header.png) no-repeat top center;
  display: inline-block;
  height: 140px;
  width: 980px;
}
#header .identifier {
  background: url(custom/logo.png) no-repeat top left;
  display: inline-block;
  float: left;
  height: 93px;
  margin: 5px 0 0 10px;
  text-indent: -999px;
  width: 263px;
}
#header .hdMenu {
  display: inline-block;
  float: right;
  margin: 0 20px 0 0;
  text-align: right;
  height: 140px;
}
#header .hdMenu .menu-user {
  color: #007a8a;
  display: inline-block;
  float: left;
  margin: 0 50px 0 0;
  padding: 0;
  text-align: left;
  font-weight: bold;
  vertical-align: top;
}
#header .hdMenu .menu-user li {
  display: block;
  margin: 0;
  padding: 0;
}
#header .hdMenu .menu-options {
  /*
					background:darken(@colorBase,15%);
					background:-webkit-gradient(linear, 0% 30%, 0% 70%, from(@colorBase), to(darken(@colorBase,15%)));
					background:-moz-linear-gradient(30% 70% 90deg, darken(@colorBase,15%), @colorBase);
					border:solid 1px @colorBase;
					border-radius: 0 0 10px 10px;
					-moz-border-radius: 0 0 10px 10px;
					box-shadow:0px 0px 5px #000;
					-moz-box-shadow:0px 0px 5px #000;
					*/
  border-top: none;
  color: white;
  display: inline-block;
  height: 40px;
  text-align: center;
  margin: 0;
  padding: 5px 0 5px 0;
  width: 180px;
  margin-right: 50px;
}
#header .hdMenu .menu-options li {
  display: inline;
  margin: 0 0 0 10px;
  padding: 0;
}
#header .hdMenu .menu-options li a:link,
#header .hdMenu .menu-options li a:visited {
  color: white;
}
#header .hdMenu .menu {
  clear: left;
  display: block;
  font-size: 13px;
  margin: 66px 10px 0 0;
  padding: 0;
}
#header .hdMenu .menu li {
  display: inline;
  margin: 0;
  padding: 0;
}
#header .hdMenu .menu li a:link,
#header .hdMenu .menu li a:visited {
  border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  /*
											-webkit-border-top-right-radius: 5px;
											-webkit-border-top-left-radius: 5px;
											-moz-border-radius-bottomright: 5px;
											-moz-border-radius-bottomleft: 5px;
											border-bottom-right-radius: 5px;
											border-bottom-left-radius: 5px;
											*/
  color: white;
  margin-right: 5px;
  padding: 7px;
  text-decoration: none;
  /*text-shadow:0px -1px 0px darken(@colorBase,20%);*/
  font-weight: bold;
}
#header .hdMenu .menu li a:hover {
  /* color:#FFF; 
											background:darken(@colorHelper,30);
											*/
  font-weight: bold;
  background: #3de9ff;
}
#header .hdMenu .menu li.active a:link,
#header .hdMenu .menu li.active a:visited {
  /* border:1px solid darken(@colorHelper,15); */
  /* color:#FFF; */
  color: #00bed6;
  background: white;
  font-weight: bold;
}
#header .hdMenu .menu li.active a:hover {
  /* background:lighten(@colorBase,10%); 
											    */
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  font-weight: bold;
  /* color:lighten(@colorHelper,10%); */

}
.aux {
  clear: both;
  float: right;
  position: relative;
  top: -45px;
  right: 0px;
  margin: 0;
}
.title {
  clear: both;
  margin-left: 20px;
}
.subtitle {
  color: #999999;
}
#main {
  height: 100%;
  /* padding:10px 0 0 0; */
  width: 100%;
}
#content {
  margin: 0 auto;
  text-align: left;
  width: 980px;
  min-height: 500px;
  box-shadow: 0px 20px 5px rgba(0, 0, 0, 0.7);
  /*background-color:white;*/
  background: url(custom/bg-container.jpg) no-repeat center center;
  box-shadow: rgba(71, 71, 71, 0.5) 8px 0px 10px -4px, rgba(71, 71, 71, 0.5) -8px 0px 10px -3px;
}
/* Nested lists */

ol.nestedlist {
  margin: 0;
  padding: 0;
}
ol.nestedlist li {
  background: white;
  /*
		border-radius: 10px;
		-moz-border-radius: 10px;
		*/
  list-style: none;
  margin: 0 0 10px 0;
}
ol.nestedlist li a {
  background: 7px 10px no-repeat;
  display: block;
  font-weight: bold;
  list-style: none;
  padding: 10px 10px 10px 47px;
  text-decoration: none;
}
ol.nestedlist li a:hover {
  /*
				background-color: darken(@colorBase,10);
				border-radius: 10px;
				-moz-border-radius: 10px;
				*/
  background-color: #cfe5e8;
  display: block;
}
ol.nestedlist li span {
  display: block;
  color: #999999;
  font-weight: lighter;
  text-transform: uppercase;
}
ol.nestedlist li.plan {
  background-color: white;
  /*background-color: @colorBase;
			border:1px solid lighten(@colorBase,40);
			*/
  /* border:1px solid @colorBase; */
  border: 1px solid #38ace2;
  /* Paint al the Plan area */

  /*
			&:hover { background-color: lighten(desaturate(spin(@colorBase, -1.5088), 66.1654), 44.1176); }	
			*/

}
ol.nestedlist li.plan a {
  background-image: url(interface/medium/plan.png);
  /* color:lighten(@colorBase,20); */
  /* color:@colorBase; */
  color: #0091a3;
  text-decoration: none;
}
ol.nestedlist li.plan ol {
  padding: 0 5px;
}
ol.nestedlist li.plan span {
  /*color:@colorComplement;*/
  color: #0091a3;
  text-decoration: none;
}
ol.nestedlist li.program {
  /*
			background-color:lighten(@colorBase,10);
			border:1px solid lighten(@colorBase,20);
			*/
  margin-left: 10px;
  background-color: white;
  /* border:1px solid @colorBase; */
  border: 1px solid #38ace2;
}
ol.nestedlist li.program a {
  background-image: url(interface/medium/program.png);
  /* color:lighten(@colorBase,30);*/
  color: #0091a3;
  text-decoration: none;
}
ol.nestedlist li.program span {
  /* color:@colorComplement; */
  color: #0091a3;
}
ol.nestedlist li.course {
  margin-left: 10px;
  background-color: #999999;
  /* border:1px solid lighten(@colorBase,30); */
  border: 1px solid #38ace2;
}
ol.nestedlist li.course a {
  background-image: url(interface/medium/course.png);
  /*	color:lighten(@colorBase,10);	*/
  color: #0091a3;
}
ol.nestedlist li.course span {
  /* color:@colorComplement;	*/
  /* color:darken(@colorBase,10); */
  color: #38ace2;
}
ol.nestedlist li.header a {
  background-color: #f6f6f6;
  background-image: url(interface/medium/course.png);
}
ol.nestedlist ol {
  margin: 0;
  padding: 0;
}
ol.nestedlist ol div li {
  background: white;
  /*
				border-radius: 10px;
				-moz-border-radius: 10px;
				*/
  list-style: none;
  margin: 0 0 10px 0;
}
ol.nestedlist ol li {
  background: white;
  /*
			border-radius: 10px;
			-moz-border-radius: 10px;
			*/
  list-style: none;
  margin: 0;
  padding: 0;
}
ol.nestedlist ol li a {
  background: 7px 10px no-repeat;
  display: block;
  font-weight: bold;
  list-style: none;
  text-decoration: none;
  padding: 10px 10px 10px 47px;
}
ol.nestedlist ol li.plan a {
  background-image: url(interface/medium/plan.png);
}
ol.nestedlist ol li.program a {
  background-image: url(interface/medium/program.png);
}
ol.nestedlist ol li.course {
  /*
				background-color:lighten(@colorBase,20);
				border:1px solid lighten(@colorBase,30);
				*/
  background-color: white;
  /* border:1px solid @colorBase; */
  border: 1px solid #38ace2;
}
ol.nestedlist ol li.course a {
  background-image: url(interface/medium/course.png);
  /* color:@colorBase; */
  color: #0091a3;
  text-decoration: none;
}
ol.nestedlist ol li.course a:hover {
  background-color: #cccccc;
}
ol.nestedlist ul li {
  background: none;
  border: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
/********************************************************/

ol.groupedlist {
  margin: 0;
  padding: 0;
  text-indent: 25px;
}
ol.groupedlist ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  background: none;
}
ol.groupedlist ul li a {
  margin: 0 0 0 25px;
  padding: 5px;
  background-color: transparent;
  border: none;
  background: none;
}
ol.groupedlist ol {
  margin: 0;
  padding: 0;
  text-indent: 25px;
}
ol.groupedlist li {
  border: 1px solid #00bed6;
  border-radius: 5px;
  -moz-border-radius: 5px;
  font-size: 1em;
  line-height: normal;
  list-style: none;
  margin: 0 0 5px 0;
}
ol.groupedlist li a:link,
ol.groupedlist li a:visited {
  /* background-color: lighten(@colorBase, 50%); */
  background-color: #cfe5e8;
  background-position: 5px 2px;
  background-repeat: no-repeat;
  border-radius: 3px;
  -moz-border-radius: 3px;
  /*
				color: white;
				text-shadow: 2px 0px @colorBase;
				
				color:@colorBase;
				*/
  display: block;
  list-style: none;
  padding: 2px 0px 1px 15px;
  text-decoration: none;
}
ol.groupedlist li a:hover {
  color: #d6faff;
  background-color: #00bed6;
  -webkit-transition: 1s -webkit-filter linear;
  -moz-transition: 1s -moz-filter linear;
  -moz-transition: 1s filter linear;
  -ms-transition: 1s -ms-filter linear;
  -o-transition: 1s -o-filter linear;
  transition: 1s filter linear, 1s -webkit-filter linear;
  -webkit-filter: $filterString;
  filter: grayscale(1);
}
ol.groupedlist li.active a:link,
ol.groupedlist li.active a:visited {
  background-color: #006370;
  border-radius: 3px;
  -moz-border-radius: 3px;
  color: white;
}
ol.groupedlist li.active a:hover {
  color: #d6faff;
  background-color: #00bed6;
}
ol.groupedlist li.content ul,
ol.groupedlist li.library ul,
ol.groupedlist li.activities ul,
ol.groupedlist li.exams ul,
ol.groupedlist li.grades ul,
ol.groupedlist li.news ul,
ol.groupedlist li.users ul,
ol.groupedlist li.forums ul,
ol.groupedlist li.virtualrooms ul,
ol.groupedlist li.chats ul,
ol.groupedlist li.polls ul,
ol.groupedlist li.blogc ul {
  margin: 0;
  padding: 0;
}
ol.groupedlist li.content ul li,
ol.groupedlist li.library ul li,
ol.groupedlist li.activities ul li,
ol.groupedlist li.exams ul li,
ol.groupedlist li.grades ul li,
ol.groupedlist li.news ul li,
ol.groupedlist li.users ul li,
ol.groupedlist li.forums ul li,
ol.groupedlist li.virtualrooms ul li,
ol.groupedlist li.chats ul li,
ol.groupedlist li.polls ul li,
ol.groupedlist li.blogc ul li {
  height: 1em;
  margin: 5px 0 5px 0;
}
ol.groupedlist li.content ul li a:link,
ol.groupedlist li.library ul li a:link,
ol.groupedlist li.activities ul li a:link,
ol.groupedlist li.exams ul li a:link,
ol.groupedlist li.grades ul li a:link,
ol.groupedlist li.news ul li a:link,
ol.groupedlist li.users ul li a:link,
ol.groupedlist li.forums ul li a:link,
ol.groupedlist li.virtualrooms ul li a:link,
ol.groupedlist li.chats ul li a:link,
ol.groupedlist li.polls ul li a:link,
ol.groupedlist li.blogc ul li a:link,
ol.groupedlist li.content ul li a:visited,
ol.groupedlist li.library ul li a:visited,
ol.groupedlist li.activities ul li a:visited,
ol.groupedlist li.exams ul li a:visited,
ol.groupedlist li.grades ul li a:visited,
ol.groupedlist li.news ul li a:visited,
ol.groupedlist li.users ul li a:visited,
ol.groupedlist li.forums ul li a:visited,
ol.groupedlist li.virtualrooms ul li a:visited,
ol.groupedlist li.chats ul li a:visited,
ol.groupedlist li.polls ul li a:visited,
ol.groupedlist li.blogc ul li a:visited {
  background: url(none);
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0;
  -moz-border-radius: 0;
  display: block;
  height: 1.5em;
  margin: 0;
  padding: 0;
  text-indent: 10px;
}
ol.groupedlist li.content ul li a:hover,
ol.groupedlist li.library ul li a:hover,
ol.groupedlist li.activities ul li a:hover,
ol.groupedlist li.exams ul li a:hover,
ol.groupedlist li.grades ul li a:hover,
ol.groupedlist li.news ul li a:hover,
ol.groupedlist li.users ul li a:hover,
ol.groupedlist li.forums ul li a:hover,
ol.groupedlist li.virtualrooms ul li a:hover,
ol.groupedlist li.chats ul li a:hover,
ol.groupedlist li.polls ul li a:hover,
ol.groupedlist li.blogc ul li a:hover {
  background: #00bed6;
}
ol.groupedlist li.content a {
  background-image: url(interface/custom_menu_mini/course.png);
}
ol.groupedlist li.library a {
  background-image: url(interface/custom_menu_mini/library.png);
}
ol.groupedlist li.activities a {
  background-image: url(interface/custom_menu_mini/activities.png);
}
ol.groupedlist li.exams a {
  background-image: url(interface/custom_menu_mini/exams.png);
}
ol.groupedlist li.grades a {
  background-image: url(interface/custom_menu_mini/grades.png);
}
ol.groupedlist li.news a {
  background-image: url(interface/custom_menu_mini/news.png);
}
ol.groupedlist li.users a {
  background-image: url(interface/custom_menu_mini/users.png);
}
ol.groupedlist li.forums a {
  background-image: url(interface/custom_menu_mini/forums.png);
}
ol.groupedlist li.virtualrooms a {
  background-image: url(interface/custom_menu_mini/virtualrooms.png);
}
ol.groupedlist li.chats a {
  background-image: url(interface/custom_menu_mini/chats.png);
}
ol.groupedlist li.polls a {
  background-image: url(interface/custom_menu_mini/polls.png);
}
ol.groupedlist li.blogc a {
  background-image: url(interface/custom_menu_mini/blogc.png);
}
ol.groupedlist li.rubrics a {
  background-image: url(interface/custom_menu_mini/rubrics.png);
}
@media only screen and (max-width: 900px) {
  ol.groupedlist {
    width: 47%;
    margin-right: 10%;
  }
}
/* Grouped Lists (lateral menus) */

ol.groupedlist.custom-lateral-menu {
  margin: 0;
  padding: 0;
  text-indent: 25px;
}
ol.groupedlist.custom-lateral-menu ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  background: none;
}
ol.groupedlist.custom-lateral-menu ul li a {
  margin: 0 0 0 25px;
  padding: 5px;
  background-color: transparent;
  border: none;
  background: none;
}
ol.groupedlist.custom-lateral-menu ol {
  margin: 0;
  padding: 0;
  text-indent: 25px;
}
ol.groupedlist.custom-lateral-menu li {
  border: 1px solid #00bed6;
  border-radius: 5px;
  -moz-border-radius: 5px;
  font-size: 1em;
  line-height: normal;
  list-style: none;
  /* margin: 0 0 5px 0; */

}
ol.groupedlist.custom-lateral-menu li a {
  text-shadow: 2px 0px white;
  /*
			height: 30px;
			*/
  height: 100%;
  font-family: Arial;
  font-size: 24px;
  font-weight: bold;
  text-align: right;
  padding-right: 10px;
}
ol.groupedlist.custom-lateral-menu li a:link,
ol.groupedlist.custom-lateral-menu li a:visited {
  background-color: #cfe5e8;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  border-radius: 3px;
  color: #00bed6;
  display: block;
  list-style: none;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
}
ol.groupedlist.custom-lateral-menu li a:hover {
  background-color: #00bed6;
  /*
				-webkit-transition: 1s -webkit-filter linear;
				-moz-transition: 1s -moz-filter linear;
				-moz-transition: 1s filter linear;
				-ms-transition: 1s -ms-filter linear;
				-o-transition: 1s -o-filter linear;
				transition: 1s filter linear, 1s -webkit-filter linear;

				-webkit-filter: grayscale(1);
				filter: grayscale(1);
*/

}
ol.groupedlist.custom-lateral-menu li.active a:link,
ol.groupedlist.custom-lateral-menu li.active a:visited {
  background-color: #006370;
  border-radius: 3px;
  -moz-border-radius: 3px;
  /*
					color: #fff;
					text-shadow: 2px 0px @colorBase;
					*/

}
ol.groupedlist.custom-lateral-menu li.active a:hover {
  color: #d6faff;
  background-color: #00bed6;
  text-shadow: 2px 0px #00bed6;
}
ol.groupedlist.custom-lateral-menu li.content a,
ol.groupedlist.custom-lateral-menu li.library a,
ol.groupedlist.custom-lateral-menu li.activities a,
ol.groupedlist.custom-lateral-menu li.exams a,
ol.groupedlist.custom-lateral-menu li.grades a,
ol.groupedlist.custom-lateral-menu li.news a,
ol.groupedlist.custom-lateral-menu li.users a,
ol.groupedlist.custom-lateral-menu li.forums a,
ol.groupedlist.custom-lateral-menu li.virtualrooms a,
ol.groupedlist.custom-lateral-menu li.chats a,
ol.groupedlist.custom-lateral-menu li.polls a,
ol.groupedlist.custom-lateral-menu li.blogc a,
ol.groupedlist.custom-lateral-menu li.rubrics a {
  /*
				border-radius:5px;
				-moz-border-radius:5px;
				*/
  /*
				padding-top: 5px;
				*/
  color: white;
  text-shadow: 2px 1px #00bed6;
  background-color: #00bed6;
}
ol.groupedlist.custom-lateral-menu li.content ul,
ol.groupedlist.custom-lateral-menu li.library ul,
ol.groupedlist.custom-lateral-menu li.activities ul,
ol.groupedlist.custom-lateral-menu li.exams ul,
ol.groupedlist.custom-lateral-menu li.grades ul,
ol.groupedlist.custom-lateral-menu li.news ul,
ol.groupedlist.custom-lateral-menu li.users ul,
ol.groupedlist.custom-lateral-menu li.forums ul,
ol.groupedlist.custom-lateral-menu li.virtualrooms ul,
ol.groupedlist.custom-lateral-menu li.chats ul,
ol.groupedlist.custom-lateral-menu li.polls ul,
ol.groupedlist.custom-lateral-menu li.blogc ul,
ol.groupedlist.custom-lateral-menu li.rubrics ul {
  margin: 0;
  padding: 0;
}
ol.groupedlist.custom-lateral-menu li.content ul li,
ol.groupedlist.custom-lateral-menu li.library ul li,
ol.groupedlist.custom-lateral-menu li.activities ul li,
ol.groupedlist.custom-lateral-menu li.exams ul li,
ol.groupedlist.custom-lateral-menu li.grades ul li,
ol.groupedlist.custom-lateral-menu li.news ul li,
ol.groupedlist.custom-lateral-menu li.users ul li,
ol.groupedlist.custom-lateral-menu li.forums ul li,
ol.groupedlist.custom-lateral-menu li.virtualrooms ul li,
ol.groupedlist.custom-lateral-menu li.chats ul li,
ol.groupedlist.custom-lateral-menu li.polls ul li,
ol.groupedlist.custom-lateral-menu li.blogc ul li,
ol.groupedlist.custom-lateral-menu li.rubrics ul li {
  height: 1em;
  margin: 5px 0 5px 0;
}
ol.groupedlist.custom-lateral-menu li.content ul li a:link,
ol.groupedlist.custom-lateral-menu li.library ul li a:link,
ol.groupedlist.custom-lateral-menu li.activities ul li a:link,
ol.groupedlist.custom-lateral-menu li.exams ul li a:link,
ol.groupedlist.custom-lateral-menu li.grades ul li a:link,
ol.groupedlist.custom-lateral-menu li.news ul li a:link,
ol.groupedlist.custom-lateral-menu li.users ul li a:link,
ol.groupedlist.custom-lateral-menu li.forums ul li a:link,
ol.groupedlist.custom-lateral-menu li.virtualrooms ul li a:link,
ol.groupedlist.custom-lateral-menu li.chats ul li a:link,
ol.groupedlist.custom-lateral-menu li.polls ul li a:link,
ol.groupedlist.custom-lateral-menu li.blogc ul li a:link,
ol.groupedlist.custom-lateral-menu li.rubrics ul li a:link,
ol.groupedlist.custom-lateral-menu li.content ul li a:visited,
ol.groupedlist.custom-lateral-menu li.library ul li a:visited,
ol.groupedlist.custom-lateral-menu li.activities ul li a:visited,
ol.groupedlist.custom-lateral-menu li.exams ul li a:visited,
ol.groupedlist.custom-lateral-menu li.grades ul li a:visited,
ol.groupedlist.custom-lateral-menu li.news ul li a:visited,
ol.groupedlist.custom-lateral-menu li.users ul li a:visited,
ol.groupedlist.custom-lateral-menu li.forums ul li a:visited,
ol.groupedlist.custom-lateral-menu li.virtualrooms ul li a:visited,
ol.groupedlist.custom-lateral-menu li.chats ul li a:visited,
ol.groupedlist.custom-lateral-menu li.polls ul li a:visited,
ol.groupedlist.custom-lateral-menu li.blogc ul li a:visited,
ol.groupedlist.custom-lateral-menu li.rubrics ul li a:visited {
  background: url(none);
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0;
  -moz-border-radius: 0;
  display: block;
  height: 1.5em;
  margin: 0;
  padding: 0;
  text-indent: 10px;
}
ol.groupedlist.custom-lateral-menu li.content a {
  background-image: url(interface/custom_menu_mini/course.png);
}
ol.groupedlist.custom-lateral-menu li.library a {
  background-image: url(interface/custom_menu_mini/library.png);
}
ol.groupedlist.custom-lateral-menu li.activities a {
  background-image: url(interface/custom_menu_mini/activities.png);
}
ol.groupedlist.custom-lateral-menu li.exams a {
  background-image: url(interface/custom_menu_mini/exams.png);
}
ol.groupedlist.custom-lateral-menu li.grades a {
  background-image: url(interface/custom_menu_mini/grades.png);
}
ol.groupedlist.custom-lateral-menu li.news a {
  background-image: url(interface/custom_menu_mini/news.png);
}
ol.groupedlist.custom-lateral-menu li.users a {
  background-image: url(interface/custom_menu_mini/users.png);
}
ol.groupedlist.custom-lateral-menu li.forums a {
  background-image: url(interface/custom_menu_mini/forums.png);
}
ol.groupedlist.custom-lateral-menu li.virtualrooms a {
  background-image: url(interface/custom_menu_mini/virtualrooms.png);
}
ol.groupedlist.custom-lateral-menu li.chats a {
  background-image: url(interface/custom_menu_mini/chats.png);
}
ol.groupedlist.custom-lateral-menu li.polls a {
  background-image: url(interface/custom_menu_mini/polls.png);
}
ol.groupedlist.custom-lateral-menu li.blogc a {
  background-image: url(interface/custom_menu_mini/blogc.png);
}
ol.groupedlist.custom-lateral-menu li.rubrics a {
  background-image: url(interface/custom_menu_mini/rubrics.png);
}
/* Grouped Lists (Custom class menu) */

ol.groupedlist.custom-class-menu {
  /*
	margin: 0;
	padding: 0;
	*/
  text-indent: 25px;
  display: block;
  float: left;
  margin-left: 20px;
}
ol.groupedlist.custom-class-menu ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  background: none;
}
ol.groupedlist.custom-class-menu ul li a {
  margin: 0 0 0 25px;
  padding: 5px;
  background-color: transparent;
  border: none;
  background: none;
}
ol.groupedlist.custom-class-menu ol {
  margin: 0;
  padding: 0;
  text-indent: 25px;
  display: block;
  float: left;
  margin-left: 20px;
}
ol.groupedlist.custom-class-menu li {
  border: 1px solid #00bed6;
  border-radius: 5px;
  -moz-border-radius: 5px;
  font-size: 1em;
  line-height: normal;
  list-style: none;
  /* margin: 0 0 5px 0; */
  margin-bottom: 20px;
}
ol.groupedlist.custom-class-menu li a {
  border-radius: 10px;
}
ol.groupedlist.custom-class-menu li a:link,
ol.groupedlist.custom-class-menu li a:visited {
  /* background-color: lighten(@colorBase, 50%); */
  background-color: #cfe5e8;
  /*
				background-position: 5px 2px; */
  background-position: 0px 0px;
  background-repeat: no-repeat;
  border-radius: 3px;
  -moz-border-radius: 3px;
  color: #00bed6;
  display: block;
  list-style: none;
  text-decoration: none;
  /*
				padding: 7px 0px 7px 15px;
				*/
  padding: 0px 0px 0px 0;
}
ol.groupedlist.custom-class-menu li a:hover {
  color: #d6faff;
  background-color: #00bed6;
}
ol.groupedlist.custom-class-menu li.content a,
ol.groupedlist.custom-class-menu li.library a,
ol.groupedlist.custom-class-menu li.activities a,
ol.groupedlist.custom-class-menu li.exams a,
ol.groupedlist.custom-class-menu li.grades a,
ol.groupedlist.custom-class-menu li.news a,
ol.groupedlist.custom-class-menu li.users a,
ol.groupedlist.custom-class-menu li.forums a,
ol.groupedlist.custom-class-menu li.virtualrooms a,
ol.groupedlist.custom-class-menu li.chats a,
ol.groupedlist.custom-class-menu li.polls a,
ol.groupedlist.custom-class-menu li.blogc a,
ol.groupedlist.custom-class-menu li.rubrics a {
  border-radius: 4px;
  width: 100%;
  height: 150px;
}
ol.groupedlist.custom-class-menu li.content a div,
ol.groupedlist.custom-class-menu li.library a div,
ol.groupedlist.custom-class-menu li.activities a div,
ol.groupedlist.custom-class-menu li.exams a div,
ol.groupedlist.custom-class-menu li.grades a div,
ol.groupedlist.custom-class-menu li.news a div,
ol.groupedlist.custom-class-menu li.users a div,
ol.groupedlist.custom-class-menu li.forums a div,
ol.groupedlist.custom-class-menu li.virtualrooms a div,
ol.groupedlist.custom-class-menu li.chats a div,
ol.groupedlist.custom-class-menu li.polls a div,
ol.groupedlist.custom-class-menu li.blogc a div,
ol.groupedlist.custom-class-menu li.rubrics a div {
  height: 105px;
  width: 100%;
  background: transparent;
}
ol.groupedlist.custom-class-menu li.content a div:hover,
ol.groupedlist.custom-class-menu li.library a div:hover,
ol.groupedlist.custom-class-menu li.activities a div:hover,
ol.groupedlist.custom-class-menu li.exams a div:hover,
ol.groupedlist.custom-class-menu li.grades a div:hover,
ol.groupedlist.custom-class-menu li.news a div:hover,
ol.groupedlist.custom-class-menu li.users a div:hover,
ol.groupedlist.custom-class-menu li.forums a div:hover,
ol.groupedlist.custom-class-menu li.virtualrooms a div:hover,
ol.groupedlist.custom-class-menu li.chats a div:hover,
ol.groupedlist.custom-class-menu li.polls a div:hover,
ol.groupedlist.custom-class-menu li.blogc a div:hover,
ol.groupedlist.custom-class-menu li.rubrics a div:hover {
  background: transparent transparent rgba(0, 190, 214, 0.5) transparent;
}
ol.groupedlist.custom-class-menu li.content a span,
ol.groupedlist.custom-class-menu li.library a span,
ol.groupedlist.custom-class-menu li.activities a span,
ol.groupedlist.custom-class-menu li.exams a span,
ol.groupedlist.custom-class-menu li.grades a span,
ol.groupedlist.custom-class-menu li.news a span,
ol.groupedlist.custom-class-menu li.users a span,
ol.groupedlist.custom-class-menu li.forums a span,
ol.groupedlist.custom-class-menu li.virtualrooms a span,
ol.groupedlist.custom-class-menu li.chats a span,
ol.groupedlist.custom-class-menu li.polls a span,
ol.groupedlist.custom-class-menu li.blogc a span,
ol.groupedlist.custom-class-menu li.rubrics a span {
  height: 45px;
  width: 100%;
}
ol.groupedlist.custom-class-menu li.content ul,
ol.groupedlist.custom-class-menu li.library ul,
ol.groupedlist.custom-class-menu li.activities ul,
ol.groupedlist.custom-class-menu li.exams ul,
ol.groupedlist.custom-class-menu li.grades ul,
ol.groupedlist.custom-class-menu li.news ul,
ol.groupedlist.custom-class-menu li.users ul,
ol.groupedlist.custom-class-menu li.forums ul,
ol.groupedlist.custom-class-menu li.virtualrooms ul,
ol.groupedlist.custom-class-menu li.chats ul,
ol.groupedlist.custom-class-menu li.polls ul,
ol.groupedlist.custom-class-menu li.blogc ul,
ol.groupedlist.custom-class-menu li.rubrics ul {
  margin: 0;
  padding: 0;
}
ol.groupedlist.custom-class-menu li.content ul li,
ol.groupedlist.custom-class-menu li.library ul li,
ol.groupedlist.custom-class-menu li.activities ul li,
ol.groupedlist.custom-class-menu li.exams ul li,
ol.groupedlist.custom-class-menu li.grades ul li,
ol.groupedlist.custom-class-menu li.news ul li,
ol.groupedlist.custom-class-menu li.users ul li,
ol.groupedlist.custom-class-menu li.forums ul li,
ol.groupedlist.custom-class-menu li.virtualrooms ul li,
ol.groupedlist.custom-class-menu li.chats ul li,
ol.groupedlist.custom-class-menu li.polls ul li,
ol.groupedlist.custom-class-menu li.blogc ul li,
ol.groupedlist.custom-class-menu li.rubrics ul li {
  height: 1em;
  margin: 5px 0 5px 0;
}
ol.groupedlist.custom-class-menu li.content ul li a:link,
ol.groupedlist.custom-class-menu li.library ul li a:link,
ol.groupedlist.custom-class-menu li.activities ul li a:link,
ol.groupedlist.custom-class-menu li.exams ul li a:link,
ol.groupedlist.custom-class-menu li.grades ul li a:link,
ol.groupedlist.custom-class-menu li.news ul li a:link,
ol.groupedlist.custom-class-menu li.users ul li a:link,
ol.groupedlist.custom-class-menu li.forums ul li a:link,
ol.groupedlist.custom-class-menu li.virtualrooms ul li a:link,
ol.groupedlist.custom-class-menu li.chats ul li a:link,
ol.groupedlist.custom-class-menu li.polls ul li a:link,
ol.groupedlist.custom-class-menu li.blogc ul li a:link,
ol.groupedlist.custom-class-menu li.rubrics ul li a:link,
ol.groupedlist.custom-class-menu li.content ul li a:visited,
ol.groupedlist.custom-class-menu li.library ul li a:visited,
ol.groupedlist.custom-class-menu li.activities ul li a:visited,
ol.groupedlist.custom-class-menu li.exams ul li a:visited,
ol.groupedlist.custom-class-menu li.grades ul li a:visited,
ol.groupedlist.custom-class-menu li.news ul li a:visited,
ol.groupedlist.custom-class-menu li.users ul li a:visited,
ol.groupedlist.custom-class-menu li.forums ul li a:visited,
ol.groupedlist.custom-class-menu li.virtualrooms ul li a:visited,
ol.groupedlist.custom-class-menu li.chats ul li a:visited,
ol.groupedlist.custom-class-menu li.polls ul li a:visited,
ol.groupedlist.custom-class-menu li.blogc ul li a:visited,
ol.groupedlist.custom-class-menu li.rubrics ul li a:visited {
  background: url(none);
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0;
  -moz-border-radius: 0;
  display: block;
  height: 1.5em;
  margin: 0;
  padding: 0;
  text-indent: 10px;
}
ol.groupedlist.custom-class-menu li.content ul li a:hover,
ol.groupedlist.custom-class-menu li.library ul li a:hover,
ol.groupedlist.custom-class-menu li.activities ul li a:hover,
ol.groupedlist.custom-class-menu li.exams ul li a:hover,
ol.groupedlist.custom-class-menu li.grades ul li a:hover,
ol.groupedlist.custom-class-menu li.news ul li a:hover,
ol.groupedlist.custom-class-menu li.users ul li a:hover,
ol.groupedlist.custom-class-menu li.forums ul li a:hover,
ol.groupedlist.custom-class-menu li.virtualrooms ul li a:hover,
ol.groupedlist.custom-class-menu li.chats ul li a:hover,
ol.groupedlist.custom-class-menu li.polls ul li a:hover,
ol.groupedlist.custom-class-menu li.blogc ul li a:hover,
ol.groupedlist.custom-class-menu li.rubrics ul li a:hover {
  background: #00bed6;
}
ol.groupedlist.custom-class-menu li.content.custom-class-menu a span,
ol.groupedlist.custom-class-menu li.library.custom-class-menu a span,
ol.groupedlist.custom-class-menu li.activities.custom-class-menu a span,
ol.groupedlist.custom-class-menu li.exams.custom-class-menu a span,
ol.groupedlist.custom-class-menu li.grades.custom-class-menu a span,
ol.groupedlist.custom-class-menu li.news.custom-class-menu a span,
ol.groupedlist.custom-class-menu li.users.custom-class-menu a span,
ol.groupedlist.custom-class-menu li.forums.custom-class-menu a span,
ol.groupedlist.custom-class-menu li.virtualrooms.custom-class-menu a span,
ol.groupedlist.custom-class-menu li.chats.custom-class-menu a span,
ol.groupedlist.custom-class-menu li.polls.custom-class-menu a span,
ol.groupedlist.custom-class-menu li.blogc.custom-class-menu a span,
ol.groupedlist.custom-class-menu li.rubrics.custom-class-menu a span {
  border-style: solid;
  border-color: transparent transparent rgba(0, 190, 214, 0.5) transparent;
  border-width: 0 0 45px 0px;
  height: 0;
  width: 97%;
  float: right;
  border-radius: 0 0 4px 4px;
  color: white;
  text-align: right;
  font-family: Arial;
  font-size: 40px;
  text-shadow: 2px 0px #00bed6;
  padding-right: 3%;
}
ol.groupedlist.custom-class-menu li.content.custom-class-menu a span:after,
ol.groupedlist.custom-class-menu li.library.custom-class-menu a span:after,
ol.groupedlist.custom-class-menu li.activities.custom-class-menu a span:after,
ol.groupedlist.custom-class-menu li.exams.custom-class-menu a span:after,
ol.groupedlist.custom-class-menu li.grades.custom-class-menu a span:after,
ol.groupedlist.custom-class-menu li.news.custom-class-menu a span:after,
ol.groupedlist.custom-class-menu li.users.custom-class-menu a span:after,
ol.groupedlist.custom-class-menu li.forums.custom-class-menu a span:after,
ol.groupedlist.custom-class-menu li.virtualrooms.custom-class-menu a span:after,
ol.groupedlist.custom-class-menu li.chats.custom-class-menu a span:after,
ol.groupedlist.custom-class-menu li.polls.custom-class-menu a span:after,
ol.groupedlist.custom-class-menu li.blogc.custom-class-menu a span:after,
ol.groupedlist.custom-class-menu li.rubrics.custom-class-menu a span:after {
  content: "";
  display: block;
  position: relative;
  top: -152px;
  left: 0;
  width: 170px;
  height: 150px;
  border-radius: 5px 80px 80px 5px;
}
ol.groupedlist.custom-class-menu li.content.custom-class-menu a:hover,
ol.groupedlist.custom-class-menu li.library.custom-class-menu a:hover,
ol.groupedlist.custom-class-menu li.activities.custom-class-menu a:hover,
ol.groupedlist.custom-class-menu li.exams.custom-class-menu a:hover,
ol.groupedlist.custom-class-menu li.grades.custom-class-menu a:hover,
ol.groupedlist.custom-class-menu li.news.custom-class-menu a:hover,
ol.groupedlist.custom-class-menu li.users.custom-class-menu a:hover,
ol.groupedlist.custom-class-menu li.forums.custom-class-menu a:hover,
ol.groupedlist.custom-class-menu li.virtualrooms.custom-class-menu a:hover,
ol.groupedlist.custom-class-menu li.chats.custom-class-menu a:hover,
ol.groupedlist.custom-class-menu li.polls.custom-class-menu a:hover,
ol.groupedlist.custom-class-menu li.blogc.custom-class-menu a:hover,
ol.groupedlist.custom-class-menu li.rubrics.custom-class-menu a:hover {
  -webkit-transition: 1s -webkit-filter linear;
  -moz-transition: 1s -moz-filter linear;
  -moz-transition: 1s filter linear;
  -ms-transition: 1s -ms-filter linear;
  -o-transition: 1s -o-filter linear;
  transition: 1s filter linear, 1s -webkit-filter linear;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
ol.groupedlist.custom-class-menu li.content.custom-class-menu a {
  background-image: url(interface/custom_menu/course.png);
}
ol.groupedlist.custom-class-menu li.content.custom-class-menu a span:after {
  background: url(interface/custom_menu/course.png) no-repeat 0px 0px, linear-gradient(45deg, #57ecff -18%, #57ecff 1%, #00bed6 78%, #00bed6 65%, #00bed6 100%);
}
ol.groupedlist.custom-class-menu li.library.custom-class-menu a {
  background-image: url(interface/custom_menu/library.png);
}
ol.groupedlist.custom-class-menu li.library.custom-class-menu a span:after {
  background: url(interface/custom_menu/library.png) no-repeat 0px 0px, linear-gradient(45deg, #57ecff -18%, #57ecff 1%, #00bed6 78%, #00bed6 65%, #00bed6 100%);
}
ol.groupedlist.custom-class-menu li.activities.custom-class-menu a {
  background-image: url(interface/custom_menu/activities.png);
}
ol.groupedlist.custom-class-menu li.activities.custom-class-menu a span:after {
  background: url(interface/custom_menu/activities.png) no-repeat 0px 0px, linear-gradient(45deg, #57ecff -18%, #57ecff 1%, #00bed6 78%, #00bed6 65%, #00bed6 100%);
}
ol.groupedlist.custom-class-menu li.exams.custom-class-menu a {
  background-image: url(interface/custom_menu/exams.png);
}
ol.groupedlist.custom-class-menu li.exams.custom-class-menu a span:after {
  background: url(interface/custom_menu/exams.png) no-repeat 0px 0px, linear-gradient(45deg, #57ecff -18%, #57ecff 1%, #00bed6 78%, #00bed6 65%, #00bed6 100%);
}
ol.groupedlist.custom-class-menu li.grades.custom-class-menu a {
  background-image: url(interface/custom_menu/grades.png);
}
ol.groupedlist.custom-class-menu li.grades.custom-class-menu a span:after {
  background: url(interface/custom_menu/grades.png) no-repeat 0px 0px, linear-gradient(45deg, #57ecff -18%, #57ecff 1%, #00bed6 78%, #00bed6 65%, #00bed6 100%);
}
ol.groupedlist.custom-class-menu li.news.custom-class-menu a {
  background-image: url(interface/custom_menu/news.png);
}
ol.groupedlist.custom-class-menu li.news.custom-class-menu a span:after {
  background: url(interface/custom_menu/news.png) no-repeat 0px 0px, linear-gradient(45deg, #57ecff -18%, #57ecff 1%, #00bed6 78%, #00bed6 65%, #00bed6 100%);
}
ol.groupedlist.custom-class-menu li.users.custom-class-menu a {
  background-image: url(interface/custom_menu/users.png);
}
ol.groupedlist.custom-class-menu li.users.custom-class-menu a span:after {
  background: url(interface/custom_menu/users.png) no-repeat 0px 0px, linear-gradient(45deg, #57ecff -18%, #57ecff 1%, #00bed6 78%, #00bed6 65%, #00bed6 100%);
}
ol.groupedlist.custom-class-menu li.forums.custom-class-menu a {
  background-image: url(interface/custom_menu/forums.png);
}
ol.groupedlist.custom-class-menu li.forums.custom-class-menu a span:after {
  background: url(interface/custom_menu/forums.png) no-repeat 0px 0px, linear-gradient(45deg, #57ecff -18%, #57ecff 1%, #00bed6 78%, #00bed6 65%, #00bed6 100%);
}
ol.groupedlist.custom-class-menu li.virtualrooms.custom-class-menu a {
  background-image: url(interface/custom_menu/virtualrooms.png);
}
ol.groupedlist.custom-class-menu li.virtualrooms.custom-class-menu a span:after {
  background: url(interface/custom_menu/virtualrooms.png) no-repeat 0px 0px, linear-gradient(45deg, #57ecff -18%, #57ecff 1%, #00bed6 78%, #00bed6 65%, #00bed6 100%);
}
ol.groupedlist.custom-class-menu li.chats.custom-class-menu a {
  background-image: url(interface/custom_menu/chats.png);
}
ol.groupedlist.custom-class-menu li.chats.custom-class-menu a span:after {
  background: url(interface/custom_menu/chats.png) no-repeat 0px 0px, linear-gradient(45deg, #57ecff -18%, #57ecff 1%, #00bed6 78%, #00bed6 65%, #00bed6 100%);
}
ol.groupedlist.custom-class-menu li.polls.custom-class-menu a {
  background-image: url(interface/custom_menu/polls.png);
}
ol.groupedlist.custom-class-menu li.polls.custom-class-menu a span:after {
  background: url(interface/custom_menu/polls.png) no-repeat 0px 0px, linear-gradient(45deg, #57ecff -18%, #57ecff 1%, #00bed6 78%, #00bed6 65%, #00bed6 100%);
}
ol.groupedlist.custom-class-menu li.blogc.custom-class-menu a {
  background-image: url(interface/custom_menu/blogc.png);
}
ol.groupedlist.custom-class-menu li.blogc.custom-class-menu a span:after {
  background: url(interface/custom_menu/blogc.png) no-repeat 0px 0px, linear-gradient(45deg, #57ecff -18%, #57ecff 1%, #00bed6 78%, #00bed6 65%, #00bed6 100%);
}
ol.groupedlist.custom-class-menu li.rubrics.custom-class-menu a {
  background-image: url(interface/custom_menu/rubrics.png);
}
ol.groupedlist.custom-class-menu li.rubrics.custom-class-menu a span:after {
  background: url(interface/custom_menu/rubrics.png) no-repeat 0px 0px, linear-gradient(45deg, #57ecff -18%, #57ecff 1%, #00bed6 78%, #00bed6 65%, #00bed6 100%);
}
/*********Info usuario*****************/

div.userInfo {
  /*
	background:lighten(@colorBase,60);
	border:1px solid lighten(@colorBase,50);
	border-radius:10px;
	-moz-border-radius:10px;
	*/
  display: inline-block;
  padding: 0 0 10px 0;
  width: 100%;
}
div.userInfo img {
  background: #00bed6;
  float: left;
  margin: 10px;
  padding: 0;
  vertical-align: top;
}
div.userInfo .Info {
  display: inline-block;
  float: left;
  margin: 10px 0 0 10px;
}
div.userInfo .Info h2 {
  background: none;
  color: #006370;
  font-size: 1.2em;
  font-weight: bold;
  margin: 0;
  padding: 0;
  text-align: left;
  text-shadow: none;
}
div.userInfo .Info h3 {
  background: none;
  color: #00bed6;
  font-size: 1em;
  font-style: italic;
  margin: 0;
  padding: 0;
  text-shadow: none;
}
/*******************************************************/

/* se supone que solo estos elementos se pueden ocultar, lo que esté adentro del contenedor con la clase "closed"*/

.closed div,
.closed form,
.closed ol,
.closed ul {
  display: none;
}
/*******************************************************/

/* Widgets y laterales */

.widget h2 {
  background: #00bed6;
  /*
		background:-webkit-gradient(linear, 0% 30%, 0% 70%, from(@colorBase), to(darken(@colorBase,15)));
		background:-moz-linear-gradient(30% 70% 90deg, darken(@colorBase,15), @colorBase);
		border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
		*/
  color: white;
  font-size: 20px;
  padding: 0.4em;
  text-align: left;
  text-shadow: 0px -1px 0px #666666;
}
.widget h2.add a:link,
.widget h2.add a:visited {
  background: url(interface/small/add.png) no-repeat 5px 5px #00bed6;
  /*
					background:url(interface/small/add.png) no-repeat 5px 5px, -webkit-gradient(linear, 0% 30%, 0% 70%, from(@colorBase), to(darken(@colorBase,15)));
					background:url(interface/small/add.png) no-repeat 5px 5px, -moz-linear-gradient(30% 70% 90deg, darken(@colorBase,15), @colorBase);
					*/
  border: solid 1px #00bed6;
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  box-shadow: none;
  -moz-box-shadow: none;
  color: white;
  display: block;
  padding: 0 0 5px 0;
  text-decoration: none;
  text-shadow: 0px -1px 0 #666666;
}
.widget h2.add a:hover {
  background: url(interface/small/add.png) no-repeat 5px 5px #0ae4ff;
  /*
					background:url(interface/small/add.png) no-repeat 5px 5px, -webkit-gradient(linear, 0% 30%, 0% 70%, from(@colorBase), to(darken(@colorBase,15)));
					background:url(interface/small/add.png) no-repeat 5px 5px, -moz-linear-gradient(30% 70% 90deg, darken(@colorBase,15), @colorBase);
					*/

}
.widget ul {
  border: 1px solid #cccccc;
  border-radius: 10px;
  -moz-border-radius: 10px;
  display: block;
  list-style: none outside none;
  margin: 0;
  padding: 10px;
}
.widget ul li {
  display: block;
}
#crear.widget h2,
#crear.widget h2:hover {
  box-shadow: none;
  -moz-box-shadow: none;
}
#crear.widget h2.add,
#crear.widget h2:hover.add {
  background: none !important;
  border: none;
  border-radius: 0;
  -moz-border-radius: 0;
  font-size: 1.8em;
  margin: 0;
  padding: 0 !important;
  width: 100%;
}
#crear.widget h2 a,
#crear.widget h2:hover a {
  text-align: center;
}
#crear.widget form {
  border-color: #00bed6;
  border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  border-top: none;
  padding: 5px;
  width: 96%;
}
#crear.widget form span textarea {
  margin: 0 0 10px 0;
  width: 99%;
}
/* Titulos h2 widgets */

h2.news {
  background: url(interface/small/news.png) no-repeat 5px 8px #00bed6;
  /*
		background:url(interface/small/news.png) no-repeat 5px 8px, -webkit-gradient(linear, 0% 30%, 0% 70%, from(@colorBase), to(darken(@colorBase,15)));
		background:url(interface/small/news.png) no-repeat 5px 8px, -moz-linear-gradient(30% 70% 90deg, darken(@colorBase,15), @colorBase);
		*/
  color: white;
  text-indent: 25px;
  text-shadow: #666666 0px -1px 0px;
}
h2.agenda {
  background: url(interface/small/calendar.png) no-repeat 5px 8px #00bed6;
  /*
		background:url(interface/small/calendar.png) no-repeat 5px 8px, -webkit-gradient(linear, 0% 30%, 0% 70%, from(@colorBase), to(darken(@colorBase,15)));
		background:url(interface/small/calendar.png) no-repeat 5px 8px, -moz-linear-gradient(30% 70% 90deg, darken(@colorBase,15), @colorBase);
		*/
  color: white;
  text-indent: 25px;
  text-shadow: #666666 0px -1px 0px;
}
h2.messages {
  background: url(interface/small/message_unread.png) no-repeat 5px 8px #00bed6;
  /*
		background:url(interface/small/message_unread.png) no-repeat 5px 8px, -webkit-gradient(linear, 0% 30%, 0% 70%, from(@colorBase), to(darken(@colorBase,15)));
		background:url(interface/small/message_unread.png) no-repeat 5px 8px, -moz-linear-gradient(30% 70% 90deg, darken(@colorBase,15), @colorBase);
		*/
  color: white;
  text-indent: 25px;
  text-shadow: #666666 0px -1px 0px;
}
.sombreado {
  border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: 0 0 5px #666666;
  -moz-box-shadow: 0 0 5px #666666;
  margin: 0 0 10px 0;
  padding: 0;
}
/*******************************************************/

/* Listas generales */

.list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list li {
  background: no-repeat top left;
  border: 0;
  padding: 0 0 0 25px;
  margin: 0;
}
.list dl,
.list dt,
.list dd {
  margin: 0;
  padding: 0;
}
.widget .list dl {
  display: inline-block;
}
/*******************************************************/

/* Mensajes */

form.filter,
form.filter:hover {
  background: url(none) #f0fdff !important;
  border: 1px solid #007a8a;
  box-shadow: none;
  -moz-box-shadow: none;
  color: #00bed6;
  cursor: default;
  margin: 0 0 10px 0;
  padding: 5px !important;
  text-shadow: none;
  width: 100%;
}
form.filter input,
form.filter:hover input {
  margin: 0 10px 0 0;
}
ul.messages,
ul.agenda,
ul.news {
  border: none;
  padding: 0 0 0 10px;
}
ul.messages {
  padding: 0;
}
ul.messages a:link,
ul.messages a:visited {
  color: #00bed6;
}
ul.messages li {
  border-bottom: 1px solid #00bed6;
  background-image: url(interface/tiny/message_unread.png);
  display: block;
}
ul.messages li dl {
  display: inline-block;
  margin: 0 0 10px 0;
}
ul.messages li.send {
  background: url(interface/tiny/message_send.png) no-repeat transparent !important;
  border-radius: 0;
  -moz-border-radius: 0;
  box-shadow: none;
  -moz-box-shadow: none;
  text-shadow: none;
}
ul.messages li.send:hover {
  border: none;
  border-bottom: 1px solid #00bed6;
  cursor: default;
}
ul.messages li.send dl span {
  color: #00bed6;
  margin: 10px 0 0 0;
}
ul.messages li.read {
  background-image: url(interface/tiny/message_read.png);
}
ul.messages li .date {
  color: #999999;
}
ul.messages li .author {
  color: #666666;
  font-style: italic;
}
ul.messages li .actions {
  margin: 10px 0 0 0;
}
.sombreado ul.messages {
  border: none;
  padding: 0 0 0 10px;
}
.sombreado ul.messages li {
  border: none;
}
ul.options li {
  background-image: url(action_tiny.png);
}
ul.options li .date {
  color: #999999;
}
.message_rsp {
  background: #f0fdff;
  border: 1px solid #00bed6;
  border-top: none;
  color: #00bed6;
  display: block;
  padding: 5px;
}
.message_rsp form {
  display: inline-block;
  width: 100%;
}
.message_rsp form a {
  display: inline-block;
  margin: 0 10px 0 0;
}
.message_rsp form a:link,
.message_rsp form a:visited {
  background: none !important;
  border: none;
  color: #333333 !important;
  cursor: pointer;
  text-decoration: underline;
  text-shadow: none;
  box-shadow: none;
  -moz-box-shadow: none;
}
.message_rsp form a:link:hover,
.message_rsp form a:visited:hover {
  text-decoration: none;
}
.message_rsp form label {
  display: inline-block;
  margin: 0 10px 10px 0;
  width: 100% !important;
}
.message_rsp form label textarea {
  display: inline-block;
  margin: 0 10px 0 0;
  vertical-align: top;
}
/*******************************************************/

/* News (siempre pegado a messages) */

ul.news li,
ul.news li {
  background-image: url(interface/tiny/news.png);
}
/*******************************************************/

/* Agenda */

ul.agenda a {
  color: #00bed6;
}
ul.agenda li {
  background-image: url(interface/tiny/calendar.png);
}
ul.agenda li.chat {
  background-image: url(interface/tiny/chats.png);
}
ul.agenda li.virtualroom {
  background-image: url(interface/tiny/virtualroom.png);
}
ul.agenda li .date {
  color: #999999;
}
div.agenda {
  display: inline-block;
  width: 100%;
}
div.agenda .main {
  display: inline-block;
  width: 100%;
}
div.agenda .main table thead tr,
div.agenda .main table thead td,
div.agenda .main table thead th {
  text-align: center;
  vertical-align: middle;
}
div.agenda .main table thead th {
  border-right: 1px solid #aaaaaa;
}
div.agenda .main table td {
  border: 1px solid #cccccc;
  height: 100px;
  padding: 0;
  vertical-align: top;
  width: 14%;
}
div.agenda .main table td .dia {
  background: #dddddd;
  border-bottom: 1px solid #aaaaaa;
  display: block;
  height: 25px;
}
div.agenda .main table td .dia .add,
div.agenda .main table td .dia .add:hover {
  background: none !important;
  border: none;
  box-shadow: none;
  -moz-box-shadow: none;
  float: left;
  margin: 2px 0 0 5px;
  padding: 0 !important;
}
div.agenda .main table td .dia .add a:link,
div.agenda .main table td .dia .add:hover a:link,
div.agenda .main table td .dia .add a:visited,
div.agenda .main table td .dia .add:hover a:visited {
  background: #999999;
  border: 1px solid #666666;
}
div.agenda .main table td .dia .add a:hover,
div.agenda .main table td .dia .add:hover a:hover {
  background: #cccccc;
}
div.agenda .main table td .dia .add span img,
div.agenda .main table td .dia .add:hover span img {
  vertical-align: text-top;
}
div.agenda .main table td .dia .url {
  float: right;
  margin: 2px 5px 0 0;
}
div.agenda .main table td .dia .url a:link,
div.agenda .main table td .dia .url a:visited {
  color: #00bed6;
  font-weight: bold;
  text-decoration: none;
}
div.agenda .main table td .dia .url a:hover {
  color: #23e6ff;
}
div.agenda .main table td.textOn {
  background-color: white;
  border: 1px solid #d6faff;
}
div.agenda .main table td.textOn .dia {
  background: #d6faff;
  border-bottom: 1px solid #d6faff;
}
div.agenda .main table td.textOn .dia .add a:link,
div.agenda .main table td.textOn .dia .add a:visited {
  background: #00bed6;
  border: 1px solid #bdf8ff;
}
div.agenda .main table td.textOn .dia .add a:hover {
  background: #3de9ff;
}
div.agenda .main table td.textOn .dia .url a:link,
div.agenda .main table td.textOn .dia .url a:visited {
  color: #00bed6;
  font-weight: bold;
}
div.agenda .main table td.textOn .dia .url a:hover {
  color: #0ae4ff;
}
div.agenda .main table td .idday a:link,
div.agenda .main table td .idday a:visited {
  color: #00bed6;
  display: block;
  margin: 0px;
  padding: 0px;
}
div.agenda .main table td .idday a:hover {
  color: white;
  background-color: #00bed6;
}
div.agenda .main table tbody tr td span a:link,
div.agenda .main table tbody tr td span a:visited {
  text-decoration: none;
}
div.agenda .tools {
  display: block;
  margin: 0 0 5px 0;
}
/*******************************************************/

/* Toolbar */

div.toolbar {
  display: block;
  margin: 20px 0 10px 0;
  text-align: right;
}
div.toolbar a {
  margin: 0 0 0 10px;
  padding: 0;
}
div.toolbar span {
  margin: 0 0 0 10px;
  padding: 0;
}
/* Opciones secundarias de toolbar */

div.optsUser {
  float: none !important;
  margin: 0;
  padding: 0;
  width: auto !important;
}
div.optsUser span {
  display: block;
  float: none !important;
  text-align: right;
}
/*******************************************************/

/* Paginación */

div.pagination {
  text-align: center;
  margin: 10px 0;
}
div.pagination a {
  border: 1px solid #00bed6;
  border-radius: 5px;
  -moz-border-radius: 5px;
  color: #00bed6;
  padding: 5px;
  text-decoration: none;
}
div.pagination a.arrow {
  border: none;
}
div.pagination .current {
  border: 1px solid #3de9ff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  color: #3de9ff;
  font-weight: bold;
  padding: 5px;
}
/*******************************************************/

/* Tablas */

.gridBasic {
  overflow-x: auto !important;
  overflow-y: auto;
  padding: 10px 0 0 0 !important;
  margin-left: 5px;
  margin-right: 5px;
}
.gridBasic p {
  overflow: auto !important;
}
table thead tr,
table.basic thead tr,
table.mes thead tr,
table thead td,
table.basic thead td,
table.mes thead td,
table thead th,
table.basic thead th,
table.mes thead th {
  background: inherit;
  background-color: #00363d;
  border-bottom: 2px solid #0ae4ff;
  color: white;
  font-weight: bold;
}
table tbody tr.row1 td,
table.basic tbody tr.row1 td,
table.mes tbody tr.row1 td {
  background-color: white;
}
table tbody tr.row1:hover,
table.basic tbody tr.row1:hover,
table.mes tbody tr.row1:hover {
  background-color: #dddddd;
}
table tbody tr.row2 td,
table.basic tbody tr.row2 td,
table.mes tbody tr.row2 td {
  /* background-color: lighten(@colorBase,60%); */
  background-color: white;
}
table tbody tr.row2:hover,
table.basic tbody tr.row2:hover,
table.mes tbody tr.row2:hover {
  /* background-color: lighten(@colorBase,65%); */
  background: gray;
}
table td.main,
table.basic td.main,
table.mes td.main {
  font-weight: bold;
}
table td.minor,
table.basic td.minor,
table.mes td.minor {
  color: #999999;
}
table td.action,
table.basic td.action,
table.mes td.action {
  text-align: center;
  vertical-align: middle;
  width: 50px;
}
/* Indicador de asistencia  */

span.asistencia_verde {
  color: #00cc00;
  font-size: larger;
  font-weight: bolder;
}
span.asistencia_roja {
  color: #cc0000;
  font-size: larger;
  font-weight: bolder;
}
span.asistencia_amarilla {
  color: yellow;
  font-size: larger;
  font-weight: bolder;
}
#FormNota div.line p {
  text-align: left;
  word-spacing: 0px;
}
/*******************************************************/

/*Calendario */

#calendarDiv {
  background-color: white;
  border: 1px solid #006370;
  height: 200px;
  position: absolute;
  width: 210px;
}
#calendarDiv .selectBox,
#calendarDiv .selectBoxOver {
  cursor: pointer;
  display: inline-block;
  font-size: 0.9em;
  line-height: normal;
  padding: 0 0 0 5px;
}
#calendarDiv .selectBox img,
#calendarDiv .selectBoxOver img {
  cursor: pointer;
  float: right;
  margin: 0;
  padding: 0;
  position: relative !important;
}
#calendarDiv .selectBox {
  background-color: #00363d;
  color: white;
  border: 1px solid #00bed6;
}
#calendarDiv .selectBoxOver {
  background-color: #006370;
  color: white;
  border: 1px solid #00bed6;
}
#calendarDiv .topBar {
  background-color: #00363d;
  bottom: 0 !important;
  display: inline-block;
  top: 0 !important;
  width: 206px;
  padding: 5px 2px;
}
#calendarDiv .topBar div {
  border: 1px solid #00bed6;
  display: inline-block;
  float: left;
  height: 16px;
  margin-right: 1px !important;
}
#calendarDiv .topBar img {
  cursor: pointer;
  float: right;
  margin: 0;
  padding: 0;
  position: relative !important;
  right: 0 !important;
}
#calendarDiv .monthYearPicker {
  background-color: #f0fdff;
  border: 1px solid #00bed6;
  color: #0ae4ff;
  display: none;
  position: absolute;
  width: 90px !important;
  z-index: 1000;
}
#calendarDiv .monthYearPicker div {
  cursor: pointer;
  display: block;
  padding: 0 0 0 10px;
  width: auto !important;
}
#calendarDiv .monthYearActive {
  background-color: #00bed6;
  color: #d6faff;
}
#calendarDiv div table {
  width: 210px;
}
#calendarDiv div table tbody tr.calendar_week_row td {
  background-color: white;
}
#calendarDiv div #hourDropDown.monthYearPicker {
  left: 6px !important;
  top: 195px !important;
  right: 0px !important;
}
#calendarDiv div #minuteDropDown.monthYearPicker {
  left: 50px !important;
  top: 195px !important;
  right: 0px !important;
}
#calendarDiv td {
  cursor: pointer;
  font-size: 0.8em;
  text-align: center;
}
#calendarDiv .activeDay {
  color: red;
}
#calendarDiv .todaysDate {
  background-color: #00363d;
  bottom: 0px;
  cursor: pointer !important;
  padding: 5px;
  position: absolute;
  width: 200px;
}
#calendarDiv .todaysDate span a:link,
#calendarDiv .todaysDate span a:visited {
  background: url(interface/cal/apply.png) no-repeat top center #00363d;
  border: 1px solid #00bed6;
  display: block;
  float: right;
  height: 15px;
  width: 50px;
}
#calendarDiv .todaysDate span a:hover {
  background: url(interface/cal/apply.png) no-repeat top center #006370;
  border: 1px solid #00bed6;
  display: block;
  float: right;
  height: 15px;
  width: 50px;
}
#calendarDiv .todaysDate span img {
  visibility: hidden;
}
#calendarDiv .timeBar {
  display: inline !important;
  width: 50px !important;
}
#calendarDiv .timeBar div span {
  float: left;
}
#calendarDiv .timeBar div img {
  float: right;
}
#calendarDiv .selectBoxTime,
#calendarDiv .selectBoxTimeOver {
  cursor: pointer;
  float: left;
  line-height: normal;
  margin: 0 0 0 1px;
  padding: 0;
  width: 40px !important;
}
#calendarDiv .selectBoxTime {
  background-color: #00363d;
  border: 1px solid #00bed6;
  color: white;
}
#calendarDiv .selectBoxTimeOver {
  background-color: #006370;
  border: 1px solid #00bed6;
  color: white;
}
/*******************************************************/

/*******************************************************/

/* Biblioteca virtual */

.bvirtual {
  background: white;
  border: 1px solid #004d57;
  display: inline-block;
  /*height:500px;*/
  max-height: 500px;
  width: 98%;
  margin-left: 10px;
}
.bvirtual .ruta {
  display: none;
}
.bvirtual .carpetas {
  display: inline-block;
  float: left;
  /*height:500px;*/
  overflow: auto !important;
  width: 30%;
}
.bvirtual .archivos,
.bvirtual .barras {
  float: right;
  margin: 0;
  padding: 5px;
  width: 68%;
}
.bvirtual .archivos {
  background: -webkit-gradient(linear, 3% 100%, 0% 100%, from(white), to(#dddddd));
  background: -moz-linear-gradient(5% 0 180deg, white, #dddddd);
  height: 445px;
  overflow: auto !important;
}
.bvirtual .barras {
  background: #00bed6;
  background: -webkit-gradient(linear, 0% 30%, 0% 70%, from(#00bed6), to(#007a8a));
  background: -moz-linear-gradient(30% 70% 90deg, #007a8a, #00bed6);
  display: block;
  height: 35px;
}
.bvirtual .barras .btn {
  margin: 0 0 0 5px;
}
.bvirtual .barras .btn a:link,
.bvirtual .barras .btn a:visited {
  background: #007a8a;
  background: -webkit-gradient(radial, 20 40, 8, 20 40, 28, from(#00bed6), to(#007a8a));
  background: -moz-radial-gradient(50% 90% 0deg, circle farthest-side, #00bed6, #007a8a);
  border: 1px solid #004d57;
  border-radius: 5px;
  -moz-border-radius: 5px;
  display: inline-block;
  height: 30px;
  text-align: center;
  width: 30px;
}
.bvirtual .barras .btn a:hover {
  background: #23e6ff;
  background: -webkit-gradient(radial, 20 40, 8, 20 40, 28, from(#00bed6), to(#23e6ff));
  background: -moz-radial-gradient(50% 90% 0deg, circle farthest-side, #00bed6, #23e6ff);
  border: 1px solid #57ecff;
}
.bvirtual .barras .btn img {
  border: none;
  margin: 3px 0 0 0;
}
.bvirtual .barras span.barLine {
  border-left: 1px solid #0ae4ff;
  border-right: 1px solid #0091a3;
  display: inline-block;
  height: 20px;
  margin: 5px 5px 0 5px;
  padding: 0;
  width: 0;
}
.bvirtual a.carpOff:link,
.bvirtual a.carpOff:visited {
  color: black;
  text-decoration: none;
}
.bvirtual a.carpClose:link,
.bvirtual a.carpOpen:link,
.bvirtual a.carpClose:visited,
.bvirtual a.carpOpen:visited {
  display: inline-block;
  height: 18px;
  margin: 0 5px 0 0;
  text-decoration: none;
  vertical-align: middle;
  width: 16px;
}
.bvirtual a.carpClose {
  background: url(interface/library/folder_close.gif) no-repeat top left;
}
.bvirtual a.carpOpen {
  background: url(interface/library/folder_open.gif) no-repeat top left;
}
.bvirtual div a {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.bvirtual div a.carpOn:link,
.bvirtual div a.carpOn:visited {
  color: white;
  background: #00bed6;
  text-decoration: none;
}
.bvirtual div a.carpOn:hover {
  color: white;
  background: #3de9ff;
  text-decoration: none;
}
.bvirtual div div {
  margin: 0 0 0 10px;
}
.bvirtual div div a {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.bvirtual span.bvArchivo div.fileName {
  display: block;
  margin: 5px 0 0 0;
}
.bvirtual span.bvArchivo div.fileName a:link,
.bvirtual span.bvArchivo div.fileName a:visited {
  display: block;
  word-wrap: break-word;
}
.bvirtual .bvArchivo {
  display: inline-block;
  border-radius: 10px;
  -moz-border-radius: 10px;
  background-color: #f0fdff;
  border: 1px solid #57ecff;
  min-height: 100px;
  margin: 8px;
  overflow: visible !important;
  text-align: center;
  vertical-align: top;
  width: 96px;
}
.bvirtual .bvArchivo img {
  margin: 20px 0 0 0;
}
.bvirtual .bvArchivo input {
  float: right;
  margin: 5px 5px 0 0;
}
div#mkbDivNameBg {
  background-color: #00bed6;
  opacity: 0.7;
  position: absolute;
  z-index: 5;
}
div#mkbDivNameId {
  background-color: #eeeeee;
  border: 1px solid #57ecff;
  box-shadow: 0px 0px 10px black;
  -moz-box-shadow: 0px 0px 10px black;
  overflow: auto;
  padding: 5px;
  position: absolute;
  z-index: 8;
}
.mkViewClose {
  height: 100%;
  overflow: auto !important;
  width: 100%;
}
.mkViewClose a {
  background: url(interface/small/close.png) no-repeat top left;
  height: 40px;
  display: inline-block;
  /*position:absolute;*/
  text-indent: -999px;
  width: 30px;
}
.mkViewClose div {
  overflow: inherit !important;
}
.mkViewClose div img {
  overflow: inherit !important;
}
/*******************************************************/

/*******************************************************/

/*Participantes */

.alumnos {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.alumnos div.tools {
  padding: 0px;
  padding-left: 15px;
  font-size: .9em;
}
.alumnos div.tools a {
  color: #999999;
}
.alumnos div.line {
  display: inline-block;
}
.alumnos div.persona1,
.alumnos div.persona2 {
  background-color: white;
  border: solid 1px #eeeeee;
  border-radius: 10px;
  -moz-border-radius: 10px;
  box-shadow: 0 0 5px #666666;
  -moz-box-shadow: 0 0 5px #666666;
  display: inline-block;
  height: 160px;
  margin: 5px 5px 0 0;
  padding: 10px;
  width: 320px;
}
.alumnos div.elemento {
  float: right;
  width: 200px;
}
.alumnos div.img {
  float: left;
  background-color: #00bed6;
}
.alumnos div.nombre {
  color: #333333;
  font-weight: bold;
  padding: 5px 0 0 15px;
}
.alumnos div.nombre em {
  color: #cccccc;
}
.alumnos div.orderBy span a {
  color: #004d57;
}
.orderBy {
  clear: right;
  display: block;
  height: 30px;
}
.equipos {
  width: 100%;
  margin-top: 10px;
}
.equipos span a {
  padding: 3px;
  border: 1px outset #cccccc;
  background-color: #cccccc;
  color: #3d3d3d;
  text-decoration: none;
}
/*******************************************************/

/* Foro */

.foro {
  background: #f0fdff;
  border-radius: 10px;
  -moz-border-radius: 10px;
  padding: 5px;
  width: 100%;
}
.foro div.foroTeach {
  background: #007a8a;
  background: -webkit-gradient(linear, 0% 30%, 0% 70%, from(#00bed6), to(#007a8a));
  background: -moz-linear-gradient(30% 70% 90deg, #007a8a, #00bed6);
  border-radius: 10px;
  -moz-border-radius: 10px;
  display: block;
  vertical-align: top;
  width: 100%;
}
.foro div.foroTeach span.perfil {
  color: white;
  display: inline-block;
  padding: 10px 5px;
  vertical-align: top;
  width: 30%;
}
.foro div.foroTeach span.perfil span.foto {
  border-right: 1px solid #00363d;
  display: inline-block;
  padding: 0 4px 0 0;
  vertical-align: top;
  width: 32px;
}
.foro div.foroTeach span.perfil span.foto img {
  border-right: 1px solid #0ae4ff;
  padding: 0 5px 0 0;
}
.foro div.foroTeach span.perfil span.nombre {
  display: inline-block;
  vertical-align: top;
  width: 80%;
}
.foro div.foroTeach span.participacion {
  background: white;
  border: 1px solid #cccccc;
  border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  display: inline-block;
  margin: 3px 0 3px 0;
  vertical-align: top;
  width: 67%;
}
.foro div.foroTeach span.participacion div.titulo {
  background: #cccccc;
  border-radius: 0 8px 0 0;
  -moz-border-radius: 0 5px 0 0;
  font-weight: bold;
  padding: 5px;
  text-align: center;
}
.foro div.foroTeach span.participacion div.fecha {
  background: #eeeeee;
  font-size: .8em;
  font-style: italic;
  padding: 5px;
  text-align: right;
}
.foro div.foroTeach span.participacion div.text {
  padding: 5px;
}
.foro div.foroAdd {
  background: #a3f5ff;
  border: 1px solid #00bed6;
  display: block;
  margin: 10px 0 10px 0;
  padding: 5px;
  text-align: right;
  vertical-align: top;
}
.foro div.foroAdd span a img {
  display: none;
}
.foro div.foroAlumno {
  background: #0091a3;
  border-radius: 10px;
  -moz-border-radius: 10px;
  display: block;
  margin: 10px 0;
  padding: 10px 10px 0 10px;
  vertical-align: top;
}
.foro div.foroAlumno div {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.foro div.foroAlumno div span.perfil {
  color: white;
  display: inline-block;
  padding: 10px 5px;
  vertical-align: top;
  width: 30%;
}
.foro div.foroAlumno div span.perfil span.foto {
  border-right: 1px solid #00363d;
  display: inline-block;
  padding: 0 4px 0 0;
  width: 32px;
}
.foro div.foroAlumno div span.perfil span.foto img {
  border-right: 1px solid #0ae4ff;
  padding: 0 5px 0 0;
}
.foro div.foroAlumno div span.perfil span.nombre {
  display: inline-block;
  vertical-align: top;
  width: 79%;
}
.foro div.foroAlumno div span.perfil span.user {
  color: #dddddd;
  display: block;
  font-style: italic;
  font-size: 0.8em;
  text-align: center;
}
.foro div.foroAlumno div span.participacion {
  background: white;
  border: 1px solid #cccccc;
  border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  display: inline-block;
  margin: 3px 0 3px 0;
  width: 67%;
}
.foro div.foroAlumno div span.participacion div.text {
  padding: 10px;
  width: auto;
}
.foro div.foroAlumno div span.participacion div.fecha {
  background: #eeeeee;
  border-radius: 0 10px 0 0;
  -moz-border-radius: 0 10px 0 0;
  font-size: .8em;
  font-style: italic;
  padding: 0 5px 0 0;
  text-align: right;
  width: 99%;
}
.foro div.foroAlumno .foroTool {
  margin: 0 0 10px 0;
  text-align: right;
}
.foro div.foroAlumno .foroTool span a img {
  display: none;
}
/*******************************************************/

/* Chat */

.chatBody {
  width: 100%;
}
.chatList {
  background: white;
  border: 1px solid #00bed6;
  height: 300px;
  overflow: auto !important;
  padding: 5px;
  width: 98.5%;
}
.chatList div.chatRow1 {
  background-color: #eff8f3;
  color: #333333;
}
.chatList div.chatRow2 {
  background-color: #fbfdfc;
  color: #333333;
}
.chatList span.chatFecha {
  font-size: .8em;
  padding-right: 8px;
  color: #999999;
}
.chatList span.chatUser4,
.chatList span.chatUser64,
.chatList span.chatUser4 {
  font-weight: bold;
  padding-right: 8px;
}
.chatList span.chatUser4 {
  color: #333333;
}
.chatList span.chatUser64 {
  color: #006699;
}
.chatList span.chatUser128 {
  color: #009900;
}
.chatList span.error {
  background: url(none) no-repeat left top;
  padding-left: 20px;
  color: red;
}
.chatList span.alert {
  background: url(none) no-repeat left top;
  padding-left: 20px;
  color: #ff3d00;
}
.chatList span.info {
  background: url() no-repeat left top;
  padding-left: 20px;
  color: blue;
}
.chatSubmit {
  background: #f0fdff;
  border: 1px solid #00bed6;
  border-radius: 10px;
  -moz-border-radius: 10px;
  margin: 10px 0 0 0;
  padding: 0;
}
.chatSubmit textarea {
  width: 80%;
  height: 50px;
}
/*******************************************************/

/* Blog */

div.blog .entrada {
  border: 1px solid #00bed6;
  border-radius: 10px;
  -moz-border-radius: 10px;
  display: block;
  margin: 0 0 10px 0;
}
div.blog .entrada .titulo a:link,
div.blog .entrada .titulo a:visited {
  background: #00bed6;
  background: -webkit-gradient(linear, 0% 30%, 0% 70%, from(#00bed6), to(#007a8a));
  background: -moz-linear-gradient(30% 70% 90deg, #007a8a, #00bed6);
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  color: white;
  display: block;
  font-size: 1.5em;
  margin: 0 0 10px 0;
  padding: 10px;
  text-decoration: none;
  text-shadow: -1px -1px 0px #666666;
}
div.blog .entrada .titulo a:hover {
  background: #23e6ff;
}
div.blog .entrada .subtitulo {
  color: #666666;
  display: block;
  font-style: italic;
  line-height: normal;
  margin: 0 10px 10px 0;
  text-align: right;
}
div.blog .entrada .tool {
  margin: 0 10px 0 0;
  text-align: right;
}
div.blog .entrada .contend {
  padding: 20px;
}
div.blog .entrada .contend p img {
  margin: 5px;
}
div.blog .entrada .coment {
  border: 1px solid #00bed6;
  border-radius: 10px;
  -moz-border-radius: 10px;
  margin: 10px;
  padding: 10px;
}
div.blog .com {
  border: 1px solid #00bed6;
  border-radius: 10px;
  -moz-border-radius: 10px;
  margin: 0;
  padding: 10px;
}
div.blog .com .item {
  border: 1px solid #00bed6;
  border-radius: 10px;
  -moz-border-radius: 10px;
  margin: 10px;
  padding: 0;
}
div.blog .com .item .titulo {
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  background: #00bed6;
  color: white;
  padding: 5px;
  text-align: right;
}
div.blog .com .item .contend {
  padding: 20px;
}
/*******************************************************/

/*  Evaluaciones */

.evaluacion {
  border: 1px solid #00bed6;
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 99%;
}
.evaluacion .resp {
  padding: 10px;
}
.evaluacion .resp .opResp label span.resp_op {
  width: 25px;
}
.evaluacion .resp .opResp label span.resp_text {
  width: auto;
}
.evaluacion .barEva {
  background: #00a7bd;
  color: white;
  display: block;
}
.evaluacion .barEva .preg {
  display: block;
  font-weight: bold;
  padding: 5px;
}
.evaluacion .barEva .reloj {
  background: #0ae4ff;
  display: block;
  padding: 5px;
  text-align: right;
}
.evaluacion .desc {
  padding: 10px;
}
.evaluacion .desc .imagen img {
  float: left;
  margin: 0 10px 0 0;
}
.evaluacion .desc div {
  margin: 0;
}
.evaluacion .navPreguntas,
.evaluacion span.navPreguntas {
  border-top: 1px solid #00bed6;
  display: block;
  margin: 10px 0 0 0;
  padding: 5px 0 0 0;
  text-align: center;
}
.evaluacion .navPreguntas .numPregunta a:link,
.evaluacion span.navPreguntas .numPregunta a:link,
.evaluacion .navPreguntas .numPregunta a:visited,
.evaluacion span.navPreguntas .numPregunta a:visited {
  display: inline-block !important;
  border-radius: 5px;
  -moz-border-radius: 5px;
  color: #004d57;
  margin: 0 5px 5px 0;
  padding: 2px;
  text-decoration: none;
}
.evaluacion .navPreguntas .numPregunta a.resp,
.evaluacion span.navPreguntas .numPregunta a.resp {
  background: #004d57;
  color: #57ecff;
}
.evaluacion .navPreguntas .numPregunta a.respSi,
.evaluacion span.navPreguntas .numPregunta a.respSi {
  background: gray;
  color: #57ecff;
}
.evaluacion .navPreguntas .numPregunta a.respSel,
.evaluacion span.navPreguntas .numPregunta a.respSel {
  background: #57ecff;
  color: #004d57;
}
.evaluacion .navPreguntas .numPregunta a.respPrel,
.evaluacion span.navPreguntas .numPregunta a.respPrel {
  /*background:darken(@colorComplement,25);
								  color:lighten(@colorComplement,25);
								*/
  background: #38ace2;
  color: #004d57;
}
.evaluacion .footPreguntas {
  background: #00bed6;
  display: inline-block;
  margin: 10px 0 0 0;
  padding: 10px;
  width: 98%;
}
.evaluacion .footPreguntas div {
  border: 1px solid #00a7bd;
  border-radius: 10px;
  -moz-border-radius: 10px;
  padding: 10px;
  width: 210px !important;
}
.evaluacion .footPreguntas div span,
.evaluacion .footPreguntas span {
  background: #007a8a;
  background: -webkit-gradient(linear, 0% 30%, 0% 70%, from(#00bed6), to(#007a8a));
  background: -moz-linear-gradient(30% 70% 90deg, #007a8a, #00bed6);
  border: 1px solid #007a8a;
  border-radius: 10px;
  -moz-border-radius: 10px;
  display: inline-block !important;
  float: none !important;
  text-align: center;
  width: 100px !important;
}
.evaluacion .footPreguntas div span a:link,
.evaluacion .footPreguntas span a:link,
.evaluacion .footPreguntas div span a:visited,
.evaluacion .footPreguntas span a:visited {
  color: #89f2ff;
  text-decoration: none;
}
.evaluacion .footPreguntas div span a:hover,
.evaluacion .footPreguntas span a:hover {
  color: white;
}
.evaluacion .footPreguntas span.btnPrel {
  margin: 10px 0 0 10px;
}
.evaluacion .retroSi {
  background: #97f4bd;
  border: 1px solid #12ae50;
  border-radius: 10px;
  -moz-border-radius: 10px;
  color: #0b6830;
  display: none;
  margin: 10px;
  padding: 4px;
}
.evaluacion .retroSi hr {
  background: #12ae50;
}
.evaluacion .retroSi .btn {
  color: #0f9746;
  margin: 0 0 0 10px;
}
.evaluacion .retroNo {
  background: #ffc5b3;
  border: 1px solid #e63700;
  border-radius: 10px;
  -moz-border-radius: 10px;
  color: #992500;
  display: none;
  margin: 10px;
  padding: 4px;
}
.evaluacion .retroNo hr {
  background: #e63700;
}
.evaluacion .retroNo .btn {
  color: #cc3100;
  margin: 0 0 0 10px;
}
.evaluacion div {
  margin: 0;
  padding: 0;
}
.evaluacion form {
  clear: left;
  margin: 0;
  padding: 10px;
}
.evaluacion form .preguntas {
  background: #f0fdff;
  border: 1px solid #00bed6;
  border-radius: 10px;
  -moz-border-radius: 10px;
  padding: 5px;
}
.evaluacion form .preguntas .resp {
  background: none;
  display: block;
}
/*******************************************************/

/*  Encuesta */

.encuesta .desc {
  background: #00bed6;
  color: white;
  padding: 5px;
}
.encuesta form {
  background: #bdf8ff;
  border: 1px solid #00bed6;
  border-radius: 10px;
  -moz-border-radius: 10px;
  margin: 10px 0 0 0;
  padding: 10px;
}
.encuesta form .preguntas {
  background: #f0fdff;
  border: 1px solid #00bed6;
  border-radius: 10px;
  -moz-border-radius: 10px;
}
.encuesta form .submit {
  display: inline-block;
  width: 120px;
}
.encuesta form .submit input {
  background: none;
  border: none;
  color: white;
  cursor: pointer;
  display: inline-block;
}
/*******************************************************/

/*  Footer */

#footer {
  /* color:lighten(@colorBase, 20); */
  color: gray;
  height: 167px;
  margin: 0 auto;
  /*padding:10px;*/
  text-align: center;
  /* width: 980px; */
  width: 100%;
  background: url(custom/footer.png) no-repeat center bottom, url(custom/bg-footer.png) repeat-x bottom;
}
#footer div {
  color: white;
  padding: 10px 0 0 0;
}
#footer div a {
  color: white;
}
/*******************************************************/

/* mkEditor */

.mkEdit {
  padding: 0 !important;
  width: 100%;
}
.mkEdit .barButton {
  display: block;
  padding: 0 0 5px 5px;
}
.mkEdit .barButton button {
  margin: 5px 5px 0 0;
}
.mkEdit .barButton button img {
  margin: 0;
  padding: 0;
}
.mkEdit .barButton big {
  border-left: 1px solid #00bed6;
  display: inline-block;
  margin: 0 2px 0 2px;
  overflow: hidden !important;
  padding: 0;
  width: 1px;
}
.mkEdit iframe {
  background: white;
  border: 1px solid #00bed6;
  display: block;
  margin: 0 0 0 5px;
  width: 98%;
}
.mkEdit textarea {
  width: 100%;
}
.mkEdit .mkColor {
  background: #cccccc;
  border: 1px solid #aaaaaa;
  border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: 0 0 5px black;
  -moz-box-shadow: 0 0 5px black;
  position: absolute;
  width: auto;
  z-index: 1;
}
.mkEdit .mkColor table {
  border: 1px solid #aaaaaa;
  width: 150px;
}
.mkEdit .mkColor table tr td {
  height: 5px;
  cursor: pointer;
  width: 5px;
}
.mkEdit .mkColor td {
  width: 6px;
  height: 15px;
  cursor: pointer;
}
/******************************************************/

/*Mensage del bloc de la clase*/

#bloc_message {
  margin-top: -6px;
  background: #00bed6;
  /*Base color*/
  color: white;
  /*White*/
  font-size: 1.70em;
  padding: 6px;
  text-shadow: 0 -1px 0 #666666;
}
/******** INI - BlogClase ********************/

div.blogcTeach {
  /*background-color:#256C5E;*/
  background-color: #00bed6;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  /*border:1px solid #3A0108;*/
  border: 1px solid #007a8a;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: white;
  float: left;
  margin-bottom: 2px;
  padding: 0;
  width: 100%;
}
div.blogcTeach span.perfil,
div.blogcAlumno span.perfil {
  border-right: solid 1px #333333;
  /*color:#CCC;*/
  color: #ffffcc;
  float: left;
  margin: 10px;
  width: 20%;
}
div.blogcTeach span.perfil span.foto,
div.blogcAlumno span.perfil span.foto {
  float: left;
  width: 100%;
}
div.blogcTeach span.nombre,
div.blogcAlumno span.nombre {
  font-size: 0.8em;
  padding: 0;
}
div.blogcTeach span.participacion,
div.blogcAlumno span.participacion {
  float: left;
  margin-top: 10px;
  width: 75%;
}
div.blogcAlumno {
  /*background-color: #DEF1F2;*/
  background-color: #f0fdff !important;
  /*border:1px solid #256C5E;*/
  border: 1px solid #23e6ff !important;
  /*color:#333;*/
  color: black !important;
  float: left;
  margin-bottom: 2px;
  padding: 10px 0;
  width: 100%;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
div.blogcAlumno span.perfil {
  /*color:#256C5E;*/
  color: #00bed6;
}
div.blogcAlumno span.perfil span.user {
  float: left;
  font-size: .7em;
  /*color:#DEF1F2;*/
  color: white;
}
div.blogcAlumno div.fecha {
  /*color:#1F2B01;*/
  color: #00363d !important;
}
div.blogcTool {
  /*background-color:#256C5E;*/
  background-color: #00bed6;
  color: white;
  float: right;
  margin-top: -10px;
  padding: 5px 0;
  text-align: right;
  width: 100%;
  min-height: 17px !important;
  -webkit-border-radius: 15px 15px 0 0;
  -moz-border-radius: 15px 15px 0 0;
  border-radius: 15px 15px 0 0;
}
div.blogcTool span a {
  /*background-color: #65020E;*/
  background-color: #b32b00 !important;
  background-image: none;
  /*background:-webkit-gradient(linear, 0% 30%, 0% 50%, from(#910314), to(#65020E));*/
  background: -webkit-gradient(linear, 0% 30%, 0% 70%, from(#ff3d00), to(#b32b00)) !important;
  /*background:-moz-linear-gradient(30% 70% 90deg, #65020E, #910314);*/
  background: -moz-linear-gradient(30% 70% 90deg, #b32b00, #ff3d00) !important;
  margin-right: 10px;
  padding: 5px;
  color: white;
  /*text-shadow:0px -1px 0px #666;*/
  text-shadow: 0px -1px 0px #ffff33;
}
div.blogcTool span a:hover {
  /*background-color: #910314;*/
  background-color: #b32b00 !important;
}
div.blogcAdd {
  margin-bottom: 10px;
  text-align: right;
  width: 100%;
}
div.blogcAdd span a {
  /*background-color: #3E5602;*/
  background-color: #0d803b !important;
  background-image: none;
  /*background:-webkit-gradient(linear, 0% 30%, 0% 70%, from(#688F03), to(#3E5602));*/
  background: -webkit-gradient(linear, 0% 30%, 0% 70%, from(#14c55b), to(#0d803b)) !important;
  /*background:-moz-linear-gradient(30% 70% 90deg, #3E5602, #688F03);*/
  background: -moz-linear-gradient(30% 70% 90deg, #0d803b, #14c55b) !important;
  margin: 0 0 10px 0;
  padding: 5px;
  /*text-shadow:0px -1px 0 #666;*/
  text-shadow: 0px -1px 0 #ffff33;
  color: white;
}
div.blogcAdd span a:hover {
  /*background-color: #688F03;*/
  background-color: #0d803b !important;
}
div.blogcTool span a img,
div.blogcAdd span a img {
  border: 0 none;
  margin: 0 10px 0 0;
  padding: 0;
  vertical-align: text-top;
}
div.blvirtual .barras .btnWindow {
  background-image: none;
}
div.blogcTeach span.perfil {
  /*color:#CCC;*/
  color: #ffffcc;
}
div.blogcTeach div.fecha {
  /*color:#CCC;*/
  color: #ffffcc;
}
div.blogcAlumno div.fecha {
  /*color:#666;*/
  color: #ffff33;
}
/******** END - BlogClase ********************/

/***** INI  Pantalla de login ***************************/

#login form {
  margin-top: 150px;
  padding: 0px;
  border: 0;
  /*  background: red; */
  background-color: rgba(225, 225, 225, 0.7);
}
#login form h2 {
  /* background:darken(@colorBase, 25%); */
  background: #00bed6;
  color: white;
  padding: 5px;
  text-align: center;
}
#login form p button {
  background: #00bed6 !important;
  border-radius: 0px;
  margin-top: 5px;
  margin-bottom: 10px;
  /*
					width: 67px;
					border: solid 1px gray;
					border:0;
			    */

}
#login form p button:hover {
  background: #0091a3 !important;
}
#login form div {
  background: #00bed6;
}
#login form div a {
  color: white;
  text-decoration: none;
}
#login form div a:hover {
  text-shadow: 1px 1px 1px black;
}
/***** END  Pantalla de login ***************************/