﻿
/* ***************************************
	RESET CSS
*************************************** */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	background-color: white;
}
html, body {
	height: 100%;
	margin-bottom: 1px;
}
img {
	border-width:0;
	border-color:transparent;
}
:focus {
	outline: 0 none;
}
ol, ul {
	list-style: none;
}
em, i {
	font-style:italic;
}
ins {
	text-decoration:none;
}
del {
	text-decoration:line-through;
}
strong, b {
	font-weight:bold;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: top;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a {
	text-decoration: none;
}

/* Clearfix */
.clearfix:after,
.elgg-grid:after,
.elgg-layout:after,
.elgg-inner:after,
.elgg-page-header:after,
.elgg-page-footer:after,
.elgg-head:after,
.elgg-foot:after,
.elgg-col:after,
.elgg-image-block:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;	
}

/* Fluid width container that does not wrap floats */
.elgg-body,
.elgg-col-last {
	display: block;
	width: auto;
	word-wrap: break-word;
	overflow: hidden;
	
	/* IE 6, 7 */
	zoom:1;
	*overflow:visible;
}

.elgg-body:after,
.elgg-col-last:after {
	display: block;
	visibility: hidden;
	height: 0 !important;
	line-height: 0;
	overflow: hidden;
	
	/* Stretch to fill up available space */
	font-size: xx-large;
	content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";
}

/* ***************************************
 * MENUS
 *
 * To add separators to a menu:
 * .elgg-menu-$menu > li:after {content: '|'; background: ...;}
 *************************************** */
/* Enabled nesting of dropdown/flyout menus */
.elgg-menu > li { position: relative; }

.elgg-menu > li:last-child::after {
	display: none;
}

/* Maximize click target */
.elgg-menu > li > a { display: block }

/* Horizontal menus w/ separator support */
.elgg-menu-hz > li,
.elgg-menu-hz > li:after,
.elgg-menu-hz > li > a,
.elgg-menu-hz > li > span {
	vertical-align: middle;
}

/* Allow inline image blocks in horizontal menus */
.elgg-menu-hz .elgg-body:after { content: '.'; }

/* Inline block */
.elgg-gallery > li,
.elgg-button,
.elgg-icon,
.elgg-menu-hz > li,
.elgg-menu-hz > li:after,
.elgg-menu-hz > li > a,
.elgg-menu-hz > li > span {
	/* Google says do this, but why? */
	position: relative;

	display: inline-block;
}

/* ***************************************
	GRID
*************************************** */
.elgg-col {
	float: left;
}
.elgg-col-1of1 {
	float: none;
}
.elgg-col-1of2 {
	width: 50%;
}
.elgg-col-1of3 {
	width: 33.33%;
}
.elgg-col-2of3 {
	width: 66.66%;
}
.elgg-col-1of4 {
	width: 25%;
}
.elgg-col-3of4 {
	width: 75%;
}
.elgg-col-1of5 {
	width: 20%;
}
.elgg-col-2of5 {
	width: 40%;
}
.elgg-col-3of5 {
	width: 60%;
}
.elgg-col-4of5 {
	width: 80%;
}
.elgg-col-1of6 {
	width: 16.66%;
}
.elgg-col-5of6 {
	width: 83.33%;
}
/* <style>
/* ***************************************
	Typography
*************************************** */
body {
	font-size: 11px;
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	color: #333;
}
a {
	color: #3B5998
}

pre, code {
	font-family: Monaco, "Courier New", Courier, monospace;
	font-size: 12px;
	background:#EBF5FF;
	color:#000000;
	overflow:auto;

	overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */

	white-space: pre-wrap;
	word-wrap: break-word; /* IE 5.5-7 */
}
blockquote {
	line-height: 1.3em;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	color: #333;
}
h1 { font-size: 1.8em; }
h2 { font-size: 1.5em; line-height: 1.1em; padding-bottom:5px; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.0em; }
h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }

a {
	color: #3B5998;
	cursor:pointer;
}
a:hover {
	text-decoration: underline;
}

p {
	margin-bottom: 15px;
}
p:last-child {
	margin-bottom: 0;
}

