/**************************************
 * THEME NAME: redroyale
 *
 * Files included in this sheet:
 *
 *   redroyale/styles.css
 **************************************/

/***** redroyale/styles.css start *****/

/* @override http://localhost/moodle19/theme/candle/styles.php */

/********************************************************
**
** Theme name: Candle
** Description: A custom theme for Moodle.
** Creation Date: 25/04/2010
** Author: Navin Dutta
** Author URI: http://www.navindutta.com
**
**
*********************************************************/
/*include the menu.css*/

.textmanual {
 color: #FFFFFF}

}


body {
  background: #ffffff;/*053765 sugerido*/
  margin: 0;
  padding: 0;
}

body, td, th, li, p {
  line-height: 1.4;
  font-size: 0.95em;
  font-family: "Helvetica";
}

#background {
 	background:#ffffff; /*A32727*/
  /*background-image: url(images/gradients/fondo.gif);background-repeat:repeat-x;  /*padding: 3%;/*back_black.png*/
}



#wrapper {
/*background: rgb(255, 255, 255);background: rgba(255, 255, 255, 0.35);  /*background: ;*/
  /*padding: 5px;*/
}

#page {
  /*background: ;*/
  padding: 5px;
}

a:link,a:visited,
.tabrow1 a:link span {
  color: #120602;
}

a:hover,a:active,
.tabrow1 a:visited span {
  color: #004C7A;/*873960 color rojo*/
}

a img {
  border:none;
}

a:active {
  outline: none;
}

/* Header */

#header-home,
#header {
  padding: 10px;
  background: #004C7A;;/* 120602*/
  color: #FFFFFF;

  -moz-border-radius-topleft: 15px;
  -webkit-border-top-left-radius: 15px;
  border-radius-top-left: 15px;

  -moz-border-radius-bottomright: 15px;
  -webkit-border-bottom-right-radius: 15px;
  border-radius-bottomright: 15px;

}

#headerblock {
  padding: 3.5% 0 3% 1.5%;
  float: left;
}

#header-home h1.headertitle {
 color: #CCB058; /*color moztaza color institucional*/
 font-size: 2.15em;
  font-weight: normal;
  margin: 0;
}

#header h1.headermain {
  font-weight: normal;
  color: #D99E29;
}

.headertag {
  font-size: 1.15em;;
  font-weight: bold;
  margin: 0;
  color: #FFF2F2;
  line-height: 0.8;
}

.headermenu {
  color: #120602;
}


.headermenu a {
  color: #FFF2F2;
}

/* Navbar */

.navbar {
  border: none;
}

/* Sideblocks */

.sideblockmenu {
  border-color:#091219;
  background: #004C7A;/* 091219*/
  font-size: 0.95em;
    color: #FFFFFF;
}

.sideblock .header {
  border-color:#091219;
  background: #004C7A;/* 091219*/
  
  /*background-image: url(images/gradients/block_black.png);background-repeat:repeat-x;*/
  -moz-border-radius-topleft: 15px;
  -webkit-border-top-left-radius: 15px;
  border-radius-top-left: 15px;

}

.sideblock .title {

}

.sideblock .title h2 {
  color: #FFFFFF;
  font-size: 0.95em;
  padding: 4px 4px 0;
}

.sideblock .content {
  background:#ffffff;/*E6E4E4*/
  border-color:#E6E4E4;
background: rgb(255, 255, 255);background: rgba(255, 255, 255, 0.35);border-bottom: 2px outset #091219;
background-image: url(images/gradients/block_content_white.png);background-repeat:repeat-x;
  -moz-border-radius-bottomright: 15px;
  -webkit-border-bottom-right-radius: 15px;
  border-radius-bottomright: 15px;

}

.sideblock .minicalendar th,
.sideblock .minicalendar td {
  font-size:0.95em;
}

#left-column .hidden .header,
#right-column .hidden .header {
  border:none;
}

.hide-show-image {
  padding-top: 6px;
}

/* Courses */

