/**************************************
 * THEME NAME: grupoisit
 *
 * Files included in this sheet:
 *
 *   grupoisit/isometric.css
 *   grupoisit/isit.css
 **************************************/

/***** grupoisit/isometric.css start *****/


/*corresponde al #mod-resource, los recursos que cambiaban la estructura de la pagina, la cabecera se pone al tama�o de la pagina*/
#mod-resource-view #header{
background:#e8e8ea url(images/header/bg.png); background-repeat:no-repeat; background-position:top-left;
}

#mod-resource-view #header .profileopt{
	margin-right:20%;
}
/*para que no salga el fondo (Cabecera) en los recursos que se abren en :blank, ya que estas ventanas en el html por defecto de moodle no tienen cabecera, con lo cual no deja espacio para mostrarla*/
#mod-resource-view {
background-image:none;
}

/*#mod-survey-index .questiontext body, table, td, th, li{
margin-top:10px;
margin-bottom:25px;

}*/
/*#mod-survey-index#content#survey-form.questiontext #content body, table, th, li{
border: #cacbbc 1px solid;
}*/
#mod-survey-index .r1 .cell  {background:#eee;}

#mod-survey-index td  {
  border-width:0 1px 0;
  border-color:#ddd !important;
}

#mod-survey-index th {
  color:#fff;
  border-bottom:2px solid #111;
  padding:0 4px;
  border-left:1px solid #66000F;
  border-right:1px solid #66000F;
  border-top:1px solid #66000F;
}

.mod-survey th {
  background-color:#cacbbc;
}


/*#mod-survey.questiontext{
position:relative;
margin:none;
padding:none;
}

#mod-survey table{
position:relative;
margin:none;
padding:none;
}*/
body {
	margin: 0;
	padding: 0;
	text-align: left;
	background:#E8E8Ea;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	/*font-size: 0.8em;*/
	color: #424242;
}

 
#mod-lesson-view h2.main, #mod-lesson-edit h2.main,#mod-lesson-essay h2.main, #mod-lesson-report h2.main{
background-color: #E8E8EA;
margin-bottom:20px;

	 -moz-box-shadow: 0px 1px 3px #424242; 
  	-webkit-box-shadow: 0px 1px 3px #424242;
}

#mod-lesson-view #middle-column  h2.main
{
	background-color:#E8E8EA;
	color:#31576F;
	margin-top:13px;
	-moz-box-shadow: none; 
  	-webkit-box-shadow: none;
}

/*#mod-lesson-view  #maincontent h2.main {
background-color:none;
margin-bottom:5px;
}*/

h2, h3, h4, h5, h6 {
	margin: 0;
}

h1{
line-height: 105%;
text-transform: none;
	/*font-size: 24px;*/
	/*font-weight: normal;*/
	color: #31576F;
}

h2.headingblock {
	text-transform: none;
	/*font-size: 22px;*/
	/*font-weight: normal;*/
	color: #31576F;
	background-color:#E8E8EA;
}

h2{
color: #31576F;
}

h2 em {
	/*font-weight: normal;*/
}

h3 {
	/*height: 15px;*/
	/*background-color:#E8E8EA;*/
	/*margin-top:15px;/
	text-transform: none;
	/*font-size: 18px;*/
	color: #31576F;
	/*padding-top:3px;*/
	/*padding-left:5px;*/
}

p, ol, ul{
	line-height: 130%;
}

ul {
	margin-left: 20px;
	padding-left: 0;
	list-style-position: outside;

}


a {
	color: #6B6B6B;
	/*font-weight:bold;*/
}

a:hover {
	text-decoration: none;
	
	color:orange;
}

.image {
	float: left;
	margin: 0 20px 0 0;
}

.bg1 {
	padding: 0 20px 20px 20px;
	border-top: 1px solid #FFFFFF;
	background: #FFFFFF url(images/sideblock/img4.gif) repeat-x;
}

.bg2 {
	padding: 20px;
	border-top: 1px solid #CBE1EF;
	background: #FFFFFF url(images/sideblock/img4.gif) repeat-x;
}

/* Header */

/*.header .profilepic {
float:right;
text-align:right;
color:#ffffff;
height:100%;
width: 100%;
display:inline;
}*/

#header {width:100%;
	height: 135px;
	color:white;
	background: #e8e8ea url(images/header/cabeceraweb.png); background-repeat:no-repeat; background-position:top-center;
}

#header * {
	margin: 0;
	padding:0;
	text-transform: none;	
}

#header h1 {

	padding: 70px 0 0 10px;
	/*font-size: 28px;*/
}

#header h2 {

	padding: 91px 0 0 10px;
	/*font-size: 22px;*/
	/*font-weight: normal;*/
}

#header ul {
	text-align:right;
	float: right;
	margin: 0;
	padding: 16px 0 0 0;
	list-style: none;
	margin-right:10px;

}

/*#header li input{
padding-left:5px;

}*/

#header li label
{
margin-left:100%;
color:white;
}

 
#header a{
	display:inline;
	height: 25px;
	margin-left: 10px;
	/*padding: 12px 20px 0 20px;*/
	text-decoration: none;
	color:white;
	font-size: 0.8em;
}

#header li a:hover {
text-decoration:underline;
color:orange;
}

/* Content */

/*
#colOne {
	float: left;
	width: 186px;
}

#colOne ul {
	padding-left: 0;
	list-style: none none outside;
}

#colOne li {
	padding: 5px 0;
	background: url(images/img6.gif) repeat-x;
}

#colOne li.first {
	background: none;
}

#colTwo {
	float: right;
	width: 686px;
}*/

/* Footer */

#footer {
	font-size:0.9em;
	font-weight:normal;
	clear: both;
	width: 100%;
	height:100%;
	margin: 0;
	padding: 30px 0;
	background: url(images/footer/FOOTER1.png); background-repeat:no-repeat; background-position:center-top;
}

#footer p {
	
	margin: 0;
	text-align: center;
	color:#424242;
	/*font-weight:bold;*/
}

#footer a {
	color:#fff;
	text-decoration:none;
	/*font-weight:bold;*/
	/*font-size: 1em;*/
}

#footer a:hover{
	color: #577097;
	/*font-weight:bold;*/
}

/***
 ***	core: layout
 ***/