dt {
	font-weight: bold;
}
dd {
	margin: 0 0 1em 1em;
}
code {
	padding:2px 3px;
}
pre {
	padding:3px 15px;
	margin:0px 0 15px 0;
	line-height:1.3em;
}
blockquote {
	padding:3px 15px;
	margin:0px 0 15px 0;
	background:#EBF5FF;
	border:none;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.elgg-monospace {
	font-family: Monaco, "Courier New", Courier, monospace;
}

.elgg-heading-site, .elgg-heading-site:hover {
	font-size: 2em;
	line-height: 1.4em;
	color: white;
	text-shadow: 0 0 1px #627AAD;
	text-decoration: none;
}
.elgg-heading-main {
	float: left;
	max-width: 530px;
	margin-right: 10px;
}
.elgg-heading-basic {
	color: #0054A7;
	font-size: 1.2em;
	font-weight: bold;
}

.elgg-subtext {
	color: #666666;
}

/* ***************************************
	USER INPUT DISPLAY RESET
*************************************** */
.elgg-output ul, ol {
	margin: 0 1.5em 1.5em 0;
	padding-left: 1.5em;
}
.elgg-output ul {
	list-style-type: disc;
}
.elgg-output ol {
	list-style-type: decimal;
}
.elgg-output table {
	border: 1px solid #ccc;
}
.elgg-output table td {
	border: 1px solid #ccc;
	padding: 3px 5px;
}
.elgg-output img {
	max-width: 100%;
}/* <style>
/* ***************************************
	Form Elements
*************************************** */
fieldset > div {
	margin-bottom: 15px;
}
fieldset > div:last-child {
	margin-bottom: 0;
}

label {
	font-weight: bold;
}

input, textarea {
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	border: 1px solid #BDC7D8;
	padding: .5em;
	width: 100%;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

textarea {
	height: 200px;
}

.elgg-longtext-control {
	float: right;
	margin-left: 14px;
	font-size: 80%;
	cursor: pointer;
}


.elgg-input-access {
	margin:5px 0 0 0;
}

input[type="checkbox"],
input[type="radio"] {
	margin:0 3px 0 0;
	padding:0;
	border:none;
	width:auto;
}
.elgg-input-checkboxes.elgg-horizontal li,
.elgg-input-radio.elgg-horizontal li {
	display: inline;
	padding-right: 10px;
}

.ui-datepicker {
	background:white;
	border-bottom: 2px solid #293E6C;
}	

.ui-datepicker-header {
	text-align: center;
	background: #6D84B7;
	color: white;
	font-weight: bold;
	padding: 3px 3px 4px;
	vertical-align:center;
	border: 1px solid #3A589B;
	border-width: 0 1px;
}

.ui-datepicker-next,
.ui-datepicker-prev {
	text-decoration: none;
	color:white;
	width: 14.2857%;
}

.ui-datepicker-next {
	padding-right: 3px;
	float:right;
}

.ui-datepicker-prev {
	padding-left: 3px;
	float:left;
}

.ui-datepicker-calendar {
	width: 100%;
	border-collapse: separate;
	border: 1px solid #777;
	border-width: 0 1px;
}

.ui-datepicker-calendar th {
	background: #F2F2F2;
	border-bottom: 1px solid #BBB;
	font-size: 9px;
	font-weight: bold;
	padding: 3px 2px;
	text-align: center;
}

.ui-datepicker-calendar td {
	padding: 0;
}

.ui-datepicker-calendar a {
	display: block;
	margin: 1px;
	padding: 4px;
	border: 1px solid white;
	color: #666;
	cursor: pointer;
	text-align:center;
	text-decoration: none;
}

.ui-datepicker-calendar .ui-datepicker-current-day > a {
	font-weight: bold;
	background: #DDD;
}

.ui-datepicker-calendar .ui-state-hover {
	color: #3B5998;
	border-color: #BEC8DD;
	background-color: #DFE4EE;
}


/* ***************************************
	FRIENDS PICKER
*************************************** */
.friends-picker-container h3 {
	font-size:4em !important;
	text-align: left;
	margin:10px 0 20px !important;
	color:#999 !important;
	background: none !important;
	padding:0 !important;
}
.friends-picker .friends-picker-container .panel ul {
	text-align: left;
	margin: 0;
	padding:0;
}
.friends-picker-wrapper {
	margin: 0;
	padding:0;
	position: relative;
	width: 100%;
}
.friends-picker {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding:0;
	width: 730px;
	height: auto;
	background-color: #dedede;

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.friendspicker-savebuttons {
	background: white;

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	margin:0 10px 10px;
}
.friends-picker .friends-picker-container { /* long container used to house end-to-end panels. Width is calculated in JS  */
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	list-style-type: none;
}
.friends-picker .friends-picker-container .panel {
	float:left;
	height: 100%;
	position: relative;
	width: 730px;
	margin: 0;
	padding:0;
}
.friends-picker .friends-picker-container .panel .wrapper {
	margin: 0;
	padding:4px 10px 10px 10px;
	min-height: 230px;
}
.friends-picker-navigation {
	margin: 0 0 10px;
	padding:0 0 10px;
	border-bottom:1px solid #ccc;
}
.friends-picker-navigation ul {
	list-style: none;
	padding-left: 0;
}
.friends-picker-navigation ul li {
	float: left;
	margin:0;
	background:white;
}
.friends-picker-navigation a {
	font-weight: bold;
	text-align: center;
	background: white;
	color: #999;
	text-decoration: none;
	display: block;
	padding: 0;
	width:20px;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.tabHasContent {
	background: white;
	color:#333 !important;
}
.friends-picker-navigation li a:hover {
	background: #333;
	color:white !important;
}
.friends-picker-navigation li a.current {
	background: #4690D6;
	color:white !important;
}
.friends-picker-navigation-l, .friends-picker-navigation-r {
	position: absolute;
	top: 46px;
	text-indent: -9000em;
}
.friends-picker-navigation-l a, .friends-picker-navigation-r a {
	display: block;
	height: 40px;
	width: 40px;
}
.friends-picker-navigation-l {
	right: 48px;
	z-index:1;
}
.friends-picker-navigation-r {
	right: 0;
	z-index:1;
}
.friends-picker-navigation-l {
	background: url("https://ci.unia.es/_graphics/friendspicker.png") no-repeat left top;
}
.friends-picker-navigation-r {
	background: url("https://ci.unia.es/_graphics/friendspicker.png") no-repeat -60px top;
}
.friends-picker-navigation-l:hover {
	background: url("https://ci.unia.es/_graphics/friendspicker.png") no-repeat left -44px;
}
.friends-picker-navigation-r:hover {
	background: url("https://ci.unia.es/_graphics/friendspicker.png") no-repeat -60px -44px;
}
.friendspicker-savebuttons .elgg-button-submit,
.friendspicker-savebuttons .elgg-button-cancel {
	margin:5px 20px 5px 5px;
}
.friendspicker-members-table {
	background: #dedede;

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	margin:10px 0 0;
	padding:10px 10px 0;
}

/* ***************************************
	USER PICKER
*************************************** */

.user-picker .user-picker-entry {
	clear:both;
	height:25px;
	padding:5px;
	margin-top:5px;
	border-bottom:1px solid #cccccc;
}
.user-picker-entry .elgg-button-delete {
	margin-right:10px;
}
/* <style>
/* **************************
	BUTTONS
************************** */

.elgg-button + .elgg-button {
	margin-left: 4px;
}

/* Base */
.elgg-button {
	color: #333;
	font-weight: bold;
	text-decoration: none;
	width: auto;
	margin: 0;
	font-size: 11px;
	line-height: 16px;
	
	padding: 2px 6px;
	cursor: pointer;
	outline: none;
	text-align: center;
	white-space: nowrap;

	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.10), inset 0 1px 0 #fff;
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.10), inset 0 1px 0 #fff;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.10), inset 0 1px 0 #fff;

	border: 1px solid #999;
	border-bottom-color: #888;

    background: #eee;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f6f6), to(#e4e4e3));
    background: -moz-linear-gradient(#f5f6f6, #e4e4e3);
    background: -o-linear-gradient(#f5f6f6, #e4e4e3);
    background: linear-gradient(#f5f6f6, #e4e4e3);
}

.elgg-button:hover {
	color:#333;
	text-decoration:none;
}

.elgg-button:active {
	background: #ddd;
	border-bottom-color:#999;
	
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

.elgg-button.elgg-state-disabled {
	background: #F2F2F2;
	border-color: #C8C8C8;
	color: #B8B8B8;
	cursor: default;
	
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

/* Submit: This button should convey, "you're about to take some definitive action" */
.elgg-button-submit {
	color: #fff !important;
    background: #5B74A8;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#637bad), to(#5872a7));
    background: -moz-linear-gradient(#637bad, #5872a7);
    background: -o-linear-gradient(#637bad, #5872a7);
    background: linear-gradient(#637bad, #5872a7);
	border-color: #29447E #29447E #1A356E;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.10), inset 0 1px 0 #8a9cc2;
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.10), inset 0 1px 0 #8a9cc2;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.10), inset 0 1px 0 #8a9cc2;
	
}

.elgg-button-submit:active {
	background: #4f6aa3;
	border-bottom-color: #29447e;
}

.elgg-button-submit.elgg-state-disabled {
	background: #ADBAD4;
	border-color: #94A2BF;
}


/* Delete: This button should convey "be careful before you click me" */
.elgg-button-delete {
	background: #444;
	border: 1px solid #333;
	color: #eee !important;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.10), inset 0 1px 0 #999;
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.10), inset 0 1px 0 #999;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.10), inset 0 1px 0 #999;
}

.elgg-button-delete:active {
	background: #111;
}

.elgg-button-delete.elgg-state-disabled {
	background: #999;
	border-color: #888;
}

/* Special: This button should convey "please click me!" */
.elgg-button-special {
	color:white !important;
    background: #69a74e;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#75ae5c), to(#67a54b));
    background: -moz-linear-gradient(#75ae5c, #67a54b);
    background: -o-linear-gradient(#75ae5c, #67a54b);
    background: linear-gradient(#75ae5c, #67a54b);
	border-color: #3b6e22 #3b6e22 #2c5115;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.10), inset 0 1px 0 #98c286;
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.10), inset 0 1px 0 #98c286;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.10), inset 0 1px 0 #98c286;
}

.elgg-button-special:active {
	background:#609946;
	border-bottom-color:#3b6e22;
}

.elgg-button-special.elgg-state-disabled {
	background: #B4D3A7;
	border-color: #9DB791;
}

/* Other button modifiers */
.elgg-button-dropdown {
	color: white;
	border:1px solid #71B9F7;
}

.elgg-button-dropdown:after {
	content: " \25BC ";
	font-size: smaller;
}

.elgg-button-dropdown:hover {
	background-color:#71B9F7;
}

.elgg-button-dropdown.elgg-state-active {
	background: #ccc;
	color: #333;
	border:1px solid #ccc;
}

.elgg-button-large {
	font-size: 13px;
	line-height: 19px;
}
/* <style>
/* ***************************************
	ICONS
*************************************** */

.elgg-icon {
	background: transparent url(https://ci.unia.es/_graphics/elgg_sprites.png) no-repeat left;
	width: 16px;
	height: 16px;
	margin: 0 2px;
}
.elgg-icon-arrow-left {
	background-position: 0 -0px;
}
.elgg-icon-arrow-right {
	background-position: 0 -18px;
}
.elgg-icon-arrow-two-head {
	background-position: 0 -36px;
}
.elgg-icon-attention:hover {
	background-position: 0 -54px;
}
.elgg-icon-attention {
	background-position: 0 -72px;
}
.elgg-icon-calendar {
	background-position: 0 -90px;
}
.elgg-icon-cell-phone {
	background-position: 0 -108px;
}
.elgg-icon-checkmark:hover {
	background-position: 0 -126px;
}
.elgg-icon-checkmark {
	background-position: 0 -144px;
}
.elgg-icon-clip:hover {
	background-position: 0 -162px;
}
.elgg-icon-clip {
	background-position: 0 -180px;
}
.elgg-icon-cursor-drag-arrow {
	background-position: 0 -198px;
}
.elgg-icon-delete-alt:hover {
	background-position: 0 -216px;
}
.elgg-icon-delete-alt {
	background-position: 0 -234px;
}
.elgg-icon-delete:hover {
	background-position: 0 -252px;
}
.elgg-icon-delete {
	background-position: 0 -270px;
}
.elgg-icon-download:hover {
	background-position: 0 -288px;
}
.elgg-icon-download {
	background-position: 0 -306px;
}
.elgg-icon-eye {
	background-position: 0 -324px;
}
.elgg-icon-facebook {
	background-position: 0 -342px;
}
.elgg-icon-grid:hover {
	background-position: 0 -360px;
}
.elgg-icon-grid {
	background-position: 0 -378px;
}
.elgg-icon-home:hover {
	background-position: 0 -396px;
}
.elgg-icon-home {
	background-position: 0 -414px;
}
.elgg-icon-hover-menu:hover {
	background-position: 0 -432px;
}
.elgg-icon-hover-menu {
	background-position: 0 -450px;
}
.elgg-icon-info:hover {
	background-position: 0 -468px;
}
.elgg-icon-info {
	background-position: 0 -486px;
}
.elgg-icon-link:hover {
	background-position: 0 -504px;
}
.elgg-icon-link {
	background-position: 0 -522px;
}
.elgg-icon-list {
	background-position: 0 -540px;
}
.elgg-icon-lock-closed {
	background-position: 0 -558px;
}
.elgg-icon-lock-open {
	background-position: 0 -576px;
}
.elgg-icon-mail-alt:hover {
	background-position: 0 -594px;
}
.elgg-icon-mail-alt {
	background-position: 0 -612px;
}
.elgg-icon-mail:hover {
	background-position: 0 -630px;
}
.elgg-icon-mail {
	background-position: 0 -648px;
}
.elgg-icon-photo {
	background-position: 0 -666px;
}
.elgg-icon-print-alt {
	background-position: 0 -684px;
}
.elgg-icon-print {
	background-position: 0 -702px;
}
.elgg-icon-push-pin-alt {
	background-position: 0 -720px;
}
.elgg-icon-push-pin {
	background-position: 0 -738px;
}
.elgg-icon-redo {
	background-position: 0 -756px;
}
.elgg-icon-refresh:hover {
	background-position: 0 -774px;
}
.elgg-icon-refresh {
	background-position: 0 -792px;
}
.elgg-icon-round-arrow-left {
	background-position: 0 -810px;
}
.elgg-icon-round-arrow-right {
	background-position: 0 -828px;
}
.elgg-icon-round-checkmark {
	background-position: 0 -846px;
}
.elgg-icon-round-minus {
	background-position: 0 -864px;
}
.elgg-icon-round-plus {
	background-position: 0 -882px;
}
.elgg-icon-rss {
	background-position: 0 -900px;
}
.elgg-icon-search-focus {
	background-position: 0 -918px;
}
.elgg-icon-search {
	background-position: 0 -936px;
}
.elgg-icon-settings-alt:hover {
	background-position: 0 -954px;
}
.elgg-icon-settings-alt {
	background-position: 0 -972px;
}
.elgg-icon-settings {
	background-position: 0 -990px;
}
.elgg-icon-share:hover {
	background-position: 0 -1008px;
}
.elgg-icon-share {
	background-position: 0 -1026px;
}
.elgg-icon-shop-cart:hover {
	background-position: 0 -1044px;
}
.elgg-icon-shop-cart {
	background-position: 0 -1062px;
}
.elgg-icon-speech-bubble-alt:hover {
	background-position: 0 -1080px;
}
.elgg-icon-speech-bubble-alt {
	background-position: 0 -1098px;
}
.elgg-icon-speech-bubble:hover {
	background-position: 0 -1116px;
}
.elgg-icon-speech-bubble {
	background-position: 0 -1134px;
}
.elgg-icon-star-alt {
	background-position: 0 -1152px;
}
.elgg-icon-star-empty:hover {
	background-position: 0 -1170px;
}
.elgg-icon-star-empty {
	background-position: 0 -1188px;
}
.elgg-icon-star:hover {
	background-position: 0 -1206px;
}
.elgg-icon-star {
	background-position: 0 -1224px;
}
.elgg-icon-tag:hover {
	background-position: 0 -1242px;
}
.elgg-icon-tag {
	background-position: 0 -1260px;
}
.elgg-icon-thumbs-down-alt:hover {
	background-position: 0 -1278px;
}
.elgg-icon-thumbs-down:hover,
.elgg-icon-thumbs-down-alt {
	background-position: 0 -1296px;
}
.elgg-icon-thumbs-down {
	background-position: 0 -1314px;
}
.elgg-icon-thumbs-up-alt:hover {
	background-position: 0 -1332px;
}
.elgg-icon-thumbs-up:hover,
.elgg-icon-thumbs-up-alt {
	background-position: 0 -1350px;
}
.elgg-icon-thumbs-up {
	background-position: 0 -1368px;
}
.elgg-icon-trash {
	background-position: 0 -1386px;
}
.elgg-icon-twitter {
	background-position: 0 -1404px;
}
.elgg-icon-undo {
	background-position: 0 -1422px;
}
.elgg-icon-user:hover {
	background-position: 0 -1440px;
}
.elgg-icon-user {
	background-position: 0 -1458px;
}
.elgg-icon-users:hover {
	background-position: 0 -1476px;
}
.elgg-icon-users {
	background-position: 0 -1494px;
}
.elgg-icon-video {
	background-position: 0 -1512px;
}


.elgg-avatar > .elgg-icon-hover-menu {
	display: none;
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0;
	cursor: pointer;
}

.elgg-ajax-loader {
	background: white url(https://ci.unia.es/_graphics/ajax_loader_bw.gif) no-repeat center center;
	min-height: 33px;
	min-width: 33px;
}

/* ***************************************
	AVATAR ICONS
*************************************** */
.elgg-avatar {
	position: relative;
	display:inline-block;
}

.elgg-avatar-tiny > a > img {
	width: 25px;
	height: 25px;
}

.elgg-avatar-small > a > img {
	width: 40px;
	height: 40px;
}

.elgg-avatar-medium > a > img {
	width: 100px;
	height: 100px;
}

.elgg-avatar-large > a > img {
	width: 200px;
	height: 200px;
}
/* <style>
/* ***************************************
	PAGINATION
*************************************** */
.elgg-menu > li > a:hover,
.elgg-menu > li > a {
	text-decoration:none;
}

/* These menus always make room for icons: */
.elgg-menu-owner-block li > a > .elgg-icon,
.elgg-menu-extras li > a > .elgg-icon,
.elgg-menu-page li > a > .elgg-icon,
.elgg-menu-composer li > a > .elgg-icon {
	margin-left: -20px;
	margin-right: 4px;
}

.elgg-pagination {
	display: block;
	border: 1px solid #CCC;
	border-width: 1px 0;
	background: #F7F7F7;
	text-align: center;
}

.elgg-pagination > li {
	display:inline-block;
}

.elgg-pagination > li > a, 
.elgg-pagination > li > span {
	font-size: 13px;
	font-weight: bold;
	margin: 3px 11px 0 0;
	padding: 3px 4px 4px;
	text-align: center;
	display:block;
}
.elgg-pagination > li > a:hover {
	background: #3B5998;
	color: white;
	text-decoration: none;
}

.elgg-pagination > .elgg-state-selected > span {
	border-bottom: 2px solid #3B5998
}

/* ***************************************
	TABS
*************************************** */
.elgg-tabs {
	border-bottom: 1px solid #D8DFEA;
	display: block;
	width: 100%;
	padding-left:15px;
}

.elgg-tabs > li {
	margin: 2px 2px -1px 0;
	display: inline-block;
	background: #D8DFEA;
	border: 1px solid #D8DFEA;
	border-bottom: 0;
}

.elgg-tabs > :hover {
	background: #627AAD;
	border: 1px solid #627AAD;
	border-bottom: 0;
}

.elgg-tabs > li > a {
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	padding: 3px 11px 4px;
	display:block;
}
.elgg-tabs > :hover > a {
	color: white;
	text-decoration:none;
}

.elgg-tabs > .elgg-state-selected {
	border: 1px solid #D8DFEA;
	border-bottom: 0;
	margin-top: 0;
}

.elgg-tabs > .elgg-state-selected > a,
.elgg-tabs > .elgg-state-selected:hover > a {
	background: white;
	color: #333;
	padding: 5px 10px 4px
}

/* ***************************************
	BREADCRUMBS
*************************************** */
.elgg-breadcrumbs {
	font-size: 80%;
	font-weight: bold;
	line-height: 1.2em;
	color: #bababa;
}
.elgg-breadcrumbs > li {
	display: inline-block;
}
.elgg-breadcrumbs > li:after{
	content: "\003E";
	padding: 0 4px;
	font-weight: normal;
}
.elgg-breadcrumbs > li > a {
	display: inline-block;
	color: #999;
}
.elgg-breadcrumbs > li > a:hover {
	color: #0054a7;
	text-decoration: underline;
}

/* ***************************************
	TOPBAR MENU
*************************************** */
.elgg-menu-topbar {
	float: left;
}

.elgg-menu-topbar > li {
	float:left;
	position: relative;
}

.elgg-menu-topbar > li > a {
	color: white;
	display: block;
	font-weight: bold;
	height: 24px;
}

.elgg-menu-topbar-default > li > a {
	padding: 8px 4px 0;
	margin: 0 1px;
}

.elgg-menu-topbar-default > li > a:hover {
	background: #4B67A1;
}

.elgg-menu-topbar-alt {
	float:right;
	margin-right: 1px;
}
.elgg-menu-topbar-alt > li > a {
	padding: 8px 7px 0;
}
.elgg-menu-topbar-alt > li > a:hover {
	background: #6D86B7;
}

.elgg-menu-topbar .elgg-menu-parent:after {
	content: " \25BC ";
	font-size: smaller;
}

.elgg-menu-topbar .elgg-child-menu {
	background: white;
	border: 1px solid #333;
	border-bottom: 2px solid #2D4486;
	margin-right: -1px;
	margin-top: -1px;
	min-width: 200px;
	padding: 4px 0;
	position: absolute;
	right: 0;
	top: 100%;
	display:none;
	z-index:1;
}

.elgg-menu-topbar .elgg-child-menu.elgg-state-active {
	display: block;
}

.elgg-menu-topbar .elgg-child-menu > li > a {
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	color: #333;
	display: block;
	font-weight: normal;
	height: 18px;
	line-height: 18px;
	padding: 0px 22px;
	white-space: nowrap;
}

.elgg-menu-topbar .elgg-child-menu > li > a:hover {
	background: #6D84B4;
	border-bottom: 1px solid #3B5998;
	border-top: 1px solid #3B5998;
	color: white;
	text-decoration: none;
}

.elgg-menu-topbar > li > .elgg-menu-opened,
.elgg-menu-topbar > li > .elgg-menu-opened:hover {
	background: white;
	border: 1px solid #333;
	border-bottom: 0;
	margin: -1px -1px 0;
	color: #333;
	position:relative;
	z-index: 2;
}

/* ***************************************
	SITE MENU
*************************************** */
.elgg-menu-site:after {
	content: '.';
	clear:both;
	display:block;
	height:0;
	line-height:0;
}
.elgg-menu-site {
	background: #ECEFF5;
}
.elgg-menu-site > li {
	float: left;
}

.elgg-menu-site > li > a {
	padding: 8px 10px;
}

.elgg-menu-site > li > a:hover {
	background: white;
}

/* ***************************************
	TITLE
*************************************** */
.elgg-menu-title {
	float: right;
}

.elgg-menu-title > li {
	display: inline-block;
	margin-left: 4px;
}

/* ***************************************
	FILTER MENU
*************************************** */

.elgg-menu-filter {
	border-bottom: 1px solid #898989;
	display: block;	
	padding-left:10px;
}
.elgg-menu-filter:after {
	content: '.';
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	line-height:0;
}
.elgg-menu-filter > li {
	border: 1px solid #898989;
	float: left;
	background: #F1F1F1;
	margin: 0 -1px -1px 0;
}
.elgg-menu-filter > li > a {
	display: block;
	text-align: center;
	color: #333;
	padding: 0 8px 3px 9px;
	font-weight:bold;
	border-top: 2px solid #f4f4f4;
}

.elgg-menu-filter > .elgg-state-selected {
	background: #627AAD;
}
.elgg-menu-filter .elgg-state-selected a {
	border-top: 2px solid #627AAD;
	color: white;
}

/* ***************************************
	PAGE MENU
*************************************** */
.elgg-menu-page {
	border-bottom: 1px solid #EEE;
	margin-bottom: 7px;
	padding-bottom: 7px;
}

.elgg-menu-page li > a {
	display: block;
	color: #333;
	margin-bottom: 1px;
	padding: 3px 8px 3px 26px;
}

.elgg-menu-page li > a:hover {
	background-color: #EFF2F7;
}
.elgg-menu-page li.elgg-state-selected > a {
	background-color: #D8DFEA;
	font-weight:bold;
}
.elgg-menu-page .elgg-child-menu {
	display: none;
	margin-left: 15px;
}
.elgg-menu-page .elgg-menu-closed:before, 
.elgg-menu-page .elgg-menu-opened:before {
	display: inline-block;
	padding-right: 4px;
}
.elgg-menu-page .elgg-menu-closed:before {
	content: "\002B";
}
.elgg-menu-page .elgg-menu-opened:before {
	content: "\002D";
}

/* ***************************************
	HOVER MENU
*************************************** */
.elgg-menu-hover {
	display: none;
	position: absolute;
	z-index: 10000;

	width: 165px;
	border: solid 1px;
	border-color: #E5E5E5 #999 #999 #E5E5E5;
	background-color: #FFF;

	-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.50);
	-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.50);
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.50);
}
.elgg-menu-hover > li {
	border-bottom: 1px solid #ddd;
}
.elgg-menu-hover > li:last-child {
	border-bottom: none;
}
.elgg-menu-hover .elgg-heading-basic {
	display: block;
}
.elgg-menu-hover a {
	padding: 2px 8px;
	font-size: 92%;
}
.elgg-menu-hover a:hover {
	background: #ccc;
}
.elgg-menu-hover-admin a {
	color: red;
}
.elgg-menu-hover-admin a:hover {
	color: white;
	background-color: red;
}

/* ***************************************
	FOOTER
*************************************** */
.elgg-menu-footer > li,
.elgg-menu-footer > li > a {
	color:#999;
	display: inline-block;
}

.elgg-menu-footer > li:after {
	content: " \00B7 ";
	padding: 0 4px;
}

.elgg-menu-footer-default {
	float:right;
}

.elgg-menu-footer-alt {
	float: left;
}

/* ***************************************
	ENTITY
*************************************** */
.elgg-menu-entity {
	float: right;
	margin-left: 15px;
	font-size: 90%;
	color: #aaa;
}
.elgg-menu-entity > li {
	display: inline-block;
	margin-left: 15px;
}
.elgg-menu-entity > li > a {
	color: #aaa;
}

/* ***************************************
	OWNER BLOCK
*************************************** */


.elgg-menu-owner-block li > a {
	border-bottom: 1px solid #D8DFEA;
	padding: 3px 8px 3px 26px;
}
.elgg-menu-owner-block li > a:hover {
	background-color: #3B5998;
	color: white;
}
.elgg-menu-owner-block .elgg-state-selected > a {
	background-color: #D8DFEA;
}

.elgg-menu-owner-block .elgg-menu > li > a {
	padding-left: 44px;
}

/* ***************************************
	LONGTEXT
*************************************** */
.elgg-menu-longtext {
	float: right;
}

/* ***************************************
	RIVER
*************************************** */
.elgg-menu-river {
	color: #888;
	display: inline-block;
	margin: 3px 0 0 -3px;
}

.elgg-menu-river > li {
	display: inline;
}

.elgg-menu-river > li:before {
	content: " \00B7 ";
	display: inline-block;
	margin: 0 3px;
}

.elgg-menu-river > li > a {
	color: #6D84B4;
	display: inline;
}

.elgg-menu-river > li > a:hover {
	text-decoration: underline;
}

/* ***************************************
	SIDEBAR EXTRAS (rss, bookmark, etc)
*************************************** */
.elgg-menu-extras > li > a {
	padding: 3px 8px 3px 26px;
}

.elgg-menu-extras > li > a:hover {
	text-decoration:underline;
}

/* ***************************************
    COMPOSER
*************************************** */
.elgg-menu-composer {
	display:inline-block;
	height: 22px;
}

.elgg-menu-composer > li {
	font-weight:bold;
	margin-left: 10px;
}

.elgg-menu-composer > li > a {
	line-height: 16px;
	padding-left: 20px;
}

.elgg-menu-composer > li > a:hover {
	text-decoration: underline;
}

.elgg-menu-composer > li.ui-state-active > a {
	cursor: default;
	color: black;
	text-decoration: none;
}

.elgg-menu-composer > .ui-state-active > a:before,
.elgg-menu-composer > .ui-state-active > a:after {
	position: absolute;
	display: block;
	border-width: 8px;
	border-style: solid;
	content: " ";
	height: 0;
	width: 0;
	left: 0;
}

.elgg-menu-composer > .ui-state-active > a:before {
	top: 11px;
	border-color: transparent transparent #B4BBCD transparent;
}

.elgg-menu-composer > .ui-state-active > a:after {
	top: 12px;
	border-color: transparent transparent white transparent;
}/* <style>
/* ***************************************
	Modules
*************************************** */
/* Info */
.elgg-module-info > .elgg-head {
	background: #ECEFF5;
	border-top: 1px solid #94A3C4;
	margin-bottom: 5px;
	padding: 5px 8px;
}

/* Aside */
.elgg-module-aside {
	margin-bottom: 15px;
}

.elgg-module-aside > .elgg-head {
	background-color: #F2F2F2;
	border-bottom: none;
	border-top: solid 1px #E2E2E2;
	padding: 4px 5px 5px;
	margin-bottom: 5px;
}

.elgg-module-aside > .elgg-head > h3 {
	font-size: 1em;
}

.elgg-module-aside > .elgg-body {
	padding: 0 5px;
}

/* Popup */
.elgg-module-popup {
	background-color: white;

	z-index: 9999;
	margin-bottom: 0;

	box-shadow: 0 0 0 10px rgba(82, 82, 82, 0.7);
	border-radius: 8px;
}

.elgg-module-popup > .elgg-head {
	background: #6D84B4;
	border: 1px solid #3B5998;
	border-bottom: none;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 5px 10px;
}

.elgg-module-popup > .elgg-head > h3 {
	color: white;
}

.elgg-module-popup > .elgg-body {
	background: white;
	border: 1px solid #555;
	border-top: 0;
	padding: 10px;
}

.elgg-module-popup > .elgg-foot {
	margin-top: -1px;
	border: 1px solid #3B5998;
	border-top-color: #CCC;
	background: #F2F2F2;
	padding: 8px 10px;
	text-align:right;
}

/* Dropdown */
.elgg-module-dropdown {
	background-color: white;
	border: 1px solid #333;
	border-bottom: 2px solid #293E6A;

	z-index:100;
}

.elgg-module-dropdown > .elgg-body {
	padding: 8px;
}

.elgg-module-dropdown > .elgg-head {
	margin: 7px 8px 0;
	border-bottom: 1px solid #AAA;
	padding-bottom: .5em;
}

.elgg-module-dropdown > .elgg-foot {
	text-align: center;
}

/* Featured */
.elgg-module-featured {
	background-color: #F2F2F2;
	border: 1px solid #CCC;
	padding: 10px;
	margin-bottom: 20px;
}

.elgg-module-featured > .elgg-head {
	margin-bottom: 10px;
}

/* ***************************************
	Widgets
*************************************** */
.elgg-widgets {
	float: right;
	min-height: 30px;
}
.elgg-widget-add-control {
	text-align: right;
	margin: 5px 5px 15px;
}
.elgg-widgets-add-panel {
	padding: 10px;
	margin: 0 5px 15px;
	background: #dedede;
	border: 2px solid #ccc;
}
.elgg-widgets-add-panel li {
	float: left;
	margin: 2px 10px;
	width: 200px;
	padding: 4px;
	background-color: #ccc;
	border: 2px solid #b0b0b0;
	font-weight: bold;
}
.elgg-widgets-add-panel li a {
	display: block;
}
.elgg-widgets-add-panel .elgg-state-available {
	color: #333;
	cursor: pointer;
}
.elgg-widgets-add-panel .elgg-state-available:hover {
	background-color: #bcbcbc;
}
.elgg-widgets-add-panel .elgg-state-unavailable {
	color: #888;
}

.elgg-module-widget {
	background-color: #dedede;
	padding: 2px;
	margin: 0 5px 15px;
	position: relative;
}
.elgg-module-widget:hover {
	background-color: #ccc;
}
.elgg-module-widget > .elgg-head {
	background-color: #dedede;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}
.elgg-module-widget > .elgg-head h3 {
	float: left;
	padding: 0 45px 0 20px;
	color: #333;
}
.elgg-module-widget.elgg-state-draggable > .elgg-head {
	cursor: move;
}
.elgg-module-widget > .elgg-head a {
	position: absolute;
	top: 5px;
	display: inline-block;
	width: 18px;
	height: 18px;
	padding: 2px 2px 0 0;
	border: 1px solid transparent;
}
a.elgg-widget-collapse-button {
	left: 5px;
	background:transparent url(https://ci.unia.es/_graphics/elgg_sprites.png) no-repeat 0px -385px;
}
a.elgg-widget-collapsed {
	background-position: 0px -365px;
}
a.elgg-widget-delete-button {
	right: 5px;
}
a.elgg-widget-edit-button {
	right: 25px;
}
a.elgg-widget-edit-button:hover, a.elgg-widget-delete-button:hover {
	border: 1px solid #ccc;
}
.elgg-module-widget > .elgg-body {
	background-color: white;
	width: 100%;
	overflow: hidden;
}
.elgg-widget-edit {
	display: none;
	width: 96%;
	padding: 2%;
	border-bottom: 2px solid #dedede;
}
.elgg-widget-content {
	padding: 10px;
}
.elgg-widget-placeholder {
	border: 2px dashed #dedede;
	margin-bottom: 15px;
}/* <style>
/* ***************************************
	Image Block
*************************************** */
.elgg-image-block .elgg-image {
	float: left;
	margin-right: 10px;
}
.elgg-image-block .elgg-image-alt {
	float: right;
	margin-left: 5px;
}

/* ***************************************
	List
*************************************** */
.elgg-list {
	clear: both;
}

.elgg-list > li {
	border-bottom: 1px solid #E9E9E9;
	padding: 5px 0;
}
.elgg-list > li:last-child {
	border-bottom: 0;
}

.elgg-list-item .elgg-subtext {
	margin-bottom: 5px;
}
.elgg-list-content {
	margin: 10px 5px;
}

/* ***************************************
	Gallery
*************************************** */
.elgg-gallery {
	border: none;
	margin-right: auto;
	margin-left: auto;
}
.elgg-gallery td {
	padding: 5px;
}
.elgg-gallery-fluid li {
	float: left;
}

/* ***************************************
	Tables
*************************************** */
.elgg-table {
	width: 100%;
	border-top: 1px solid #ccc;
}
.elgg-table td, .elgg-table th {
	padding: 4px 8px;
	border: 1px solid #ccc;
}
.elgg-table th {
	background-color: #ddd;
}
.elgg-table tr:nth-child(odd), .elgg-table tr.odd {
	background-color: #fff;
}
.elgg-table tr:nth-child(even), .elgg-table tr.even {
	background-color: #f0f0f0;
}
.elgg-table-alt {
	width: 100%;
	border-top: 1px solid #ccc;
}
.elgg-table-alt td {
	padding: 2px 4px 2px 4px;
	border-bottom: 1px solid #ccc;
}
.elgg-table-alt td:first-child {
	width: 200px;
}
.elgg-table-alt tr:hover {
	background: #E4E4E4;
}

/* ***************************************
	Owner Block
*************************************** */
.elgg-owner-block {
	margin-bottom: 20px;
}

/* ***************************************
	Messages
*************************************** */
.elgg-message {
	color: white;
	font-weight: bold;
	display: block;
	padding: 3px 10px;
	cursor: pointer;
	opacity: 0.9;

	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45);
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45);

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.elgg-state-success {
	background-color: black;
}
.elgg-state-error {
	background-color: red;
}
.elgg-state-notice {
	background-color: #4690D6;
}

/* ***************************************
	River
*************************************** */
.elgg-river > li {
	border-bottom: 1px solid #E9E9E9;
	padding: 10px 35px 10px 0;
}

.elgg-river-item {
	padding: 7px 0;
}

.elgg-river-timestamp {
	color: #888;
	margin-top: 3px;
	display: inline-block;
}

.elgg-river-message {
	color: #333;
	margin-top: 3px;
}

.elgg-river-summary {
	font-weight: normal;
	font-size: 11px;
	color: gray;
}

.elgg-river-subject,
.elgg-river-target {
	font-weight: bold;
}

.elgg-river-attachments {
	border-left: 2px solid #CCC;
	margin: 8px 0 5px 0;
	padding-left: 5px;
	color: #777;
}

/* The following styles produce the speech-bubble "nub" (triangle) */
.elgg-river-responses {
	position: relative;
	padding-top: 5px;
}

.elgg-river-responses:before {
	width: 0px;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	display: block;
	clear: both;
	content: " ";
	
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #EDEFF4;
	
	position: absolute;
	top: 0px;
	left: 15px;
}
/* End speech bubble nub */

/* .elgg-river-responses > :not(ul, ol), */ /* <-- too advanced? */
.elgg-river-responses > div,
.elgg-river-responses > form,
.elgg-river-responses > ul > li {
	background-color: #EDEFF4;
	border-bottom: 1px solid #E5EAF1;
	margin-bottom: 2px;
	padding: 4px;
}

.elgg-river-layout .elgg-input-dropdown {
	float: right;
	margin: 10px 0;
}

.elgg-river-comments {
	margin: 0;
	border-top: none;
}

.elgg-river-more {
	background-color: #EEE;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	padding: 2px 4px;
	font-size: 85%;
	margin-bottom: 2px;
}

/* ***************************************
	Tags
*************************************** */
.elgg-tags {
	display: inline;
	font-size: 85%;
}
.elgg-tags li {
	display: inline;
	margin-right: 5px;
}
.elgg-tags li:after {
	content: ",";
}
.elgg-tags li:last-child:after {
	content: "";
}
.elgg-tagcloud {
	text-align: justify;
}

/* MISCELLANEOUS */
.elgg-photo {
	border: 1px solid #ccc;
	padding: 3px;
	background-color: white;
}

.elgg-comments {
	margin-top: 25px;
}
.elgg-comments > form {
	margin-top: 15px;
}/* <style>
/* ***************************************
	PAGE LAYOUT
*************************************** */
/***** DEFAULT LAYOUT ******/
.elgg-page-default .elgg-page-header > .elgg-inner {
	width: 981px;
	margin: 0 auto;
	height: 90px;
}
.elgg-page-default .elgg-page-body > .elgg-inner {
	width: 981px;
	margin: 0 auto;
}

.elgg-page-footer {
	width: 981px;
	margin: 0 auto;
}
.elgg-page-default .elgg-page-footer > .elgg-inner {
	margin-left: 181px;
	padding: 8px;
}

.elgg-page-footer > .elgg-inner:after {
	display:block;
	content: '.';
	clear:both;
	visibility:hidden;
	height:0;
}

/***** TOPBAR ******/
.elgg-page-topbar {
	background: #ffffff url(https://ci.unia.es/_graphics/ci_banner.jpg) no-repeat center top;
	height: 152px; /* tamaño banner */
	/*background: #3B5998;
	position: fixed;
	left: 0;
	right: 0;
	z-index: 10000; */
}

.elgg-page-topbar > .elgg-inner {
	padding-top: 124px; /*posicion buscador y demás*/
	width: 981px;
	margin: 0 auto;
	position: relative;
}

.elgg-page-topbar ~ .elgg-page-body {
	padding-top: 4px;
}

/***** PAGE MESSAGES ******/
.elgg-system-messages {
	position: fixed;
	top: 24px;
	right: 20px;
	max-width: 500px;
	z-index: 1000;
}
.elgg-system-messages li {
	margin-top: 10px;
}
.elgg-system-messages li p {
	margin: 0;
}

/***** PAGE HEADER ******/
.elgg-page-header {
	position: relative;
	//background: #3B5998;
	background: #ffffff url(https://ci.unia.es/_graphics/ci_banner.jpg) no-repeat center top;
}
.elgg-page-header > .elgg-inner {
	position: relative;
}

/***** PAGE BODY LAYOUT ******/
.elgg-layout {
	min-height: 360px;
}

.elgg-layout-one-column {
	padding: 10px 0;
}

.elgg-sidebar {
	position: relative;
	padding: 20px 0;
	float: left;
	width: 181px;
	min-height: 360px;
}
.elgg-sidebar-alt {
	position: relative;
	float: right;
	width: 244px;
	margin-left: 20px;
	min-height: 360px;
}

.elgg-main {
	position: relative;
	min-height: 360px;
}

.elgg-layout-two-sidebar > .elgg-body,
.elgg-layout-one-sidebar > .elgg-body {
	border: 1px solid #B3B3B3;
	border-top: 0;
	padding: 15px 20px;
}

.elgg-layout > .elgg-body > .elgg-head {
	padding-bottom: 3px;
	margin-bottom: 10px;
}

/***** PAGE FOOTER ******/
.elgg-page-footer {
	position: relative;
	color: #999;
}
.elgg-page-footer a:hover {
	color: #666;
}
/* ***************************************
	MISC
*************************************** */
#login-dropdown {
	position: absolute;
	top:10px;
	right:0;
	z-index: 100;
}

/* ***************************************
	AVATAR UPLOADING & CROPPING
*************************************** */

#current-user-avatar {
	border-right:1px solid #ccc;
}
#avatar-croppingtool {
	border-top: 1px solid #ccc;
}
#user-avatar-cropper {
	float: left;
}
#user-avatar-preview {
	float: left;
	position: relative;
	overflow: hidden;
	width: 100px;
	height: 100px;
}

/* ***************************************
	FRIENDS COLLECTIONS
*************************************** */

#friends_collections_accordian li {
	color: #666;
}
#friends_collections_accordian li h2 {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	background: none repeat scroll 0 0 #4690D6;
	color: white;
	cursor: pointer;
	font-size: 1.2em;
	margin: 10px 0;
	padding: 4px 2px 4px 6px;
}
#friends_collections_accordian li h2:hover {
	background-color: #333;
}
#friends_collections_accordian .friends_collections_controls {
	float: right;
	font-size: 70%;
}
#friends_collections_accordian .friends-picker-main-wrapper {
	background: none repeat scroll 0 0 white;
	display: none;
	padding: 0;
}