h2.headingblock {
  border-width:0 0 1px 0;
  padding-bottom:0;
  color: #120602;/*053765 color instituconal para cambiar*/
  border-color: #091219;
}

.coursebox {
  border-width:0 0 1px 0;
  padding-bottom:10px;
  border-color: #091219;
}

.categorybox {
  border:none;
}

#course-view #section-0 .side,
#course-view #section-0 .content {
  border:none;
}

#course-view .weekscss .current,
#course-view .current td.side {
  background: #120602;
  color: #FFFFFF;
}

.coursebox .info {
  width:44%;
}

.sitetopic {
  border:none;
}

/* Forum */

.forumpost {
    border-color: #091219;
}

.forumpost .topic {
  background: #E6E4E4;
}

.forumpost .left {
  background: #E6E4E4;
}

/* Tables */

.generaltable {
  border-color:#091219;
}

#tag-management-list th,
#participants th,
.quizattemptsummary th,
.course-report-outline th,
#admin-report-security-index th,
#admin-roles-override th,
#admin-roles-assign th,
#admin-blocks th,
#admin-modules th,
#grade-edit-scale-index th,
#enrol th,
#course-category th,
.editcourse th,
#admin-roles-allowoverride th,
#admin-roles-manage th,
#admin-roles-allowassign th,
#mod-wiki-index th,
#mod-survey-index th,
#mod-scorm-index th,
#mod-resource-index th,
#mod-glossary-index th,
#mod-data-index th,
#mod-chat-index th,
#mod-choice-index th,
#mod-assignment-index th,
#mod-lesson-index th,
#mod-quiz-index th,
#admin-user th,
.user-grade th,
.logtable th,
.mod-forum .generaltable th,
.forumheaderlist th,
.results th {
  border-bottom:2px solid #454545;
  padding:2px 4px;
  background:#004C7A;/* BA0B0B*/
}


#participants td,
.quizattemptsummary td,
.course-report-participation td,
.course-report-outline td,
#admin-report-security-index td,
#admin-roles-override td,
#admin-roles-assign td,
#admin-blocks td,
#admin-modules td,
#grade-edit-scale-index td,
#enrol td,
#course-category td,
.editcourse td,
#admin-roles-allowoverride td,
#admin-roles-allowassign td,
#admin-roles-manage td,
#admin-user td,
#tag-management-list td,
#mod-wiki-index td,
#mod-survey-index td,
#mod-scorm-index td,
#mod-resource-index td,
#mod-quiz-index td,
#mod-lesson-index td,
#mod-glossary-index td,
#mod-data-index td,
#mod-chat-index td,
#mod-choice-index td,
#mod-assignment-index td,
.mod-forum .generaltable td,
.forumheaderlist td {
  border-width:0 1px 0;
  border-color:#091219 !important;
  border-style: solid;
}

.forumheaderlist .discussion .starter {
  background:none;
}

.quizattemptsummary .r1 .cell,
.course-report-participation .r1 .cell,
#admin-report-security-index .r1 .cell,
#admin-roles-override .r1 .cell,
#admin-blocks .r1 .cell,
#admin-modules .r1 .cell,
#grade-edit-scale-index .r1 .cell,
#enrol .r1 .cell,
#admin-roles-allowoverride .r1 .cell,
#admin-roles-allowassign .r1 .cell,
#admin-roles-manage .r1 .cell,
#admin-roles-assign .r1 .cell,
#admin-user .r1 .cell,
#tag-management-list .r1 .cell,
#mod-wiki-index .r1 .cell,
#mod-survey-index .r1 .cell,
#mod-scorm-index .r1 .cell,
#mod-quiz-index .r1 .cell,
#mod-lesson-index .r1 .cell,
#mod-glossary-index .r1 .cell,
#mod-data-index .r1 .cell,
#mod-chat-index .r1 .cell,
#mod-choice-index .r1 .cell,
#mod-assignment-index .r1 .cell,
.mod-forum .generaltable .r1 .cell,
.forumheaderlist .r1 {
  background:#BA9191;
}