a.dimmed:link,
a.dimmed:visited {
	color:#333;
	text-decoration: underline;
	/*font-weight:bold;*/
}

a.dimmed:hover{
 color:orange;
}

.breadcrumb {
	font-size:0.75em;
	padding-top:5px;
}

.navbar .breadcrumb  ul{
	display:inline;
	/*margin-left:-414px;*/
}

#layout{
max-width:90%;
}

/*#mod-resource-view #page{
height:100%;
margin:auto;
vertical-align:center;
}
*/
#page {
	border: 0px solid #ffffff;
	margin-left: auto; 
	margin-right: auto;
	max-width: 90%;
}



#middle-column{
max-width:90%;
padding-right:none;
padding-left:none;
position: center top;
}	

#middle-column  td
{
max-width:500px;

}



#layout-table {
	margin-top:5px;

}


#layout-table #middle-column{
   vertical-align:top;
   max-width:100%;
}

/*#layout-table #middle-column td{
 line-height:20px;
}*/

#layout-table #left-column{
  vertical-align:top;
  padding-left:0;
  padding-right:0px;
}

#layout-table #right-column{
  vertical-align:top;
  padding-left:0px;
  padding-right:0;
  
}
 #middle-column   .generalbox{
 background:#fff;
 border:none;
 }

.entrybox{
border:none;
}

.glossarypost{
border-color:#ccc;
padding-top:5px;
padding-left:5px;
}
 
.content{
background:#fff;

}



#content {
  background-color: #fff;
  margin-top:0;
  padding-top:10px;
  font-family:Tahoma,Geneva,sans-serif;
}

#login-index #content{
  /*font-size:1.0em;*/
}

div.courseboxes .coursebox{
border-bottom-color: #bcbcbc;
border-bottom-width:1px;
border-bottom-style: dotted;

}

hr {
	border-bottom:1px dotted #cccccc;
	border-top:1px solid #ffffff !important; 
	border-left:1px solid #ffffff !important; 
	border-right:1px solid #ffffff !important; 
}

h2.main{
	/*font-weight:normal;*/
}

h1.main,
h2.main,
h3.main,
h4.main,
h5.main,
h6.main {
	text-align: center;
	margin:0px;
	padding-top:10px;
	padding-bottom:10px;	
}

th.header,
td.header,
h1.header,
h2.header,
h3.header,
div.header {     
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	color: #31576f;
	padding-right:5px;
	padding:3px;}

th.header,
td.header,
h3.header,
#course-view .section .weekdates,
div.header {
	background-color: #E8E8EA;
}

.subscription{
padding:5px;
}

.forumheaderlist{
border:none;

    -moz-box-shadow: 0px 1px 3px #424242; 
  	-webkit-box-shadow: 0px 1px 3px #424242;}

.forumheaderlist td{
border-color:#ccc;
padding:3px;
}

.header {
	border: none !important;
	clear: both;
}

#middle-column .contents img{
max-width:860px;
max-height:645px;
}

#middle-column .contents i{
max-width:885px;
}

#middle-column .generalbox  th.header{
/*font-size:12px;*/
background-color:#ccc;
}


#middle-column .generalbox  tr {
/*border-right:#DBD4BA solid 1px;
border-left:#DBD4BA solid 1px;
border-bottom:#DBD4BA solid 1px;*/
}
 

/***
 ***	php includes: date + language options + profileblock
 ***/
#mainmenu-top {background-color: #E8E8EA; display:block; height: 30px; margin: 0; padding: 0; width: 100%;}
#mainmenu-date {display:inline; padding-right: 2px; float:right; width: 50%; height: 1em; text-align: right; font-size:0.8em;}
#mainmenu-langopt .chooselang {display: block; width: 50%;}
 /*#profileoptions .loginform {color: #E8E8EA !important;}*/
#profileoptions ul li label { margin-left:8px; margin-right:1px; font-size:0.8em; /*font-weight:bold;*/}
#profileoptions a:hover , #profilename a:hover{color: orange;}
#header .profileopt{
margin-right:10%;
}

#header .profileopt  a:hover{
color:orange;
}



/***
 ***	core: yui menubar thanks to Patrick Malley
 ***/

.header-profilepic {
  text-align:left;
  margin: 5px;
  width: 80px;
  height: 80px;
  border: 5px solid #868F8F;
}
 
 .form-buttons{
 padding-bottom:10px;
 }

.yuimenubar /* entire bar */ {
	background:url(images/menu/bg_menu.jpg) repeat-x center top;
	height:36px;
	position:center;

}

	
.yuimenubar ul.first-of-type {float: left;}

.yuimenu /* sub container */ {
	background-color: #dceff3;
	}

.yuimenu a {
	text-decoration: none;
	background-color: #dceff3;
	/*font-size: 85%;*/

}


.yuimenubaritemlabel1{
	margin-top:-8px;
	padding-right:none;
	padding-left:none;

	/*height:36px;*/
}	

.yuimenubaritemlabel1 a:hover{
	/*height:36px;*/
	margin-top:-8px;
}	
	
	
a.yuimenubaritemlabel /* bar item link */ {
	padding: 8px 15px 0px 15px;
	/*height:36px;*/
	color: #fff;
	font-size:0.8em;
}

a.yuimenuitemlabel /* sub item link */ {
	
	border-bottom:1px solid #a0d1db;
	border-left:1px solid #a0d1db;
	border-right:1px solid #a0d1db;

	}

.yuimenubar li.first-of-type .yuimenubaritemlabel {
	border-width:0;	/* no border on the first bar item link */
	}

.yuimenuitem-hassubmenu /* add right arrow to sub item */ {
	background: #fff ;
	}
	
a.yuimenuitemlabel-hassubmenu {
	background: none;
	}

	
/* selected menuitem */

li.yuimenubaritem-selected /* bar menu item */ {
	height:33px;
	padding-right:10px;
	}
	