.clearfloat { 
	clear: both;
}

.hidden {
	display: none;
}

.centered {
	margin: 0 auto;
}

.center {
	text-align: center;
}

.float {
	float: left;
}

.float-alt {
	float: right;
}

.link {
	cursor: pointer;
}

.elgg-discover .elgg-discoverable {
	display: none;
}

.elgg-discover:hover .elgg-discoverable {
	display: block;
}

.elgg-transition:hover {
	opacity: .7;
}

/* ***************************************
	BORDERS AND SEPARATORS
*************************************** */
.elgg-border-plain {
	border: 1px solid #eeeeee;
}
.elgg-border-transition {
	border: 1px solid #eeeeee;
}
.elgg-divide-top {
	border-top: 1px solid #CCCCCC;
}
.elgg-divide-bottom {
	border-bottom: 1px solid #CCCCCC;
}
.elgg-divide-left {
	border-left: 1px solid #CCCCCC;
}
.elgg-divide-right {
	border-right: 1px solid #CCCCCC;
}

/* ***************************************
	Spacing (from OOCSS)
*************************************** */
/* Padding */
.pan{padding:0}
.prn, .phn{padding-right:0}
.pln, .phn{padding-left:0}
.ptn, .pvn{padding-top:0}
.pbn, .pvn{padding-bottom:0}

