@import url(https://fonts.googleapis.com/css?family=Hind+Madurai);
		nav.navbar.first_navbar, #scorm_toc_title {
			background: #e0d1a6;
		}
		#scorm_toc_title {
			background: rgb(0, 0, 255) !important;
		}
		nav.navbar.first_navbar a {
			color: #fff;
		}
		nav.navbar.first_navbar, #scorm_toc_title {
			background-color: #046264 !important;
		}
		nav.navbar.first_navbar .dropdown-menu {
			background-color: rgba(0, 0, 0, 0);
		}
		nav.navbar.navbar-default {
			background: rgb(243, 243, 243);
		}
		nav.navbar.navbar-default ul.nav.navbar-nav.pull-right li a {
			color: rgb(68, 68, 68);
		}
		nav.navbar.navbar-default .dropdown-menu, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
			background-color: rgb(243, 243, 243);
		}
		img.logo_cabecera {
			-webkit-filter: invert(0) contrast(1) grayscale(0) saturate(1);
			-ms-filter: invert(0) contrast(1) grayscale(0) saturate(1);
			filter: invert(0) contrast(1) grayscale(0) saturate(1);
			/* visibility: hidden; */
		}
		html body, #page {
		/*	background-color: rgb(255, 255, 255); */
			font-family: Hind Madurai;
		}
		.panel-default > .panel-heading, .box.message table td.heading, .box.message .messagearea .messagerecent .singlemessage .otheruser, .block .header, #dockeditempanel .dockeditempanel_hd, h3, h3 a, h4, h4 a, .panel-default > .panel-heading .coursename a, .breadcrumb, a {
			color: #000;
		}
		/*.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
			background-color: ;
		}*/
		.block {
			background-color: rgb(243, 243, 243);
			padding: .5em;
	                border: solid;
   		        border-top-color: #00529e;
			border-left-color: #f1c950;
			border-right-color: #008373;
			border-bottom-color: #af0067;
		}
		#page .content .block_tree li p a, #page span.eventname, #page .content .list li a, .block_site_main_menu .instancename, .block_navigation .block_tree .tree_item, .block_navigation .block_tree .tree_item.branch, .block_settings .block_tree .tree_item  {
			color: #000;
		}

		.loginbox.clearfix.onecolumn {
		  /* Color de la caja del login */
		   /*   background-color: rgba(241,192,0,.75) !important; */ 
		      border: none;
		      color: #000;
		      border-radius: 12px;
		  }

		  .loginbox.onecolumn {
		      position: initial !important;
		    }


/* Arroyo */

body {
	background-position: center;
}

#color-portada {
	position: fixed;
	height:100%;
	width: 100%;
	left: 0;
	top: 0;
	opacity: .75;
	z-index: -1;
}

nav.navbar.first_navbar .container-fluid {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}

nav.navbar.first_navbar img:not([title="Imagen de Admin Usuario"]) {
/*	-webkit-filter: brightness(0) invert(1);
	-ms-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1); */
}

nav.navbar.first_navbar ul.menu img {
	-webkit-filter: none;
	-ms-filter: none;
	filter: none;
}

body#page-login-index nav.navbar.navbar-default .navbar-header.pull-left {
  position: relative;
/*	left: 50%;
	transform: translateX(-50%); */
}

/* body#page-login-index img.logo_cabecera {
	-webkit-filter: brightness(0) invert(1);
	-ms-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
} */

body#page-login-index nav.navbar.navbar-default .navbar-header.pull-right {
	display: none;
}

#page {
	height: calc(100% - 192px);
	padding: 0;
}

html body, #page #page-content {
	margin: 0;
	padding-bottom: 50px;
}

.loginbox.onecolumn {
	position: relative !important;
}

.loginbox.clearfix.onecolumn {
  border: none;
  border-radius: 12px;
	box-shadow: none !important;
	text-shadow: 0px 0px 2px rgba(243, 243, 243, 1) !important;  
}

.loginbox.clearfix.onecolumn h2 {
  text-align: left !important;
	font-weight: bold !important;
}

.loginbox.clearfix.onecolumn label:not([for="rememberusername"]) {
  font-size: 1.2em;
}

.loginbox.clearfix.onecolumn input:not([value="Iniciar sesión como invitado"]) {
  font-size: 1.5em !important;
	margin-bottom: 10px;
}

.loginbox.clearfix.onecolumn input[type="text"],
.loginbox.clearfix.onecolumn input[type="password"] {
  padding: 5px !important;
	border-width: 2px;
	height: auto !important;
}