li.yuimenubaritem-selected a:hover { color:#6574a8;}

li.yuimenuitem-selected  /* sub menu item */ {
	color: #fff;
	
	}

a.yuimenubaritemlabel-selected /* bar menu item link selected */ {
	text-decoration: none;
	color: #fff;
	
	}

a.yuimenuitemlabel-selected  /* sub menu item link selected */ {
	text-decoration: none;
	color: #fff;
	background-color: #ffffff;
	}

.yuimenubaritem-hassubmenu-selected /* change down arrow on bar item */ {
	}

.yuimenuitem-hassubmenu-selected /* change right arrow on sub item */ {
	background: #ffffff;
	}

a.yuimenuitemlabel-hassubmenu-selected {
	background: none;
	color: red;
	}

/***
 ***	core: navbar 
 ***/

.navbar {
    background:#ffffff;     
	border-top:0px;
	border-bottom:solid 1px gray;
	border-left:0px;
	border-right:0px;
}


/***
 ***	core: side block (the left and right bits)
 ***/

 .allcoursegrades a{
margin-right:40%;
margin-left:5%;
 }

/*.mod-lesson table{
border-style:hidden;
}*/

#mod-resource-index  tr{
border-bottom:#ccc dotted 1px;
}
#mod-resource-index  .tabledivider{
background-color:#E8E8EA;
height:15px;
padding:none;
margin:none;
border:none;
}

.mod-lesson .sideblock .menuwrapper{
overflow:hidden;
}

 .mod-lesson  .sideblock{
 background-image:none;
 margin-left:10px;
 width:198px;
 margin-top:15px;
 min-height:100px;
 }
 
 .mod-lesson  #left-column .sideblock .header {
 background:#E8E8EA;
 padding-left:8px;
 padding-top:5px;
 max-width:190px;
 padding-bottom:12px;

 	-moz-border-radius-topleft:9px; -moz-border-radius-topright:9px;
	-webkit-border-top-leftradius:9px; -webkit-border-top-rightradius:9px;
 }
 
 table.generaltable{
 margin-bottom:20px;
 margin-top:15px;
 }


.generaltable{
	border:none;
	
	-moz-box-shadow: 0px 1px 3px #424242; 
	-webkit-box-shadow: 0px 1px 3px #424242; 
	
	-moz-border-radius-topleft:9px; -moz-border-radius-topright:9px;
	-webkit-border-top-leftradius:9px; -webkit-border-top-rightradius:9px;
}

table.generaltable .cell{
border:none;
}
#mod-lesson-index .cell{
/*font-size:1em;*/
}


.cell  {
	border-color: #AFAA8D;
}

.tabledivider{
border-color:#596F91;
border-width:2px;
opacity:0.8;

}

#middle-column .informationbox{
border-color:orange;
}

.generalbox{
	border:none;
    padding-left:30px;
	padding-top:5px;
	margin-top:0px;
	
   -moz-box-shadow: 0px 1px 3px #424242; 
	-webkit-box-shadow: 0px 1px 3px #424242; 
	
	-moz-border-radius-topleft:9px; -moz-border-radius-topright:9px;
	-webkit-border-top-leftradius:9px; -webkit-border-top-rightradius:9px;

}

.block_profesors .namerol

.content .sideblock{
-moz-box-shadow: 0px 1px 3px #424242; 
-webkit-box-shadow: 0px 1px 3px #424242; 
}

.sideblock  {
    width: 210px;
	padding: 0;

	-moz-box-shadow: 0px 1px 3px #424242; 
	-webkit-box-shadow: 0px 1px 3px #424242; 
	
	-moz-border-radius-topleft:9px; -moz-border-radius-topright:9px;
	-webkit-border-top-leftradius:9px; -webkit-border-top-rightradius:9px;
}
	
.sideblock a {
	text-decoration: none;
	/*font-size: 12px;*/
	}
	
.sideblock li,
.sideblock .admintree .depth0 {
	width: 100%;
	padding-left:5px;
	padding-top:5px;
}

.loginbox{
border:none;
	
	-moz-box-shadow: 0px 1px 3px #333; 
	-webkit-box-shadow: 0px 1px 3px #333; 
	
	-moz-border-radius-topleft:9px; -moz-border-radius-topright:9px;
	-webkit-border-top-leftradius:9px; -webkit-border-top-rightradius:9px;
}

.loginpanel{
border:none;
	
	-moz-box-shadow: 0px 1px 3px #AFAA8D; 
	-webkit-box-shadow: 0px 1px 3px #AFAA8D; 
	
	-moz-border-radius-topleft:9px; -moz-border-radius-topright:9px;
	-webkit-border-top-leftradius:9px; -webkit-border-top-rightradius:9px;
}

	 
#left-column .sideblock .header {
	background: url(images/sideblocks/bg2.gif) no-repeat left top;
	height: 100%;
	width: 100%;
	position: block;
	right: 20px;
	top: 5px;
	padding: 0;
	padding-bottom:10px;
	margin: 0;
	text-align:top;
	}
	
#right-column .sideblock .header,#right-column .sideblock.header.block_profesors .namerol {
	background: url(images/sideblocks/bg3.gif) no-repeat right top;
	height: 100%;
	width: 100%;
	position: block;
	left: 20px;
	top: 5px;
	padding-bottom: 10px;
	margin-left:-8px;
	text-align:top;
	}
	
.sideblock h2 {
	/*font-size: 15px;*/
	/*font-weight:normal;*/ 
	color: #ffffff;
	padding-top: 5px;
	padding-bottom: 4px;
	/*padding-left: 3px;*/
	/*text-align:center;*/
}
	

	
#left-column .sideblock h2 {
padding-left: 8px;
	
}
	
#right-column .sideblock h2 {
	position: relative;
	text-align: right;
	right: 8px;

}
	
 #left-column .sideblock .content {
	border: none !important;

}	

#left-column .sideblock .content #destinatario{
width:195px;
}

#left-column .sideblock .content	#cuerpo{
max-width:195px;
}

	
 #right-column .sideblock .content {
	border: none !important;
}
	 
.sideblock .header .commands {
	background: url(images/sideblocks/commandsb.png);
	padding-left:15px;
	padding-top:3px;
	padding-bottom:5px;
	margin-top:5px;
	min-width:200px;
}


.sideblock .content h3.eventskey{
/*font-size:1em;*/
padding-top:8px;
padding-right:20px;
text-align:right;
height:18px;
}

tr#section.section{
margin-bottom:15px;
}

#right-column .sideblock .header .hide-show-image {
padding-right:0.5em;
}

#left-column .sideblock .header .hide-show-image {
padding-right:1em;

}

/***
 ***	core: course (the middle bit)
 ***/