.pas{padding:5px}
.prs, .phs{padding-right:5px}
.pls, .phs{padding-left:5px}
.pts, .pvs{padding-top:5px}
.pbs, .pvs{padding-bottom:5px}

.pam{padding:10px}
.prm, .phm{padding-right:10px}
.plm, .phm{padding-left:10px}
.ptm, .pvm{padding-top:10px}
.pbm, .pvm{padding-bottom:10px}

.pal{padding:20px}
.prl, .phl{padding-right:20px}
.pll, .phl{padding-left:20px}
.ptl, .pvl{padding-top:20px}
.pbl, .pvl{padding-bottom:20px}

/* Margin */
.man{margin:0}
.mrn, .mhn{margin-right:0}
.mln, .mhn{margin-left:0}
.mtn, .mvn{margin-top:0}
.mbn, .mvn{margin-bottom:0}

.mas{margin:5px}
.mrs, .mhs{margin-right:5px}
.mls, .mhs{margin-left:5px}
.mts, .mvs{margin-top:5px}
.mbs, .mvs{margin-bottom:5px}

.mam{margin:10px}
.mrm, .mhm{margin-right:10px}
.mlm, .mhm{margin-left:10px}
.mtm, .mvm{margin-top:10px}
.mbm, .mvm{margin-bottom:10px}