.loginbox.clearfix.onecolumn .rememberpass {
  float: none;
	margin: 10px 0;
	font-weight: bold;
}

.loginbox.clearfix.onecolumn input#loginbtn {
	margin: 0 0 25px 0;
	width: 100%;
	font-weight: bold;
}

.loginbox.clearfix.onecolumn .forgetpass {
  text-align: left;
	font-weight: bold;
}

.guestform input[type="submit"] {
  padding: 0;
	font-weight: bold;
}

body#page-login-index #page #page-footer {
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 0;
	border-top: 0;
}

@media screen and (max-height: 800px) {
	body#page-login-index #page #page-footer {
		display: none !important;
	}
}

body#page-login-index #page #page-footer p {
	margin: 0;
	padding: 15px;
}

/* CAMBIAR COLORES */

/* Colores de fondo */
#color-portada,
.loginbox.clearfix.onecolumn input[type="text"],
.loginbox.clearfix.onecolumn input[type="password"] {
/*	background-color: rgba(241,192,0, .5) !important; */ 
}

nav.navbar.first_navbar, #scorm_toc_title {
	background-color: #fff !important;
}

nav.navbar.navbar-default {
     height: 102px;
/*     background: #00529e; */
     background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(0,82,158,1) 70%);
/*	linear-gradient(90deg,#00529e 0,#f1c950 30%,#008373 70%,#af0067 100%); */
}

.loginbox.clearfix.onecolumn {
    background: #f1c950;
    margin-top: 25px;
    margin-bottom: 3px; 
}

/* Colores de texto */
nav.navbar.first_navbar, #scorm_toc_title,
.loginbox.clearfix.onecolumn,
.loginbox.clearfix.onecolumn input[type="text"],
.loginbox.clearfix.onecolumn input[type="password"],
body#page-login-index #page #page-footer p {
	/* color: #ffffff !important; */
}

.loginbox.clearfix.onecolumn input#loginbtn {
    color: #000 !important;
    background-color: #fff; 

}

body {
    background: linear-gradient(90deg,#00529e 0,#f1c950 30%,#008373 70%,#af0067 100%);
    background-image: url(/theme/campusonline/pix/mosaico_2.png) !important;
    background-size: width:50%;
    background-repeat: no-repeat !important;
    background-color: #fff !important;
    background-position-y: 200px !important;
    background-position-x: center !important;
    background-size: cover !important;
}

.forgetpass a {
    color: #000 !important;
}

body#page-login-index #page #page-footer p {
    display: none;
}

#page-login-index nav.navbar.navbar-default {
/*    display: none; */
}

body#page-login-index {
    background-image: url(/theme/campusonline/pix/logo_login.png) !important;
    background-repeat: no-repeat !important;
    background-position-x: 100% !important;
    background-size: 1000px !important;
}

.contacto {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#page-login-index .contacto {
    display: grid !important;
}

#page-login-index .first_navbar {
/*    background-color: transparent !important; */
}

.loginbox.onecolumn {
    left: 15px !important;
}

#page-course-view-topics #region-main {
    background-color: rgba(255, 255, 255, 0.75);
}

header#page-header {
    margin-top: -18px;
    border-bottom: 2px solid #000;
    height: 45px;
}

.navbar-brand {
    height: 90px !important;
}

#page-footer {
    padding: 5px 0 !important;
    color: #fff;
    border-top: 2px solid #fff !important;
    background: #00529e;
	/* linear-gradient(90deg,#00529e 0,#f1c950 30%,#008373 70%,#af0067 100%); */
}

#page-footer p {
    margin: 0px !important;
}

ul.nav.navbar-nav.pull-right {
    background-color: rgba(255, 255, 255, 1);
    padding-top: 8px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

nav.navbar.first_navbar, #scorm_toc_title {
/*    background: #00529e !important;  */
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(0,82,158,1) 70%);
/* linear-gradient(90deg,#00529e 0,#f1c950 30%,#008373 70%,#af0067 100%); */ 
    border-bottom: 2px solid #fff;

}

img.logo_cabecera {
    margin-top: 6px;
}

.initialbargroups {
    display: flex;
}

ul.initialbargroup {
    display: flex;
    list-style: none;
    margin-left: 0px;
}

#page-login-index header#page-header {
    border: none;
}

#page-login-index footer#page-footer {
    display: none !important;
}

img.logo_cabecera {
    margin-top: -1px !important; 
}

img.logo_cabecera {
    height: 102px !important;
}