.coursebox {
	background: #ffffff;
	border: 0px;    
	margin-bottom: 0px;
	margin-right: 2px;
}



body#site-index .headingblock,
body#course-view .headingblock {	margin-bottom:15px; padding-left:20px;
}

body#site-index #content{
/*background-image:url("images/header/fondo-index.jpg");background-repeat:no-repeat; background-position: 50% 60px;*/

min-height:450px;
}

#adminsettings fieldset{
border:none;
}

#user-editadvanced .mform fieldset{
	background: #ffffff;
	border-color:#dddddd;
	
	-moz-box-shadow: 0px 1px 3px #424242; 
	-webkit-box-shadow: 0px 1px 3px #424242; 
}



table.weeks .section{
    -moz-box-shadow:none; 
	-webkit-box-shadow:none; 
 
}

.section {
	background: #ffffff;
	border-color:#dddddd;
	-moz-box-shadow: 0px 1px 3px #424242; 
	-webkit-box-shadow: 0px 1px 3px #424242; 
}

.itemenu {
vertical-align:top;
position:right;
margin-top:-7px;
padding-right:none;
padding-left:none;
margin-right:none;
margin-left:none;
}



#course-view .section a .content {
/*font-size:1.2em;*/

}

#course-view .section a {
/*font-size:1em;*/
}

#course-view .section td.content {
	/*border-top:0px;
	border-left:0px;
	border-right:0px;
	border-bottom:1px dashed #B3AE93;*/
	border:none;
	max-width: 680px;
	
}

#course-view .section td.side {
  border-width:0px;
}

#course-view .section.content{
  /*font-size:1.3em;*/
}

#course-view .section h3{
background-color:;
}

#course-view #middle-column td{

padding-top:12px;
}

tr#section.section{
padding-top:15px;

}



.activity{
margin-top:12px;
/*font-size:12px;*/
/*font-weight:normal;*/

}

/***
 ***	modules: forum
 ***/
.content .Apple-style-span{
	font-family:font-family:Tahoma,Geneva,sans-serif;
    /*font-size:0.9em;*/
	color:#424242;
	
}

table.forumpost{
margin:auto;
margin-top:10px;
min-width:50%;
	-moz-box-shadow: 0px 1px 2px #ccc; 
	-webkit-box-shadow: 0px 1px 2px #ccc; 
}

.forumpost {
	border: 0px;    
	width: auto;
	overflow: scroll;
}

.forumpost .left {
	background:#ffffff url('images/forum/leftpost.png') no-repeat top left;
}

.forumpost .picture,
.forumpost .topic {
	background:#ebebeb url('images/forum/forumheader.png');
	border:0px;
}

.forumpost .topic a:link,
.forumpost .topic a:visited {
}

.forumpost img {
  max-width: 100%;
}

#content .que {
border-color:#dddddd;
margin:10px;
	-moz-box-shadow: 0px 1px 2px #424242; 
	-webkit-box-shadow: 0px 1px 2px #424242; 
}

#course-view ul.section, #site-index ul.section{
box-shadow:none;
padding-bottom:5px;
}
#course-view .section .spacer{
/*background-color:#E8E8EA;*/
}

#course-view .jumpmenu{
margin-top:10px;
}

.grade-report-grader table#user-grades{
min-width:40%;
margin:auto;
}

/***
 ***	modules: calendar
 ***/

/* colors for calendar events */
#calendar .event_global,
.minicalendar .event_global,
.block_calendar_month .event_global {
  border-color:#cff689 !important;
  background-color:#cff689;
}

#calendar .event_course,
.minicalendar .event_course,
.block_calendar_month .event_course {
  border-color:#c6dfeb !important;
  background-color:#c6dfeb;
}

#calendar .event_group,
.minicalendar .event_group,
.block_calendar_month .event_group {
  border-color:#feffc2 !important;
  background-color:#feffc2;
}

#calendar .event_user,
.minicalendar .event_user,
.block_calendar_month .event_user {
  border-color:#d9c6e2 !important;
  background-color:#d9c6e2;
}

#calendar .maincalendar table.calendarmonth td{
border-color:#AFAA8D;
}

#calendar .maincalendar .day{
/*font-size: 1.2em;*/
}

#calendar .maincalendar table.calendarmonth th{
border-bottom:1px;
}

#calendar .maincalendar table.calendarmonth{
border-color:#cccccc;
}

#calendar .maincalendar .filters table, #calendar .sidecalendar .filters table, .sideblock.block_calendar_month .filters table{
padding-top:12px;
}

/*#calendar .sideblock h2{
	background-image: url(images/sideblocks/bg1.gif); background-repeat:no-repeat; background-position: top center;
}*/

#calendar .sidecalendar .header{
background-image: url(images/sideblocks/bg4.gif); background-repeat:no-repeat; background-position: top center;
}

#calendar .sideblock h2{
text-align:center;
}

/*#calendar td .sidecalendar .sideblock{
margin:0;
}*/

#calendar td.sidecalendar .sideblock {
border-color:#cccccc;
padding:0px;

	
	-moz-box-shadow: 1px 1px 2px #424242; 
	-webkit-box-shadow: 1px 1px 2px #424242; 
	
	-moz-border-radius-topleft:9px; -moz-border-radius-topright:9px;
	-webkit-border-top-leftradius:9px; -webkit-border-top-rightradius:9px;
}

#calendar-view  .sideblock{
	/*margin-left:12%;*/
	border-color:#cccccc;
}
#calendar-view .cal_popup_bg {
background-color:white;
}
#calendar .sidecalendar .sideblock{
width:96%;
margin-left:4%;
}
.cal_popup_bg{
background-color:white;
}

#calendar .maincalendar, #calendar .sidecalendar{
border:none;

}

table.minicalendar tr td.weekend {
  color: orange;
  }
  
  #calendar .duration_global,
.minicalendar .duration_global {
  border-top-color:#cff689 !important;
  border-bottom-color:#cff689 !important;
}

#calendar .duration_course,
.minicalendar .duration_course {
  border-top-color:#ff9966 !important;
  border-bottom-color:#ff9966 !important;
}

#calendar .duration_course0,
.minicalendar .duration_course0 {
  border-top-color:#ff9966 !important;
  border-bottom-color:#ff9966 !important;
}

