/*******************************************************************
 styles_layout.css
  
 This CSS file contains all layout definitions like positioning,
 floats, margins, padding, borders etc.

 Styles are organised into the following sections:
  core
  header
  footer

  admin
  blocks
  calendar
  course
  doc
  login
  message
  user

  various modules

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


/***
 *** Core
 ***/

body {

}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { display:none;margin: 0; }
#tooltip.pretty {
	border: none;
	width: 340px;
	padding:10px;
	height: 95px;
	opacity: 0.8;
	background: url('imagenes/shadow.png');
}
#tooltip.prettydoc {
	border: none;
	width: 80px;
	padding:10px;
	height: 30px;
	opacity: 0.8;
	background: url('imagenes/docs.png');
	background-repeat:no-repeat;
}
footer {
    display: inline;
        background:#b7aaaf;
	position: fixed;
  bottom: 0px;
  margin-right: auto;
  margin-left: auto;
	
    }
  footer a {
    margin-top:45%;
	padding-right:25px;
	color: white;
	
	
}
#footer_left{float:left;width:50px;height:50px;z-index:99}
#footer_right{text-align:right;background:#b7aaaf;width:100%;height:50px;font-size:smaller}

#header{
  z-index:1001;
  height:200px;
}


#main_image img{
  margin-top:10px;
   max-width: 100%;
    max-height:100%;
    width: auto\9; /* ie8 */
    height: width: auto\9; /* ie8 */
  
}

.online{
 //background-image:url(imagenes/online_en.png);
  
  background-repeat:no-repeat;
   width:300px;
   height:auto;
	

  position:absolute;
  top:33px;
  left:45%;
  visibility:visible;
  
}
.videoconference{
 // background-image:url(imagenes/videoconference.png);
  
  background-repeat:no-repeat;
    width:300px;
  height:auto;

  position:absolute;
  top:3px;
  left:70%;
  visibility:visible;
  z-index:2
}
.lessons{
  //background-image:url(imagenes/lessons.png);
  
  background-repeat:no-repeat;
  width:300px;
  height:auto;
  position:absolute;
  top:34%;
  left:80%;
  visibility:visible;
  z-index:2
  
}
.skype{
  //background-image:url(imagenes/skype_en.png);
  
  background-repeat:no-repeat;
   width:300px;
  height:50px;

  position:absolute;
  top:70%;
  left:80%;
  visibility:visible;
  z-index:2
  
}
.skype:hover{cursor:pointer;}

.tutorials{
  //background-image:url(imagenes/tutorials.png);
  
  background-repeat:no-repeat;
  width:300px;
  height:50px;

  position:absolute;
  top:55%;
  left:14%;
  visibility:visible;
  z-index:2
  
}

.docs{
  //background-image:url(imagenes/tutorials.png);
  
  background-repeat:no-repeat;
  width:300px;
  height:50px;

  position:absolute;
  top:55%;
  left:14%;
  visibility:visible;
  z-index:2
  
}
h1.main,
h2.main,
h3.main,
h4.main,
h5.main,
h6.main {
  /*margin-left:1em;*/
  text-align:left;
  margin-top:0;
  margin-bottom:0;
  margin-left:0;
  padding-left:10px;
  padding-top:10px;
  padding-bottom:10px;
  border-top:0;
  border-bottom:0;
  border-left:1px solid; 
  border-right:1px solid
}
a:link,
a:visited {
  border-width:0px;
}
a img {
  border:none;
  
  
}



#content {
  clear:both;
  /*width:100%;*/
  padding-left:17px;
  padding-right:8px;
}
#layout-table {
  margin-top:0;
  width:100%;
}
#layout-table #left-column {
  width:22%;
  padding:5px
}
#layout-table #middle-column {
  width:auto;
  padding:5px
}
#layout-table #middle-column .topics {
  width:95%
}
#layout-table #right-column {
  width:22%;
  padding:5px
}
#middle-column .section .content,
#middle-column .section .side {
  border:0 none
}

#layout-table #left-column,
#layout-table #middle-column,
#layout-table #right-column 
{
  vertical-align:top;
}


.generalbox {/*espacio de contenido en páginas interiores*/
  width:100%;
  /*border:1px solid;*/
  /*padding-left:17px;
  padding-right:8px;*/
  margin-top:0;
  /*background:url(/theme/M_Lingua/imagenes/sombra.gif) top right repeat-y*/
}
.generalboxcontent {
  width:100%;
  text-align:left;
  padding:5px;
  /*margin: 0 8px 0 137px;*/
  border-top:0;
  border-bottom:1px solid;
  border-left:1px solid; 
  border-right:1px solid
}
.generaltable th.header {
  border-left:1px solid;
  border-right:1px solid;
}
.generaltable .smallinfo p {
  margin-top:0
}
.sitetopiccontent {
  border:0 none
}