/* User */

.userinfobox {
  border:none;
}

body#course-user .section {
  border-color:#A32727;/*color rojo */
}
.userinfobox .content {
  border:2px solid #D99E29;
  background:#BA9191;
}

#user-grade th {
  padding:3px 10px;
}

.blogpost.blogdraft .content {
  background-color:#FFFFFF;
}


/* Chat */

.mod-chat-gui_header_js #wrapper,
.mod-chat-gui_header_js {
  background: none !important;
}

/* Padding Hack */

.mod-forum #content,
.mod-choice #content,
.mod-assignment #content,
.mod-survey #content {
  padding: 10px;}


/*stretch the css image hack*/
.stretch {
    width:100%;
    height:100%;
}


/*Menu css below*/

#menubox {
	margin-top: 3px;
	background: #CCB058;/* A32727 *//*el color colocado es mostaza el color institucional*/
	}

#cssmenu {
	margin: 0;
	padding: 0;
	position: relative;
}

#cssmenu ul {
	margin: 0;
	padding: 0;
}

#cssmenu li {
	/*background: url(images/mainnav-sep.gif) repeat-y right;*/
	cursor: pointer;
	display: block;
	float: left;
	margin: 0 2px;
	padding: 0 14px 0 0;
	position: relative;
}

#cssmenu li ul {
	position: absolute; /* second-level lists */
	z-index: 99;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	height: auto;
	width: 10.9em;
}

#cssmenu li ul ul {
	margin: -2.2em 0 0 10.8em; /* third-and-above-level lists */
}

#cssmenu li li {
	padding: 0 1em 0 0;
	margin: 0;
	width: 10.8em;
}

#cssmenu ul a {
	width: 10.6em;
}

#cssmenu li:hover ul ul, #cssmenu li:hover ul ul ul,
#cssmenu li.sfhover ul ul, #cssmenu li.havechildsfhover ul ul, #cssmenu li.havechild-activesfhover ul ul, #cssmenu li.activesfhover ul ul,
#cssmenu li.sfhover ul ul ul, #cssmenu li.havechildsfhover ul ul ul, #cssmenu li.havechild-activesfhover ul ul ul, #cssmenu li.activesfhover ul ul ul {
	left: -999em;
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
#cssmenu li:hover ul, #cssmenu li li:hover ul, #cssmenu li li li:hover ul,
#cssmenu li.sfhover ul, #cssmenu li.havechildsfhover ul, #cssmenu li.havechild-activesfhover ul, #cssmenu li.activesfhover ul,
#cssmenu li li.sfhover ul, #cssmenu li li.havesubchildsfhover ul, #cssmenu li li.havesubchild-activesfhover ul, #cssmenu li li.activesfhover ul,
#cssmenu li li li.sfhover ul, #cssmenu li li li.havesubchildsfhover ul, #cssmenu li li li.havesubchild-activesfhover ul, #cssmenu li li li.activesfhover ul {
	left: 0;
}

/* STYLING THE MENU
-----------------------------------*/
/* 1st level */
#cssmenu li a {
	color: #004C7A;/*fff*/
	display: block;
	font-size: 92%;
	line-height: 30px;
	padding: 0 0 0 15px;
	text-decoration: none;
	text-transform: uppercase;
}

#cssmenu a span {
	display:block;
	line-height:30px;
	padding:0 15px 0 0;

}

#cssmenu li a:hover,
#cssmenu li a:active,
#cssmenu li a:focus {
	color: #CCCCCC;
	/*background: url(images/mainnav-hover.gif) repeat-x left center;*/
}

#cssmenu li:hover a,
#cssmenu li.sfhover a,
#cssmenu li.havechildsfhover a,
#cssmenu li.havechild-activesfhover a {
	/*background: url(images/mainnav-hover.gif) repeat-x left center;*/
	color: #FFFFFF;
}

#cssmenu li:hover a span,
#cssmenu li.sfhover a span,
#cssmenu li.havechildsfhover a span,
#cssmenu li.havechild-activesfhover a span{
	/*background: url(images/mainnav-hover.gif) no-repeat right center;*/
}