#calendar .duration_course1,
.minicalendar .duration_course1 {
  border-top-color:#0099ff !important;
  border-bottom-color:#0099ff !important;
}

#calendar .duration_course2,
.minicalendar .duration_course2 {
  border-top-color:#ffff00 !important;
  border-bottom-color:#ffff00 !important;
}

#calendar .duration_group,
.minicalendar .duration_group {
  border-top-color:#fbbb23 !important;
  border-bottom-color:#fbbb23 !important;
}

#calendar .duration_user,
.minicalendar .duration_user {
  border-top-color:#a1becb !important;
  border-bottom-color:#a1becb !important;
}

#calendar .weekend,
.minicalendar .weekend {
  color:orange;
}

table.minicalendar {
border-collapse:separate;
border-spacing:1px !important;
border-style:solid;
border-width:1px;
margin:10px auto;
padding:2px;
width:75%;
border-color:#AFAA8D;
}

.userinfobox{
	border:none; 
	margin-bottom:12px;
	
    -moz-box-shadow: 0px 1px 3px #424242; 
	-webkit-box-shadow: 0px 1px 3px #424242; 
}

.sideblock .calendar-controls { width: 50%; margin: 0 auto;}

#footer-bottom {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	height: 100%;
	background: url(images/footer/FOOTER1.png); background-repeat:no-repeat; position:center-top;

}

#footer .logininfo{
color:#424242;
/*font-size:0.9em;*/
}

.tabrow0{
/*font-size:0.90em;*/
margin-bottom:10px;
margin-top:5px;
}
ul.tabrow1 li a, ul.tabrow1 li a:link, ul.tabrow1 li a:visited{
color:#31576F;
}

element.style {
text-align: right;
}

.mod-lesson .addlinks{
/*font-size:0.9em;*/
}

#admin-roles-override .cell.c1, #admin-roles-assign .cell.c3, #admin-roles-assign .cell.c1{
/*font-size:1em;*/
}

#admin-roles-override .cell.c1, #admin-roles-assign .cell.c3, #admin-roles-assign .cell.c1{
/*font-size:1em;*/
}
/***** grupoisit/isometric.css end *****/

/***** grupoisit/isit.css start *****/

/**************************************
 * ESTILOS GENÉRICOS UTILIZADOS EN LOS CURSOS DE ISIT
 *
 * ESTILOS DEFINIDOS:
 *   - Pregunta interlección (AZUL)
 *   - Pregunta interlección FALLO (ROJO)
 *   - Pregunta interlección ACIERTO (VERDE)
 *   - NOTA (AZUL)
 *   - TRUCO (VERDE)
 *   - MAS INFORMACIÓN (AZUL-OSCURO)
 *   - RECUERDE (PLATEADO)
 *   - ADVERTENCIA (NARANJA)
 *   - GUI MENU
 *   - GUI MENUITEM
 *   - GUI SUBMENU
 *   - Comando
 *   - Resaltado
 *   - Ejemplo
 **************************************/
 
 
 /***********TABLAS DE INFORMACIÓN**************/
 /**********************************************/
 /**********************************************/

#tocbox {
height:400px;
} 
 /*********** Definimos el marco ***************/
.marco{
  margin:10px;
  position:relative; 
  }
  
 
 /***********************************************
 Cuadro de Pregunta Interleccion
***********************************************/
table.pregunta{
  width:100%;
}

table.pregunta tr td.nort-oeste{
  background: url(pix/azul/nort-oeste.png) no-repeat;
  background-position:bottom right;
  width:20px;
  height:102px;
  valign:top;
}
table.pregunta tr td.norte{
  background: url(pix/azul/norte.png) repeat-x;
  background-position: bottom left;
  color: black;
  font-weight: bold;
  font-size: x-large;
  padding-top: 15px;
  padding-left: 128px;
  width:315px;
  height:102px;
  valign:top;
}
table.pregunta tr td.norte span.imagen{
  display:block;
  width:128px;
  height:128px;
  position:absolute;
  top:15px;
  left:5px;
  background: url(pix/pregunta.png) no-repeat;
  background-attachment:scroll;
}
table.pregunta tr td.nort-este{
  background: url(pix/azul/nort-este.png) no-repeat;
  background-position: bottom left;
  width:20px;
  height:102px;
  valign:top;
}
table.pregunta tr td.oeste{
  background: url(pix/azul/oeste.png) repeat-y;
  background-position: top right;
  min-height:200;
  width:20px;
  valign:top;
}
table.pregunta tr td.centro{
  background: url(pix/azul/centro.png) repeat;
  background-position: top left;
  min-height:200;
  background-color: #E7AA05;
  padding-left:128px;
  color: white;
  font-size: large;
  valign:top;
  text-align: justify;
}
table.pregunta tr td.centro a{
  color:#FF9999;
}

table.pregunta tr td.este{
  background: url(pix/azul/este.png) repeat-y;
  background-position: top left;
  width:20px;
  valign:top;
}
table.pregunta tr td.sur-oeste{
  background: url(pix/azul/sur-oeste.png) no-repeat;
  background-position: top right;
  width:20px;
  height:28px;
  valign:top;
}
table.pregunta tr td.sur{
  background: url(pix/azul/sur.png) repeat-x;
  background-position: top left;
  width:315px;
  height:28px;
  valign:top;
}
table.pregunta tr td.sur-este{
  background: url(pix/azul/sur-este.png) no-repeat;
  background-position: top left;
  width:20px;
  height:28px;
  valign:top;
}
/***********************************************
 Pregunta Interlección FALLO
***********************************************/
table.error{
  width:100%;
}