.mal{margin:20px}
.mrl, .mhl{margin-right:20px}
.mll, .mhl{margin-left:20px}
.mtl, .mvl{margin-top:20px}
.mbl, .mvl{margin-bottom:20px}/* ***************************************
	Profile
*************************************** */
.profile {
	float: left;
	margin-bottom: 15px;
}
.profile .elgg-inner {
	margin: 0 5px;
	border: 2px solid #eee;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#profile-details {
	padding: 15px;
}
/*** ownerblock ***/
#profile-owner-block {
	width: 200px;
	float: left;
	background-color: #eee;
	padding: 15px;
}
#profile-owner-block .large {
	margin-bottom: 10px;
}
#profile-owner-block a.elgg-button-action {
	margin-bottom: 4px;
	display: table;
}
.profile-content-menu a {
	display: block;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	background-color: white;
	margin: 3px 0 5px 0;
	padding: 2px 4px 2px 8px;
}
.profile-content-menu a:hover {
	background: #0054A7;
	color: white;
	text-decoration: none;
}
.profile-admin-menu {
	display: none;
}
.profile-admin-menu-wrapper a {
	display: block;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	background-color: white;
	margin: 3px 0 5px 0;
	padding: 2px 4px 2px 8px;
}
.profile-admin-menu-wrapper {
	background-color: white;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.profile-admin-menu-wrapper li a {
	background-color: white;
	color: red;
	margin-bottom: 0;
}
.profile-admin-menu-wrapper a:hover {
	color: black;
}
/*** profile details ***/
#profile-details .odd {
	background-color: #f4f4f4;
	
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	margin: 0 0 7px;
	padding: 2px 4px;
}
#profile-details .even {
	background-color:#f4f4f4;
	
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	margin: 0 0 7px;
	padding: 2px 4px;
}
.profile-aboutme-title {
	background-color:#f4f4f4;
	
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	margin: 0;
	padding: 2px 4px;
}
.profile-aboutme-contents {
	padding: 2px 0 0 3px;
}
.profile-banned-user {
	border: 2px solid red;
	padding: 4px 8px;
	
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
	border-radius: 6px;
}