/***
 *** Header
 ***/

#header-home {
  padding:0.7em 0;
  height:2em
}
#header,
#header-main,
.navbar {
  margin:0
}
#header {/*cabecera*/
  padding:0;
  height:59px
}
#header .headermain {
  float:left;
  margin:0 0 0 12
}
.headermenu {
  float:right;
  text-align:right;
}
.headermenu .logininfo {
  margin:0 12px 4px 0;
  text-align:center;
}
.navbar {
  width:100%;
  margin:0;
  padding:0;
  height:3em;
  border:0 none
}
.navbar .breadcrumb {
  float:left;
  margin:23px 0.2em 0 12px
}
.navbutton {
  float:right;
  padding-top:2px;
  margin:0.2em 1em 0.2em 0
}
.navbar hr {
  height:1px
}

/***
 *** Footer
 ***/
 
#footer {
  width:100%;
  margin-top:1em;
  margin:0
}
#footer br {
  display:none
}
#footer hr {
  display:none
}
#footer .sitelink {
  margin:0.5em 0;
  text-align:center;
}
#footer .homelink {
  margin:0.5em;
  text-align:center;
}
#footer .homelink a {
  border-width:1px
}

/***
 *** Content
 ***/

#content {
  clear:both;
  margin:0 12px
}
#course-view #content,
#site-index #content {
  margin:0
}
#user-edit .userpicture,
#user-view .userpicture {
  margin-top:10px
}

/***
 *** Admin
 ***/
 
.logtable th.header {
  border-left:1px solid;
  border-right:1px solid;
}
#user-edit #content .generalbox,
#user-view .userinfobox tr {
  border-top:0 none;
}
.admin .generalboxcontent {
  width:100%;
  text-align:left;
  padding:5px;
  /*margin: 0 8px 0 137px;*/
  border-top:0;
  border-bottom:1px solid;
  border-left:1px solid; 
  border-right:1px solid;
  margin-top:0;
  margin-bottom:5px
}

/***
 *** Blocks
 ***/
 
.sideblock,
.sideblock .searchform {
  text-align:left
}
.sideblock .header .hide-show img.hide-show-image {
  margin-top:0.1em;
  /*width:100%;*/
}
.sideblock .searchform a {
  line-height:1.5em
}
#left-column .sideblock {
  margin:0
}
#left-column .sideblock .header,
#left-column .sideblock .content,
#right-column .sideblock .header,
#right-column .sideblock .content {
  border:0 none
}
#right-column .sideblock .content {
  padding:0.2em 0.7em
}
#left-column .sideblock .header {
  border-bottom:1px solid;
  padding-left:3px
}
#left-column .sideblock .list .r0,
#left-column .sideblock .list .r1 {
  height:2em
}
#left-column .sideblock .list td {
  vertical-align:middle;
  border-bottom:1px solid
}
#right-column .sideblock {
  margin-bottom:28px
}
.sideblock .head {
  margin-top:0.5em
}
.sideblock .link {
  margin:0.3em 0;
  border-bottom:1px solid
}
.sideblock .post {
  margin-top:0.5em;
  padding-bottom:0.2em;
  border-bottom:1px solid
}
.block_rss_client .link {
  border-top:0 none
}

/***
 *** Calendar
 ***/
#calendar {
  width:100%;
  border-spacing: 5px;
  border-collapse: separate;
  border-top:0;
  border-bottom:1px solid;
  border-left:1px solid; 
  border-right:1px solid
}
}
#calendar .header {
  width:100%;
} 
#calendar .today,
.minicalendar .today {/*linea que marca el día en el calendario*/
  padding-top:0;
  padding-bottom:0;
  border:1px solid !important
}
#calendar .maincalendar .calendarmonth .sidecalendar{
  width:100%;
}
#calendar.generalbox {
  width:100%
}
#calendar. overDiv {
  width:100%
}

/*estilos nuevos*/

#mod-chat-gui_header_js-jsupdate .chat-event,
#mod-chat-gui_header_js-jsupdate .chat-message {
  width:100%;
  padding:0;
  margin-top:7px
}
#calendar .maincalendar .eventlist .event {
  width:97%;
  margin-bottom:10px;
  border-spacing:0px;
  border-collapse:separate;
  border-width:1px;
  border-style:solid;
  margin-left:5px
}
#calendar .maincalendar .eventlist .event .name {
  float:left;
}
#calendar .maincalendar .eventlist .event .course {
  float:left;
  clear:left;
}
#calendar .maincalendar .eventlist .event .date {
  float:right;
}

#calendar .maincalendar .eventlist .event .description .commands {
  width:100%;
}

#calendar .maincalendar .eventlist .event .description {
  padding:5px;
}