table.error tr td.nort-oeste{
  background: url(pix/rojo/nort-oeste.png) no-repeat;
  background-position:bottom right;
  width:20px;
  height:102px;
  valign:top;
}
table.error tr td.norte{
  background: url(pix/rojo/norte.png) repeat-x;
  background-position: bottom left;
  color: black;
  font-weight: bold;
  font-size: x-large;
  padding-top: 15px;
  padding-left: 128px;
  width:315px;
  height:102px;
  valign:top;
}
table.error tr td.norte span.imagen{
  display:block;
  width:128px;
  height:128px;
  position:absolute;
  top:15px;
  left:5px;
  background: url(pix/error.png) no-repeat;
  background-attachment:scroll;
}
table.error tr td.nort-este{
  background: url(pix/rojo/nort-este.png) no-repeat;
  background-position: bottom left;
  width:20px;
  height:102px;
  valign:top;
}
table.error tr td.oeste{
  background: url(pix/rojo/oeste.png) repeat-y;
  background-position: top right;
  min-height:200;
  width:20px;
  valign:top;
}
table.error tr td.centro{
  background: url(pix/rojo/centro.png) repeat;
  background-position: top left;
  min-height:200;
  background-color: #E7AA05;
  padding-left:128px;
  color:white;
  font-size: large;
  text-align: justify;
  valign:top;
}
table.error tr td.centro a,
table.error tr td.centro a:hover{
  color:blue;
}

table.error tr td.este{
  background: url(pix/rojo/este.png) repeat-y;
  background-position: top left;
  width:20px;
  valign:top;
}
table.error tr td.sur-oeste{
  background: url(pix/rojo/sur-oeste.png) no-repeat;
  background-position: top right;
  width:20px;
  height:28px;
  valign:top;
}
table.error tr td.sur{
  background: url(pix/rojo/sur.png) repeat-x;
  background-position: top left;
  width:315px;
  height:28px;
  valign:top;
}
table.error tr td.sur-este{
  background: url(pix/rojo/sur-este.png) no-repeat;
  background-position: top left;
  width:20px;
  height:28px;
  valign:top;
}

/***********************************************
 Pregunta Interlección ACIERTO
***********************************************/
table.well{
  width:100%;
}

table.well tr td.nort-oeste{
  background: url(pix/verde/nort-oeste.png) no-repeat;
  background-position:bottom right;
  width:20px;
  height:102px;
  valign:top;
}
table.well tr td.norte{
  background: url(pix/verde/norte.png) repeat-x;
  background-position: bottom left;
  color: black;
  font-weight: bold;
  font-size: x-large;
  padding-top: 15px;
  padding-left: 128px;
  width:315px;
  height:102px;
  valign:top;
}
table.well tr td.norte span.imagen{
  display:block;
  width:128px;
  height:128px;
  position:absolute;
  top:15px;
  left:5px;
  background: url(pix/bien.png) no-repeat;
  background-attachment:scroll;
}
table.well tr td.nort-este{
  background: url(pix/verde/nort-este.png) no-repeat;
  background-position: bottom left;
  width:20px;
  height:102px;
  valign:top;
}
table.well tr td.oeste{
  background: url(pix/verde/oeste.png) repeat-y;
  background-position: top right;
  min-height:200;
  width:20px;
  valign:top;
}
table.well tr td.centro{
  background: url(pix/verde/centro.png) repeat;
  background-position: top left;
  min-height:200;
  background-color: #E7AA05;
  padding-left:128px;
  font-size: large;
  valign:top;
  text-align: justify;
}
table.well tr td.centro a,
table.well tr td.centro a:hover{
  color: blue;
}

table.well tr td.este{
  background: url(pix/verde/este.png) repeat-y;
  background-position: top left;
  width:20px;
  valign:top;
}
table.well tr td.sur-oeste{
  background: url(pix/verde/sur-oeste.png) no-repeat;
  background-position: top right;
  width:20px;
  height:28px;
  valign:top;
}
table.well tr td.sur{
  background: url(pix/verde/sur.png) repeat-x;
  background-position: top left;
  width:315px;
  height:28px;
  valign:top;
}
table.well tr td.sur-este{
  background: url(pix/verde/sur-este.png) no-repeat;
  background-position: top left;
  width:20px;
  height:28px;
  valign:top;
}

/***********************************************
 CSS - Cuadro de Información Azul oscuro - TAREA
***********************************************/
table.tarea {
  width:100%;
}

table.tarea tr td.nort-oeste{
  background: url(pix/azul-oscuro/nort-oeste.png) no-repeat;
  background-position:bottom right;
  width:20px;
  height:102px;
  valign:top;
}
table.tarea tr td.norte{
  background: url(pix/azul-oscuro/norte.png) repeat-x;
  background-position: bottom left;
  color: #583417;
  font-weight: bold;
  font-size: x-large;
  padding-top: 15px;
  padding-left: 128px;
  width:315px;
  height:102px;
  valign:top;
}
table.tarea tr td.norte span.imagen{
  display:block;
  width:128px;
  height:128px;
  position:absolute;
  top:15px;
  left:5px;
  background: url(pix/practica.png) no-repeat;
  background-attachment:scroll;
}
table.tarea tr td.nort-este{
  background: url(pix/azul-oscuro/nort-este.png) no-repeat;
  background-position: bottom left;
  width:20px;
  height:102px;
  valign:top;
}
table.tarea tr td.oeste{
  background: url(pix/azul-oscuro/oeste.png) repeat-y;
  background-position: top right;
  min-height:200;
  width:20px;
  valign:top;
}
table.tarea tr td.centro{
  background: url(pix/azul-oscuro/centro.png) repeat;
  background-position: top left;
  min-height:200;
  background-color: #E7AA05;
  padding-left:128px;
  font-size: large;
  valign:top;
  color:white;
  text-align: justify;
}
table.tarea tr td.centro p{
  color:white;
}
table.tarea tr td.centro a{
  color:#FF9999;
}

table.tarea tr td.este{
  background: url(pix/azul-oscuro/este.png) repeat-y;
  background-position: top left;
  width:20px;
  valign:top;
}
table.tarea tr td.sur-oeste{
  background: url(pix/azul-oscuro/sur-oeste.png) no-repeat;
  background-position: top right;
  width:20px;
  height:28px;
  valign:top;
}
table.tarea tr td.sur{
  background: url(pix/azul-oscuro/sur.png) repeat-x;
  background-position: top left;
  width:315px;
  height:28px;
  valign:top;
}
table.tarea tr td.sur-este{
  background: url(pix/azul-oscuro/sur-este.png) no-repeat;
  background-position: top left;
  width:20px;
  height:28px;
  valign:top;
}

/***********************************************
 Cuadro AZUL NOTAS
***********************************************/
table.note{
  width:100%;
}