#cssmenu li a.active,
#cssmenu li a.active:hover,
#cssmenu li a.active:active,
#cssmenu li a.active:focus {
	/*background: url(images/mainnav-hover.gif) repeat-x left center;*/
	color: #FFFFFF;
}

#cssmenu a:hover span,
#cssmenu a:active span,
#cssmenu a:focus span {
	/*background: url(images/mainnav-hover.gif) repeat-x right center;*/
	cursor: pointer;
}

#cssmenu li.active a,
#cssmenu li.active a:hover,
#cssmenu li.active a:active,
#cssmenu li.active a:focus {
	/*background: url(images/mainnav-active.gif) no-repeat left center;*/
	color: #FFFFFF;
}

#cssmenu li.active a span,
#cssmenu li.active a:hover span,
#cssmenu li.active a:active span,
#cssmenu li.active a:focus span {
	/*background: url(images/mainnav-active.gif) no-repeat right center;*/
	cursor: pointer;
}

/* 2nd level and above */
#cssmenu li ul {
	background: #E5C13D;/* A32727*/ /*EBD06A  CCB058*/
	border: 1px solid #5A5A5A;/*color plomo*/
	/*border-top: none;*/
	top: 27px;
}

#cssmenu li ul ul {
	border: 1px solid #333333;/*un poc mas plomo tipo lapiz*/
}

#cssmenu li ul li {
	border-top: 1px solid #5A5A5A;/*color plomo*/
	border-right: none;
	background: none;
}

#cssmenu li ul a {
	border-right: none;
	margin: 0;
	background: none !important;
	text-transform: none;
	font-weight: normal;
	/*white-space: nowrap;*/
	height: auto;
	line-height: normal;
	color: #eee !important;
}

#cssmenu li ul a span {
	background: none !important;
}

#cssmenu li.havesubchild,
#cssmenu li.havesubchild-active {
	background: url(images/arrow-1.gif) no-repeat 95% 50%;
}

#cssmenu li ul a:hover,
#cssmenu li ul a:active,
#cssmenu li ul a:focus,
#cssmenu ul li:hover,
#cssmenu ul li.sfhover,
#cssmenu ul li.havesubchildsfhover,
#cssmenu ul li.havesubchild-activesfhover,
#cssmenu ul ul li:hover,
#cssmenu ul ul li.sfhover,
#cssmenu ul ul li.havesubchildsfhover,
#cssmenu ul ul li.havesubchild-activesfhover {
	background: #004C7A;/* 120602*/
	color: #FFFFFF !important;
}

#cssmenu ul li a.active {
	background: none !important;
	font-weight: bold !important;
}

#cssmenu ul li a.active:hover,
#cssmenu ul li a.active:active,
#cssmenu ul li a.active:focus {
	color: #FFFFFF !important;
}






/* Profile block */



.header-profilepic {

  text-align:right;
  margin: 5px;
  width: 80px;
  height: 80px;
  border: 5px solid #FFF2F2;

}

.header-profileblock {
  float:right;
  text-align:right;
  position: absolute;
  right: 70px;
  padding: 5px;

}

.header-profilename {

  text-align:right;
  margin-right: 5px;

}

.header-profileoptions {
  text-align:right;
  margin-right: 5px;
  color: #FFF2F2;
}

.header-profileoptions ul li { 
padding-left: 5px;
display: inline; 
}

.header-profileoptions .loginform { 
width: 5em;
margin-left:4px;
display: inline; 
}


#footer {
 background: #E6E4E4;
 border-top: 3px solid #091219;

  -moz-border-radius-topleft: 15px;
  -webkit-border-top-left-radius: 15px;
  border-radius-top-left: 15px;

  -moz-border-radius-bottomright: 15px;
  -webkit-border-bottom-right-radius: 15px;
  border-radius-bottomright: 15px;
}


/***** redroyale/styles.css end *****/