#calendar .maincalendar .eventlist .event .picture {
  padding:8px;
}

#calendar .maincalendar .eventlist .event .side {
  width:32px;
}
#calendar .maincalendar,
#calendar .sidecalendar
{
  vertical-align: top;
  /*border: 1px solid;*/
  padding: 0px;
}

#calendar .sidecalendar {
  width: 25%;
}
#calendar .maincalendar .filters table,
#calendar .sidecalendar .filters table,
.sideblock.block_calendar_month .filters table
{
  border-collapse:separate;
  border-spacing: 2px;
  padding: 2px;
  width: 100%;
  border: 1px solid;
}
#calendar .maincalendar .filters {
  padding: 0px 10px;
}

#calendar .sidecalendar .filters {
  padding: 5px;
}
#calendar div.header
{
  padding: 5px;
}

#calendar .maincalendar .buttons {
  float: right;
  margin-right:10px;
}
#calendar .maincalendar .filters table,
#calendar .sidecalendar .filters table,
.sideblock.block_calendar_month .filters table
{
  border-collapse:separate;
  border-spacing: 2px;
  padding: 2px;
  width: 100%;
}

#calendar .maincalendar .filters {
  padding: 0px 10px;
}

#calendar .sidecalendar .filters {
  padding: 5px;
}
#calendar .event_global,
#calendar .event_course,
#calendar .event_group,
#calendar .event_user,
.minicalendar .event_global,
.minicalendar .event_course,
.minicalendar .event_group,
.minicalendar .event_user {
  border:2px solid !important;
}
table.minicalendar {
  width: 93%;
  margin: 10px auto;
  padding:2px;
  border-width:1px;
  border-style:solid;
  border-collapse:separate;
  border-spacing:1px !important;
}
.weekdays{
   text-align:left;
   width: 100%;
}
.day{
   text-align:left;
   vertical-align:top;
}
#calendar .tbody{
   width: 100%;
}

/***
 *** Course
 ***/
.course-content{
  /*width:100%;*/
  padding-left:7px;
  padding-right:7px;
}
.activitydate, .activityhead {
  text-align:center;
}

#course-view .section td {
  vertical-align:top;
}

#course-view .section td.content {
  padding:5px;
  border-style:solid;
  border-width:1px;
  border-left:0px;
  border-right:0px;
}

#course-view .section td.side {
  padding:5px;
  border-style:solid;
  border-width:1px;
}

#course-view .section td.left {
  border-right:0px;
  text-align:center;
  width: 1.5em;
}

#course-view .section td.right {
  border-left:0px;
  text-align:center;
  width: 1.5em;
}

#course-view .current .side {
}

#course-view .section .spacer {
  height:0.5em;
}

#course-view .section .weekdates {
}

#course-view ul.section, 
#site-index ul.section, 
#course-view ul.section li, 
#site-index ul.section li { 
  margin: 0;
  padding: 0;
  text-indent: 0;
  list-style: none;
}

#course-view ul.section li.activity ul li, 
#site-index ul.section li.activity ul li { 
  list-style: disc; 
}

/*Accessibility: No-tables course format. */
#course-view ul.weekscss, .weekscss li { 
  margin: 0;
  padding: 0;
  text-indent: 0;
  list-style: none;
}
/* Window-width: 800 pixels.
   IE doesn't support, see inline IE conditional comment. */
.weekscss-format {
  min-width: 763px;
}
.weekscss-format .block_adminblock select,
.weekscss-format .block_calendar_month .minicalendar {
  width: 100%;
  padding: 0;
}
.weekscss-format .block_calendar_month .minicalendar th,
.weekscss-format .block_calendar_month .minicalendar td {
  padding: 0.1em 0 0.1em 1px;
}
.weekscss-format #middle-column {
  margin: 0 12.5em 0 12.5em;
}
.weekscss-format #left-column,
.weekscss-format #right-column {
  width: 11.5em;
}
.weekscss-format #left-column {
  float: left;
}
.weekscss-format #right-column {
  float: right;
}
.weekscss li.section {
  margin-bottom: 0.5em;
  border-style:solid;
  border-width:1px;
}
.weekscss .content, 
.weekscss .side {
  padding: 5px;
}
.weekscss .content {
  margin: 0 1.7em 0 1.7em;
}
.weekscs??????o?
?.activitydate, .activityhead {
  text-align:center;
}


#course-view .section td {
  vertical-align:top;
}

#course-view .section td.content {
  padding:5px;
  border-style:solid;
  border-width:1px;
  border-left:0px;
  border-right:0px;
}

#course-view .section td.side {
  padding:5px;
  border-style:solid;
  border-width:1px;
}

#course-view .section td.left {
  border-right:0px;
  text-align:center;
  width: 1.5em;
}