/* Blog Plugin */

/* force tinymce input height for a more useful editing / blog creation area */
form#blog-post-edit #description_parent #description_ifr {
	height:400px !important;
}
.elgg-icon-bookmark {
	background: transparent url(https://ci.unia.es/mod/bookmarks/graphics/bookmark.gif);
}
.categories li label {
	font-size: 100%;
	line-height: 1.2em;
}
/*** Elgg Developer Tools ***/
#developers-iframe {
	width: 100%;
	height: 600px;
	border: none;
}
#developer-settings-form label {
	margin-right: 5px;
}
.elgg-page .jstree-default.jstree-focused {
	background-color: transparent;
}
.developers-log {
	background-color: #EBF5FF;
	border: 1px solid #999;
	color: #666;
	padding: 20px;
}
.file-photo {
	text-align: center;
	margin-bottom: 15px;
}
.file-gallery-item {
	text-align: center;
	width: 165px;
}
.groups-profile > .elgg-image {
	margin-right: 10px;
}

.groups-stats {
	background: #eeeeee;
	padding: 5px;
	margin-top: 10px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.groups-profile-fields .odd,
.groups-profile-fields .even {
	background: #f4f4f4;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	padding: 2px 4px;
	margin-bottom: 7px;
}

.groups-profile-fields .elgg-output {
	margin: 0;
}

#groups-tools > li {
	width: 48%;
	min-height: 200px;
	margin-bottom: 40px;
}