table.note tr td.nort-oeste{
  background: url(pix/azul/nort-oeste.png) no-repeat;
  background-position:bottom right;
  width:20px;
  height:102px;
  valign:top;
}
table.note tr td.norte{
  background: url(pix/azul/norte.png) repeat-x;
  background-position: bottom left;
  color: #00D5F7;
  font-weight: bold;
  font-size: x-large;
  padding-top: 15px;
  padding-left: 128px;
  width:315px;
  height:102px;
  valign:top;
}
table.note tr td.norte span.imagen{
  display:block;
  width:128px;
  height:128px;
  position:absolute;
  top:15px;
  left:5px;
  background: url(pix/nota.png) no-repeat;
  background-attachment:scroll;
}
table.note tr td.nort-este{
  background: url(pix/azul/nort-este.png) no-repeat;
  background-position: bottom left;
  width:20px;
  height:102px;
  valign:top;
}
table.note tr td.oeste{
  background: url(pix/azul/oeste.png) repeat-y;
  background-position: top right;
  min-height:200;
  width:20px;
  valign:top;
}
table.note tr td.centro{
  background: url(pix/azul/centro.png) repeat;
  background-position: top left;
  min-height:200;
  background-color: #E7AA05;
  padding-left:128px;
  color: white;
  font-size: large;
  valign:top;
  text-align: justify;
}
table.note tr td.centro p,
table.note tr td.centro li{
  color:white;
}
table.note tr td.centro a{
  color:#FF9999;
}

table.note tr td.este{
  background: url(pix/azul/este.png) repeat-y;
  background-position: top left;
  width:20px;
  valign:top;
}
table.note tr td.sur-oeste{
  background: url(pix/azul/sur-oeste.png) no-repeat;
  background-position: top right;
  width:20px;
  height:28px;
  valign:top;
}
table.note tr td.sur{
  background: url(pix/azul/sur.png) repeat-x;
  background-position: top left;
  width:315px;
  height:28px;
  valign:top;
}
table.note tr td.sur-este{
  background: url(pix/azul/sur-este.png) no-repeat;
  background-position: top left;
  width:20px;
  height:28px;
  valign:top;
}

/***********************************************
 Cuadro VERDE Truco
***********************************************/
table.truco {
  width:100%;
}

table.truco tr td.nort-oeste{
  background: url(pix/verde/nort-oeste.png) no-repeat;
  background-position:bottom right;
  width:20px;
  height:102px;
  valign:top;
}
table.truco tr td.norte{
  background: url(pix/verde/norte.png) repeat-x;
  background-position: bottom left;
  color: black;
  font-weight: bold;
  font-size: x-large;
  padding-top: 15px;
  padding-left: 128px;
  width:315px;
  height:102px;
  valign:top;
}
table.truco tr td.norte span.imagen{
  display:block;
  width:128px;
  height:128px;
  position:absolute;
  top:15px;
  left:5px;
  background: url(pix/bombilla.png) no-repeat;
  background-attachment:scroll;
}
table.truco tr td.nort-este{
  background: url(pix/verde/nort-este.png) no-repeat;
  background-position: bottom left;
  width:20px;
  height:102px;
  valign:top;
}
table.truco tr td.oeste{
  background: url(pix/verde/oeste.png) repeat-y;
  background-position: top right;
  min-height:200;
  width:20px;
  valign:top;
}
table.truco tr td.centro{
  background: url(pix/verde/centro.png) repeat;
  background-position: top left;
  min-height:200;
  background-color: #E7AA05;
  padding-left:128px;
  font-size: large;
  valign:top;
  text-align: justify;
}
table.truco tr td.centro a,
table.truco tr td.centro a:hover{
  color: blue;
}

table.truco tr td.este{
  background: url(pix/verde/este.png) repeat-y;
  background-position: top left;
  width:20px;
  valign:top;
}
table.truco tr td.sur-oeste{
  background: url(pix/verde/sur-oeste.png) no-repeat;
  background-position: top right;
  width:20px;
  height:28px;
  valign:top;
}
table.truco tr td.sur{
  background: url(pix/verde/sur.png) repeat-x;
  background-position: top left;
  width:315px;
  height:28px;
  valign:top;
}
table.truco tr td.sur-este{
  background: url(pix/verde/sur-este.png) no-repeat;
  background-position: top left;
  width:20px;
  height:28px;
  valign:top;
}




/***********************************************
 Cuadro AZUL-OSCURO Información adicional
***********************************************/
table.mas {
  width:100%;
}

table.mas  tr td.nort-oeste{
  background: url(pix/azul-oscuro/nort-oeste.png) no-repeat;
  background-position:bottom right;
  width:20px;
  height:102px;
  valign:top;
}
table.mas  tr td.norte{
  background: url(pix/azul-oscuro/norte.png) repeat-x;
  background-position: bottom left;
  color: #583417;
  font-weight: bold;
  font-size: x-large;
  padding-top: 15px;
  padding-left: 128px;
  width:315px;
  height:102px;
  valign:top;
}
table.mas  tr td.norte span.imagen{
  display:block;
  width:128px;
  height:128px;
  position:absolute;
  top:15px;
  left:5px;
  background: url(pix/mas.png) no-repeat;
  background-attachment:scroll;
}
table.mas  tr td.nort-este{
  background: url(pix/azul-oscuro/nort-este.png) no-repeat;
  background-position: bottom left;
  width:20px;
  height:102px;
  valign:top;
}
table.mas  tr td.oeste{
  background: url(pix/azul-oscuro/oeste.png) repeat-y;
  background-position: top right;
  min-height:200;
  width:20px;
  valign:top;
}
table.mas  tr td.centro{
  background: url(pix/azul-oscuro/centro.png) repeat;
  background-position: top left;
  min-height:200;
  background-color: #E7AA05;
  padding-left:128px;
  font-size: large;
  valign:top;
  color:white;
  text-align: justify;
}
table.mas  tr td.centro p{
  color:white;
}
table.mas  tr td.centro a{
  color:#FF9999;
}

table.mas  tr td.este{
  background: url(pix/azul-oscuro/este.png) repeat-y;
  background-position: top left;
  width:20px;
  valign:top;
}
table.mas  tr td.sur-oeste{
  background: url(pix/azul-oscuro/sur-oeste.png) no-repeat;
  background-position: top right;
  width:20px;
  height:28px;
  valign:top;
}
table.mas  tr td.sur{
  background: url(pix/azul-oscuro/sur.png) repeat-x;
  background-position: top left;
  width:315px;
  height:28px;
  valign:top;
}
table.mas  tr td.sur-este{
  background: url(pix/azul-oscuro/sur-este.png) no-repeat;
  background-position: top left;
  width:20px;
  height:28px;
  valign:top;
}