#course-view .section td.right {
  border-left:0px;
  text-align:center;
  width: 1.5em;
}

#course-view .current .side {
}

#course-view .section .spacer {
  height:0.5em;
}

#course-view .section .weekdates {
}

#course-view ul.section, 
#site-index ul.section, 
#course-view ul.section li, 
#site-index ul.section li { 
  margin: 0;
  padding: 0;
  text-indent: 0;
  list-style: none;
}

#course-vs .right {
  width: 1.6em;
  float: right;
  text-align:center;
}

.section .activity img.activityicon {
  vertical-align:middle;
  height:16px;
  width:16px;
}

.section img.movetarget {
  height:16px;
  width:80px;
}

body#course-view .unread {
  margin-left: 3em;
} 

body#course-enrol .generalbox {
  margin-top: 20px;
}

body#course-enrol .coursebox {
  margin-top: 20px;
}

body#course-user .graph {
  text-align: center;
}

body#course-user .section,
body#course-user .content {
  margin-left: 30px;
  margin-right: 30px;
}

body#course-user .section {
  border-width:1px;
  border-style:solid;
  padding:10px;
  margin-bottom: 20px;
}

body#course-user .section h2 {
  margin-top: 0px;
}


.headingblock, h2.headingblock {
  border-width:1px;
  border-style:solid;
  padding:5px; 
  margin:0%;
}

.headingblock .link {
  text-align:right;
}

body#site-index .headingblock,
body#course-view .headingblock {
  margin-bottom: 9px;
}

.coursebox {
  margin-bottom: 8px;
}

.categoryboxcontent,
.courseboxcontent {
  border-width:1px;
  border-style:solid;
}

.courseboxcontent .cost {
  padding-top: 20px;
}

/***
 *** Login
 ***/

.loginbox {
  width:100%;
  text-align:left;
  padding:5px;
  /*margin: 0 8px 0 137px;*/
  border-top:0;
  border-bottom:1px solid;
  border-left:1px solid; 
  border-right:1px solid;
  margin-top:0;
  margin-bottom:5px
}
  
/***
 *** Modules:Forum
 ***/
 
.forumheaderlist {
  width:98%;
  margin-left:5px;
  margin-right:5px
}
.forumheaderlist .header {
  border-left:1px solid;
  border-right:1px solid;
}

#mod-forum-index .generalbox {
  width:100%
}
.subscription{
  border-left:1px solid;
  border-right:1px solid;
}
  
/***
 *** Modules:Glossary
 ***/
.mod-glossary #content {
  margin-top:0
}
.glossarypost .commands {
  width: 200px;
  white-space: nowrap;
}

#mod-glossary-comments .glossarypost,
#mod-glossary-comment .glossarypost {
      margin-top: 15px;
}

.entryboxheader {
  border-width: 1px 1px 0px 1px;
  border-style: solid;
}

.entrybox {
  border-width: 0px 1px 1px 1px;
  border-style: solid;
}

.glossarypost {
  width: 95%;
  border-width:1px;
  border-style:solid;
  border-collapse:separate;
  margin-bottom: 5px;
  text-align: left;
}


.entrylist {
  border-width:0px;
}

.entrylowersection {
  padding-top: 10px;
}
.entrylowersection table{
  width: 100%;
}
.entrylowersection .aliases {
  text-align:center;
}
.entrylowersection .icons,
.entrylowersection .ratings {
  text-align:right;
  padding-right: 5px;
}
.entrylowersection .ratings {
  padding-bottom: 2px;
}
.categoryheader {
  width: 95%;
}
.glossaryformatheader {
  width: 90%;
}

.glossarypost .entry {
  padding: 3px;
}

.glossarypost .picture {
  width: 35px;
}

.glossarycomment {
  border-width:1px;
  border-style:solid;
  border-collapse:separate;
  margin-bottom: 5px;
  text-align: left;
}


.glossarycomment .entry {
  padding: 3px;
}

.glossarycomment .picture {
  width: 35px;
}

.glossarycomment .icons {
  text-align: right;
}

.glossarydisplay {
  width: 70%;
}

.glossarydisplay .tabs {
  width: 100%;
}

.glossarydisplay .separator {
  width: 4px;
}

.glossarydisplay .tabs .selected,
.glossarydisplay .tabs .inactive,
.glossarydisplay .tabs .general {
}

.glossarypopup {
  width: 95%;
}

.glossaryapproval {
  width: 100%;
}

.mod-glossary .tabs {
  margin-bottom: 0px;
}
.mod-glossary .tabs .side {
  border-style: none;
  border-width: 0px;
  width: auto;
}

/***
 *** Modules:Resource
 ***/
 
.mod-resource #content {
  margin-top:0
}