#groups-tools > li:nth-child(odd) {
	margin-right: 4%;
}

.groups-widget-viewall {
	float: right;
	font-size: 85%;
}

.groups-latest-reply {
	float: right;
}

/* ***************************************
	Likes
*************************************** */
.elgg-likes {
	width: 345px;
	position: absolute;
}

.elgg-menu .elgg-menu-item-likes-count {
	margin-left: 3px;
}

.messageboard-input {
	height: 100px;
}

.messages-container {
	min-height: 200px;
}
.message.unread a {
	color: #d40005;
}
.messages-buttonbank {
	text-align: right;
}
.messages-buttonbank input {
	margin-left: 10px;
}

/*** message metadata ***/
.messages-owner {
	float: left;
	width: 20%;
	margin-right: 2%;
}
.messages-subject {
	float: left;
	width: 55%;
	margin-right: 2%;
}
.messages-timestamp {
	float: left;
	width: 14%;
	margin-right: 2%;
}
.messages-delete {
	float: left;
	width: 5%;
}
/*** topbar icon ***/
.messages-new {
	color: white;
	background-color: red;
	
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-webkit-box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.50);
	-moz-box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.50);
	box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.50);
	
	position: absolute;
	text-align: center;
	top: 0px;
	left: 26px;
	min-width: 16px;
	height: 16px;
	font-size: 10px;
	font-weight: bold;
}

#notificationstable td.namefield {
	width:250px;
	text-align: left;
	vertical-align: middle;
}
#notificationstable td.namefield p {
	margin:0;
	vertical-align: middle;
	line-height: 1.1em;
	padding:5px 0 5px 0;
}
#notificationstable td.namefield p.namefieldlink {
	margin:5px 0 0 0;
}
#notificationstable td.namefield a img {
	float:left;
	width:25px;
	height:25px; 
	margin:5px 10px 5px 5px;
}
#notificationstable td.emailtogglefield,
#notificationstable td.smstogglefield {
	width:50px;
	text-align: center;
	vertical-align: middle;
}
#notificationstable td.spacercolumn {
	width:30px;
}
#notificationstable td {
	border-bottom: 1px solid silver;
}
#notificationstable td.emailtogglefield input {
	margin-right:36px;
	margin-top:5px;
}
#notificationstable td.emailtogglefield a {
	width:46px;
	height:24px;
	cursor: pointer;
	display: block;
	outline: none;
}
#notificationstable td.sitetogglefield {
	width:50px;
	text-align: center;
	vertical-align: middle;
}
#notificationstable td.sitetogglefield input {
	margin-right:36px;
	margin-top:5px;
}
#notificationstable td.sitetogglefield a {
	width:46px;
	height:24px;
	cursor: pointer;
	display: block;
	outline: none;
}
#notificationstable td.emailtogglefield a.emailtoggleOff {
	background: url(https://ci.unia.es/mod/notifications/graphics/icon_notifications_email.gif) no-repeat right 2px;
}
#notificationstable td.emailtogglefield a.emailtoggleOn {
	background: url(https://ci.unia.es/mod/notifications/graphics/icon_notifications_email.gif) no-repeat right -36px;
}
#notificationstable td.sitetogglefield a.sitetoggleOff {
	background: url(https://ci.unia.es/mod/notifications/graphics/icon_notifications_site.gif) no-repeat right 2px;
}
#notificationstable td.sitetogglefield a.sitetoggleOn {
	background: url(https://ci.unia.es/mod/notifications/graphics/icon_notifications_site.gif) no-repeat right -37px;
}
.notification_friends,
.notification_personal,
.notifications_per_user {
	margin-bottom: 25px;
}




.pages-nav.treeview ul {
	background-color: transparent;
}

.pages-nav.treeview a.selected {
	color: #555555;
}