/***********************************************
 Cuadro Plateado RECUERDE
***********************************************/
table.recuerde {
  width:100%;
}

table.recuerde  tr td.nort-oeste{
  background: url(pix/plateado/nort-oeste.png) no-repeat;
  background-position:bottom right;
  width:20px;
  height:102px;
  valign:top;
}
table.recuerde  tr td.norte{
  background: url(pix/plateado/norte.png) repeat-x;
  background-position: bottom left;
  color: black;
  font-weight: bold;
  font-size: x-large;
  padding-top: 15px;
  padding-left: 128px;
  width:315px;
  height:102px;
  valign:top;
}
table.recuerde  tr td.norte span.imagen{
  display:block;
  width:128px;
  height:128px;
  position:absolute;
  top:15px;
  left:5px;
  background: url(pix/recuerde.png) no-repeat;
  background-attachment:scroll;
}
table.recuerde  tr td.nort-este{
  background: url(pix/plateado/nort-este.png) no-repeat;
  background-position: bottom left;
  width:20px;
  height:102px;
  valign:top;
}
table.recuerde  tr td.oeste{
  background: url(pix/plateado/oeste.png) repeat-y;
  background-position: top right;
  min-height:200;
  width:20px;
  valign:top;
}
table.recuerde  tr td.centro{
  background: url(pix/plateado/centro.png) repeat;
  background-position: top left;
  min-height:200;
  color: black;
  background-color: #E7AA05;
  padding-left:128px;
  font-size: large;
  valign:top;
  text-align: justify;
}
#middle-column table.silver tr td.centro a{
  color:blue;
}
table.recuerde  tr td.centro a:hover{
  text-decoration:underline;
}
table.recuerde  tr td.este{
  background: url(pix/plateado/este.png) repeat-y;
  background-position: top left;
  width:20px;
  valign:top;
}
table.recuerde  tr td.sur-oeste{
  background: url(pix/plateado/sur-oeste.png) no-repeat;
  background-position: top right;
  width:20px;
  height:28px;
  valign:top;
}
table.recuerde  tr td.sur{
  background: url(pix/plateado/sur.png) repeat-x;
  background-position: top left;
  width:315px;
  height:28px;
  valign:top;
}
table.recuerde  tr td.sur-este{
  background: url(pix/plateado/sur-este.png) no-repeat;
  background-position: top left;
  width:20px;
  height:28px;
  valign:top;
}
/***********************************************
 Cuadro NARANJA ALERTA
***********************************************/

table.alerta {
  width:100%;
}

.marco{
  margin:10px;
  position:relative;
}

table.alerta tr td.nort-oeste{
  background: url(pix/naranja/nort-oeste.png) no-repeat;
  background-position:bottom right;
  width:20px;
  height:102px;
  valign:top;
}
table.alerta tr td.norte{
  background: url(pix/naranja/norte.png) repeat-x;
  background-position: bottom left;
  color: #7D2302;
  font-weight: bold;
  font-size: x-large;
  padding-top: 15px;
  padding-left: 128px;
  width:315px;
  height:102px;
  valign:top;
}
table.alerta tr td.norte span.imagen{
  display:block;
  width:128px;
  height:128px;
  position:absolute;
  top:15px;
  left:5px;
  background: url(pix/advertencia.png) no-repeat;
  background-attachment:scroll;
}
table.alerta tr td.nort-este{
  background: url(pix/naranja/nort-este.png) no-repeat;
  background-position: bottom left;
  width:20px;
  height:102px;
  valign:top;
}
table.alerta tr td.oeste{
  background: url(pix/naranja/oeste.png) repeat-y;
  background-position: top right;
  min-height:200;
  width:20px;
  valign:top;
}
table.alerta tr td.centro{
  background: url(pix/naranja/centro.png) repeat;
  background-position: top left;
  min-height:200;
  background-color: #E7AA05;
  padding-left:128px;
  font-size: large;
  valign:top;
  text-align: justify;
  color:#333333;
}
#middle-column table.alerta tr td a,
#middle-column table.alerta tr td a:link{
  color:#7D2302;
  font-weight:bold;
  text-decoration:underline;
}
#middle-column table.alerta a:visited{
  color:0F4400;
  text-decoration:none;
}

table.alerta tr td.este{
  background: url(pix/naranja/este.png) repeat-y;
  background-position: top left;
  width:20px;
  valign:top;
}
table.alerta tr td.sur-oeste{
  background: url(pix/naranja/sur-oeste.png) no-repeat;
  background-position: top right;
  width:20px;
  height:28px;
  valign:top;
}
table.alerta tr td.sur{
  background: url(pix/naranja/sur.png) repeat-x;
  background-position: top left;
  width:315px;
  height:28px;
  valign:top;
}
table.alerta tr td.sur-este{
  background: url(pix/naranja/sur-este.png) no-repeat;
  background-position: top left;
  width:20px;
  height:28px;
  valign:top;
}

.guimenu{
    color: #000000;
    font-family: helvetica, arial, sans-serif;
    background-color: #DCDCDC;
    padding: 1px 3px;
    font-size: 10pt;
    border: outset 2px;
    text-decoration: none;
}

.guisubmenu{
    color: #000000;
    font-family: helvetica, arial, sans-serif;
    background-color: #DCDCDC;
    padding: 1px 3px;
    font-size: 10pt;
    border: outset 2px;
    text-decoration: none;
}


.guimenuitem{
    color: #000099;
    font-family: helvetica, arial, sans-serif;
    background-color: #DCDCDC;
    padding: 1px 3px;
    font-size: 11pt;
    border: outset 2px;
    text-decoration: none;
    font-weight:bold;
}

.comando{
   font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #FFFFFF;
	font-size: 12px;
	background-color: #000000;
	display: run-in;
	border: thin solid #0000FF;
}

.resaltado{
    color: #FF6600;
    font-weight:bold;
}

.ejemplo{
	font-style: italic;
}


/***** grupoisit/isit.css end *****/