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

 Styles are organised into the following sections:
  core
  header
  footer

  - De aquí hacia abajo están todos suprimidors, excepto algo de login y de course, porque estaban modificados para nuestra aplicación
  admin
  blocks
  calendar
  course
  doc
  grades
  login
  message
  tabs
  user
  
  mainback: cuerpo principal rodeado rayas grises

  various modules

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


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

body {
  margin:0;
}

h1.main,
h2.main,
h3.main,
h4.main,
h5.main,
h6.main {
  text-align: center;
}

#layout-table {
  width:100%;
  border-collapse:separate;
  margin-top: 8px;
  border-style:none;
}


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

#course-view #middle-column,
#site-index #middle-column,
#layout-table #middle-column {
  /*width:460px;*/
  padding-left:10px;
  padding-right:10px;
  text-align:center;
}


#course-view #left-column,
#site-index #left-column {
  /*  display: none; */
  width:220px;
  padding-left:10px;
  padding-right:0px;
}

.editing#course-view #left-column {
display: block;
width:auto;
}

#course-view #right-column,
#site-index #right-column,
#layout-table #right-column {
  width:160px;
  padding-left:0px;
  padding-right:10px;
}


.clearer {
  clear:both;
  margin:0px;
  padding:0px;
  height:1px;
  border:none;
  background:transparent;
}

.continuebutton {
  text-align: center;
}

form {
  margin-bottom:0px;
}

table {
  border-spacing: 0px;
  border-collapse: collapse;
}

a.left {
/*    display: none; */
}

a img {
  border:none;
}
.notifyproblem {
  text-align: center;
  padding: 10px;
}
  
.notifysuccess {
  text-align:center;
  padding: 10px;
}   

.generalbox {
  border-width:1px;
  border-style:solid;
  margin-bottom: 15px;
}

.generalbox#intro {
  text-align:center;
}

.noticebox {
  border-width:1px;
  border-style:solid;
}
.errorbox {
  border-width:1px;
  border-style:solid;
  margin: 1em 15%;
  width: 70%;
}
.errorbox .title {
  padding: 5px;
}
.informationbox {
  border-width:1px;
  border-style:solid;
}
.feedbackbox {
  border-width:1px;
  border-style:solid;
}
.feedbackby {
}
.feedback {
}
.initialbar {
  text-align: center;
}

#help .indent {
  margin-left:3em;
}

.tabledivider {
  border-width:1px;
  border-style:solid;
  border-left:0px;
  border-right:0px;
  border-top:0px;
}

.sitetopic {
  margin-bottom:20px;
}

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

.pagingbar {
  text-align:center;
}
.pagingbar a {
  padding-left: 10px;
}
.pagingbar .thispage {
  padding-left: 10px;
}

table.formtable {
  margin: auto;
}

table.formtable tbody th {
  vertical-align: top;
}

table.formtable tbody td,
table.formtable tbody th
{
  padding: 5px;
}

.paging {
  text-align: center;
  margin: 10px 0px 10px 0px;
}

.unread {
  padding-right:2px;
} 

.cell {
  vertical-align: top;
}

.helplink img {
  vertical-align: middle;
  margin: 0px 2px;
}

form.popupform {
  display: inline;
}

.mainback {
	border: 0;
	padding:0;
	/*margin:0 ;
	margin-left: 20%; */
	margin: 0 auto;
	width:815px;
	position: relative;
	}

 
table.mainback .lateral_dcho {
	background-color:#ffffff;
	vertical-align:top;
	}
/***
 *** Header
 ***/

#header-home {
}

#header {
}

.headermain {
  vertical-align: middle;
}

.headermenu {
  text-align:right;
}

.navbar {
  width:100%;
  vertical-align: middle !important;
  border-width:0px;
  border-style:solid;
  margin:0px;
  padding:0px;
}

.navbar .breadcrumb {
  margin-left: 10px;
  vertical-align: middle !important;
}

.navbar .blueline {
  height: 2px;
  margin: 0px;
  padding: 0px;
}

.navbar .navbutton
{
  margin-right: 10px;
  text-align:right;
}

#footer .navbar {
  margin-top: 4em;
}

.reportlink {
  text-align:right;
}


/***
 *** Footer
 ***/

.mainfooter{
	border:0;
	padding:0;
	width:790px;
	/*
	left: 21%; 
	margin:0; 
	*/
	margin: 0 auto 0 auto;
	position: relative;
	}
	
.footer{
  vertical-align:top;
  height:29px;
  text-align:right;
  margin-top: 5px;
  margin-right: 25px;
	}	

.content .footer{
  /* Comentamos para que las cajas de añadir actividad/recurso no se solapen
  con el menú de administración sitio*/
  height:auto;
	}	

.homelink {
  margin: 1em 0;
}

.homelink a {
  padding-left:1em;
  padding-right:1em;
}

.performanceinfo {
  margin: 2em;
}

.performanceinfo span {
  display: block;
}



/* alef */
#course-view .section .content h2 {
	text-align:left;
}

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

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

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

#course-view .current .side {
}

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

#course-view .section .weekdates {
}

.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 {
  border-width:1px;
  border-style:solid;
  padding:5px;
}

.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 .content {
  border-width:1px;
  border-style:solid;
  padding:15px;
}

/** copiado theme/standard/styles_layout.css **/
.loginbox {
  margin-top:15px;
  margin-bottom:15px;
  border:1px solid;
  width:50%;
  margin-left:25%;
  overflow:hidden;
}

.loginbox form {
  margin:0px;
  padding:0px;
}

.loginbox.twocolumns {
  width:90%;
  margin-left:5%;
  /*  background: #faa;*/
}

.loginbox h2,
.loginbox .subcontent {
  margin:5px;
  padding:10px;
  text-align:center;
}

.loginbox .loginpanel .subcontent {
  text-align:center;
}

.loginbox .loginpanel .desc {
  margin:0px;
  padding:0px;
  margin-bottom:5px;
}

.loginbox .signuppanel .subcontent {
  text-align:left;
}

.loginbox .loginsub {
  margin-left:0%;
  margin-right:0%;
}

.loginbox .guestsub,
.loginbox .forgotsub {
  border-top:1px solid;
  /*
  Comentamos para que las dos cajas de autenticación aparezcan en la 
  misma altura en IE
  margin-left:12%;
  margin-right:12%;*/
  margin-bottom:5px;
}

.loginbox .loginform {
  margin-top:1em;
  text-align:left;
}

.loginbox .loginform .form-label {
  float:left;
  text-align:right;
  width:40%;
}

.loginbox .loginform .form-input {
  float:right;
  width:59%;
}

.loginbox .loginform .form-input input {
  width: 6em;
}

.loginbox .signupform {
  margin-top:1em;
  text-align:center;
}

.loginbox.twocolumns .loginpanel {
  float:left;
  width:49.5%;
  border-right: 1px solid;
  margin-bottom:-2000px;
  padding-bottom:2000px;
  /*background: #afa;*/ 
}

.loginbox.twocolumns .signuppanel {
  float:right;
  width:50%;
  margin-bottom:-2000px;
  padding-bottom:2000px;
}
/** FIN copiado theme/standard/styles_layout.css **/


/*
************************************
** Noticias
************************************
*/
.noticias_borde {
	border-left: 2px solid #DED6CC;
	}
#scroll_container {
	position:relative; 
	border-style:solid; 
	width:150px; 
	border-width:0px; 
	padding-top:5px;
	padding-bottom:5px; 
	border-color:#CCCCCC;
	}

#vscroll0 {
	 display:none;
	 z-index:0;
	}