.pages-nav.treeview .hover {
	color: #0054a7;
}/* <style>
/**********************************
Search plugin
***********************************/
.elgg-search {
	width: 330px;
	background: white url(https://ci.unia.es/_graphics/elgg_sprites.png) no-repeat 335px -934px;
	border: 1px solid #3B5998;
	border-radius: 1px;
	height: 20px;
	padding: 0 23px 0 0;
}

.elgg-search .search-input {
	padding: 1px 0 1px 3px;
	margin: 2px 0 2px 2px;
	outline: none;
	font-size: 11px;
	border: 0;
	border-right: 1px solid #e9e9e9;
}

.elgg-search input[type=submit] {
	display: none;
}

.elgg-search .search-input:focus {
	background-position: 2px -700px;
}

.elgg-page-header .elgg-search {
	bottom: 5px;
	position: absolute;
	right: 0;
	border-color: black;
}

.elgg-page-topbar .elgg-search {
	margin: 4px 0 4px 181px;
	position: relative;
}

.search-list li {
	padding: 5px 0 0;
}
.search-heading-category {
	margin-top: 20px;
	color: #666666;
}

.search-highlight {
	background-color: #bbdaf7;
}
.search-highlight-color1 {
	background-color: #bbdaf7;
}
.search-highlight-color2 {
	background-color: #A0FFFF;
}
.search-highlight-color3 {
	background-color: #FDFFC3;
}
.search-highlight-color4 {
	background-color: #ccc;
}
.search-highlight-color5 {
	background-color: #4690d6;
}
/********************************
The Wire
*********************************/
#thewire-textarea {
	height: 40px;
	padding: 6px;
}
#thewire-characters-remaining {
	text-align: right;
	float: right;
	font-weight: bold;
	color: #333333;
}
.thewire-characters-remaining {
	color:#333333;
	border:none;
	font-size: 100%;
	font-weight: bold;
	padding:0 2px 0 0;
	margin:0;
	text-align: right;
	background: white;
}
.thewire-characters-remaining-warning {
	color: #D40D12 !important;
}
.thewire-parent {
	margin-left: 40px;
}
/* TinyMCE */
.elgg-page .mceEditor table.mceLayout {
	border: 1px solid #CCC;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.elgg-page table.mceLayout tr.mceFirst td.mceToolbar,
.elgg-page table.mceLayout tr.mceLast td.mceStatusbar {
	border-width: 0px;
}
.mceButton {
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.mceLast .mceStatusbar {
	padding-left: 5px;
}

#twitter_widget {
	margin:0 10px 0 10px;
}
#twitter_widget ul {
	margin:0;
	padding:0;
}
#twitter_widget li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 5px 0;
	padding:0;
	overflow-x: hidden;
	border: 2px solid #dedede;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#twitter_widget li span {
	color:#666666;
	background:white;
	
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	padding:5px;
	display:block;
}
p.visit_twitter a {
	background:url(https://ci.unia.es/mod/twitter/graphics/twitter16px.png) left no-repeat;
	padding:0 0 0 20px;
	margin:0;
}
p.twitter_username .input-text {
	width:200px;
}
.visit_twitter {
	background:white;
	
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	padding:2px;
	margin:0 0 5px 0;
}
#twitter_widget li > a {
	display:block;
	margin:0 0 0 4px;
}
#twitter_widget li span a {
	display:inline !important;
}/* ZAudio */
.zaudio {
	margin: 10px 0;
}

#saml_login_site_settings .text_input
{
	width: 350px;
}
#login_with_saml
{
	padding: 10px 0 0 0;
}
.elgg-menu-site .elgg-child-menu {
	
    border-right: 1px solid #999999;
    border-left: 1px solid #999999;
    border-bottom: 1px solid #999999;
    
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
    
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;   

	min-width: 100%;
    left: -1px;
    position: absolute;
}
.elgg-menu-site .elgg-child-menu a {
 	background-color: white;
    color: #555555;
    font-weight: bold;
    height: 20px;
    padding: 3px 13px 0;
    white-space: nowrap;
}

.elgg-menu-site .elgg-child-menu > li:last-child > a {   
    -webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;   
}

.elgg-menu-site .elgg-child-menu a:hover {
	text-decoration: none;
	background: #4690D6;
	color: white;
}

.menu_builder_add_link{
	text-align: center;
}

.elgg-menu-site > li.elgg-menu-item-menu-builder-add > a,
.elgg-menu-site > li.elgg-menu-item-menu-builder-edit-mode > a,
.elgg-menu-site > li.elgg-menu-item-menu-builder-switch-context > a,
.elgg-menu-site > li.elgg-menu-item-menu-builder-add:hover > a,
.elgg-menu-site > li.elgg-menu-item-menu-builder-edit-mode:hover > a,
.elgg-menu-site > li.elgg-menu-item-menu-builder-switch-context:hover > a {
	background: none;
	padding-left: 3px;
	padding-right: 3px;
	
	 -webkit-box-shadow: 0px 0px;
	-moz-box-shadow: 0px 0px;
	box-shadow: 0px 0px;  
}

.menu-builder-edit-menu-item {
	display: none;
	vertical-align: top; 
}

.elgg-menu-site li:hover > a > .menu-builder-edit-menu-item {
	display: inline-block;
	margin-left: 10px;
}

.menu-builder-context-logged-out li,
.menu-builder-context-logged-in-normal .menu-builder-access-0,
.menu-builder-access--5 {
	display: none;
}

.menu-builder-context-all li,
.menu-builder-context-logged-out .menu-builder-access-2,
.menu-builder-context-logged-out .menu-builder-access--5 {
	display: list-item;
}

.elgg-menu-item-menu-builder-switch-context,
.elgg-menu-item-menu-builder-add,
.elgg-menu-item-menu-builder-edit-mode {
	display: list-item !important;
}/* <style>
/**/
.elgg-icon {vertical-align:middle}
dl, dt, dd {margin:0;padding:0}

/* PROFILE */
.elgg-profile {
	display:block;
}

.elgg-profile > dt {
	float: left;
	width: 120px;
	font-weight:bold;
	color: #999;
	padding: 10px 0;
}
	
.elgg-profile > dd {
	padding: 10px 0 10px 120px;
}

.elgg-profile > dd ~ dd {
	border-top: 1px solid #E9E9E9;
}

.elgg-profile > dd + dd {
	padding-left: 0;
	margin-left: 120px;
}

img {max-width:100%}

#groups-tools > .elgg-module {
	width: 229px;
}

#facebook-topbar-logo {
	margin-top: -4px;
	font-size: 20px;
	color: white;
	text-shadow: 0px 0px 1px lightBlue;
	width: 10px;
	text-align:center;
}

#facebook-header-logo a {
	color: white;
	text-decoration:none;
	font-size: 2.5em;
}

.elgg-form-small input,
.elgg-form-small textarea {
	font-size: 11px;
}

.elgg-image-block-small > .elgg-image {
	margin-right: 5px;
}


/* NEW PAGE COMPONENT: COMPOSER */

.ui-tabs-hide {
	display:none;
}

.elgg-composer {
	border-top: 1px solid #CCC;
	padding-top: 6px;
	margin-top: 7px;
}

.elgg-composer > h4 {
	height: 22px;
	display: inline-block;
	vertical-align: baseline;
	color: gray;
}

.elgg-composer > .ui-tabs-panel {
	margin-top: 5px;
	border: 1px solid #B4BBCD;
	padding: 10px;
}

.messageboard-input {
	margin-bottom: 5px;
}

.elgg-attachment-description {
	margin-top: 5px;
}

#thewire-form-composer #thewire-textarea {
	margin-top:0;
}

.messageboard-input {
	height: 60px;
}

#facebook-header-login {
	bottom: 25px;
	position: absolute;
	right: 0;
}

#facebook-header-login label {
	color:white;
	display: block;
	font-weight: normal;
	padding: 2px 2px 4px;
}

#facebook-header-login .elgg-foot > label {
	bottom: -16px;
	color: #98A9CA;
	cursor: pointer;
	left: 0;
	position: absolute;
}

#facebook-header-login div {
	display: inline-block;
	margin-bottom: 3px;
	padding-right: 10px;
}

#facebook-header-login .elgg-input-text,
#facebook-header-login .elgg-input-password {
	border-color: #1D2A5B;
	color: black;
	font-size: 11px;
	margin:0;
	padding: 3px 3px 4px;
	width: 150px;
}

#facebook-header-login .elgg-menu {
	position: absolute;
	margin-left: -160px;
}

#facebook-header-login .elgg-menu > li {
	display: inline-block;
	margin-right: 10px;
}

#facebook-header-login .elgg-menu > li > a {
	color: #98A9CA;
	display: inline;
}

#facebook-header-login .elgg-menu > li > a:hover {
	text-decoration: underline;
}

#facebook-header-login .elgg-button-submit {
	position: relative; 
	top: 10px;
}


input[type="checkbox"] {
	vertical-align:bottom;
}
