/**************************************
 * THEME NAME: savio_hci
 *
 * Files included in this sheet:
 *
 *   savio_hci/custom_styles.css
 *   savio_hci/savio_my_moodle.css
 **************************************/

/***** savio_hci/custom_styles.css start *****/

body { margin: 0; padding: 0; background-color: #F7F6F1;}
body, td, li, input, select { font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-size : 13px; }
a:link { color: #0033CC; text-decoration: none; }
a:visited { color:#0033CC; text-decoration: none; }
a:hover { color: #00612e; text-decoration: underline; }
a.dimmed:link, a.dimmed:visited { color:#888; }
h1.main, h2.main, h3.main, h4.main, h5.main, h6.main {
  text-align: center;  text-transform: uppercase;  font-size: 18px;  padding-left: 5px;  background: none;  font-weight: normal;  font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;color: #003267;
} 

h1, h2, h3, h4 { text-align: left; font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; }
h1 { padding: 6px; background-color: #C6BDA8; border-color: #333333; color: #333333; font-size:1.2em; font-weight: bold; }
h2 { padding: 4px; background-color: #E3DFD4; border-color:#C6BDA8; font-size:1.15em; }
h3 { padding: 3px; border-color:#C6BDA8; font-size:1.1em; }
h4 { border-color:#C6BDA8; font-weight:bold; border-bottom-style: solid; border-bottom-width:1px; }
#middle-column li.activity.label h1, 
#middle-column li.activity.label h2, 
#middle-column li.activity.label h3, 
#middle-column li.activity.label h4, 
#middle-column li.activity.label h5, 
#middle-column li.activity.label h6 {padding: 0;margin: 0;font-weight: auto;background-color: transparent;border: none;color: #333;display: inline;clear: both;}
#middle-column li.activity.label h1 { background-color: transparent; font-size: xx-large; }
#middle-column li.activity.label h2 { background-color: transparent; font-size: x-large; }
#middle-column li.activity.label h3 { font-size: large; }
#middle-column li.activity.label h4 { font-size: medium; }
#middle-column li.activity.label h5 { font-size: small; }
#middle-column li.activity.label h6 { font-size: x-small; }

#intro h1,#intro h2,#intro h3,#intro h4,#intro h5,#intro h6 {padding: 0;margin: 0;font-weight: auto;background-color: transparent;border: none;color: #333;display: inline;clear: both;}
#intro h1 {font-size: medium;text-transform: uppercase;}

#middle-column li.activity.label table,#middle-column li.activity.label table tr,#middle-column li.activity.label table th,#middle-column li.activity.label table td { border: 1px solid #333;font-size: 13px;}

#middle-column li.activity.label blockquote {background: #eaeaea;padding: 0px 6px !important;border: 1px dotted #ddd;}
#content .generalboxcontent.clearfix h1,#content .generalboxcontent.clearfix h2,#content .generalboxcontent.clearfix h3,#content .generalboxcontent.clearfix h4,#content .generalboxcontent.clearfix h5,#content .generalboxcontent.clearfix h6 {padding: 0;margin: 0;font-weight: auto;background-color: #fff;border: none;color: #333;display: block;}
#content .generalboxcontent.clearfix h1 { background-color: transparent; font-size: xx-large; }
#content .generalboxcontent.clearfix h2 { background-color: transparent; font-size: x-large !important; }
#content .generalboxcontent.clearfix h3 { font-size: large; }
#content .generalboxcontent.clearfix h4 { font-size: medium; }
#content .generalboxcontent.clearfix h5 { font-size: small; }
#content .generalboxcontent.clearfix h6 { font-size: x-small; }
#content .generalboxcontent.clearfix table,
#content .generalboxcontent.clearfix table tr, 
#content .generalboxcontent.clearfix table th, 
#content .generalboxcontent.clearfix table td {border: 1px solid #333;font-size: 13px;}

#content .generalboxcontent.clearfix blockquote { background: #eaeaea;padding: 0px 6px !important;border: 1px dotted #ddd;}

th { background-color:#E3DFD4; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; }
input, select { padding: 0px; }
legend { font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-weight: normal; text-transform: uppercase; font-size: 16px; color: #444; }


th.header,td.header, div.header, .headingblock { font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-weight: bold; font-size: 0.9em; }
img.userpicture { border: 1px solid #ccc; padding: 3px; }

/***
 *** Layout
 **/
#page{margin: 0;padding: 0;background:#fff url(images/newb2.png) repeat-x;min-width: 990px;}
#layout-table #left-column, #layout-table #right-column {padding: 0px;}
#content {clear: both;width: 970px;margin: 0 auto;margin-top: -2px;}
  
.sitetopic { padding:4px; margin: 0px; }
.sitetopiccontent { border-width:1px; border-style:solid; }
.clearfix { min-width: 0; }
.clearfix:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

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

#header-home {
	height:70px;
	width: 960px;
	margin: 0 auto;
	padding-top: 16px;
}

.headermain, h1.headermain {
  float:left;
  margin-top: -3px;
  padding:0;
  border-width: 0px;
}

#utb_logo{ display: block; width: auto;} 
#utb_logo a{ display: block;height: 70px; float:left;}
#utb_logo a.first img{ border-right: 2px solid #888888;    margin-right: 13px;    padding-right: 13px;}
#utb_logo a.second{ line-height: 70px; }
#utb_logo a.second img{  }

#header-home .headermenu font { font-size:.8em; }
h1.headermain { background-color: transparent; }
.headermenu { float:right; text-align:right; }
.headermenu ul { list-style-type: none !important; }


/***
 *** Breadcrumbs
 ***/

.navbar {
	border: none;
	clear: both;
	width: 100%;
	margin: 0 auto;
	margin-top: 5px;
	padding: 3px 0px;
}

.navbar .breadcrumb {
	float:left;
	background: #003267;
	width: 100%;
	margin: 0.2em auto !important;
    font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size:.85em;
    font-weight: bold;
}

.navbar .breadcrumb ul, .navbar .navbutton ,
#mod-quiz-attempt #page .navbar .breadcrumb ul {
width: 960px !important;
margin: 0px auto;
}

#mod-quiz-attempt #page .navbar .breadcrumb {
text-align: left !important;
}

.breadcrumb ul { padding:0%; margin:0%; text-indent:0%; list-style:none; background: #003267; }
.breadcrumb li { display:inline; color: #aaa; }
.breadcrumb li a { color: #fff; }
.breadcrumb li a:hover { color: #86c9a6; text-decoration: none; }
.breadcrumb span.arrow { color: #fff; }
.breadcrumb li.first a { background: url(images/home_icon.png) no-repeat 0% 50%; padding: 0px 0px 0px 25px; }
.navbar .menu { float: right; }
.navbar .navbutton {	display: block; clear: both; margin: 0px auto; width: 960px; margin-top: 27px; text-align: right; float: none !important;}

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


table.loginbox { margin-top: 40px; }
.loginbox .header { border-width:1px; border-style:solid; border-bottom-width: 0px; }
.loginbox .content { border-top-width: 1px; border-color:#C6BDA8; }
.loginbox, .loginbox.twocolumns .loginpanel, .loginbox .subcontent { border-color:#C6BDA8; }

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

#footer {
	background: #003267;
	text-align: center;
	margin-top: 5px;
	font-size: 12px;
	width: 100%;
	padding: 10px 0;
	margin-bottom: 0px;
	color: #fff;
}

#footer a { color: #fff; text-decoration: underline; }
#footer span { display: block; clear: both; width: 100%; margin-bottom: 5px; }
#footer .logininfo {}
#footer p.helplink { margin-bottom: 0px; }
#footer .navbar { margin-top: 4em; }


/***
 *** Blocks
 ***/

#left-column .hidden .header, #right-column .hidden .header {
	border-color:#C6BDA8;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
}
 
.sideblock {
	border: 1px solid #dadada;
	-moz-border-radius:2px;
	-webkit-border-radius:2px; 
 	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.2); 
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2);
 }

.sideblock .header h2 { 
  text-transform:uppercase; 
  font-weight:200; 
  font-size:11px; 
  text-shadow:0 -1px 1px rgba(0,0,0,0.25);  
  padding-top:7px;  
  padding-bottom:7px;  
  padding-left:7px;  
  color:#fff;
  background:url(images/sideback.png) repeat-x;
  
 }

.sideblock .title { border: none; margin-top: 3px; }
.sideblock .content, .sideblock .header { border: none; }
.sideblock .content .post .head .date, .sideblock .content .post .head .name { color: #000000; }
.sideblock .header .hide-show-image { padding-top: 4px; }
.sideblock .footer {font-size:0.85em; text-align: center; margin-top: 10px; }  

#right-column .sideblock .header h2{ text-align: right; padding-right: 7px; }

/***
 *** Calendar
 ***/
 
#calendar .today, .minicalendar .today { border:1px solid !important; } 
#calendar .maincalendar table.calendarmonth td { font-size:.8em; border:1px #C6BDA8 solid !important; }
#calendar .nottoday, .minicalendar .nottoday { border:1px #C6BDA8 solid !important; }
#calendar .maincalendar table.calendarmonth th { border:1px #C6BDA8 solid !important; }
#calendar .maincalendar .calendar-controls .current { font-weight: bold; }
#calendar .sidecalendar .filters { font-size:0.75em } 
.calendarmonth, .calendarmonth td {}
table.minicalendar tr.weekdays th { font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-size:0.7em; font-weight:normal; }
table.minicalendar tr td { font-size:0.7em; }

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

table.minicalendar tr.weekdays th { border-style: none; }
table.minicalendar tr td.day { border-style: solid; border-width: 1px; }
table.minicalendar tr.weekdays th abbr { border-style: none; }
table.calendarmonth { border-collapse:separate; border-spacing:1px !important; }
table.calendarmonth tr td  { border-style: solid; border-width: 1px; }


/*QUITAR BLOCK USER MESSAGE*/
#message-user #page span.block{ display: none; }

/***
 *** Course
 ***/
 
 #layout-table #middle-column{
  vertical-align:top;
  border: none; 
  padding: 0px 3px 0px 4px;
  color: #333;
}

#layout-table #middle-column>div{
  border: 1px solid #ccc;
  padding: 8px;
  margin: 0px;
}
 
h2.headingblock {
  border:none;
  padding:5px;
  border-bottom: 2px solid #003267;
  text-transform: uppercase;
  background: none;
  text-align: right;
  font-size: 16px;
  color: #003267;
}

#layout-table #middle-column tr.section {
	border-width: 0px;
}

#layout-table #middle-column tr.section td.right,
#layout-table #middle-column tr.section td.content
{
	border-width: 0px 0px 1px 0px;
	border-style: dotted;
	border-color: #ccc;
}

#layout-table #middle-column tr.section td.content,
#layout-table #middle-column tr.section td.left
{
	padding: 0;
	margin: 0;
}

#layout-table #middle-column tr.section td.content {
	padding-bottom: 5px;
}

#layout-table #middle-column tr.section td.left {
	border-width: 0px;
	font-size: 12px;
	font-weight: bold;
	font-size: 14px;
}

.categorybox .category,
.categorybox .category {
  border-bottom: solid;
  border-width: 1px;
  padding-top: 7px;
}

#course-view .section .left {
  border-right-width: 1px;
  border-right-style: dashed;
}

#course-view .section td.content ul.section.img-text {
	/*line-height: 22px;*/
}

#course-view .section td.content ul.section.img-text li.activity.label {
	/*line-height: 16px;*/
	margin-bottom: 5px;
}

#course-view .section td.content ul.section.img-text li.activity.label span.label div{width:100%;}
#course-view .section td.content ul.section.img-text li.activity.label span.label a,
#course-view .section td.content ul.section.img-text li.activity.label span.label a:visited{color: }
.coursebox { border-color:#C6BDA8; background: #FEF9F6; }
.coursebox .info { background: #EDEAE4; }
.categoryboxcontent, .courseboxcontent { border-color:#C6BDA8; background: #FFFFFF; }
.categorybox .category, .categorybox .category { border-color: #C6BDA8; }
#course-view .section.main .content { border-color: #C6BDA8; background-color: #FFFFFF; }
#course-view .section.main .side { border-color: #C6BDA8; background-color: #FFFFFF; }
#course-view .current .right.side, #course-view .current .left.side { background-color: #EBEBEB; }
#course-view .section.hidden .content, #course-view .section.hidden .side { border-color:#C6BDA8; }
#course-view #middle-column tr.section.main.current .left.side, #course-view #middle-column tr.section.main.current .right.side { background:#EBEBEB; }
#layout-table #middle-column tr.section {	border-width: 0px; }

#middle-column td.content h3.weekdates {
	height:15px;
	position:relative; 
	text-transform:uppercase;  
	font-size:12px;  
	text-align:right;  
	float:right;
	/*width:45%;*/
	width: 98%;	
	clear: both;	
	color: #fff !important; 
	font-weight: normal !important;
	padding: 3px 5px !important; 
	margin-top: 0px;
	margin-bottom: 15px !important;
	-moz-border-radius: 3px !important;  
	-webkit-border-radius: 3px !important;
	background: #003267; 
	border: 1px solid #003267;
	clear:both;
        
}

.coursebox .info { width: 65%;}
.coursebox .summary { width: 30%;}
.info .name { font-weight: bold; }
.coursebox .info .name { font-weight: bold; font-size: 1em; padding-bottom: 5px; }

.unlist{background:#fff; padding-top:10px; padding-bottom:10px; padding-left:20px; padding-right:20px}
.unlist li{list-style-type:none; padding:0; margin:0}
.unlist li a{text-decoration:none; border: none !important;}

.tabrow0 { padding-top: 4px; } 
#course-view .section .left { font-weight: bold; font-size: 1.2em; }



/* Accessibility: only certain fonts support Unicode chars like ► in IE6 */
.arrow, .arrow_button input {
  font-family: Arial,Helvetica,sans-serif;
}

p.arrow_button input {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/*Accessibility: resizable icons. */
img.resize {
  width: 1em;
  height: 1em;
}


/***
 *** Modules: glossary
 ***/

.glossarypost div.concept h3, .glossarypost.continuous .concept { display: inline; }
.entry .concept, .entryheader .concept { margin-top: 5px; margin-bottom: 10px; }
.glossarypost.continuous { padding: 5px; }


/***
 *** Calendar
***/
 
#calendar .maincalendar, #calendar .sidecalendar, #calendar .maincalendar .event { border-color: #C6BDA8; }
#calendar .maincalendar table.calendarmonth th { border-color: #C6BDA8; }

table.calendarmonth tr td { border-color:#C6BDA8; } 
table.minicalendar { border-color:#C6BDA8; }
table.minicalendar tr.weekdays th { background-color:#FEF9F6; border-color:#C6BDA8; }
table.minicalendar tr td.day { border-color:#C6BDA8; }
table.minicalendar tr td.weekend { border-color:#C6BDA8; color: red; }

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

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

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

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

.cal_popup_fg {
  background-color:#FEF9F6;
}

.cal_popup_bg {
  border-color:#C6BDA8;
  background-color:#FEF9F6;
}

/* Colores de los tipos de eventos en el calendario */
.event_course{background:#ffc !important; border:1px solid #ccc !important; }
.event_global{background:#cff !important; border:1px solid #ccc !important; }
.event_user{background:#fff !important; border:1px solid #ccc !important; }
.event_group{background:#fcc !important; border:1px solid #ccc !important; }


/* Accessibility: only certain fonts support Unicode chars like ► in IE6 */
.arrow, .arrow_button input {
  font-family: Arial,Helvetica,sans-serif;
}

/*
span.arrow {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
} */

p.arrow_button input {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


/*Accessibility: resizable icons. */
img.resize {
  width: 1em;
  height: 1em;
}

/***
 *** Tabs
 ***/

.tabs .side {
  border-color: #C6BDA8;
}
.tabrow td {
  background:url(pix/tab/left.gif) top left no-repeat;
}
.tabrow td .tablink {
  background:url(pix/tab/right.gif) top right no-repeat;
}
.tabrow td:hover {
  background-image:url(pix/tab/left_hover.gif);
}
.tabrow td:hover .tablink {
  background-image:url(pix/tab/right_hover.gif);
}
.tabrow .last span {
  background:url(pix/tab/right_end.gif) top right no-repeat;
}
.tabrow .selected {
  background:url(pix/tab/left_active.gif) top left no-repeat;
}
.tabrow .selected .tablink {
  background:url(pix/tab/right_active.gif) top right no-repeat;
}
.tabrow td.selected:hover {
  background-image:url(pix/tab/left_active_hover.gif);
}
.tabrow td.selected:hover .tablink {
  background-image:url(pix/tab/right_active_hover.gif);
}

/***
 *** Modules: Forum
 ***/

.subscription {
	font-size: 11px;
}
 
.forumheaderlist,
.forumpost {
  border-color:#C6BDA8;
}

.forumpost .content {
  background: #FEF9F6;
}

.forumpost .left {
  background:#FEF9F6; 
}

.forumpost .topic {
  border-bottom-color: #C6BDA8;
}

.forumpost .starter {
  background:#FEF9F6; 
}

.forumheaderlist .discussion .starter {
  background:#FEF9F6; 
}

.forumheaderlist .discussion .topic.starter a {
  padding-left: 25px;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  vertical-align: center !important;
  background: url(images/forumpost.gif) left center no-repeat !important;
  /*font-size: 1.1em !important;*/
  text-transform: uppercase;
  /*font-weight: normal !important;*/
}

.forumheaderlist .discussion .picture img.userpicture {
  width: 10px !important;
  height: 10px !important; 
}

.forumheaderlist .discussion .picture img.userpicture {
  width: 20px !important;
  height: 20px !important;
  padding: 0 !important;
  border: none !important;
  float: right !important; 
}

.forumheaderlist td {
  border-color: #C6BDA8;
}

.sideblock .post .head {
  color:#FEF9F6;
}

.forumthread .unread {
  background: #FEF9F6;
}
#mod-forum-discuss .forumpost {
  background: none;
}

#mod-forum-discuss .forumpost.unread .content {
/*  border-color: #C6BDA8; */
} 

#mod-forum-discuss .forumthread .unread {
} 

#mod-forum-index .unread {
}

body#course-view .unread { background: url('images/unread-f.png') left center no-repeat; text-align: center; font-size: 10px; margin-left: 1em;padding: 0 3px; display:inline-block;min-width:20px; }
body#course-view .unread a:visited,body#course-view .unread a{color: #fff; font-weight:bold;}
/***
 *** Estilos para los Foros
 ***/

.generaltable .header a, .forumheaderlist .header a{border:none; color:#fff; font-size:12px; text-decoration:none; padding:5px}
.generaltable .header, .forumheaderlist .header, .files .header, .editcourse .header, .logtable .header{font-size:11px; text-transform:uppercase; font-weight:200; text-decoration:none; padding:5px; background:#003267 !important; color:#fff !important; border-top:1px #666 solid !important}
.generaltable td, .forumheaderlist td, .files td, .editcourse td, .logtable td{padding:5px; border:1px solid #666; background:#fff; font-size:12px; color:#404040}

table.forumpost{font-size:0.85em; margin-left:10px; margin-bottom:1px; border:none; margin-right:10px}

.forumpost .commands a{font-weight:bold;font-size:1em}
.forumpost td.left.side{padding-right:5px; background:url(images/quoter.png) no-repeat; background-position:100% 0%}
.forumpost .picture{background:none}
.forumpost .picture img{border:4px solid #fff; border-bottom:9px solid #fff; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);}

.forumpost .starter{background-color:#FFF;}

.forumpost td.content{border:3px solid #0d2a43; border-top:none; padding:1em 1em 1em 2em; background:#fff; -moz-border-radius-bottomright:4px; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px}
.forumpost td.topic{border:3px solid #0d2a43; border-bottom:none; padding:7px; background:#eee; -moz-border-radius-topright:4px; -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px}

.forumpost .subject{color:#003267; font-size:16px; font-weight:bold;}
.forumpost .author{font-size:9px; color:#666; text-transform:uppercase; font-weight:200}
.forumpost .side{background:none}

.forumheaderlist .topic {font-weight:bold; font-size:0.9em;}

.mod-forum .indent{margin-left:30px}
span.forumthread {margin-left: 40px;}

#participants{width:80%}
.generaltable, .forumheaderlist, .editcourse{background:#fff; margin-left:auto; margin-right:auto; border:1px #666 solid}

table.forumheaderlist{border:none; margin-top:10px; border-collapse:collapse; background:#fff}
table.forumheaderlist a{text-decoration:none}
table.forumheaderlist td.picture{border-left:none; border-right:none}
table.forumheaderlist td.author{border-left:none}


/***
 *** Quiz
 ***/
 
 div.quizattemptcounts {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
 }


/***
 *** Modules: glossary
 ***/

.picture,
.entryattachment,
.entryapproval {
  background-color: #E3DFD4;
 } 

.entrybox {
  border-color: #C6BDA8;
 }

.glossarypost.dictionary,
.glossarypost.fullwithauthor,
.glossarypost.fullwithoutauthor,
.glossarypost.continuous, 
.glossarypost.encyclopedia,
.glossarypost.faq {
  border-color: #C6BDA8;
  background-color: #FFFFFF;
}

.glossarycategoryheader th  {
  background-color: #F7F6F1;
}


.glossarycategoryheader h2, 
.glossarypost .concept h3 {
  background-color: #FFFFFF
}

.glossarypost div.concept h3,
.glossarypost.continuous .concept {
  display: inline;
}

/***
 *** Grade
 ***/

.grade-report-grader table#user-grades td.cell{
  position: relative;
}

.grade-report-grader table#user-grades td.cell span.gradepass {
  background-color: #C2EBBD; 
}

.grade-report-grader table#user-grades td.cell span.gradefail {
  background-color: #EBC4BD;
}

/***
 *** User
 ***/

.userinfobox {
 border-color: #C6BDA8;
}

.userinfobox .side {
 background-color: #EDEAE4;
}

.userinfobox .content {
 background-color: #FEF9F6;
}

.generalbox {
  border-color:#C6BDA8;
  background-color:#FFFFFF;
  border-width:1px; 
  border-style:solid;
  font-size: 14px;
}

.generaltable {
  border-width:1px; 
}

.generaltable a {
  font-weight: bold;
}

.generaltable,
.generaltable td {
  border:1px #C6BDA8 solid !important;
  /* background-color:#FFFFFF; */
}

div.tabledivider {
	border: none;
}

.generaltable td.cell, .generaltable th.header, .generaltable tr, .generaltable th.rowspan {
  border-color:#C6BDA8 !important;
  border-style: solid;
  border-width: 1px !important;
  border-left-width: 1px !important;
  border-top-width: 1px !important;
  border-right-width: 1px !important;
  font-size: 13px;
}

.generaltable tr th.header {
	background: #003267;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
}

.generaltable tr th.header a {
	text-decoration: underline;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
}

.grade-edit-tree .gradetreebox {border:none !important;}


/* .generaltable .r0 td.cell.c0 {
 background-color:#C6BDA8; 
} */

.generaltable .r0 {
 background-color:#FEF9F6; 
}

.generaltable .r1 {
 background-color:#F1EFEB; 
}

.generaltable .r1 td.cell.c0 {
border-color:#C6BDA8; 
/* background-color:#E3DFD4; */
}

#content .navbar {
  background-color:#C6BDA8;
/*  border-color:#666666;
  height: 20px; */
  background: url(pix/grad/bg_bread.jpg) repeat-x;
}

.sitetopiccontent {
  border-color:#C6BDA8;
  background-color:#FFFFFF;
}

.highlight {
  background-color: transparent !important;
}

.highlight2 {
  color:#C6BDA8; /* highlight missing terms in forum search */
}

.nolink span {
	color: #00612e;
}


/* Clases para los colores de las filas, para que salgan intercambiados */
.unlist{background:#fff; padding-top:10px; padding-bottom:10px; padding-left:20px; padding-right:20px}
.unlist li{list-style-type:none; padding:0; margin:0}
.unlist li a{text-decoration:none}
.oddrow{background:#eee; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc}
.teachers li a, .teachers li{font-size:10px}
.johnswitch{float:right; margin-top:4px}
.categorybox{background:#fff;  text-align:left}
.categorybox a{text-decoration:none}
.categorybox td{padding-top:5px; padding-bottom:5px; border-bottom:1px dotted #ccc}
.oddrowtd{background:#eee}
.gentableodd td{background:#eee}
.gentableoddtwo td{background:#eee !important;}

.gentableodd table tbody tr td,
.gentableodd table tbody tr,
.gentableodd table tbody,
.gentableodd table {
	border: none !important;
	border-width: 0px !important;
	border-color: #fff !important;
}

/***
 *** Roles
 ***/

.rolecap .inherit.capdefault, .rolecap .allow.capdefault {
  background-color:#E3DFD4;
}

#admin-roles-override .capcurrent {
  background-color:#E3DFD4;
}

/***
 *** Buttons
 ***/
 
#content button, #content input[type="submit"], #content input[type="button"]{
	background:#003267 !important; 
	display:inline-block !important; 
	padding:5px 10px 6px; 
	color:#fff !important;  
	text-decoration:none !important; 
	-moz-border-radius:3px !important;  
	-webkit-border-radius:3px !important;  
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.3) !important;  
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3) !important;  
	text-shadow:0 -1px 1px rgba(0,0,0,0.25) !important;  
	position:relative !important;  
	cursor:pointer !important;  
	border:2px solid #dadada !important; 
	font-size:12px !important; 
	background:#003267 url(images/btnimg.png) repeat-x !important;  
}
.navbutton button:hover, 
.navbutton input[type="submit"]:hover, 
#content button:hover, 
#content input[type="submit"]:hover, 
#content input[type="button"]:hover {
	background:#00612e url(images/btnhover.png) repeat-x !important;  
	color:#fff !important; 
}
button, input[type="submit"]:visited{top:1px !important; }
 
.navbutton input[type="submit"] { padding:1px 1px 1px !important}
 
.sideblock input[type="submit"] { padding:3px 6px 4px !important}
 
.navbutton button, .navbutton input[type="submit"], .navbutton input[type="button"]{
	background:#003267 url(images/btnimg.png) repeat-x !important;  
	display:inline-block !important;  
	padding:2px 4px 2px !important;  
	color:#fff !important; 
	text-decoration:none !important;  
	-moz-border-radius:3px !important;  
	-webkit-border-radius:3px !important;  
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5) !important;  
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5) !important;  
	text-shadow:0 -1px 1px rgba(0,0,0,0.25) !important;  
	margin-left:3px !important;  
	position:relative !important;  
	cursor:pointer !important;  
	font-size:9px !important; 
}
/***
 ***some hacks below to make the messaging pop up look okay
 ***/
#message-messages #crumbnav, #message-messages #topbar, #message-messages .topsad{ display:none}
#message-messages, #message-send{ background:#eee !important;  font-size:16px}

.sideblock .message {
	margin-top: -25px !important;
	float:right;
}
.sideblock img.userpicture {float:left;}
.sideblock .user {
	clear: both;
	float:left;
	display: block;
	margin-top: 10px;
	width: 92%;
	font-size: 0.7em;
}

.sideblock .user a {
	text-transform: capitalize;
}

.block_recent_activity.sideblock .message {
	margin-top: 5px !important;
}
/***
 *** Error message
 ***/

.errorbox {
   color:#000000;
   border: 2px solid #990000;
   background-color:#FFBFC7;
}

.errorbox .errormessage { font-weight:bold; color: #000; font-size: 1.1em;}

.errorboxcontent {
   background-color:#FFBFC7;
}

#redirect #message { font-weight:bold; }

/* Se muestra en p\E1ginas de confirmaci\F3n (S/N). */ 
#notice { background: #F7EFD9; }

/* Se muestra cuando, por ejemplo, el archivo a subir excede el tama\F1o m\E1ximo permitido, o cuando se destruye/reemplaza el archivo anterior por el nuevo. */
.notifyproblem {background: #FFBFC7; font-size: 1.1em; font-weight:bold; padding: 10px; font-weight: bold; color: #000 !important; border: 2px solid #990000 !important; margin-top: 25px;}

.notifysuccess { font-weight: bold; font-size: 1.1em; margin-top: 20px;}

/***
 *** Files
 ***/
a img.iconsmall { width:14px; height:14px; } 
.files { border:none;}
.files .icon { margin: 5px 5px 5px 0px; }
.files .iconsmall { width:16px; height:16px; margin-left:-4px; }
.files a:hover { text-decoration: underline !important;}
.files a + a{ margin-left: 9px;}
.files a + a:hover { text-decoration: none !important;}


/***
 *** Otros
 ***/
.block_course_list ul.list li div .icon {display:none;}
.block_course_list ul.list li div.column a { padding:0; padding-left:20px; background: url(pix/i/course.gif) left top no-repeat; display:inline-block; margin:3px 0px;}
.block_course_list ul.list li div.column a:hover {text-decoration:underline}
.block_recent_activity .content ul.unlist {padding-top:0px;}
.block_recent_activity .content {text-align:center;}
.block_recent_activity .content h2,
.block_recent_activity .content h3 {
	text-shadow:none; 
	color: #000; 
	font-weight: bold; 
	font-size: 1em; 
	margin-bottom:5px; 
	text-transform: none; 
	background: none;
	text-align:center;
}
.questioncategories .iconsmall { width:16px; height:16px; margin-left:-4px; }


#feedback {margin-top:15px;}

/** Cuestionario **/
#responseform div.info { background: #F7F7D7; border: 1px solid #aaa; text-align: center; padding: 7px 0px; }
#responseform div.info span.no { font-weight:bold; font-size: 27px; padding: 0px 23px; }
#responseform div.info div.grade { font-size: 12px; margin-top: 0px; }
#responseform div.content { margin-left: 5px;  margin-top: 6px; padding: 1px 5px;}
#responseform div.content div.qtext { font-weight:bold; font-size: 13px; padding: 4px 0px; }

/** Resultados del Cuestionario **/
#mod-quiz-review table.quizreviewsummary { font-size: 14px; }
#mod-quiz-review table.quizreviewsummary td, table.quizreviewsummary th { font-size: 13px; }
#mod-quiz-review table.quizreviewsummary td.cell { border: none !important; border-color: #fff !important; }
#mod-quiz-review div.grading { font-weight: bold; }
#mod-quiz-review div.grading div.correctness.incorrect { padding: 4px; }
#mod-quiz-review div.info { background: #F7F7D7; border: 1px solid #aaa; text-align: center; padding: 7px 0px; }
#mod-quiz-review div.info span.no { font-weight:bold; font-size: 27px; padding: 0px 23px; }
#mod-quiz-review div.info div.grade { font-size: 12px; margin-top: 0px; }
#mod-quiz-review div.content { margin-left: 5px;  margin-top: 6px; padding: 1px 5px;}
#mod-quiz-review div.content div.qtext { font-weight:bold; font-size: 13px; padding: 4px 0px; }



.early { padding-right: 135px; }

/** Listado de todos los recursos y actividades **/
/*.generalbox h2:empty { display: none; } */
.generalbox.boxaligncenter.boxwidthwide h2 { padding: 7px 7px; background: #F7F7D7; border: 1px solid #bbb; color: #222; margin-top: 0px; font-size: 14px; height: 15px; display: block; }
.generalbox.boxaligncenter.boxwidthwide h4 { display: block; border-bottom: 1px dotted #aaa; font-size: 13px; }

/** Resumen del tema del curso **/
/*td.content div.summary h1, td.content div.summary h3 { 
	text-decoration: none !important; 
	font-size: 15px !important; 
	color: #fff !important; 
	font-weight: normal !important;
	text-align: right;
	padding: 4px 5px !important; 
	margin-top: 0px;
	-moz-border-radius: 3px !important;  
	-webkit-border-radius: 3px !important;
	background: #003267; 
	border: 1px solid #003267;
}*/
td.content div.summary h1 span { text-decoration: none !important; color: #fff !important; font-size: 13px; }

/** Autoenlaces del glosario **/
a.autolink,a.autolink:visited { background: none !important; color: #003873 !important; text-decoration: none !important; }
a.autolink:hover { color: #003873 !important; }

/** Chat sin marcos ni javascript **/
#mod-chat-gui_basic h1 { background: #F7F7D7 !important; border: 1px solid #aaa; }

/** P\E1gina principal :: Listado de Cursos **/
/*#evaluaciones_box:empty , #evaluaciones:empty, #encuestas:empty { display: none; }*/
#evaluaciones_box, #evaluaciones, #encuestas { margin-bottom: 15px !important; }
#visible { margin-top: 4px; }
#invisible , #semillas  { margin-top: 25px; }
#visible h3.ui-widget-header, #invisible h3.ui-widget-header, #semillas h3.ui-widget-header { 
text-transform: uppercase; font-size: 16px; color: #003267; 
margin: 0 0 3px 0; padding: 0 0 5px 25px; 
border-bottom: 0px solid #003267;
background: url(savio/images/course.png) left center no-repeat;
}
div.coursebox.courseboxcontent.boxaligncenter.boxwidthwide { margin: 0px 0px 1px 0px; padding: 0px 0px 0px 0px; text-align: left; border:none; }
div.coursebox.courseboxcontent.boxaligncenter.boxwidthwide h2.main { margin: 0 0 0 20px; padding: 4px 0px 6px 7px; text-align: left; background: #fff;  border-bottom: 1px dotted #bbb; width: 95%; }
div.coursebox.courseboxcontent.boxaligncenter.boxwidthwide h2.main a { font-size: 13px; text-transform: none; font-weight: bold; }
div.coursebox.courseboxcontent.boxaligncenter.boxwidthwide h2.main a:hover { text-decoration: none; }

/** Icono de "Participantes" en el bloque COMUNIDAD **/
div.block_msgcomun.sideblock img.icon { margin-right: 0px; }  

/***
 *** Herramientas principales
 ***/

#pfile { float: right; margin-right: 10px; margin-top: 0px; }
#pfile img.profileimg { -moz-box-shadow: 0px 1px 6px rgba(0,0,0,0.8); -webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.8); -moz-border-radius: 2px; -webkit-border-radius: 2px;
	border: 2px solid #0f2546;
	width: 60px;
	height: 60px;	
}
#pfile a.profileimglink { float: right; display:block; }
.pfiletext { float: left; margin-right: 7px; color: #000; text-align: right; margin-top: 0px; line-height: 17px; display: block; }
.pfiletext ul { list-style-type:none; padding:0; margin:0; border: none; clear: both; float:right; display:block; background: none;}	
.pfiletext ul.toplinks { margin-top: 11px; display: block; }
.pfiletext ul.bottomlinks { margin-top: 7px;  display: block; width: 100%; }
.pfiletext li { display: block; float: left; padding:0; border: none; margin: 0 3px;  font-size: 13px; background: none; }	
.pfiletext a { color: #0033CC !important; text-decoration: none;}
.pfiletext a:hover { text-decoration: none; color:#00612e !important; }

.pfiletext li.normallink > a { background: transparent; padding-right: 0px; margin-right: 15px;}
.pfiletext li.normallink > a:hover { background: none; margin-right: 15px; }



.pfiletext li.dropdownlink > a { border: 1px solid transparent; font-weight: normal; text-decoration: none;  padding: 3px 15px 4px 4px; position: relative; z-index: 9907;
	background: #fff url(images/arrowlink.png) 98% center no-repeat;
}
.pfiletext li.dropdownlink > a:hover { text-decoration: none; color:#00612e !important;
	background: #fff url(images/arrowhover.png) 98% center no-repeat;
}
.pfiletext li.dropdownlink > a.active { z-index: 9908;	text-decoration:none; color:#00612e !important; border-color: #121212;  border-style: solid; border-bottom: none;
	background: #ededed url(images/arrowhover.png) 98% center no-repeat;
	/*-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright:4px;*/
}

.pfiletext li.dropdownlink.userprofiledropdownlink { width: 116px !important; }

.pfiletext li.dropdownlink { position: relative; z-index: 9907 !important; }

.pfiletext li.dropdownlink > div {
	position: absolute;
	z-index: 9907 !important;
	padding: 10px;
	background:#ededed;
	float: left;
	text-align: left;
	text-shadow: none;
	display: none;
	top: 113%;
	left: 0px;
	/*-webkit-box-shadow: 0px 1px 5px 0px #999;
	-moz-box-shadow: 0px 1px 5px 0px #999;
	box-shadow: 0px 1px 5px 0px #999;*/
	border: 1px solid #121212;
	/*border-left: 1px solid #121212;*/
	border-bottom: 1px solid #121212;
}

.pfiletext li.dropdownlink > div.user_tools_content { left: -96px !important; width: 190px; }
.pfiletext li.dropdownlink > div.work_tools_content { left: -124px !important; width: 200px; }
.pfiletext li.dropdownlink > div.resource_tools_content { left: -141px !important; width: 200px; }

/***
 *** Listado de Herramientas y Recursos
 ***/
.ent-first, .ent-first-horiz { clear: both; display: table; margin-bottom: 5px; margin-top: 5px; font-family: Helvetica, Arial, Tahoma !important; }
.prodimg { margin-bottom: 0px; margin-top: 4px; float: left; margin-right: 5px; position: relative; top: -4px; width: 20px;}
.ent-first table, .ent-first-horiz table { border-spacing: 0px 0px; border-width: 0px; border-collapse: collapse; empty-cells: show; }
.ent-first table td, .ent-first-horiz table td { font-size: 11px; width: 198px; background:#ededed; }
.ent-first > a, .ent-first-horiz > a { font-size: 12px; font-weight: bold; }
.ent-first-horiz  a:hover { text-decoration: underline !important; }

/***
 *** Menu Perfil de usuario
 ***/
img.profilemenuimg { width: 50px !important; height: 50px !important; border: 1px solid #efefef; }
a.profiletitle { font-weight: bold; font-size: 13px; float: left; }
a.profiletitle:hover { text-decoration: none; }

div.profilelinks { display: block; clear: both; display: table-cell; height: 115px; }
div.profilelinks ul { list-style: none; display: block; clear: both; margin: 0; padding: 0; float: left; }
div.profilelinks ul li { display: block; clear: both; margin: 3px 4px; width: 97%; }
div.profilelinks a {}
div.profilelinks a:hover { text-decoration: underline !important;}


div#image-loading-container {
	position: absolute;
	top: 120px;
	left: 50%;
	width: 240px;
	font-size: 13px;
	padding: 2px 10px 0px 10px;
	margin-left: -115px;
	z-index: 9999;
	background-color: #fff;
}

div#image-loading-container img {
	margin-left: 10px;
	margin-bottom: -3px;
}

body#message-user {
	margin: 0;
	padding: 0;
}
body#message-user #page{
	margin: 0;
	padding: 0;
	background: none;
	width: auto;
	min-width: 200px !important;
}
body#message-user #header-home,
body#message-user #image-loading-container,
body#message-user .navbar {
	display: none;
}
body#message-user #content {
	width: auto;
	margin: 0;
	padding: 0;
}
table[width=100%] {
	width: 100%;
}
body#message-user .name {
	font-size: 1.35em !important;
	font-weight: bold;
	padding-bottom: 10px;
}
body#message-user .commands {
	font-size: 0.8em;
}
body#message-user #content img.userpicture {
	margin: 0;
	padding: 0;
	border: none;
}

body#message-send, 
body#message-messages {
	background: #FFFFFF !important;
	background-color: #FFFFFF !important;
}
body#message-send a {
	font-size: 0.8em;
}
body#message-send #editing input {
	background:#003267 url(images/btnimg.png) repeat-x !important;  
	display:inline-block !important;  
	padding:2px 4px 2px !important;  
	color:#fff !important; 
	text-decoration:none !important;  
	-moz-border-radius:3px !important;  
	-webkit-border-radius:3px !important;  
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5) !important;  
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5) !important;  
	text-shadow:0 -1px 1px rgba(0,0,0,0.25) !important;  
	margin-left:3px !important;  
	position:relative !important;  
	cursor:pointer !important;  
	font-size: 10px !important;
	font-weight: bold !important;

}
body#message-send #editing input:hover {
	background:#00612e url(images/btnhover.png) repeat-x !important;  
	color:#fff !important; 
}

body#help * {
}
body#help #header-home {
	width: 500px !important;
}
body#help .headermenu,
body#help .navbutton {
	display: none !important;
}
body#help #page {
	margin: 0;
	padding: 0;
	width: 100%;
	min-width: 500px;
}
body#help #content {
	width: 80%;
	min-width: 460px;
	padding: 0;
	margin-top: 30px;
}
body#help #content h1 {
	background: #E3DFD4;
	font-style: normal;
	padding: 0.5em;
}

/*body#mod-resource-view.mod-resource object#embeddedhtml {
	margin: 0px auto !important;
	width: 970px !important;
}*/
body#mod-resource-view.mod-resource #page + p {
	margin: 0px auto !important;
	width: 970px !important;
}

/*******POPUP********/
/*ASSIGNMENT*/
#mod-assignment-submissions #page { width: auto; min-width:760px !important;}
#mod-assignment-submissions #page #content{ width: auto; max-width:960px !important; min-width:760px !important; margin:auto; }
#mod-assignment-submissions #page #content{margin:32px auto 0 auto;padding:0 !important;}
#mod-assignment-submissions #page #header-home {width:auto !important; min-width:760px !important;max-width:960px !important; }
#mod-assignment-submissions #page .navbar{ width:auto !important; min-width:760px !important;max-width:960px !important;}
#mod-assignment-submissions #page .navbar .navbutton{width:auto !important; min-width:760px !important;max-width:960px !important;}
/*QUIZ*/
#mod-quiz-reviewquestion #page,#mod-quiz-reviewquestion #page #content{  width:auto !important; min-width:640px !important;  }
#mod-quiz-reviewquestion #page #content{margin:32px auto 0 auto;padding:0 !important;}
#mod-quiz-reviewquestion #page #header-home {width:640px !important; min-width:640px !important;}
#mod-quiz-reviewquestion #page .navbar,#mod-quiz-reviewquestion #page #header-home .headermenu{ display:none;visibility: hidden;}

/*QUIZ COMMENT*/
#mod-quiz-comment #page,
#mod-quiz-comment #page #content{ width:auto !important; min-width:730px !important; background:none; }
#mod-quiz-comment #page #content{margin:32px auto 0 auto;padding:0 !important;}
#mod-quiz-comment #page #header-home {display:none;visibility: hidden;}
#mod-quiz-comment #page .navbar,
#mod-quiz-comment #page #header-home .headermenu{ display:none;visibility: hidden;}
#mod-quiz-comment #page #content form input[type='submit']{ width:70px; display:block !important; margin:auto;  }

/*MESSAGE_INDEX*/
body#message-index #page,
body#message-index #page #content{width: auto; min-width: 337px !important; min-width: 337px !important; }
body#message-index #page #header-home{width: auto; min-width: 337px !important; min-width: 337px !important;}
body#message-index #page #header-home .headermenu{ display:none;visibility: hidden;}
body#message-index #page .navbar{ width:auto !important; min-width:337px !important;max-width:337px !important;}
body#message-index #page .navbar .navbutton{width:auto !important; min-width:337px !important;max-width:337px !important;}

/*FORUM REPORT*/
#mod-forum-report #page,
#mod-forum-report #page #content{width: auto; min-width: 600px !important; min-width: 600px !important; }
#mod-forum-report #page #header-home{width: auto; min-width: 600px !important; min-width: 600px !important;}
#mod-forum-report #page #header-home .headermenu{ display:none;visibility: hidden;}
#mod-forum-report #page .navbar{ width:auto !important; min-width:337px !important;max-width:337px !important;}
#mod-forum-report #page .navbar .navbutton{width:auto !important; min-width:337px !important;max-width:337px !important;}
/***** savio_hci/custom_styles.css end *****/

/***** savio_hci/savio_my_moodle.css start *****/

#feedback {margin-top:15px;}

/** Cuestionario **/
#responseform div.info { background: #F7F7D7; border: 1px solid #aaa; text-align: center; padding: 7px 0px; }
#responseform div.info span.no { font-weight:bold; font-size: 27px; padding: 0px 23px; }
#responseform div.info div.grade { font-size: 12px; margin-top: 0px; }
#responseform div.content { margin-left: 5px;  margin-top: 6px; padding: 1px 5px;}
#responseform div.content div.qtext { font-weight:bold; font-size: 13px; padding: 4px 0px; }

.early { padding-right: 135px; }

/** Listado de todos los recursos y actividades **/
.generalbox h2 { padding: 7px 7px; background: #F7F7D7; border: 1px solid #bbb; color: #222; margin-top: 0px;  }
.generalbox h4 { border-bottom: 1px dotted #aaa; font-size: 13px; }
.generalbox h2:empty {display: none;}

/** Resumen del tema del curso **/
td.content div.summary h1, td.content div.summary h3 { text-decoration: none !important; font-size: 14px; text-align: right;
padding: 3px 5px; margin-top: 0px;
-moz-border-radius:3px !important;  
-webkit-border-radius:3px !important;
color: #fff !important; background: #003267; border: 1px solid #003267;
}
td.content div.summary h1 span { text-decoration: none !important; color: #fff !important; font-size: 13px; }

/** Chat sin marcos ni javascript **/
#mod-chat-gui_basic h1 { background: #F7F7D7 !important; border: 1px solid #aaa; }

/** Información del tutor **/
div.block_infotutor.sideblock strong { text-align: center; display: block;}

/** Página principal :: Listado de Cursos **/
#evaluaciones_box:empty , #evaluaciones:empty, #encuestas:empty { display: none; }
#evaluaciones_box, #evaluaciones, #encuestas { margin-bottom: 15px !important; }
#visible { margin-top: 4px; }
#invisible , #semillas  { margin-top: 25px; }
#visible h3.ui-widget-header, #invisible h3.ui-widget-header, #semillas h3.ui-widget-header { 
text-transform: uppercase; font-size: 16px; color: #003267; 
margin: 0 0 3px 0; padding: 0 0 5px 25px; 
border-bottom: 0px solid #003267;
background: url(savio/images/course.png) left center no-repeat;
background: url(http://lh3.ggpht.com/_Mlx4h_We-Ic/TE4JFcNnYxI/AAAAAAAAAOk/-T98B3Emetk/s800/course.png) left top no-repeat;
}
div.coursebox.courseboxcontent.boxaligncenter.boxwidthwide { margin: 0px 0px 1px 0px; padding: 0px 0px 0px 0px; text-align: left; border:none; }
div.coursebox.courseboxcontent.boxaligncenter.boxwidthwide h2.main { margin: 0 0 0 20px; padding: 4px 0px 6px 7px; text-align: left; background: #fff;  border-bottom: 1px dotted #bbb; width: 95%; }
div.coursebox.courseboxcontent.boxaligncenter.boxwidthwide h2.main a { font-size: 13px; text-transform: none; font-weight: bold; }
div.coursebox.courseboxcontent.boxaligncenter.boxwidthwide h2.main a:hover { text-decoration: none; }

#content { margin-top: -4px; padding: 0px 10px; }
.navbar .navbutton {	margin-top: 27px; }

/** Icono de "Participantes" en el bloque COMUNIDAD **/
div.block_msgcomun.sideblock img.icon { margin-right: 0px; }  




/**
 ** Contenedor de los Tabs
 **/

#theme_intro { width: 640px !important; border: 1px solid #dadada; margin-top: 5px !important; }
#theme_intro h1,
#theme_intro h2,
#theme_intro h3,
#theme_intro h4,
#theme_intro h5,
#theme_intro h6 { background: transparent !important; margin:0; padding: 0; }
#theme_intro h1 { font-size: 30px; color: #4b4740; font-weight: normal; padding-bottom:0; margin-bottom:0; padding-left: 7px; }
#theme_intro h2 { font-size: 23px; font-weight: normal; margin-top: 20px; font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; }
#theme_intro img.css-panes-content-img { float: right; margin-left: 15px; border: 1px solid #888; margin-top: 15px; }
#theme_intro img.css-panes-content-img.new-icons-img { margin-top: 30px; }
#theme_intro img.css-panes-content-img.new-functions-img { margin-top: 20px; }
#theme_intro img.css-panes-content-img.new-features-img { margin-top: 20px; }
#theme_intro p { font-size: 13px; line-height: 23px; font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;  }
#theme_intro p, #theme_intro h2 { color: #4b4740; }


/* root element for tabs  */
ul.css-tabs {  
	margin:0 !important; 
	padding:0 !important;
	height:20px;
}

/* single tab */
ul.css-tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
	float:left;
	font-size:13px;
	display:block;
	margin:5px 7px;	
	text-decoration:none;
	height:18px;
	color:#0033CC;
	font-weight: bold;
	margin-right:20px;
	position:relative;
	top:1px;	
}

ul.css-tabs a:hover {
	color:#990000;
}
	
/* selected tab */
ul.css-tabs a.current {
	color:#990000;	
	cursor:default;
}

/* tab pane */
.css-panes div {
	display:none;
	padding:15px 7px;
	min-height:320px;
}

ul.css-tabs {  
	height:35px;
	border-bottom:1px solid #888;	
}

ul.css-tabs a { 
	padding:5px 20px;	
	text-decoration:none;
	/**background-color:#003267;
	color:#fff;**/
	background-color:#ddd;
	color: #888;
	margin-right:2px;
	border:1px solid #888;	
	border-bottom:0px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright:4px;
	-webkit-border-radius-topleft: 4px;
	-webkit-border-radius-topright:4px;
	-border-radius-topleft: 4px;
	-border-radius-topright:4px;	
}

ul.css-tabs a:hover {
	background-color:#999;
	color: #fff;
	border-color:#003267;
}
	
/* selected tab */
ul.css-tabs a.current {
	background-color:#003267;	
	color: #fff;
	cursor:default;
	border-color:#003267;
}


.message .heading{ margin-top: 20px;}

/**
 ** Tooltip de las Nuevas herramientas y funciones
 **/

#new-features {
	position: relative; 
	z-index: 9999; 
	top: -35px; left: 230px; 
	width: 320px; 
	height: 325px;
	background: #fff !important; 
	color: #3e3e3e;;
	display: none;
	clear: both;
	border: 4px solid #3e3e3e;
	-moz-border-radius: 4px;
	-moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.8); 
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.8);
}

#new-features  strong {color: #3e3e3e;}

#new-features-arrow, #new-features-title, #new-features-content { display: block; clear: both; }

#new-features-content {padding: 5px 10px;}

#new-features-title { padding: 15px 10px 0px 10px; margin:0; font-weight: bold; color: #3e3e3e; display: block; font-size: 1.03em; }

a#close-tooltip {position: absolute; top: 4px; left: 305px; color: #3e3e3e; float: right; display: block; font-size: 0.9em;}
a#close-tooltip:hover { text-decoration: none;}

#new-features-arrow { position: absolute; z-index: 9999; left: 315px; top: 2px; width: 23px; height: 20px; background: url(savio/images/new-features-arrow.png) left top no-repeat; }

#search_content{ margin:5px 0; font-size: 13px; border: 1px dotted #ccc;padding: 5px 20px; background: #DCE2E9; }
#search_content span{ color: #67798D; }
#search_content input{ padding: 5px;  width:50%; border: 1px solid #98A9BD; } 


h1.mymoodle-title {
	background: none;
	border: none;
	color: #003267;
	font-size: 18pt;
	padding: 0;
	margin: 0 0px 5px 0;
	font-weight: normal;
}

table.mymoodle-course-list {
	width: 80%;
	border-collapse: collapse;
}

table.mymoodle-course-list  a{
	text-decoration: none;
}

table.mymoodle-course-list tr.mymoodle-course-list-item {
	display: block;
	margin-bottom: 10px !important;
	border: 1px dotted #c0c0c0 !important;

}
table.mymoodle-course-list tr.dimmed { background: #ECECEC; }

table.mymoodle-course-list td.mymoodle-course-info-cell,
table.mymoodle-course-list td.mymoodle-course-button-cell {
	padding: 6px 8px 12px 8px;
}

table.mymoodle-course-list td.mymoodle-course-info-cell {
	padding: 12px;
}


table.mymoodle-course-list td.mymoodle-course-button-cell a{
	background:#003267 !important; 
	display:inline-block !important; 
	padding:5px 10px 6px; 
	width: 120px !important;
	text-align: center;
	font-size: 13px !important; 
	color:#fff !important;  
	text-transform: none;
	text-decoration:none !important; 
	-moz-border-radius:3px !important;  
	-webkit-border-radius:3px !important;  
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.3) !important;  
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3) !important;  
	text-shadow:0 -1px 1px rgba(0,0,0,0.25) !important;
	position:relative !important;  
	cursor:pointer !important;  
	border:2px solid #dadada !important; 
	background:#003267 url(images/btnimg.png) repeat-x !important;
}

table.mymoodle-course-list td.mymoodle-course-button-cell a:hover {
	background:#00612e url(images/btnhover.png) repeat-x !important;  
	color:#fff !important; 
}

h4.mymoodle-course-title {
	position: relative;
	z-index: 9901;
	font-weight: normal;
	border: none;
	padding: 0px 4px 0px 20px;
	margin: 0px;
	background: url(savio/images/course-item.png) left top no-repeat;
	width: auto;
	display: inline;
	clear: both;
	max-width: 400px !important;
	height: auto;
}

h4.mymoodle-course-title.active {
	z-index: 9903;
}

h4.mymoodle-course-title.active div.mymoodle-course-info {
	z-index: 9903;
}

h4.mymoodle-course-title.active div.mymoodle-course-info * {
	z-index: 9903;
}

a.mymoodle-course-title-link {
	font-size: 13px;
	max-width: 400px !important;
	font-weight: bold;
}

div.mymoodle-course-info {
	position: absolute;
	z-index: 9902;
	top:50%;	
	left: 100%;
	background: #ededed;
	border: 1px solid #121212;
	margin: 0;
	padding: 5px 10px 10px 10px !important;
	font-size: 12px;
	color: #555;
	display: none;
	width: 148px;
}

table.activities-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

table.activities-list td {
	margin: 0;
}

tr.activity-item {
	margin: 0 !important;
	display: block;
	clear: both;
	border: none !important;
	width: 148px;
	padding: 1px 0px;
}

tr.activity-item td.name {
	margin: 0 !important;
	padding: 0 !important;
	display: block;
	float: left;
	width: 120px;
}

tr.activity-item td.count {
	margin: 0 !important;
	padding: 0 !important;
	display: block;
	float: right;
}

tr.activity-item td span {
	margin: 0;
	padding: 0;
	text-align: left;
}

tr.activity-item td span.activity-name {theme_intro
}

tr.activity-item td span.activity-count {
}

p.mymoodle-course-last-access {
	margin: 6px 0px 0px 20px;
	padding: 0;
	font-size: 11.2px;
	width: 430px;
	color: #555;
}

ul.mymoodle-teachers {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 0px;
	font-size: 12px;
	margin-left: 35px;
}

li.mymoodle-teacher-item {
	display: block;
	margin: 0; 
	padding: 0;
	margin-top: 2px;
	position: relative;
	z-index: 9902;
        float: left;
}

a.teacher-name {
	font-weight: normal;
}

div.mymoodle-teachers-container {
	display: inline;
	float: left;
	clear: both;
	width: auto;
	position: relative;
	z-index: 9903;
}

div.mymoodle-teachers-container.active {
	z-index: 9903;
}

div.mymoodle-teachers-container.active div.teacher-info {
	z-index: 9333;
}

div.mymoodle-teachers-container.active div.teacher-info * {
	z-index: 9333;
}

div.teacher-info {
	position: absolute;
	z-index: 9333;
	top: 50%;	
	left: 102%;
	background: #ededed;
	border: 1px solid #121212;
	margin: 0;
	padding: 10px !important;
	font-size: 12px;
	color: #555;
	display: none;
	width: 294px;
}

div.teacher-info p {
	display: block;
	margin: 0;
	width: 240px;
	padding: 0;
	float: right;
	text-align: left;
}

div.teacher-info img.mymoodle-teacher-img {
	float: left;
	width: 42px !important; height: 42px !important;
	margin-right: 10px;
	border: 1px solid #545454;
}

.block_online_users .listentry div.user, .block_messages .listentry div.user a{ font-size: 10px;} 
/***** savio_hci/savio_my_moodle.css end *****/